﻿body{
    font-size:14px;
    letter-spacing:.5px;
    line-height:30px;
    font-family:'Now'
}
.container{
    max-width:1366px;
    width:100%
}
p{
    letter-spacing:.5px;
    font-family:'Now'
}
a{
    font-family:'Rubik',sans-serif;
    color:#fff
}
h1,h2,h3,h4,h5,h6{
    font-family:'Now'
}
*{
    margin:0;
    padding:0
}
ul{
    padding:0;
    margin:0
}
::placeholder{
    font-size:12px
}
.heading-sec h1{
    font-size:24px;
    color:#000;
    font-weight:700;
    text-transform:uppercase
}
span.sub_heading{
    color:#F32B56;
    font-size:18px;
    font-weight:500
}
.heading-sec img{
    margin-bottom:8px
}
.heading-sec p{
    padding:10px 0
}
.heading-sec a{
    color:#0d6efd
}
.btn.btn-primary{
    background:#F32B56;
    padding:10px 30px;
    border:0;
    border-radius:0;
    outline:none
}
.btn.btn-primary:hover{
    background:#000
}
.btn-check:focus+.btn-primary,.btn-primary:focus{
    box-shadow:none;
    outline:none
}
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{
    box-shadow:none
}
.form-control:focus{
    box-shadow:none
}
header{
    padding:0;
    position:fixed;
    width:100%;
    background-color:#fff;
    -webkit-transition:.5s;
    transition:.6s;
    -webkit-box-shadow:0 15px 10px -15px #000;
    -moz-box-shadow:0 15px 10px -15px #000;
    -ms-box-shadow:0 15px 10px -15px #000;
    box-shadow:0 15px 10px -15px #000;
    z-index:2;
    border-bottom:1px solid#efefef
}
header.sticky{
    background:#fff;
    transition:.6s
}
header.sticky .top_header{
    display:none;
    transition:.6s
}
.top_header{
    background:#3e2a0d;
    padding:2px 0
}
.contact_info ul li{
    display:inline-block;
    padding-right:10px
}
.contact_info ul li a{
    color:#fff;
    text-decoration:none;
    font-size:12px
}
.contact_info ul li a span{
    padding-right:5px
}
.logo{
    display:inline-block;
    padding:5px 0
}
.navbar_main{
    background:#000
}
.dropdown .megamenu,.navbar .megamenu{
    padding:20px 30px
}
.dropdown .has-megamenu,.navbar .has-megamenu{
    position:static!important
}
.icon-arrow:after{
    content:"❯";
    font-style:normal;
    line-height:1;
    display:inline-block;
    vertical-align:middle;
    margin-left:7px;
    margin-top:-2px;
    opacity:.3;
    font-size:80%
}
.screen-darken{
    display:block;
    height:100%;
    width:0;
    z-index:20;
    position:fixed;
    top:0;
    right:0;
    opacity:0;
    visibility:hidden;
    background-color:rgba(34,34,34,0.6);
    transition:opacity .2s linear,visibility 0.2s,width 2s ease-in
}
.screen-darken.active{
    z-index:25;
    transition:opacity .3s ease,width 0;
    opacity:1;
    width:100%;
    visibility:visible
}
li.nav-item a{
    color:#000!important;
    font-size:16px
}
@media (min-width: 992px){
    .navbar{
        padding:0
    }
    .navbar .nav-link{
        padding-left:1.5rem!important;
        padding-right:1.5rem!important
    }
    .navbar-dark .nav-link.show{
        background:rgba(255,255,255,0.12)
    }
    .navbar-light .nav-link.show{
        background:rgba(0,0,0,0.12)
    }
    .navbar-nav{
        align-items:center
    }
    .dropdown-menu li{
        position:relative
    }
    .dropdown-menu .submenu{
        display:none;
        position:absolute;
        left:100%;
        top:-7px
    }
    .dropdown-menu .submenu-left{
        right:100%;
        left:auto
    }
    .dropdown-menu>li:hover{
        background-color:#fbfbfb
    }
    .dropdown-menu>li:hover>.submenu{
        display:block
    }
    .megasubmenu{
        left:100%;
        top:0;
        min-height:100%;
        min-width:500px
    }
    .dropdown-menu-end .megasubmenu{
        left:auto;
        right:100%;
        top:0
    }
    .dropdown-menu>li:hover .megasubmenu{
        display:block
    }
    .dropdown-large{
        min-width:520px
    }
    .megamenu{
        left:0;
        right:0;
        width:80%
    }
    .nav-item.hover .dropdown-menu.animate{
        display:block;
        opacity:0;
        visibility:hidden;
        margin-top:0
    }
    .nav-item.hover .animate.fade-down{
        top:90%;
        transform:rotateX(-80deg);
        transform-origin:0 0
    }
    .nav-item.hover .animate.fade-up{
        top:90px
    }
    .nav-item.hover .dropdown-menu .animate.fade-down{
        top:0
    }
    .nav-item.hover .animate.dropdown-menu.show{
        display:block;
        transition:.4s;
        opacity:1;
        visibility:visible;
        top:100%;
        transform:rotateX(0deg)
    }
    .nav-item.hover .animate.dropdown-menu>li:hover>.megasubmenu,.nav-item.hover .animate.dropdown-menu>li:hover>.submenu{
        display:block;
        transition:.4s;
        opacity:1;
        visibility:visible;
        top:0;
        transform:rotateX(0deg)
    }
    .dropdown-menu li{
        position:relative
    }
    .dropdown-menu li.has-megasubmenu{
        position:static!important
    }
    .dropdown-menu li:hover>.dropdown-menu,.dropdown-menu li:hover>.submenu{
        display:block;
        transition:.4s;
        opacity:1;
        visibility:visible;
        top:0;
        transform:rotateX(0deg)
    }
    .dropdown-menu li:hover>.megasubmenu{
        display:block;
        transition:.4s;
        opacity:1;
        visibility:visible;
        top:0;
        transform:rotateX(0deg)
    }
    .dropdown-menu.megamenu.show ul li a{
        font-size:14px;
        text-decoration:none;
        transition:.6s;
        border-bottom:1px solid#ccc;
        display:block
    }
    .dropdown-menu.megamenu.show ul li a:hover{
        padding-left:10px;
        color:#F32B56!important;
        border-bottom:1px solid#F32B56!important
    }
    .dropdown-menu.megamenu.show ul li{
        line-height:40px
    }
    .dropdown-menu[data-bs-popper]{
        left:20%
    }
}
.navbar-styled{
    background-color:#ffca2a;
    box-shadow:0 2px 3px rgba(100,100,100,0.1);
    font-size:14px
}
.navbar-styled .navbar-toggler{
    color:rgba(0,0,0,0.5);
    border-color:rgba(0,0,0,0.1)
}
.navbar-styled .navbar-brand{
    font-weight:600;
    font-size:18px
}
.navbar-styled .navbar-nav .nav-link{
    font-weight:600;
    text-transform:uppercase;
    color:#333;
    border:2px solid transparent
}
.navbar-styled .navbar-nav .nav-item.show .nav-link,.navbar-styled .navbar-nav .nav-item:hover .nav-link{
    border-bottom:2px solid orange;
    color:#111
}
.main-banner {
    padding-top: 40px;
    height: 570px;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.navbar-styled .dropdown-menu{
    border:0;
    background-clip:initial;
    border-radius:0;
    box-shadow:0 1px 5px rgba(70,70,70,0.2)
}
.navbar-styled .dropdown-menu .dropdown-item{
    padding:.6rem 1.5rem;
    border-bottom:1px solid #f1f1f1
}
.owl-nav button:hover{
    background:var(--secondary-color)!important;
    color:#fff!important
}
section.home-slider{
    padding-top:100px
}
section.breadcrumb-img{
    padding-top:108px
}
/*.main-banner{
    padding-top:40px;
    height:570px;
    position:relative;
    z-index:1;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat
}
.home-slider .container{
    padding:0 25px
}
.main-banner .d-table{
    width:100%;
    height:100%;
    margin-top:100px
}
.main-banner .d-table-cell{
    vertical-align:middle
}
.main-banner-content{
    max-width:850px
}
.main-banner-content .btn-box .btn:first-child{
    margin-right:15px
}
.main-banner-content h1{
    margin-bottom:0;
    font-size:45px;
    text-transform:capitalize;
    font-weight:600;
    color:#000
}
.main-banner-content p{
    line-height:1.8;
    color:#121521;
    max-width:670px;
    font-size:16px;
    margin-bottom:0;
    margin-top:20px;
    color:#000
}*/
.home-slider .owl-nav button{
    position:absolute;
    right:30px;
    top:50%;
    transform:translateY(-50%) rotate(90deg);
    -webkit-transform:translateY(-50%) rotate(90deg);
    -moz-transform:translateY(-50%) rotate(90deg);
    -ms-transform:translateY(-50%) rotate(90deg);
    width:50px;
    height:50px;
    text-align:center;
    line-height:54px!important;
    font-size:30px!important;
    background:#fff!important;
    border-radius:100%;
    outline:none;
    left:auto
}
.home-slider .owl-nav button:hover{
    background:var(--primary-color)!important;
    color:#fff!important
}
.home-slider .owl-nav button i{
    line-height:18px;
    width:14px
}
.home-slider .owl-nav button.owl-prev{
    margin-top:-35px
}
.home-slider .owl-nav button.owl-next{
    margin-top:35px
}
.home-slider .owl-nav button.owl-next i{
    line-height:18px;
    width:7px
}
.item-img.three img{
    width:75%!important;
    display:table!important;
    margin:0 auto
}
.item-img.three{
    text-align:center
}
.single_banner{
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.single_banner_info{
    position:absolute;
    right:0;
    top:50%;
    padding:20px;
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:50%
}
.single_bn_title{
    font-weight:700;
    font-size:24px
}
.single_bn_link{
    position:relative;
    text-decoration:none;
    color:#000;
    font-size:18px
}
.single_bn_link::before{
    content:"";
    position:absolute;
    bottom:3px;
    height:7px;
    background-color:rgba(255,50,77,0.2);
    width:100%;
    z-index:-1
}
.single_banner:hover img{
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    opacity:.6
}
.single_banner img{
    transition:all .3s ease-in-out;
    width:100%
}
.breadcrumb{
    background:#efefef;
    padding:5px 0;
    margin-bottom:0
}
.breadcrumb li.breadcrumb-item a{
    color:#000;
    text-decoration:none
}
.owl-prev{
    color:#fff;
    font-size:18px;
    margin:10px;
    height:40px;
    width:40px;
    line-height:40px;
    border-radius:50px;
   
    background: #00000091;
    display:inline-block;
    cursor:pointer;
    transition:.7s;
    -webkit-transition:.7s;
    -moz-transition:.7s;
    -ms-transition:.7s;
    -o-transition:.7s;
    position:absolute;
    left:-7px;
    top:50%;
    text-align:center
}
.owl-prev:hover,.owl-next:hover{
  background:#F32B56;   
}
.owl-next{
    color:#fff;
    font-size:18px;
    margin:10px;
    height:40px;
    width:40px;
    line-height:40px;
    border-radius:50px;
    background: #00000091;
    display:inline-block;
    cursor:pointer;
    transition:.7s;
    -webkit-transition:.7s;
    -moz-transition:.7s;
    -ms-transition:.7s;
    -o-transition:.7s;
    position:absolute;
    right:-7px;
    top:50%;
    text-align:center
}
.owl-theme .owl-nav .disabled{
    opacity:.5;
    cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:10px
}
.owl-theme .owl-dots{
    text-align:center;
    -webkit-tap-highlight-color:transparent
}
.owl-theme .owl-dots .owl-dot{
    display:inline-block;
    zoom:1;
    *display:inline
}
.item-img.one{
    position:absolute;
    left:0;
    width:50%;
    bottom:0
}
.item-img.two{
    position:absolute;
    right:0;
    width:50%;
    bottom:0
}
.item-img.one img{
    width:100%!important
}
.item-img.two img{
    width:100%!important
}
.shape7{
    left:40%;
    right:0;
    position:absolute;
    bottom:-100px
}
.shape7 img{
    width:15%!important
}
.pattern-3{
    position:absolute;
    left:50%;
    top:50%
}
.clear-loader,.pattern-3,.video-btn-pos,.insideText{
    transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%)
}
.rotateme{
    animation-name:rotateme;
    animation-duration:40s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    -webkit-animation-name:rotateme;
    -webkit-animation-duration:40s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -moz-animation-name:rotateme;
    -moz-animation-duration:40s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
    -ms-animation-name:rotateme;
    -ms-animation-duration:40s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-timing-function:linear;
    -o-animation-name:rotateme;
    -o-animation-duration:40s;
    -o-animation-iteration-count:infinite;
    -o-animation-timing-function:linear
}
.product_flt ul#pills-tab{
    display:table;
    margin:0 auto
}
ul#pills-tab li.nav-item{
    display:inline-block;
    margin-bottom:15px
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
    color:#fff;
    background-color:#000
}
.nav-link:focus,.nav-link:hover{
    color:#000
}
.nav-pills .nav-link{
    background:0 0;
    border:0;
    border-radius:0;
    color:#000;
    font-weight:500;
    font-size:16px
}
section.aboutus_sec{
    background:#ffeef4;
    padding:50px 0
}
.about_conteent p{
    text-align:justify
}
footer{
    background:#222
}
footer:before{
    position:absolute;
    content:'';
    width:100%;
    height:auto;
    right:0;
    background:url(../image/pattern-grudge.png)
}
.footer-widgets img{
    width:60%;
    margin-bottom:20px
}
.footer-widgets p{
    color:#ddd
}
.footer-widgets{
    padding:50px 0
}
.footer-widgets ul li{
    list-style:none;
    line-height:42px
}
.footer-widgets ul li a{
    color:#ddd;
    text-decoration:none;
    border-bottom:1px dotted#525252;
    display:block;
    transition:.6s
}
.footer-widgets ul li a:hover{
    padding-left:10px
}
.widgets.contact_us{
    padding:50px 0
}
.widgets.contact_us p{
    display:flex;
    color:#ddd
}
.widgets.contact_us p span{
    padding-right:10px
}
footer h5{
    text-transform:uppercase;
    font-size:16px;
    margin-bottom:15px;
    color:#ddd
}
.copy-right{
    background:#080704;
    padding:5px 0;
    text-align:center
}
.copy-right p{
    color:#ddd;
    margin-bottom:0;
    line-height:24px
}
.copy-right p span{
    display:block;
    font-size:12px
}
.copy-right p span a{
    color:#F32B56;
    text-decoration:none
}
.social_icon ul li{
    display:inline-block;
    padding-right:5px
}
.social_icon ul li a{
    color:#fff;
    font-size:15px;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    transition:.6s;
    border-radius:50%
}
.newsletter{
    padding:30px 0;
    background:#ffeef4;
    border-radius:15px
}
.newsletter h2{
    font-size:21px;
    font-weight:600;
    font-family:'Now'
}
.newsletter p{
    font-size:14px
}
.newsletter .single .form-control{
    height:50px;
    background:#544e42 border-color: none
}
.newsletter .single .form-control:focus{
    box-shadow:none;
    border-color:#544e42
}
.newsletter .single .btn{
    min-height:50px;
    background:#544e42;
    border-radius:0;
    color:#fff;
    font-size:15px
}
.input-group.single{
    margin-top:25px
}
.shape_img [class*="ol_"]{
    position:absolute;
    z-index:1;
    pointer-events:none;
    top:610px
}
.ol_shape1{
    right:0;
    bottom:-100px
}
.ol_shape2{
    left:0;
    bottom:0
}
.ol_shape3{
    top:-100px;
    right:0
}
.ol_shape4{
    top:-50px;
    left:0
}
.ol_shape5{
    bottom:0;
    right:0
}
.ol_shape6{
    bottom:10px;
    left:0
}
.ol_shape7{
    top:50%;
    left:50%;
    -moz-transform:translateY(-50%) translateX(-50%);
    -webkittransform:translateY(-50%) translateX(-50%);
    transform:translateY(-50%) translateX(-50%)
}
.ol_shape8{
    right:0;
    bottom:-20px
}
.ol_shape9{
    left:0;
    top:-20px
}
.ol_shape10{
    top:50%;
    left:0;
    right:0;
    text-align:center;
    margin:0 auto;
    -moz-transform:translateY(-50%);
    -webkittransform:translateY(-50%);
    transform:translateY(-50%)
}
.ol_shape11{
    right:0;
    bottom:0
}
.ol_shape12{
    left:0;
    bottom:0
}
.ol_shape13{
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
    bottom:20px
}
.ol_shape13 img{
    max-width:350px
}
.about_img_cn h2{
    font-size:24px;
    padding:10px 0
}
.about_img_cn p{
    font-size:15px;
    text-align:justify-all
}
.product_info h2{
    color:#000;
    font-size:16px;
    margin-bottom:0;
    padding:12px 0;
    border-top:1px solid#ccc
}
.product_info a{
    background:#000;
    text-decoration:none;
    color:#fff;
    padding:5px 15px;
    display:inline-block;
    margin-bottom:15px
}
.product_item{
    border:1px solid#ccc;
    text-align:center;
    margin-bottom:25px
}
.product_img img{
    height:300px;
    object-fit:cover
}
span.sku{
    padding-bottom:5px;
    display:block
}
a.view-more{
    background:#111;
    display:inline-block;
    padding:1px 10px;
    color:#fff
}
.page-content h1{
    font-size:21px;
    color:#F32B56
}
.page-content h2{
    font-size:18px;
    color:#F32B56
}
.page-content h3{
    font-size:16px;
    color:#F32B56
}
.page-content p{
    line-height:32px;
    text-align:justify-all
}
.product-slider.owl-carousel.owl-loaded.owl-drag .owl-next{
    height:35px;
    width:35px;
    font-size:16px;
    line-height:35px;
    border-radius:50px;
    background:#222
}
.product-slider.owl-carousel.owl-loaded.owl-drag .owl-prev{
    height:35px;
    width:35px;
    line-height:35px;
    font-size:16px;
    border-radius:50px;
    background:#222
}
.page-content{
    margin-top:70px
}
.fixed-button{
    border-radius:50%;
    background-color:#fff;
    -webkit-box-shadow:0 3px 23px 0 rgba(12,0,46,0.15);
    -moz-box-shadow:0 3px 23px 0 rgba(12,0,46,0.15);
    box-shadow:0 3px 23px 0 rgba(12,0,46,0.15);
    width:50px;
    height:50px;
    text-align:center;
    line-height:50px;
    font-size:30px;
    position:fixed;
    bottom:20px;
    z-index:999999;
    -webkit-animation:button-updown 1s infinite alternate;
    -moz-animation:button-updown 1s infinite alternate;
    animation:button-updown 1s infinite alternate
}
.whatsapp-button{
    right:20px;
    background:#4ec95c
}
.fixed-button a{
    display:block
}
.whatsapp-button a{
    color:#fff
}
@-webkit-keyframes button-updown{
    0%{
        -webkit-transform:translateY(0px)
    }
    100%{
        -webkit-transform:translateY(-15px)
    }
}
@-moz-keyframes button-updown{
    0%{
        -moz-transform:translateY(0px)
    }
    100%{
        -moz-transform:translateY(-15px)
    }
}
@keyframes button-updown{
    0%{
        transform:translateY(0px)
    }
    100%{
        transform:translateY(-15px)
    }
}
.category_item_img{
    position:relative;
    overflow:hidden;
    transition:.6s
}
.category_item_img img{
    height:350px;
    width:100%;
    object-fit:cover;
    display:inline-grid;
    align-items:center;
    object-position:center;
    transition:.6s;
    position:relative;
    overflow:hidden
}
.category_item_img img:hover{
    transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1)
}
.category_item_info{
    text-align:left;
    border:1px solid#ccc;
    padding:10px;
    margin-bottom:20px
}
.category_item_info h3{
    font-size:16px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    padding-top:2px;
    height:40px;
    margin-bottom:0
}
.category_item_info p{
    font-size:15px;
    margin-bottom:0
}
.category_item_info a.btn.btn-primary{
    padding:6px 15px;
    font-size:14px
}
section.contact_sec {
    padding: 40px 0px;
    background-image: linear-gradient( 45deg, rgb(227 218 255) 0, rgb(232 225 255) 21%, rgb(236 234 255) 21%, rgb(234 232 255) 30%, rgb(226 231 255) 30%, rgb(241 243 255) 35%, rgb(226 237 255) 35%, rgb(248 251 255) 51%, rgb(248 252 255) 51%, rgb(239 248 255) 72%, rgb(247 245 255) 72%, rgb(243 242 255) 81%, rgb(237 238 255) 81%, rgb(236 253 255) 100%);
}
.contactus-form{
    text-align:left
}
.contactus-form .form-group{
    margin-bottom:15px
}
.contactus-form .form-control{
    border-radius:0
}
.contact-form{
    max-width:1200px;
    width:1200px;
    display:table;
    margin:0 auto;
    background:#fff;
    padding:15px
}
.contactus-intro{
    border:1px solid#ccc
}
.contactus-intro ul li{
    list-style:none;
    text-align:left;
    color:#000;
    border-bottom:1px solid#ddd;
    padding:10px 15px
}
.contactus-intro ul li:last-child{
    border-bottom:0
}
.contactus-intro ul li span{
    display:block;
    font-weight:700;
    font-size:16px
}
.contactus-intro ul li a{
    color:#000;
    text-decoration:none
}
.contactus-intro ul li p{
    display:flex;
    margin-bottom:0
}
.contactus-intro ul li i{
    line-height:2;
    margin-right:15px
}
.contactus-form{
    border:1px solid#ccc;
    padding:15px
}
.contact-form textarea.form-control{
    height:100px
}
.profile-intro-sec{
    border:1px solid#ccc
}
.profile-intro-sec ul li{
    list-style:none;
    text-align:left;
    padding:15px;
    border-bottom:1px solid#ccc
}
.profile-intro-sec ul li span{
    font-weight:600
}
.profile-full-info{
    border:1px solid#ccc;
    text-align:left;
    padding:15px;
    margin-bottom:15px
}
.profile-full-info h4{
    font-size:16px;
    font-weight:600
}
.profile-full-info li{
    list-style:none;
    transition:.6s;
    line-height:32px
}
.profile-full-info p{
    margin-bottom:0
}
.profile-full-info li i{
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    border-radius:70% 30% 30% 70% / 60% 40% 60% 40%;
    -webkit-border-radius:70% 30% 30% 70% / 60% 40% 60% 40%;
    -moz-border-radius:70% 30% 30% 70% / 60% 40% 60% 40%;
    -ms-border-radius:70% 30% 30% 70% / 60% 40% 60% 40%;
    background-color:#F32B56;
    color:#fff;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    transition:.5s;
    display:inline-block;
    font-size:11px;
    left:0;
    top:-2px
}
.profile-full-info li:hover{
    padding-left:15px
}
.list-full-info{
    margin-bottom:25px
}
.list-full-info h4{
    font-size:18px;
    font-weight:600;
    color:#F32B56
}
.list-full-info li{
    list-style:none;
    transition:.6s;
    line-height:34px
}
.list-full-info p{
    margin-bottom:0
}
.list-full-info li i{
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    border-radius:70% 30% 30% 70% / 60% 40% 60% 40%;
    -webkit-border-radius:70% 30% 30% 70% / 60% 40% 60% 40%;
    -moz-border-radius:70% 30% 30% 70% / 60% 40% 60% 40%;
    -ms-border-radius:70% 30% 30% 70% / 60% 40% 60% 40%;
    background-color:#F32B56;
    color:#fff;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    transition:.5s;
    display:inline-block;
    font-size:11px;
    left:0;
    top:-2px
}
.image-gallery ul li{
    margin-bottom:25px;
    position:relative;
    overflow:hidden
}
.image-gallery ul li img{
    transition:.6s;
    width:100%
}
.image-gallery ul li img:hover{
    -ms-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity:.5
}
.image-gallery h2{
    padding:10px 0
}
#nav-icon{
    width:30px;
    height:35px;
    position:relative;
    margin:50px auto;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer
}
#nav-icon span{
    display:block;
    position:absolute;
    height:2px;
    width:50%;
    background:#000;
    opacity:1;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
#nav-icon span:nth-child(even){
    left:50%;
    border-radius:0 9px 9px 0
}
#nav-icon span:nth-child(odd){
    left:0;
    border-radius:9px 0 0 9px
}
#nav-icon span:nth-child(1),#nav-icon span:nth-child(2){
    top:0
}
#nav-icon span:nth-child(3),#nav-icon span:nth-child(4){
    top:10px
}
#nav-icon span:nth-child(5),#nav-icon span:nth-child(6){
    top:20px
}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6){
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5){
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
#nav-icon.open span:nth-child(1){
    left:0;
    top:9px
}
#nav-icon.open span:nth-child(2){
    left:calc(50% - 5px);
    top:9px
}
#nav-icon.open span:nth-child(3){
    left:-50%;
    opacity:0
}
#nav-icon.open span:nth-child(4){
    left:100%;
    opacity:0
}
#nav-icon.open span:nth-child(5){
    left:0;
    top:19px
}
#nav-icon.open span:nth-child(6){
    left:calc(50% - 5px);
    top:19px
}
*{
    margin:0;
    padding:0
}
#nav-icon1,#nav-icon2,#nav-icon3,#nav-icon4{
    width:60px;
    height:45px;
    position:relative;
    margin:50px auto;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer
}
#nav-icon1 span,#nav-icon3 span,#nav-icon4 span{
    display:block;
    position:absolute;
    height:9px;
    width:100%;
    background:#d3531a;
    border-radius:9px;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
#nav-icon1 span:nth-child(1){
    top:0
}
#nav-icon1 span:nth-child(2){
    top:18px
}
#nav-icon1 span:nth-child(3){
    top:36px
}
#nav-icon1.open span:nth-child(1){
    top:18px;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg)
}
#nav-icon1.open span:nth-child(2){
    opacity:0;
    left:-60px
}
#nav-icon1.open span:nth-child(3){
    top:18px;
    -webkit-transform:rotate(-135deg);
    -moz-transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
#hamburger{
    background-color:transparent;
    border:none;
    cursor:pointer;
    display:flex;
    padding:0;
    right:0;
    position:fixed;
    z-index:1.0E+15
}
#hamburger .line{
    fill:none;
    stroke:#000;
    stroke-width:4;
    transition:stroke-dasharray 600ms cubic-bezier(0.4,0,0.2,1),stroke-dashoffset 600ms cubic-bezier(0.4,0,0.2,1)
}
#hamburger .line1{
    stroke-dasharray:50 207;
    stroke-width:4
}
#hamburger .line2{
    stroke-dasharray:50 40;
    stroke-width:4
}
#hamburger .line3{
    stroke-dasharray:50 207;
    stroke-width:4
}
#hamburger.open .line1{
    stroke-dasharray:90 207;
    stroke-dashoffset:-134;
    stroke-width:4
}
#hamburger.open .line2{
    stroke-dasharray:1 60;
    stroke-dashoffset:-30;
    stroke-width:4
}
#hamburger.open .line3{
    stroke-dasharray:90 207;
    stroke-dashoffset:-134;
    stroke-width:4
}
#button{
    display:inline-block;
    background-color:red;
    width:35px;
    height:35px;
    text-align:center;
    border-radius:5px;
    position:fixed;
    bottom:40px;
    right:30px;
    transition:background-color .3s,opacity .5s,visibility .5s;
    opacity:0;
    visibility:hidden;
    z-index:1000;
    color:#fff;
    font-size:18px;
    line-height:35px;
    transition:.6s;
    left:10px
}
#button:hover{
    cursor:pointer
}
#button:active{
    background-color:#555
}
#button.show{
    opacity:1;
    visibility:visible
}
div#content-more ul li{
    text-align:left
}
div#content-more h3{
    font-size:21px
}
.read-more-content h2{
    font-size:21px;
    color:#F32B56
}
.read-more-content p{
    line-height:30px;
    text-align:justify;
    letter-spacing:.5px;
    display:block
}
a.read-more-btn{
    background:#F32B56;
    display:inline-block;
    padding:10px 50px;
    color:#fff;
    font-size:16px;
    border-radius:50px;
    margin-bottom:50px;
    text-decoration:none
}



.shop-category-sec{
        overflow: hidden;
    position: relative;
}
.shop-category-sec img
{
    border: 2px solid#000;
    padding: 2px;
    overflow: hidden;
    position: relative;
    transition: 0.6s;
    width: 100%;
}
.shop-category-sec img:hover{
    transform: scale(1.2);
}
.shop-category-sec a{
    text-decoration: none;
}
.shop-category-sec h3 {
    position: relative;
    background: #fff;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 0px;
    padding: 10px 10px;
}
.read-more-content p a {
    color:#F4476C;
    }