@media only screen and (max-width:767px){.pl-xs-140{padding-left:140px!important}} @media only screen and (max-width:767px){.pl-xs-145{padding-left:145px!important}} @media only screen and (max-width:767px){.pl-xs-150{padding-left:150px!important}} @media only screen and (max-width:767px){.pl-xs-155{padding-left:155px!important}} @media only screen and (max-width:767px){.pl-xs-160{padding-left:160px!important}} @media only screen and (max-width:767px){.pl-xs-165{padding-left:165px!important}} @media only screen and (max-width:767px){.pl-xs-170{padding-left:170px!important}} @media only screen and (max-width:767px){.pl-xs-175{padding-left:175px!important}} @media only screen and (max-width:767px){.pl-xs-180{padding-left:180px!important}} @media only screen and (max-width:767px){.pl-xs-185{padding-left:185px!important}} @media only screen and (max-width:767px){.pl-xs-190{padding-left:190px!important}} @media only screen and (max-width:767px){.pl-xs-195{padding-left:195px!important}} @media only screen and (max-width:767px){.pl-xs-200{padding-left:200px!important}} .pr-0{padding-right:0px!important} .pr-5{padding-right:5px!important} .pr-10{padding-right:10px!important} .pr-15{padding-right:15px!important} .pr-20{padding-right:20px!important} .pr-25{padding-right:25px!important} .pr-30{padding-right:30px!important} .pr-35{padding-right:35px!important} .pr-40{padding-right:40px!important} .pr-45{padding-right:45px!important} .pr-50{padding-right:50px!important} .pr-55{padding-right:55px!important} .pr-60{padding-right:60px!important} .pr-65{padding-right:65px!important} .pr-70{padding-right:70px!important} .pr-75{padding-right:75px!important} .pr-80{padding-right:80px!important} .pr-85{padding-right:85px!important} .pr-90{padding-right:90px!important} .pr-95{padding-right:95px!important} .pr-100{padding-right:100px!important} .pr-105{padding-right:105px!important} .pr-110{padding-right:110px!important} .pr-115{padding-right:115px!important} .pr-120{padding-right:120px!important} .pr-125{padding-right:125px!important} .pr-130{padding-right:130px!important} .pr-135{padding-right:135px!important} .pr-140{padding-right:140px!important} .pr-145{padding-right:145px!important} .pr-150{padding-right:150px!important} .pr-155{padding-right:155px!important} .pr-160{padding-right:160px!important} .pr-165{padding-right:165px!important} .pr-170{padding-right:170px!important} .pr-175{padding-right:175px!important} .pr-180{padding-right:180px!important} .pr-185{padding-right:185px!important} .pr-190{padding-right:190px!important} .pr-195{padding-right:195px!important} .pr-200{padding-right:200px!important} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-0{padding-right:0px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-5{padding-right:5px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-10{padding-right:10px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-15{padding-right:15px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-20{padding-right:20px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-25{padding-right:25px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-30{padding-right:30px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-35{padding-right:35px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-40{padding-right:40px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-45{padding-right:45px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-50{padding-right:50px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-55{padding-right:55px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-60{padding-right:60px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-65{padding-right:65px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-70{padding-right:70px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-75{padding-right:75px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-80{padding-right:80px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-85{padding-right:85px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-90{padding-right:90px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-95{padding-right:95px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-100{padding-right:100px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-105{padding-right:105px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-110{padding-right:110px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-115{padding-right:115px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-120{padding-right:120px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-125{padding-right:125px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-130{padding-right:130px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-135{padding-right:135px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-140{padding-right:140px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-145{padding-right:145px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-150{padding-right:150px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-155{padding-right:155px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-160{padding-right:160px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-165{padding-right:165px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-170{padding-right:170px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-175{padding-right:175px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-180{padding-right:180px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-185{padding-right:185px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-190{padding-right:190px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-195{padding-right:195px!important}} @media only screen and (min-width:1200px) and (max-width:1499px){.pr-lg-200{padding-right:200px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-0{padding-right:0px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-5{padding-right:5px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-10{padding-right:10px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-15{padding-right:15px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-20{padding-right:20px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-25{padding-right:25px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-30{padding-right:30px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-35{padding-right:35px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-40{padding-right:40px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-45{padding-right:45px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-50{padding-right:50px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-55{padding-right:55px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-60{padding-right:60px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-65{padding-right:65px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-70{padding-right:70px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-75{padding-right:75px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-80{padding-right:80px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-85{padding-right:85px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-90{padding-right:90px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-95{padding-right:95px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-100{padding-right:100px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-105{padding-right:105px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-110{padding-right:110px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-115{padding-right:115px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-120{padding-right:120px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-125{padding-right:125px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-130{padding-right:130px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-135{padding-right:135px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-140{padding-right:140px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-145{padding-right:145px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-150{padding-right:150px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-155{padding-right:155px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-160{padding-right:160px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-165{padding-right:165px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-170{padding-right:170px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-175{padding-right:175px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-180{padding-right:180px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-185{padding-right:185px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-190{padding-right:190px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-195{padding-right:195px!important}} @media only screen and (min-width:992px) and (max-width:1199px){.pr-md-200{padding-right:200px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-0{padding-right:0px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-5{padding-right:5px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-10{padding-right:10px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-15{padding-right:15px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-20{padding-right:20px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-25{padding-right:25px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-30{padding-right:30px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-35{padding-right:35px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-40{padding-right:40px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-45{padding-right:45px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-50{padding-right:50px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-55{padding-right:55px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-60{padding-right:60px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-65{padding-right:65px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-70{padding-right:70px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-75{padding-right:75px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-80{padding-right:80px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-85{padding-right:85px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-90{padding-right:90px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-95{padding-right:95px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-100{padding-right:100px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-105{padding-right:105px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-110{padding-right:110px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-115{padding-right:115px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-120{padding-right:120px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-125{padding-right:125px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-130{padding-right:130px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-135{padding-right:135px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-140{padding-right:140px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-145{padding-right:145px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-150{padding-right:150px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-155{padding-right:155px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-160{padding-right:160px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-165{padding-right:165px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-170{padding-right:170px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-175{padding-right:175px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-180{padding-right:180px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-185{padding-right:185px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-190{padding-right:190px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-195{padding-right:195px!important}} @media only screen and (min-width:768px) and (max-width:991px){.pr-sm-200{padding-right:200px!important}} @media only screen and (max-width:767px){.pr-xs-0{padding-right:0px!important}} @media only screen and (max-width:767px){.pr-xs-5{padding-right:5px!important}} @media only screen and (max-width:767px){.pr-xs-10{padding-right:10px!important}} @media only screen and (max-width:767px){.pr-xs-15{padding-right:15px!important}} @media only screen and (max-width:767px){.pr-xs-20{padding-right:20px!important}} @media only screen and (max-width:767px){.pr-xs-25{padding-right:25px!important}} @media only screen and (max-width:767px){.pr-xs-30{padding-right:30px!important}} @media only screen and (max-width:767px){.pr-xs-35{padding-right:35px!important}} @media only screen and (max-width:767px){.pr-xs-40{padding-right:40px!important}} @media only screen and (max-width:767px){.pr-xs-45{padding-right:45px!important}} @media only screen and (max-width:767px){.pr-xs-50{padding-right:50px!important}} @media only screen and (max-width:767px){.pr-xs-55{padding-right:55px!important}} @media only screen and (max-width:767px){.pr-xs-60{padding-right:60px!important}} @media only screen and (max-width:767px){.pr-xs-65{padding-right:65px!important}} @media only screen and (max-width:767px){.pr-xs-70{padding-right:70px!important}} @media only screen and (max-width:767px){.pr-xs-75{padding-right:75px!important}} @media only screen and (max-width:767px){.pr-xs-80{padding-right:80px!important}} @media only screen and (max-width:767px){.pr-xs-85{padding-right:85px!important}} @media only screen and (max-width:767px){.pr-xs-90{padding-right:90px!important}} @media only screen and (max-width:767px){.pr-xs-95{padding-right:95px!important}} @media only screen and (max-width:767px){.pr-xs-100{padding-right:100px!important}} @media only screen and (max-width:767px){.pr-xs-105{padding-right:105px!important}} @media only screen and (max-width:767px){.pr-xs-110{padding-right:110px!important}} @media only screen and (max-width:767px){.pr-xs-115{padding-right:115px!important}} @media only screen and (max-width:767px){.pr-xs-120{padding-right:120px!important}} @media only screen and (max-width:767px){.pr-xs-125{padding-right:125px!important}} @media only screen and (max-width:767px){.pr-xs-130{padding-right:130px!important}} @media only screen and (max-width:767px){.pr-xs-135{padding-right:135px!important}} @media only screen and (max-width:767px){.pr-xs-140{padding-right:140px!important}} @media only screen and (max-width:767px){.pr-xs-145{padding-right:145px!important}} @media only screen and (max-width:767px){.pr-xs-150{padding-right:150px!important}} @media only screen and (max-width:767px){.pr-xs-155{padding-right:155px!important}} @media only screen and (max-width:767px){.pr-xs-160{padding-right:160px!important}} @media only screen and (max-width:767px){.pr-xs-165{padding-right:165px!important}} @media only screen and (max-width:767px){.pr-xs-170{padding-right:170px!important}} @media only screen and (max-width:767px){.pr-xs-175{padding-right:175px!important}} @media only screen and (max-width:767px){.pr-xs-180{padding-right:180px!important}} @media only screen and (max-width:767px){.pr-xs-185{padding-right:185px!important}} @media only screen and (max-width:767px){.pr-xs-190{padding-right:190px!important}} @media only screen and (max-width:767px){.pr-xs-195{padding-right:195px!important}} @media only screen and (max-width:767px){.pr-xs-200{padding-right:200px!important}} .no-gutters{margin-left:0;margin-right:0} .no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0;margin:0} 

/* /varonique_theme/static/src/css/main.css defined in bundle 'web.assets_frontend' */
  *, *::after, *::before{-webkit-box-sizing: border-box; box-sizing: border-box;} html, body{height: 100%;} body{background-color: #f5f5f5; line-height: 24px; font-size: 14px; font-style: normal; font-weight: 400; visibility: visible; font-family: "Rubik", sans-serif; color: #666666; position: relative; overflow-x: hidden; padding-top: 186px;} @media only screen and (max-width: 767px){body{padding-top: 295px;}} @media only screen and (max-width: 575px){body{padding-top: 319px;}} @media only screen and (max-width: 479px){body{padding-top: 349px;}} h1, h2, h3, h4, h5, h6{color: #222222; font-family: "Rubik", sans-serif; font-weight: 400; margin-top: 0;} h1{font-size: 36px; line-height: 42px;} h2{font-size: 30px; line-height: 36px;} h3{font-size: 24px; line-height: 30px;} h4{font-size: 18px; line-height: 24px;} h5{font-size: 14px; line-height: 18px;} h6{font-size: 12px; line-height: 14px;} p:last-child{margin-bottom: 0;} a, button{color: inherit; display: inline-block; line-height: inherit; text-decoration: none; cursor: pointer;} a, button, img, input, span{-webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} *:focus{outline: none !important;} a:focus{color: inherit; outline: none; text-decoration: none;} a:hover{text-decoration: none; color: #0fb7a6;} button, input[type="submit"]{cursor: pointer;} ul{list-style: outside none none; margin: 0; padding: 0;} .tab-content{width: 100%;} .tab-content .tab-pane{display: block; height: 0; max-width: 100%; visibility: hidden; overflow: hidden; opacity: 0;} .tab-content .tab-pane.active{height: auto; visibility: visible; opacity: 1; overflow: visible;} .onsale{background: #ffaf00; -webkit-box-shadow: none; box-shadow: none; color: #fff; font-family: Rubik, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 500; height: 24px; left: 20px; line-height: 24px; min-height: auto; min-width: 44px; padding: 0 9px; position: absolute; right: auto; text-align: center; text-shadow: none; text-transform: uppercase; top: 20px; z-index: 42; -webkit-font-smoothing: subpixel-antialiased; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .product-hover-icons{position: absolute; bottom: auto; left: 50%; margin: 0; margin-right: -50%; max-width: 90%; padding: 0; right: auto; top: 50%; z-index: 78; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .product-hover-icons a{display: inline-block; background: #0fb7a6; border: none; color: #fff; height: 43px; letter-spacing: 0; line-height: 46px; margin: 0; padding: 0; text-align: center; text-transform: none; width: 43px; border-radius: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative;} @media only screen and (max-width: 575px){.product-hover-icons a{height: 33px; width: 33px; line-height: 33px; font-size: 13px;}} .product-hover-icons a:hover{background: #d5b670;} .product-hover-icons a:hover:before, .product-hover-icons a:hover:after{visibility: visible; opacity: 1;} .product-hover-icons a.active{background: #d5b670;} .product-hover-icons a:before{content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; margin-bottom: 12px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 14px; font-weight: 400; background-color: #444444; color: #ffffff; line-height: 16px; padding: 5px 10px; border-radius: 2px; white-space: nowrap; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .product-hover-icons a:after{position: absolute; left: 50%; bottom: 100%; margin-bottom: 8px; margin-left: -4px; content: ""; border-width: 4px 4px 0 4px; border-style: solid; border-color: #444444 transparent transparent transparent; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} a.scroll-top{background: #666; width: 45px; height: 45px; border-radius: 50%; line-height: 40px; display: none; text-align: center; color: #fff; font-family: 'FontAwesome'; position: fixed; right: 25px; bottom: 25px; z-index: 50000;} a.scroll-top:after{content: "\f077"; display: inline; font-size: 20px;} a.scroll-top:hover{background-color: #0fb7a6; color: #ffffff;} .breadcrumb-area .breadcrumb-container{border-bottom: 1px solid #dddddd; padding: 20px 0;} .breadcrumb-area .breadcrumb-container ul li{display: inline-block; padding-right: 60px; position: relative; font-size: 15px; line-height: 25px;} .breadcrumb-area .breadcrumb-container ul li:last-child:after{content: "";} .breadcrumb-area .breadcrumb-container ul li.active{color: #0fb7a6;} .breadcrumb-area .breadcrumb-container ul li:after{position: absolute; top: 0; right: 30px; content: ">";} @-webkit-keyframes customZoomIn{from{opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);}50%{opacity: 1;}} @keyframes customZoomIn{from{opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);}50%{opacity: 1;}} select{padding-right: 20px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='black'%3E%E2%96%BE%3C/text%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 95% 50%;} .pagination-container{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); padding: 15px 15px;} .pagination-content ul li{display: inline-block; height: 30px; width: 30px; line-height: 30px; border-radius: 3px;} .pagination-content ul li a{background-color: #666666; border-radius: 3px; color: #ffffff; display: block;} .pagination-content ul li a:hover{background-color: #0fb7a6;} .pagination-content ul li a.active{background-color: #0fb7a6;} .section-big-title{margin-top: -10px;} .nice-select.open .list{z-index: 999;} header{top: 0; left: 0; width: 100%; z-index: 999;} .header-top{background-color: #0fb7a6; color: #242423;} .lang-currency-dropdown ul li{position: relative; display: inline-block; margin-right: 30px;} .lang-currency-dropdown ul li:last-child{margin-right: 0;} .lang-currency-dropdown ul li a i.fa{font-size: 10px; font-weight: 300;} .lang-currency-dropdown ul li ul{position: absolute; top: 33px; left: 0; padding: 20px; background-color: #ffffff; visibility: hidden; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 999; border: 1px solid #ddd;} .lang-currency-dropdown ul li ul li{display: block; margin-bottom: 10px;} .lang-currency-dropdown ul li ul li a{display: block;} .lang-currency-dropdown ul li ul li:last-child{margin-bottom: 0;} .lang-currency-dropdown ul li:hover ul{visibility: visible; opacity: 1;} .header-top-menu ul li{display: inline-block;} .header-top-menu ul li a{display: block; color: #242423;} .header-top-menu ul li a:hover{color: #242423;} .header-sticky.is-sticky{-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; animation: 300ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); background-color: rgba(255, 255, 255, 0.95); position: fixed; left: 0; top: 0; width: 100%; z-index: 999;} .header-sticky.is-sticky .main-menu{float: right;} .header-sticky.is-sticky .main-menu nav ul li>a{line-height: 70px;} @media only screen and (min-width: 992px) and (max-width: 1199px){.header-sticky.is-sticky .main-menu nav ul.sub-menu{left: -190px;}} .header-sticky.is-sticky .main-menu nav ul.sub-menu .sub-menu{left: 100%;} .header-sticky.is-sticky .main-menu nav ul.mega-menu{left: -450px;} .header-sticky.is-sticky .main-menu nav ul.sub-menu li a, .header-sticky.is-sticky .main-menu nav ul.mega-menu li a{line-height: 24px;} @media only screen and (max-width: 767px){.logo{text-align: center;}} @media only screen and (max-width: 767px){.logo img{width: 90px;}} @media only screen and (max-width: 479px){.logo img{width: 50px; height: 50px !important;}.is-sticky .sticky-menubar-top .navbar-header{margin-right: unset !important;}} .header-bottom{background-color: #ba8b4a; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} @media only screen and (min-width: 768px) and (max-width: 991px){.header-contact{-ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 15px;}} @media only screen and (max-width: 767px){.header-contact{-ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 15px;}} @media only screen and (max-width: 575px){.header-contact{-ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 15px;}} @media only screen and (max-width: 479px){.header-contact{-ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}} .header-contact .phone-icon{margin-right: 20px;} .header-contact .phone-number{line-height: 14px;} .header-contact .phone-number span.number{display: block; padding-top: 10px;} .header-advance-search{position: relative; -ms-flex-preferred-size: 50%; flex-basis: 50%; background-color: #ffffff; height: 50px; border: 1px solid #e4e4e4; padding-right: 55px; border-radius: 50px;} @media only screen and (min-width: 1200px) and (max-width: 1499px){.header-advance-search{-ms-flex-preferred-size: 45%; flex-basis: 45%;}} @media only screen and (min-width: 768px) and (max-width: 1199px){.header-advance-search{-ms-flex-preferred-size: 40%; flex-basis: 40%;}} @media only screen and (max-width: 479px){.header-advance-search{-ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 15px;}} @media only screen and (max-width: 600px){.header-advance-search{-ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 15px;}} @media only screen and (max-width: 767px){.header-advance-search{-ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 15px;}} @media only screen and (min-width: 600px) and (max-width: 767px){.navbar-toggler{order: 0;}} .header-advance-search input{border: none; width: 95%; margin-top: 12px; margin-left: 15px; color: #a4a4a4;} .header-advance-search button{position: absolute; right: 5px; top: 5px; background: none; border: none; background-color: #0fb7a6; color: #ffffff; width: 40px; height: 40px; border-radius: 50%;} .header-advance-search button:hover{background-color: #d5b670;} .shopping-cart .cart-icon{margin-right: 10px;} .shopping-cart .cart-icon span{font-size: 40px;} .shopping-cart .cart-info a{-webkit-transition: 0s; -o-transition: 0s; transition: 0s;} .shopping-cart .cart-info span{display: block;} .shopping-cart .cart-info span span{display: inline-block;} .cart-floating-box{position: absolute; top: 80px; z-index: 999999; right: 0; width: 360px; background-color: #ffffff; padding: 20px; -webkit-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; display: none;} @media only screen and (min-width: 768px) and (max-width: 991px){.cart-floating-box{display: none;}} @media only screen and (max-width: 767px){.cart-floating-box{display: none;}} @media only screen and (max-width: 575px){.cart-floating-box{display: none;}} @media only screen and (max-width: 479px){.cart-floating-box{display: none;}} .cart-floating-box .cart-items{border-bottom: 1px solid #ddd; margin-bottom: 20px;} .cart-floating-box .cart-float-single-item{position: relative; margin-bottom: 20px;} .cart-floating-box .cart-float-single-item span.remove-item{position: absolute; top: 0; right: 0; font-size: 20px;} .cart-floating-box .cart-float-single-item .cart-float-single-item-image{width: 25%; margin-right: 10px;} .cart-floating-box .cart-float-single-item .cart-float-single-item-image a{display: inline-block; border: 1px solid #ddd; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .cart-floating-box .cart-float-single-item .cart-float-single-item-image a:hover{border: 1px solid #0fb7a6;} .cart-floating-box .cart-float-single-item .cart-float-single-item-desc p{margin-bottom: 5px;} .cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.product-title a{font-weight: 500; color: #333;} .cart-floating-box .cart-float-single-item .cart-float-single-item-desc p.product-title a:hover{color: #0fb7a6;} .cart-floating-box .cart-calculation .calculation-details{border-bottom: 1px solid #ddd; margin-bottom: 20px;} .cart-floating-box .cart-calculation .calculation-details p{font-weight: 500; color: #333; font-size: 18px; line-height: 20px; margin-bottom: 20px;} .cart-floating-box .cart-calculation .calculation-details p span{float: right;} .cart-floating-box .cart-calculation .calculation-details p.shipping{border-bottom: 1px solid #333; margin-bottom: 10px; padding-bottom: 10px;} .cart-floating-box .cart-calculation .checkout-button a{background-color: #333; color: #fff; padding: 10px 15px; display: inline-block; margin-top: 25px; margin-left: 25px; font-weight: 500; border-radius: 3px;} .cart-floating-box .cart-calculation .checkout-button a:hover{background-color: #0fb7a6;} .menubar-top{height: 80px;} @media only screen and (min-width: 768px) and (max-width: 991px){.menubar-top{height: 60px;}} @media only screen and (max-width: 767px){.menubar-top{height: 130px;}} @media only screen and (max-width: 992px){.menubar-top{-ms-flex-wrap: wrap; flex-wrap: wrap;}} @media only screen and (max-width: 479px){.menubar-top{height: 180px; -ms-flex-wrap: wrap; flex-wrap: wrap;}} .main-menu nav>ul>li{display: block; float: left; margin-right: 40px; position: relative;} .main-menu nav>ul>li:last-child{margin-right: 0;} @media only screen and (min-width: 992px) and (max-width: 1199px){.main-menu nav>ul>li{margin-right: 30px;}} .main-menu nav>ul>li>a{display: block; text-transform: uppercase; font-size: 15px; font-weight: 500; color: #f5efe6; line-height: 60px;} .main-menu nav>ul>li.menu-item-has-children>a::after{font-family: Fontawesome; content: "\f107"; margin-left: 5px; float: right;} .main-menu nav>ul>li.active>a, .main-menu nav>ul>li:hover>a{color: #242423;} .main-menu nav>ul>li:hover>.sub-menu, .main-menu nav>ul>li:hover>.mega-menu{-webkit-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); opacity: 1; visibility: visible; margin-top: 0; z-index: 999;} @media only screen and (min-width: 768px) and (max-width: 991px){.main-menu nav>ul>li:hover>.sub-menu, .main-menu nav>ul>li:hover>.mega-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} .sub-menu{position: absolute; left: -20px; top: 100%; background-color: #ffffff; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); z-index: -999; width: 250px; padding: 15px 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0;} @media only screen and (min-width: 768px) and (max-width: 991px){.sub-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} @media only screen and (max-width: 767px){.sub-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} @media only screen and (max-width: 575px){.sub-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} @media only screen and (max-width: 479px){.sub-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} .sub-menu li{position: relative;} .sub-menu li a{line-height: 24px; padding: 6px 20px; display: block; font-weight: 400; color: #777777; text-transform: capitalize;} .sub-menu li.menu-item-has-children>a::after{font-family: Fontawesome; content: "\f105"; margin-left: 5px; float: right;} .sub-menu li.active>a, .sub-menu li:hover>a{color: #0fb7a6; font-weight: 400;} .sub-menu li:hover>.sub-menu{-webkit-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); -webkit-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; opacity: 1; visibility: visible; margin-top: 0; z-index: 999;} @media only screen and (min-width: 768px) and (max-width: 991px){.sub-menu li:hover>.sub-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} @media only screen and (max-width: 767px){.sub-menu li:hover>.sub-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} @media only screen and (max-width: 575px){.sub-menu li:hover>.sub-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} @media only screen and (max-width: 479px){.sub-menu li:hover>.sub-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} .sub-menu .sub-menu{left: 100%; right: auto; top: 0; margin-top: 30px; -webkit-transform: perspective(0) rotateX(0deg); transform: perspective(0) rotateX(0deg); -webkit-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0;} @media only screen and (min-width: 768px) and (max-width: 991px){.sub-menu .sub-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} @media only screen and (max-width: 767px){.sub-menu .sub-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} @media only screen and (max-width: 575px){.sub-menu .sub-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} @media only screen and (max-width: 479px){.sub-menu .sub-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} .sub-menu .sub-menu .sub-menu{left: auto; right: 100%;} .sub-menu .sub-menu .sub-menu .sub-menu{left: 100%; right: auto;} .sub-menu .sub-menu .sub-menu .sub-menu{left: auto; right: 100%;} .mega-menu{position: absolute; left: 0; top: 100%; background-color: #ffffff; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2); z-index: -999; width: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0;} @media only screen and (min-width: 768px) and (max-width: 991px){.mega-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} @media only screen and (max-width: 767px){.mega-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} @media only screen and (max-width: 575px){.mega-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} @media only screen and (max-width: 479px){.mega-menu{-webkit-transform: none; -ms-transform: none; transform: none;}} .mega-menu.two-column{width: 440px; left: -20px;} .mega-menu.two-column>li{width: 50%; padding: 20px 15px;} .mega-menu.three-column{width: 700px; left: -300px;} .mega-menu.three-column>li{width: 33.33%; padding: 20px 15px;} .mega-menu>li{position: relative; float: left;} .mega-menu>li>a{line-height: 24px; padding: 6px 20px; display: block; font-weight: 500; color: #777777; text-transform: capitalize;} .mega-menu>li.active>a, .mega-menu>li:hover>a{color: #0fb7a6; font-weight: 500;} .mega-menu>li ul li a{line-height: 24px; padding: 6px 20px; display: block; font-weight: 400; color: #666666; text-transform: capitalize;} .mega-menu>li ul li.active>a, .mega-menu>li ul li:hover>a{color: #0fb7a6; font-weight: 400;} .mobile-menu .mean-bar{position: relative; text-align: right;} .mobile-menu .mean-bar .meanmenu-reveal{position: absolute; top: -50px;} @media only screen and (min-width: 768px) and (max-width: 991px){.mobile-menu .mean-bar .meanmenu-reveal{top: -40px;}} @media only screen and (max-width: 767px){.mobile-menu .mean-bar .meanmenu-reveal{top: -40px;}} .mobile-menu .mean-bar .meanmenu-reveal span{position: relative;} .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar{height: 2px; width: 26px; background-color: #222222; display: block; margin: 8px 0;} .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after{content: ""; position: absolute; left: 0; width: 100%; height: 100%; background-color: #222222;} .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before{top: -8px;} .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after{bottom: -8px;} .mobile-menu .mean-bar .meanmenu-reveal span.menu-close{height: 2px; width: 26px; background-color: transparent; display: block; margin: 8px 0;} .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after{content: ""; position: absolute; left: 0; width: 100%; height: 100%; background-color: #222222;} .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before{top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after{bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .mobile-menu .mean-bar .mean-nav{text-align: left; background-color: #ffffff;} .mobile-menu .mean-bar .mean-nav>ul{margin-bottom: 30px; border: 1px solid #eeeeee; border-top: 0px solid transparent; overflow-x: hidden;} @media only screen and (max-width: 767px){.mobile-menu .mean-bar .mean-nav>ul{max-height: 180px; overflow-y: auto;}} @media only screen and (max-width: 575px){.mobile-menu .mean-bar .mean-nav>ul{max-height: 220px; overflow-y: auto;}} .mobile-menu .mean-bar .mean-nav>ul li{position: relative; display: block; float: left; width: 100%;} .mobile-menu .mean-bar .mean-nav>ul li a{font-size: 13px; display: block; color: #666666; font-weight: 500; text-transform: uppercase; line-height: 44px; position: relative; border-top: 1px solid #eeeeee; padding: 0 40px 0 20px;} .mobile-menu .mean-bar .mean-nav>ul li a::after{display: none;} .mobile-menu .mean-bar .mean-nav>ul li a:hover{color: #222222; padding-left: 25px;} .mobile-menu .mean-bar .mean-nav>ul li a.mean-expand{border: 1px solid #eeeeee; position: absolute; right: -1px; top: 0; font-size: 20px !important; color: #666666; line-height: 44px; height: 46px; width: 40px; text-align: center; padding: 0;} .mobile-menu .mean-bar .mean-nav>ul li a.mean-expand.mean-clicked{line-height: 40px;} .mobile-menu .mean-bar .mean-nav>ul li .sub-menu, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu, .mobile-menu .mean-bar .mean-nav>ul li ul{position: static; background-color: rgba(0, 0, 0, 0.03); margin: 0; padding: 0 !important; width: 100%; -webkit-box-shadow: none; box-shadow: none; margin: 0; display: none; float: left; width: 100%; opacity: 1; visibility: visible; z-index: 1; -webkit-transition: none; -o-transition: none; transition: none;} .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li, .mobile-menu .mean-bar .mean-nav>ul li ul li{padding: 0; margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; border-right: 0px solid transparent; width: 100%; display: block !important; float: left; width: 100%;} .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a, .mobile-menu .mean-bar .mean-nav>ul li ul li a{font-size: 12px; display: block !important;} .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a::before, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a::before, .mobile-menu .mean-bar .mean-nav>ul li ul li a::before{display: none;} .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul, .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu, .mobile-menu .mean-bar .mean-nav>ul li ul li ul{background-color: rgba(0, 0, 0, 0.04);} .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a, .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a, .mobile-menu .mean-bar .mean-nav>ul li ul li ul li a{border-top: 1px solid #dddddd;} .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li ul li ul li a.mean-expand{border: 1px solid #dddddd;} .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul, .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu, .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul, .mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu, .mobile-menu .mean-bar .mean-nav>ul li ul li ul ul{background-color: rgba(0, 0, 0, 0.05);} .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a, .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a, .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a, .mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a, .mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a{border-top: 1px solid #eeeeee;} .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a.mean-expand, .mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a.mean-expand{border: 1px solid #eeeeee;} .header-bottom-other .main-menu-other-homepage{display: none;} .header-bottom-other .home-other-navigation-menu{display: block;} .header-bottom-other.is-sticky .home-other-navigation-menu{display: none;} .header-bottom-other.is-sticky .main-menu-other-homepage{display: block;} .header-bottom-other.is-sticky .logo{position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-top: 15px; margin-bottom: 15px;} .header-bottom-other .logo{position: absolute; top: 50%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%);} @media only screen and (min-width: 768px) and (max-width: 991px){.header-bottom-other .logo{position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-top: 15px; margin-bottom: 15px;}} @media only screen and (max-width: 767px){.header-bottom-other .logo{position: relative; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-top: 15px; margin-bottom: 15px;}} .home-other-navigation-menu{background-color: #008459; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} @media only screen and (min-width: 768px) and (max-width: 991px){.home-other-navigation-menu{background-color: #ffffff;}} @media only screen and (max-width: 767px){.home-other-navigation-menu{background-color: #ffffff;}} .home-other-navigation-menu .main-menu>nav>ul>li>a{color: #ffffff;} .home-other-navigation-menu .main-menu>nav>ul>li>a:hover{color: #0fb7a6;} .floating-cart-btn a{background: #fff; border: 2px solid #e0e0e0; color: #323232; display: inline-block; font-size: 14px; font-weight: 500; height: 47px; line-height: 43px; margin: 0 4px; min-width: 130px; padding: 0 15px; text-align: center; text-transform: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .floating-cart-btn a:hover{background: #0fb7a6; border-color: #0fb7a6; color: #fff;} a.slider-btn{font-size: 20px; font-weight: 500; color: #fff; background-color: #0fb7a6; padding: 20px 50px; border-radius: 50px;} a.slider-btn:hover{background-color: #d5b670;} @media only screen and (min-width: 1200px) and (max-width: 1499px){a.slider-btn{font-size: 15px; padding: 15px 40px;}} @media only screen and (min-width: 992px) and (max-width: 1199px){a.slider-btn{font-size: 15px; padding: 15px 40px;}} @media only screen and (min-width: 768px) and (max-width: 991px){a.slider-btn{font-size: 15px; padding: 15px 40px;}} @media only screen and (max-width: 767px){a.slider-btn{font-size: 12px; padding: 10px 30px;}} @media only screen and (max-width: 575px){a.slider-btn{font-size: 15px; padding: 10px 30px;}} @media only screen and (max-width: 479px){a.slider-btn{font-size: 15px; padding: 10px 30px;}} a.slider-two-btn{font-size: 15px; font-weight: 500; color: #fff; background-color: #0fb7a6; padding: 10px 40px; border-radius: 50px; text-transform: uppercase;} a.slider-two-btn:hover{background-color: #d5b670;} @media only screen and (min-width: 1200px) and (max-width: 1499px){a.slider-two-btn{font-size: 15px; padding: 10px 40px;}} @media only screen and (min-width: 992px) and (max-width: 1199px){a.slider-two-btn{font-size: 15px; padding: 10px 40px;}} @media only screen and (min-width: 768px) and (max-width: 991px){a.slider-two-btn{font-size: 15px; padding: 10px 40px;}} @media only screen and (max-width: 767px){a.slider-two-btn{font-size: 15px; padding: 10px 30px;}} @media only screen and (max-width: 575px){a.slider-two-btn{font-size: 15px; padding: 10px 30px;}} @media only screen and (max-width: 479px){a.slider-two-btn{font-size: 15px; padding: 10px 30px;}} a.readmore-btn{color: #999; display: inline-block; font-weight: 500; text-transform: capitalize;} a.readmore-btn i.fa{margin-left: 10px;} a.readmore-btn:hover{color: #0fb7a6;} .add-to-cart-btn a{background: #fff; border: 2px solid #e0e0e0; border-radius: 5px; display: inline-block; font-size: 14px; font-weight: 500; height: 45px; line-height: 43px; min-width: 130px; padding: 0 15px; text-align: center; text-transform: none;} .add-to-cart-btn a i.fa{padding-right: 5px;} .add-to-cart-btn a:hover{background: #0fb7a6; border-color: #0fb7a6; color: #fff;} a.single-sale-add-to-cart-btn{background: #0fb7a6; border: none; color: #fff; font-size: 15px; font-weight: 500; height: 50px; line-height: 50px; margin: 0; max-width: 100%; padding: 0 35px; text-transform: uppercase; white-space: nowrap; width: auto; border-radius: 50px;} @media only screen and (max-width: 479px){a.single-sale-add-to-cart-btn{font-size: 14px; padding: 0 25px;}} a.single-sale-add-to-cart-btn:hover{background: #d5b670; border-color: #d5b670; color: #fff;} .contact-form-btn{background: #fff; border: 2px solid #e0e0e0; color: #323232; display: inline-block; font-size: 16px; font-weight: 500; height: 47px; line-height: 43px; margin: 0 4px; min-width: 130px; padding: 0 15px; text-align: center; text-transform: uppercase; border-radius: 5px;} .contact-form-btn:hover{background: #0fb7a6; border-color: #0fb7a6; color: #fff;} .blog-readmore-btn{background: #fff; border: 2px solid #e0e0e0; color: #323232; display: inline-block; font-size: 15px; font-weight: 500; height: 47px; line-height: 43px; margin: 0 4px; min-width: 130px; padding: 0 15px; text-align: center; text-transform: uppercase; border-radius: 5px;} .blog-readmore-btn:hover{background: #0fb7a6; border-color: #0fb7a6; color: #fff;} .post-comment-btn{background: #fff; border: 2px solid #e0e0e0; -webkit-box-shadow: none; box-shadow: none; color: #323232; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 500; height: 50px; letter-spacing: 0; line-height: 46px; outline: none; overflow: hidden; padding: 0 30px; text-shadow: none; text-transform: uppercase; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; vertical-align: middle; white-space: nowrap; border-radius: 4px;} .post-comment-btn:hover{background-color: #0fb7a6; border-color: #0fb7a6; color: #ffffff;} .slider-bg-1{background-image: url("/varonique_theme/static/src/css/../images/sliders/home1-slider.png");} .slider-bg-2{background-image: url("/varonique_theme/static/src/css/../images/sliders/home1-slider2.jpg");} .slider-bg-3{background-image: url("/varonique_theme/static/src/css/../images/sliders/home2-slider1.jpg");} .slider-bg-4{background-image: url("/varonique_theme/static/src/css/../images/sliders/home2-slider2.jpg");} .slider-bg-5{background-image: url("/varonique_theme/static/src/css/../images/sliders/home3-slider1.jpg");} .slider-bg-6{background-image: url("/varonique_theme/static/src/css/../images/sliders/home3-slider2.jpg");} .slider-bg-7{background-image: url("/varonique_theme/static/src/css/../images/sliders/home4-slider1.jpg");} .slider-bg-8{background-image: url("/varonique_theme/static/src/css/../images/sliders/home4-slider2.jpg");} .slider-bg-9{background-image: url("/varonique_theme/static/src/css/../images/sliders/home7-slider1.jpg");} .slider-bg-10{background-image: url("/varonique_theme/static/src/css/../images/sliders/home7-slider2.jpg");} .hero-slider-one .hero-slider-item{height: 800px; background-repeat: no-repeat; background-position: center center; background-size: cover;} @media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px){.hero-slider-one .hero-slider-item{height: 600px;}} @media only screen and (max-width: 767px){.hero-slider-one .hero-slider-item{height: 500px;}} .hero-slider-one .slick-dots{position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} @media only screen and (max-width: 767px){.hero-slider-one .slick-dots{bottom: 15px;}} .hero-slider-one .slick-dots li{display: inline-block;} .hero-slider-one .slick-dots li.slick-active button{background-color: #0fb7a6;} .hero-slider-one .slick-dots li button{font-size: 0; width: 15px; height: 15px; margin-left: 10px; border: none; border-radius: 50%; background: none; background-color: #DDD;} @media only screen and (max-width: 767px){.hero-slider-one .slick-dots li button{width: 12px; height: 12px; margin-left: 8px;}} .hero-slider-one .slider-content{max-width: 80%; height: 100%; margin-right: auto; margin-left: auto; padding: 30px 0; text-align: center;} .hero-slider-one .slider-content>*{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .hero-slider-one .slider-content h1{font-size: 123px; font-weight: 300; line-height: 130px; margin-bottom: 15px; color: #242423;} @media only screen and (min-width: 1200px) and (max-width: 1499px){.hero-slider-one .slider-content h1{font-size: 90px; line-height: 100px;}} @media only screen and (min-width: 992px) and (max-width: 1199px){.hero-slider-one .slider-content h1{font-size: 90px; line-height: 100px;}} @media only screen and (min-width: 768px) and (max-width: 991px){.hero-slider-one .slider-content h1{font-size: 70px; line-height: 80px;}} @media only screen and (max-width: 767px){.hero-slider-one .slider-content h1{font-size: 50px; line-height: 60px;}} @media only screen and (max-width: 575px){.hero-slider-one .slider-content h1{font-size: 35px; line-height: 40px;}} @media only screen and (max-width: 479px){.hero-slider-one .slider-content h1{font-size: 30px; line-height: 35px;}} .hero-slider-one .slider-content p{font-size: 47px; font-style: italic; line-height: 60px; margin-bottom: 90px; color: #242423;} @media only screen and (min-width: 1200px) and (max-width: 1499px){.hero-slider-one .slider-content p{font-size: 35px; line-height: 45px; margin-bottom: 50px;}} @media only screen and (min-width: 992px) and (max-width: 1199px){.hero-slider-one .slider-content p{font-size: 35px; line-height: 45px; margin-bottom: 50px;}} @media only screen and (min-width: 768px) and (max-width: 991px){.hero-slider-one .slider-content p{font-size: 30px; line-height: 40px; margin-bottom: 50px;}} @media only screen and (max-width: 767px){.hero-slider-one .slider-content p{font-size: 20px; line-height: 35px; margin-bottom: 30px;}} @media only screen and (max-width: 575px){.hero-slider-one .slider-content p{font-size: 20px; line-height: 35px; margin-bottom: 20px;}} @media only screen and (max-width: 479px){.hero-slider-one .slider-content p{font-size: 15px; line-height: 25px; margin-bottom: 15px;}} .hero-slider-one .slick-active{} .hero-slider-one .slick-active .slider-content>*{-webkit-animation-name: zoomIn; animation-name: zoomIn;} .hero-slider-one .slick-active .slider-content>*:nth-child(1){-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;} .hero-slider-one .slick-active .slider-content>*:nth-child(2){-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;} .hero-slider-one .slick-active .slider-content>*:nth-child(3){-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 3s; animation-delay: 3s;} .hero-slider-two{-webkit-box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.1);} .hero-slider-two .hero-slider-item{height: 510px; background-repeat: no-repeat; background-position: 30% 100%; background-size: cover;} @media only screen and (max-width: 767px){.hero-slider-two .hero-slider-item{background-position: 10% 100%;}} @media only screen and (max-width: 479px){.hero-slider-two .hero-slider-item{background-position: 15% 100%;}} @media only screen and (min-width: 992px) and (max-width: 1199px){.hero-slider-two .hero-slider-item{height: 500px;}} @media only screen and (max-width: 479px){.hero-slider-two .hero-slider-item{height: 450px;}} .hero-slider-two .hero-slider-item .slider-content{padding-top: 80px; padding-left: 40px;} @media only screen and (max-width: 479px){.hero-slider-two .hero-slider-item .slider-content{padding-top: 40px;}} .hero-slider-two .hero-slider-item .slider-content>*{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .hero-slider-two .hero-slider-item .slider-content h1{font-size: 45px; font-weight: 700; margin-bottom: 20px; color: #222222;} @media only screen and (max-width: 767px){.hero-slider-two .hero-slider-item .slider-content h1{font-size: 40px;}} @media only screen and (max-width: 479px){.hero-slider-two .hero-slider-item .slider-content h1{font-size: 30px; margin-bottom: 10px;}} .hero-slider-two .hero-slider-item .slider-content h1 span{display: block;} .hero-slider-two .hero-slider-item .slider-content h1.change-text{font-size: 35px; font-weight: 500; font-style: italic; color: #777777;} @media only screen and (max-width: 767px){.hero-slider-two .hero-slider-item .slider-content h1.change-text{font-size: 25px;}} .hero-slider-two .hero-slider-item .slider-content h1.change-text span{display: inline-block; color: #DC461F;} .hero-slider-two .hero-slider-item .slider-content p{margin-bottom: 10px;} .hero-slider-two .hero-slider-item .slider-content p img{display: inline-block; margin-right: 10px;} .hero-slider-two .hero-slider-item .slider-content p span{font-weight: 500; font-style: italic; text-transform: uppercase; color: #0fb7a6;} .hero-slider-two .hero-slider-item.slick-active{} .hero-slider-two .hero-slider-item.slick-active .slider-content>*:nth-child(1){-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;} .hero-slider-two .hero-slider-item.slick-active .slider-content>*:nth-child(2){-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;} .hero-slider-two .hero-slider-item.slick-active .slider-content>*:nth-child(3){-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 3s; animation-delay: 3s;} .hero-slider-two .hero-slider-item.slick-active .slider-content>*:nth-child(4){-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 4s; animation-delay: 4s;} .hero-slider-two .hero-slider-item.slick-active .slider-content>*:nth-child(5){-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 5s; animation-delay: 5s;} .hero-slider-two .hero-slider-item.slick-active .slider-content>*:nth-child(6){-webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 6s; animation-delay: 6s;} .hero-slider-two ul.slick-dots{position: absolute; bottom: 10px; left: 50%; margin-left: -15px;} .hero-slider-two ul.slick-dots li{display: inline-block;} .hero-slider-two ul.slick-dots li button{font-size: 2px; position: relative; margin-right: 20px; padding: 0; border: none; background: none;} .hero-slider-two ul.slick-dots li button:before{position: absolute; top: 0; left: 0; width: 15px; height: 15px; content: ""; border-radius: 50%; background-color: #F1F1F1;} .hero-slider-two ul.slick-dots li.slick-active button:before{background-color: #BDBDBD;} .hero-slider-three{-webkit-box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.1);} .hero-slider-three .hero-slider-item{height: 510px; background-repeat: no-repeat; background-position: 10% 100%; background-size: cover;} @media only screen and (max-width: 767px){.hero-slider-three .hero-slider-item{background-position: 10% 100%;}} @media only screen and (max-width: 479px){.hero-slider-three .hero-slider-item{background-position: 15% 100%;}} @media only screen and (min-width: 992px) and (max-width: 1199px){.hero-slider-three .hero-slider-item{height: 500px;}} @media only screen and (max-width: 479px){.hero-slider-three .hero-slider-item{height: 450px;}} .hero-slider-three .hero-slider-item .slider-content{padding-top: 40px; padding-left: 40px;} @media only screen and (max-width: 479px){.hero-slider-three .hero-slider-item .slider-content{padding-top: 40px;}} .hero-slider-three .hero-slider-item .slider-content>*{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .hero-slider-three .hero-slider-item .slider-content h1{font-size: 45px; font-weight: 700; margin-bottom: 15px; color: #222222;} @media only screen and (max-width: 767px){.hero-slider-three .hero-slider-item .slider-content h1{font-size: 40px;}} @media only screen and (max-width: 479px){.hero-slider-three .hero-slider-item .slider-content h1{font-size: 30px; margin-bottom: 10px;}} .hero-slider-three .hero-slider-item .slider-content h1 span{display: block;} .hero-slider-three .hero-slider-item .slider-content h1.change-text{font-size: 35px; font-weight: 500; font-style: italic; color: #777777;} @media only screen and (max-width: 767px){.hero-slider-three .hero-slider-item .slider-content h1.change-text{font-size: 25px;}} .hero-slider-three .hero-slider-item .slider-content h1.change-text span{display: inline-block; color: #DC461F;} .hero-slider-three .hero-slider-item .slider-content p{margin-bottom: 5px;} .hero-slider-three .hero-slider-item .slider-content p img{display: inline-block; margin-right: 10px;} .hero-slider-three .hero-slider-item .slider-content p span{font-weight: 500; font-style: italic; text-transform: uppercase; color: #0fb7a6;} .hero-slider-three .hero-slider-item.slick-active{} .hero-slider-three .hero-slider-item.slick-active .slider-content>*:nth-child(1){-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;} .hero-slider-three .hero-slider-item.slick-active .slider-content>*:nth-child(2){-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;} .hero-slider-three .hero-slider-item.slick-active .slider-content>*:nth-child(3){-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 3s; animation-delay: 3s;} .hero-slider-three .hero-slider-item.slick-active .slider-content>*:nth-child(4){-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 4s; animation-delay: 4s;} .hero-slider-three .hero-slider-item.slick-active .slider-content>*:nth-child(5){-webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 5s; animation-delay: 5s;} .hero-slider-three .hero-slider-item.slick-active .slider-content>*:nth-child(6){-webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 6s; animation-delay: 6s;} .hero-slider-three ul.slick-dots{position: absolute; bottom: 10px; left: 50%; margin-left: -15px;} .hero-slider-three ul.slick-dots li{display: inline-block;} .hero-slider-three ul.slick-dots li button{font-size: 2px; position: relative; margin-right: 20px; padding: 0; border: none; background: none;} .hero-slider-three ul.slick-dots li button:before{position: absolute; top: 0; left: 0; width: 15px; height: 15px; content: ""; border-radius: 50%; background-color: #F1F1F1;} .hero-slider-three ul.slick-dots li.slick-active button:before{background-color: #BDBDBD;} .policy-section .policy-titles{background: #ffffff; border: 1px solid #e0e0e0;} .policy-section .policy-titles .single-policy{-ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; padding: 15px 0; padding-left: 70px; position: relative;} @media only screen and (max-width: 767px){.policy-section .policy-titles .single-policy{-ms-flex-preferred-size: 100%; flex-basis: 100%;}} @media only screen and (max-width: 479px){.policy-section .policy-titles .single-policy{padding-right: 10px;}} .policy-section .policy-titles .single-policy:nth-child(1), .policy-section .policy-titles .single-policy:nth-child(2){border-right: 1px solid #e0e0e0;} @media only screen and (max-width: 767px){.policy-section .policy-titles .single-policy:nth-child(1), .policy-section .policy-titles .single-policy:nth-child(2){border-bottom: 1px solid #e0e0e0; border-right: 0;}} .policy-section .policy-titles .single-policy span{position: absolute; left: 20px; top: 50%; margin-top: -12px;} .policy-section .policy-titles .single-policy p{margin-bottom: 0; font-weight: 500; line-height: 22px;} .slider .section-title{position: relative;} .slider .section-title.red-title h3{background: #ee8a82;} .slider .section-title.red-title h3:before{background: #ee8a82;} .slider .section-title.red-title h3:after{border-bottom: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #83231b; bottom: 0;} .slider .section-title.yellow-title h3{background: #ffbd2d;} .slider .section-title.yellow-title h3:before{background: #ffbd2d;} .slider .section-title.yellow-title h3:after{border-bottom: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #c57d00; bottom: 0;} .slider .section-title.coffee-title h3{background: #ab9b81;} .slider .section-title.coffee-title h3:before{background: #ab9b81;} .slider .section-title.coffee-title h3:after{border-bottom: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #63543d; bottom: 0;} .slider .section-title h3{margin-bottom: 0; color: #fff; text-transform: uppercase; font-size: 1em; line-height: 1.5; margin-right: 100px; background: #0fb7a6; padding: 15px 25px 15px 10px; position: relative; display: inline-block; z-index: 27; border-radius: 0 5px 0 0; font-weight: 500;} .slider .section-title h3:before{background: #0fb7a6; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 15px; z-index: 1; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);} @media only screen and (max-width: 575px){.slider .section-title h3:before{width: 10px;}} .slider .section-title h3:after{border-bottom: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #0a5e56; bottom: 1px; content: ''; left: -15px; position: absolute; z-index: 1; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);} @media only screen and (max-width: 575px){.slider .section-title h3:after{border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-top: 10px solid #d5b670; left: -10px;}} .slider .section-title:before{content: ""; display: block; position: absolute; z-index: -1; background: #e9e9e9; top: 12px; left: 0; right: 0; bottom: 0;} .slider .slick-arrow{position: absolute; top: -30px; right: 10px; background: none; border: none; text-align: center; line-height: 20px;} .slider .slick-arrow:hover i.fa{color: #0fb7a6; border-color: #0fb7a6;} .slider .slick-arrow i.fa{width: 20px; height: 20px; border: 2px solid #999; color: #999; padding-top: 2px; border-radius: 50%;} .slider .slick-disabled{color: #999;} .slider .slick-disabled:hover i.fa{color: #999; border-color: #999;} .slider .slick-prev{right: 40px;} .slider .slick-prev i.fa{padding-right: 2px;} .slider .slick-next i.fa{padding-left: 2px;} .category-slider-container{padding: 30px 0;} .category-slider-container.slick-slider{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} .category-slider-container .slick-slide .category-image img{border-radius: 50%;} .blog-slider-container.slick-slider{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} .blog-slider-container .slick-list{margin-left: -15px; margin-right: -15px;} .single-post-wrapper .post-thumb{margin-bottom: 18px;} .single-post-wrapper .post-thumb a{display: block; overflow: hidden;} .single-post-wrapper .post-thumb a img{width: 100%;} .single-post-wrapper .post-thumb a:hover img{-webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);} .single-post-wrapper .post-meta{margin-bottom: 10px;} .single-post-wrapper h3.post-title{font-size: 17px; line-height: 23px; margin-bottom: 10px; color: #222; font-weight: 500;} .brand-logo-wrapper.slick-slider{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} .single-brand-logo a{display: block; overflow: hidden;} .single-brand-logo a img{width: 100%;} .single-brand-logo a:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .best-seller-slider-container.slick-slider{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} .slick-active .best-seller-sub-product{-webkit-animation: customZoomIn 500ms ease-in-out; animation: customZoomIn 500ms ease-in-out;} .tab-slider-container.slick-slider{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} .tab-slider-container .slick-active .tab-slider-sub-product{-webkit-animation: customZoomIn 500ms ease-in-out; animation: customZoomIn 500ms ease-in-out;} .tab-slider-wrapper nav{background-color: #e9e9e9;} .tab-slider-wrapper .nav-tabs{border-bottom: 0;} .tab-slider-wrapper .nav-tabs .nav-link{font-size: 15px; line-height: 23px; color: #222; font-weight: 500; text-transform: uppercase; position: relative; padding: 10px 20px; border: none;} @media only screen and (max-width: 767px){.tab-slider-wrapper .nav-tabs .nav-link{font-size: 10px; padding: 10px 10px;}} .tab-slider-wrapper .nav-tabs .nav-link.active{color: #0fb7a6; text-transform: uppercase; font-weight: 500; border: none; background: none;} .tab-slider-wrapper .nav-tabs .nav-link.active:before{background: #0fb7a6; left: 0; right: 0;} .tab-slider-wrapper .nav-tabs .nav-link:hover{border-color: transparent;} .tab-slider-wrapper .nav-tabs .nav-link:hover:before{background: #0fb7a6; left: 0; right: 0;} .tab-slider-wrapper .nav-tabs .nav-link:before{background: transparent; bottom: 0; content: ''; display: block; height: 2px; left: 50%; position: absolute; right: 50%; top: auto; width: auto; z-index: 9; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .sale-single-product-section .section-big-title h2{font-size: 40px; line-height: 54px; font-weight: 500;} @media only screen and (max-width: 479px){.sale-single-product-section .section-big-title h2{font-size: 25px; line-height: 35px;}} .sale-single-product-section .section-big-title h2 span{display: block; color: #0fb7a6; font-size: 15px; line-height: 29px;} .sale-single-product-section .sale-single-product-container .slick-arrow{position: absolute; top: 50%; background-color: #ccc; border: none; width: 40px; height: 40px; margin-top: -20px; color: #fff; font-size: 30px; line-height: 45px; text-align: center; visibility: hidden; opacity: 0; z-index: 9;} @media only screen and (min-width: 992px) and (max-width: 1199px){.sale-single-product-section .sale-single-product-container .slick-arrow{display: none;}} @media only screen and (min-width: 768px) and (max-width: 991px){.sale-single-product-section .sale-single-product-container .slick-arrow{display: none;}} .sale-single-product-section .sale-single-product-container .slick-arrow span{position: relative; right: 2px;} .sale-single-product-section .sale-single-product-container .slick-arrow.slick-next{right: -50px;} @media only screen and (min-width: 1200px) and (max-width: 1499px){.sale-single-product-section .sale-single-product-container .slick-arrow.slick-next{right: -30px;}} @media only screen and (min-width: 992px) and (max-width: 1199px){.sale-single-product-section .sale-single-product-container .slick-arrow.slick-next{right: -10px;}} .sale-single-product-section .sale-single-product-container .slick-arrow.slick-prev{left: -50px;} @media only screen and (min-width: 1200px) and (max-width: 1499px){.sale-single-product-section .sale-single-product-container .slick-arrow.slick-prev{left: -30px;}} @media only screen and (min-width: 992px) and (max-width: 1199px){.sale-single-product-section .sale-single-product-container .slick-arrow.slick-prev{left: -10px;}} .sale-single-product-section .sale-single-product-container .slick-arrow:hover{background-color: #000;} .sale-single-product-section .sale-single-product{margin: 0 30px;} @media only screen and (max-width: 479px){.sale-single-product-section .sale-single-product{margin: 0 10px;}} .sale-single-product-section:hover .slick-arrow{visibility: visible; opacity: 1;} .hero-slider-one{position: relative; z-index: 1;} .hero-slider-one .slick-arrow{position: absolute; top: 50%; z-index: 2; background: none; border: none; color: #ffffff; font-size: 25px; height: 80px; width: 80px; line-height: 80px; text-align: center; margin-top: -40px;} @media only screen and (min-width: 1200px) and (max-width: 1499px){.hero-slider-one .slick-arrow{width: 70px; height: 70px; line-height: 70px; font-size: 20px;}} @media only screen and (min-width: 992px) and (max-width: 1199px){.hero-slider-one .slick-arrow{width: 70px; height: 70px; line-height: 70px; font-size: 20px;}} @media only screen and (min-width: 768px) and (max-width: 991px){.hero-slider-one .slick-arrow{width: 70px; height: 70px; line-height: 70px; font-size: 20px;}} @media only screen and (max-width: 767px){.hero-slider-one .slick-arrow{width: 70px; height: 70px; line-height: 70px; font-size: 20px;}} @media only screen and (max-width: 575px){.hero-slider-one .slick-arrow{width: 50px; height: 50px; line-height: 50px; font-size: 15px;}} @media only screen and (max-width: 479px){.hero-slider-one .slick-arrow{width: 40px; height: 40px; line-height: 40px; font-size: 15px;}} .hero-slider-one .slick-arrow:hover:after{opacity: 0.5;} .hero-slider-one .slick-arrow:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.2; content: ""; z-index: -1; border-radius: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .hero-slider-one .slick-next{right: 3%;} .hero-slider-one .slick-prev{left: 3%;} .banner-slider-wrapper{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} @media only screen and (max-width: 575px){.banner-slider-wrapper .banner-slider-container .slick-arrow{top: 10px;}} @media only screen and (max-width: 479px){.banner-slider-wrapper .banner-slider-container .slick-arrow{display: block; top: 10px;}} .multisale-slider-wrapper{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} .multisale-slider-wrapper .slick-active.multisale-slider-product{-webkit-animation: customZoomIn 500ms ease-in-out; animation: customZoomIn 500ms ease-in-out;} .related-product-slider-wrapper{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} .related-product-slider-wrapper .slick-active.related-slider-product{-webkit-animation: customZoomIn 500ms ease-in-out; animation: customZoomIn 500ms ease-in-out;} @media only screen and (max-width: 767px){.banner-slider-container .slick-arrow{top: 10px;}} .gf-product .image{position: relative;} .gf-product .image .product-hover-icons a{display: inline-block;} @media only screen and (max-width: 575px){.gf-product .image{width: 80%; margin: auto;}} @media only screen and (max-width: 479px){.gf-product .image{width: 80%; margin: auto;}} .gf-product .product-content{padding: 0 10px;} .gf-product:hover .product-hover-icons{opacity: 1; visibility: visible;} .best-seller-sub-product{padding: 25px 10px;} .best-seller-sub-product .image a{display: block;} .best-seller-sub-product .image a img{width: 100%;} @media only screen and (max-width: 575px){.best-seller-sub-product .image{width: 80%; margin: auto;}} @media only screen and (max-width: 479px){.best-seller-sub-product .image{width: 80%; margin: auto;}} .best-seller-sub-product .product-content{padding-left: 20px;} .best-seller-sub-product .product-content .product-categories a{color: #999; font-size: 13px;} .best-seller-sub-product .product-content .product-categories a:hover{color: #0fb7a6;} .best-seller-sub-product .product-content h3.product-title{font-size: 16px; color: #222; font-weight: 500; line-height: 23px;} .best-seller-sub-product .product-content .price-box .main-price{color: #999; font-size: 17px; text-decoration: line-through;} .best-seller-sub-product .product-content .price-box .discounted-price{color: #0fb7a6; font-size: 21px;} .tab-slider-sub-product{border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 20px 10px; text-align: center; position: relative;} .tab-slider-sub-product:last-child{border-bottom: 0;} .tab-slider-sub-product .image{margin-bottom: 20px;} .tab-slider-sub-product .image a{display: block;} .tab-slider-sub-product .image a img{width: 100%;} .tab-slider-sub-product .product-content .product-categories{margin-bottom: 7px;} .tab-slider-sub-product .product-content .product-categories a{color: #999; font-size: 13px;} .tab-slider-sub-product .product-content .product-categories a:hover{color: #0fb7a6;} .tab-slider-sub-product .product-content h3.product-title{font-size: 16px; color: #222; font-weight: 500; line-height: 23px;} .tab-slider-sub-product .product-content .price-box .main-price{color: #999; font-size: 17px; text-decoration: line-through; margin-right: 8px;} .tab-slider-sub-product .product-content .price-box .discounted-price{color: #0fb7a6; font-size: 21px;} .single-category{text-align: center;} .single-category .category-title h3{font-size: 14px; margin-bottom: 0; line-height: 17px;} .single-category .category-image{margin-bottom: 10px;} .single-category .category-image a{border-radius: 50%;} .single-category .category-image a:hover{border-color: #0fb7a6;} .featured-product-image-gallery.section-bg{background-color: #255612; background-image: url("/varonique_theme/static/src/css/../images/banners/fullbanner-bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover;} .featured-product-image-gallery .gallery-product-container{margin-bottom: -45px;} .featured-product-image-gallery .single-featured-product a{display: block; width: 100%; overflow: hidden;} .featured-product-image-gallery .single-featured-product a img{width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .featured-product-image-gallery .single-featured-product a:hover img{-webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);} .sale-single-product{background-color: #ffffff; border: 3px solid #0fb7a6; border-bottom: 0; padding: 50px 20px 50px 0; position: relative;} @media only screen and (min-width: 768px) and (max-width: 991px){.sale-single-product{padding: 50px 20px 50px 20px;}} @media only screen and (max-width: 767px){.sale-single-product{padding: 50px 20px 50px 20px;}} @media only screen and (max-width: 479px){.sale-single-product{padding: 30px 10px 30px 10px;}} .sale-single-product .sale-single-product-content h2{font-size: 31px; line-height: 36px; font-weight: 500;} @media only screen and (max-width: 479px){.sale-single-product .sale-single-product-content h2{font-size: 25px;}} .sale-single-product .sale-single-product-content h2.product-title{margin-bottom: 15px;} .sale-single-product .sale-single-product-content h2.price{font-size: 21px; line-height: 30px; color: #0fb7a6; font-weight: 400; margin-bottom: 15px;} .sale-single-product .sale-single-product-content h2.price span.main-price{color: #999; text-decoration: line-through;} .sale-single-product .sale-single-product-content p{font-size: 16px; line-height: 30px; margin-bottom: 15px;} @media only screen and (max-width: 479px){.sale-single-product .sale-single-product-content p{font-size: 14px;}} .sale-single-product:hover .product-hover-icons{visibility: visible; opacity: 1;} .sale-single-product .product-countdown{position: absolute; bottom: 0; left: -20px; background-color: #0fb7a6; color: #ffffff; padding: 30px 20px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px;} @media only screen and (min-width: 768px) and (max-width: 991px){.sale-single-product .product-countdown{left: auto; bottom: auto; top: -3px; right: -3px; border-radius: 0;}} @media only screen and (max-width: 767px){.sale-single-product .product-countdown{left: auto; bottom: auto; top: -3px; right: -3px; border-radius: 0; z-index: 9;}} @media only screen and (max-width: 479px){.sale-single-product .product-countdown{padding: 15px 10px;}} .sale-single-product .product-countdown .single-countdown{margin-bottom: 20px;} .sale-single-product .product-countdown .single-countdown:last-child{margin-bottom: 0;} .sale-single-product .product-countdown .single-countdown-time{font-size: 35px; font-weight: 500; display: block;} @media only screen and (max-width: 479px){.sale-single-product .product-countdown .single-countdown-time{font-size: 20px;}} .banner-slider-product{border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 32px 5px; text-align: center; position: relative;} .banner-slider-product:last-child{border-bottom: 0;} .banner-slider-product .image{margin-bottom: 20px;} .banner-slider-product .image a{display: block;} .banner-slider-product .image a img{width: 100%;} .banner-slider-product .product-content .product-categories{margin-bottom: 7px;} .banner-slider-product .product-content .product-categories a{color: #999; font-size: 13px;} .banner-slider-product .product-content .product-categories a:hover{color: #0fb7a6;} .banner-slider-product .product-content h3.product-title{font-size: 16px; color: #222; font-weight: 500; line-height: 23px;} .banner-slider-product .product-content .price-box .main-price{color: #999; font-size: 17px; text-decoration: line-through; margin-right: 8px;} .banner-slider-product .product-content .price-box .discounted-price{color: #0fb7a6; font-size: 21px;} .banner-slider-product .slider-side-banner a{display: block;} @media only screen and (max-width: 767px){.banner-slider-product .slider-side-banner a img{width: 100%;}} .multisale-slider-product{border-right: 1px solid #e0e0e0; padding: 30px 5px; text-align: center; position: relative;} .multisale-slider-product:last-child{border-bottom: 0;} .multisale-slider-product .image{margin-bottom: 20px;} .multisale-slider-product .image a{display: block;} .multisale-slider-product .image a img{width: 100%;} .multisale-slider-product .product-countdown{margin-bottom: 20px;} .multisale-slider-product .product-countdown .single-countdown{background-color: #0fb7a6; color: #ffffff; display: inline-block; text-transform: uppercase; padding: 8px; font-weight: 500; border-right: 1px solid #ffffff;} @media only screen and (max-width: 767px){.multisale-slider-product .product-countdown .single-countdown{padding: 10px;}} @media only screen and (max-width: 575px){.multisale-slider-product .product-countdown .single-countdown{padding: 5px;}} .multisale-slider-product .product-countdown .single-countdown:nth-child(1){border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .multisale-slider-product .product-countdown .single-countdown:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .multisale-slider-product .product-countdown .single-countdown .single-countdown-time{display: block; font-size: 16px;} @media only screen and (max-width: 575px){.multisale-slider-product .product-countdown .single-countdown .single-countdown-time{font-size: 16px;}} .multisale-slider-product .product-countdown .single-countdown .single-countdown-text{font-size: 14px;} @media only screen and (max-width: 575px){.multisale-slider-product .product-countdown .single-countdown .single-countdown-text{font-size: 14px;}} .multisale-slider-product .product-content .product-categories{margin-bottom: 7px;} .multisale-slider-product .product-content .product-categories a{color: #999; font-size: 13px;} .multisale-slider-product .product-content .product-categories a:hover{color: #0fb7a6;} .multisale-slider-product .product-content h3.product-title{font-size: 16px; color: #222; font-weight: 500; line-height: 23px;} .multisale-slider-product .product-content .price-box .main-price{color: #999; font-size: 17px; text-decoration: line-through; margin-right: 8px;} .multisale-slider-product .product-content .price-box .discounted-price{color: #0fb7a6; font-size: 21px;} .related-slider-product{border-right: 1px solid #e0e0e0; padding: 30px 5px; text-align: center; position: relative;} .related-slider-product:last-child{border-bottom: 0;} .related-slider-product .image{margin-bottom: 20px;} .related-slider-product .image a{display: block;} .related-slider-product .image a img{width: 100%;} .related-slider-product .product-content .product-categories{margin-bottom: 7px;} .related-slider-product .product-content .product-categories a{color: #999; font-size: 13px;} .related-slider-product .product-content .product-categories a:hover{color: #0fb7a6;} .related-slider-product .product-content h3.product-title{font-size: 16px; color: #222; font-weight: 500; line-height: 23px;} .related-slider-product .product-content .price-box .main-price{color: #999; font-size: 17px; text-decoration: line-through; margin-right: 8px;} .related-slider-product .product-content .price-box .discounted-price{color: #0fb7a6; font-size: 21px;} .shop-grid-view-product{border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 30px 5px; text-align: center; position: relative; background-color: #ffffff;} .shop-grid-view-product .image{margin-bottom: 20px;} .shop-grid-view-product .image a{display: block;} .shop-grid-view-product .image a img{width: 100%;} .shop-grid-view-product .product-content .product-categories{margin-bottom: 7px;} .shop-grid-view-product .product-content .product-categories a{color: #999; font-size: 13px;} .shop-grid-view-product .product-content .product-categories a:hover{color: #0fb7a6;} .shop-grid-view-product .product-content h3.product-title{font-size: 16px; color: #222; font-weight: 500; line-height: 23px;} .shop-grid-view-product .product-content .price-box .main-price{color: #999; font-size: 17px; text-decoration: line-through; margin-right: 8px;} .shop-grid-view-product .product-content .price-box .discounted-price{color: #0fb7a6; font-size: 21px;} .shop-list-view-product{padding: 20px; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; border-bottom: 1px solid #e0e0e0;} @media only screen and (max-width: 575px){.shop-list-view-product{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}} .shop-list-view-product .image{margin-right: 20px; -ms-flex-preferred-size: 40%; flex-basis: 40%;} @media only screen and (max-width: 767px){.shop-list-view-product .image{-ms-flex-preferred-size: 50%; flex-basis: 50%;}} .shop-list-view-product .image a{display: block;} .shop-list-view-product .image a img{width: 100%;} .shop-list-view-product .product-content{-ms-flex-preferred-size: 60%; flex-basis: 60%; position: relative;} @media only screen and (max-width: 767px){.shop-list-view-product .product-content{-ms-flex-preferred-size: 50%; flex-basis: 50%;}} .shop-list-view-product .product-content .product-categories{margin-bottom: 7px;} .shop-list-view-product .product-content .product-categories a{color: #999; font-size: 13px;} .shop-list-view-product .product-content .product-categories a:hover{color: #0fb7a6;} .shop-list-view-product .product-content h3.product-title{font-size: 16px; color: #222; font-weight: 500; line-height: 23px;} .shop-list-view-product .product-content .price-box .main-price{color: #999; font-size: 17px; text-decoration: line-through; margin-right: 8px;} .shop-list-view-product .product-content .price-box .discounted-price{color: #0fb7a6; font-size: 21px;} .shop-list-view-product .product-content p.product-description{font-size: 15px; line-height: 30px; color: #666666;} .list-product-icons{margin: 0; padding: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .list-product-icons a{margin-right: 10px; display: inline-block; background: #0fb7a6; border: none; color: #fff; height: 43px; letter-spacing: 0; line-height: 46px; margin: 0; padding: 0; text-align: center; text-transform: none; width: 43px; border-radius: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative;} .list-product-icons a:hover{background: #d5b670;} .list-product-icons a:hover:before, .list-product-icons a:hover:after{visibility: visible; opacity: 1;} .list-product-icons a.active{background: #d5b670;} .list-product-icons a:before{content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; margin-bottom: 12px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 14px; font-weight: 400; background-color: #444444; color: #ffffff; line-height: 16px; padding: 5px 10px; border-radius: 2px; white-space: nowrap; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .list-product-icons a:after{position: absolute; left: 50%; bottom: 100%; margin-bottom: 8px; margin-left: -4px; content: ""; border-width: 4px 4px 0 4px; border-style: solid; border-color: #444444 transparent transparent transparent; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .quick-view-modal-container .modal-header{border-bottom: 0; padding: 0.5rem 1rem 0 0;} .quick-view-modal-container .modal-header .close{padding-top: 25px; padding-right: 20px;} .quick-view-modal-container .modal-dialog{max-width: 900px;} @media only screen and (min-width: 768px) and (max-width: 991px){.quick-view-modal-container .modal-dialog{max-width: 700px; margin: auto;}} @media only screen and (max-width: 767px){.quick-view-modal-container .modal-dialog{max-width: 500px; margin: auto;}} @media only screen and (max-width: 575px){.quick-view-modal-container .modal-dialog{max-width: 400px; margin: auto;}} .product-image-slider{} .product-image-slider .nav.small-image-slider a{display: block; border: 1px solid #ededed; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-image-slider .nav.small-image-slider a:hover{border-color: #c1bcbc;} .product-image-slider .nav.small-image-slider a img{width: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .product-image-slider .product-small-image-list{margin: 15px 0;} .product-image-slider .nav.small-image-slider{padding: 0 26px;} .product-image-slider .single-small-image{padding: 0 10px;} .product-image-slider .small-image-slider .slick-list{width: 100%;} .product-image-slider .slick-arrow{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 28px; height: 28px; background: #fff; color: #333; border: 1px solid #e5e5e5; border-radius: 3px; line-height: 26px; font-size: 14px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; z-index: 99;} .product-image-slider .slick-next-btn.slick-arrow{left: auto; right: 0;} .product-image-slider .slick-arrow:hover{background: #0fb7a6; color: #fff; border-color: #0fb7a6;} .single-product-img.img-full{text-align: center;} @media only screen and (max-width: 767px){.product-image-slider{margin-bottom: 30px;}} .product-feature-details h2.product-title{font-weight: 500; color: #323232; font-size: 30px; line-height: 35px;} .product-feature-details h2.product-price{font-weight: 400; color: #0fb7a6; font-size: 20px;} .product-feature-details h2.product-price span.main-price{color: #999; text-decoration: line-through;} .product-feature-details p.product-description{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0;} .product-feature-details .social-share-buttons h3{text-transform: uppercase; font-size: 16px; font-weight: 500; line-height: 30px;} .product-feature-details .social-share-buttons ul{margin-bottom: 15px;} .product-feature-details .social-share-buttons ul li{display: inline-block; margin-right: 5px;} @media only screen and (max-width: 767px){.product-feature-details .social-share-buttons ul li{margin-bottom: 5px;}} .product-feature-details .social-share-buttons ul li a{display: block; border: 1px solid #ddd; height: 40px; width: 40px; line-height: 40px; text-align: center;} @media only screen and (min-width: 768px) and (max-width: 991px){.product-feature-details .social-share-buttons ul li a{margin-bottom: 5px;}} @media only screen and (max-width: 767px){.product-feature-details .social-share-buttons ul li a{margin-bottom: 5px;}} .product-feature-details .social-share-buttons ul li a i.fa-twitter{color: #1DA1F2;} .product-feature-details .social-share-buttons ul li a i.fa-facebook{color: #4867AA;} .product-feature-details .social-share-buttons ul li a i.fa-google-plus{color: #DD5144;} .product-feature-details .social-share-buttons ul li a i.fa-pinterest{color: #BD081B;} .product-feature-details .social-share-buttons ul li:hover a{color: #fff;} .product-feature-details .social-share-buttons ul li:hover a i.fa{color: #fff;} .product-feature-details .social-share-buttons ul li:hover a.twitter{background-color: #1DA1F2;} .product-feature-details .social-share-buttons ul li:hover a.facebook{background-color: #4867AA;} .product-feature-details .social-share-buttons ul li:hover a.google-plus{background-color: #DD5144;} .product-feature-details .social-share-buttons ul li:hover a.pinterest{background-color: #BD081B;} .product-feature-details .pro-qty{display: inline-block; position: relative; width: 100px; border: 1px solid #ddd; height: 40px;} .product-feature-details .pro-qty input{padding-right: 25px; width: 100%; border: none; height: 100%; padding-left: 20px;} .product-feature-details .pro-qty a{width: 20px; height: 20px; position: absolute; font-weight: normal; line-height: 20px; text-align: center; font-size: 18px;} .product-feature-details .pro-qty a.inc{top: 0; right: 0; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;} .product-feature-details .pro-qty a.dec{bottom: 0; right: 0; border-left: 1px solid #ddd; padding-top: 2px;} .product-feature-details .add-to-cart-btn{display: inline-block;} .single-banner{-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .single-banner a{display: block; overflow: hidden; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} .single-banner a img{width: 100%;} .single-banner:hover{-webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);} .slider-banner a{display: block; overflow: hidden;} .slider-banner a img{width: 100%;} .slider-banner a:hover img{-webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);} .slider-side-banner-container .slider-side-banner{height: auto; display: inline-block; width: 100%;} @media only screen and (min-width: 768px) and (max-width: 991px){.slider-side-banner-container .slider-side-banner{margin-top: 30px;}} @media only screen and (max-width: 767px){.slider-side-banner-container .slider-side-banner{margin-top: 30px;}} @media only screen and (max-width: 575px){.slider-side-banner-container .slider-side-banner{margin-top: 30px;}} .slider-side-banner-container .slider-side-banner a{display: block; overflow: hidden; height: 100%;} .slider-side-banner-container .slider-side-banner a img{width: 100%; height: 100%;} .slider-side-banner-container .slider-side-banner a:hover img{-webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02);} .shop-page-banner a{display: block;} .shop-page-banner a img{width: 100%;} .banner-slider-wrapper .slider-side-banner a{display: block;} .banner-slider-wrapper .slider-side-banner a img{width: 100%;} .category-toggle-wrap{width: 100%; padding: 12px 25px; position: relative; border-top-right-radius: 5px;} .category-toggle-wrap:before{background: #0fb7a6; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 15px; z-index: 1; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);} .category-toggle-wrap:after{border-bottom: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #d5b670; bottom: 0; content: ''; left: -15px; position: absolute; z-index: 1; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);} @media only screen and (max-width: 767px){.category-toggle-wrap{padding: 8px 25px;}} .category-toggle-wrap .category-toggle{padding: 0; margin: 0; border: none; background-color: transparent; color: #ffffff; font-size: 15px; text-transform: uppercase; font-weight: 500; line-height: 30px; width: 100%; text-align: left;} @media only screen and (max-width: 767px){.category-toggle-wrap .category-toggle{font-size: 14px;}} .category-toggle-wrap .category-toggle i{font-size: 24px; display: block; line-height: 30px; float: right;} @media only screen and (min-width: 768px) and (max-width: 991px){.category-toggle-wrap .category-toggle i::before{content: "\e62a";}} @media only screen and (max-width: 767px){.category-toggle-wrap .category-toggle i::before{content: "\e62a";}} @media only screen and (min-width: 768px) and (max-width: 991px){.category-toggle-wrap .category-toggle i{font-size: 18px;}} @media only screen and (max-width: 767px){.category-toggle-wrap .category-toggle i{font-size: 18px;}} .hero-side-category{background-color: #ffffff; width: 100%; text-transform: capitalize;} @media only screen and (max-width: 767px){.hero-side-category{min-height: 50px;}} @media only screen and (min-width: 768px) and (max-width: 991px){.hero-side-category{width: 100%; position: relative;}} @media only screen and (max-width: 767px){.hero-side-category{width: 100%; z-index: 9; position: relative;}} .hero-side-category .category-toggle-wrap{background-color: #0fb7a6;} @media only screen and (min-width: 768px) and (max-width: 991px){.hero-side-category .category-toggle-wrap .category-toggle i::before{content: "\e62a";}} @media only screen and (max-width: 767px){.hero-side-category .category-toggle-wrap .category-toggle i::before{content: "\e62a";}} @media only screen and (min-width: 768px) and (max-width: 991px){.hero-side-category .category-toggle-wrap .category-toggle i{font-size: 18px;}} @media only screen and (max-width: 767px){.hero-side-category .category-toggle-wrap .category-toggle i{font-size: 18px;}} .hero-side-category nav.category-menu{background-color: #ffffff; float: left; width: 100%; left: 0; top: 45px; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} @media only screen and (min-width: 768px) and (max-width: 991px){.hero-side-category nav.category-menu{position: absolute; top: 55px; z-index: 9;}} @media only screen and (max-width: 767px){.hero-side-category nav.category-menu{position: absolute;}} @media only screen and (max-width: 767px){.hero-side-category nav.category-menu>ul{max-height: 180px; overflow-y: auto;}} @media only screen and (max-width: 575px){.hero-side-category nav.category-menu>ul{max-height: 220px; overflow-y: auto;}} .hero-side-category nav.category-menu>ul>li:last-child>a{border-bottom: none !important;} @media only screen and (min-width: 768px) and (max-width: 991px){.hero-side-category nav.category-menu>ul>li{position: relative;}} @media only screen and (max-width: 767px){.hero-side-category nav.category-menu>ul>li{position: relative;}} .hero-side-category nav.category-menu>ul>li.menu-item-has-children{position: relative;} .hero-side-category nav.category-menu>ul>li.menu-item-has-children>a::before{font-family: 'fontAwesome'; content: "\f054"; position: absolute; right: 25px; top: 0; line-height: 50px;} @media only screen and (min-width: 768px) and (max-width: 991px){.hero-side-category nav.category-menu>ul>li.menu-item-has-children>a::before{display: none;}} @media only screen and (max-width: 767px){.hero-side-category nav.category-menu>ul>li.menu-item-has-children>a::before{display: none;}} .hero-side-category nav.category-menu>ul>li i{position: absolute; right: 0; top: 0; cursor: pointer; height: 50px; width: 40px; line-height: 50px; z-index: 9;} .hero-side-category nav.category-menu>ul>li i::before{background-color: #606060; width: 8px; height: 2px; content: ""; position: absolute; left: 50%; margin-left: -4px; margin-top: -1px; top: 50%;} .hero-side-category nav.category-menu>ul>li i::after{background-color: #606060; width: 2px; height: 8px; content: ""; position: absolute; left: 50%; margin-top: -4px; margin-left: -1px; top: 50%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0);} .hero-side-category nav.category-menu>ul>li i.expand::after{-webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);} .hero-side-category nav.category-menu>ul>li>a{display: block; padding: 10px 25px; line-height: 30px; font-size: 14px; color: #606060; font-weight: 400; position: relative; border-bottom: 1px solid #e8e8e8;} @media only screen and (min-width: 992px) and (max-width: 1199px){.hero-side-category nav.category-menu>ul>li>a{border-bottom: none;}} .hero-side-category nav.category-menu>ul>li>a:hover{color: #0fb7a6;} .hero-side-category nav.category-menu>ul>li:hover .category-mega-menu{z-index: 9; opacity: 1; visibility: visible;} .hero-side-category nav.category-menu>ul>li .banner{padding: 15px; max-width: 300px;} .hero-side-category nav.category-menu.category-menu-5>ul>li>a{padding: 12px 25px;} .hero-side-category nav.shop-category-menu{background: none; display: block;} .hero-side-category nav.shop-category-menu ul li a{padding: 5px 0; display: block; line-height: 30px; font-size: 14px; color: #606060; font-weight: 500; position: relative; border-bottom: 1px solid #e8e8e8;} .hero-side-category nav.shop-category-menu ul li a:hover{color: #0fb7a6;} .hero-side-category.shop-side-category{height: auto; min-height: 200px;} .category-mega-menu{position: absolute; left: 255px; top: 0; width: 800px; z-index: 999; max-width: 910px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #ffffff; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); padding: 40px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} @media only screen and (min-width: 992px) and (max-width: 1199px){.category-mega-menu{left: 210px; width: 650px;}} @media only screen and (min-width: 768px) and (max-width: 991px){.category-mega-menu{-webkit-box-shadow: none; box-shadow: none;}} @media only screen and (min-width: 768px) and (max-width: 991px){.category-mega-menu{position: static; z-index: 9; opacity: 1; visibility: visible; background-color: transparent; padding: 0; width: 100%; -webkit-transition: none; -o-transition: none; transition: none;}} @media only screen and (max-width: 767px){.category-mega-menu{position: static; z-index: 9; opacity: 1; visibility: visible; background-color: transparent; padding: 0; width: 100%; -webkit-transition: none; -o-transition: none; transition: none;}} .category-mega-menu>li{float: left; width: 33.33%; padding: 0 15px;} @media only screen and (min-width: 768px) and (max-width: 991px){.category-mega-menu>li{-webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; padding: 0; position: relative;}.category-mega-menu>li::before{content: ""; float: left; height: 2px; width: 6px; background-color: #606060; margin: 24px 0; position: relative; left: 25px;}} @media only screen and (max-width: 767px){.category-mega-menu>li{-webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; padding: 0; position: relative;}.category-mega-menu>li::before{content: ""; float: left; height: 2px; width: 6px; background-color: #606060; margin: 24px 0; position: relative; left: 25px;}} .category-mega-menu>li>a{display: block; font-size: 16px; font-weight: 500; color: #0fb7a6; text-transform: uppercase;} @media only screen and (max-width: 767px){.category-mega-menu>li>a{border-bottom: 1px solid #e8e8e8;}} @media only screen and (min-width: 992px) and (max-width: 1199px){.category-mega-menu>li>a{border-bottom: none;}} @media only screen and (min-width: 768px) and (max-width: 991px){.category-mega-menu>li>a{padding: 10px 25px 10px 35px; line-height: 30px; font-size: 14px; color: #606060; font-weight: 500; position: relative; margin: 0; text-transform: inherit;}} @media only screen and (max-width: 767px){.category-mega-menu>li>a{padding: 10px 25px 10px 35px; line-height: 30px; font-size: 14px; color: #606060; font-weight: 500; position: relative; margin: 0; text-transform: inherit;}} .category-mega-menu>li>a.megamenu-head{padding-bottom: 10px;} @media only screen and (min-width: 768px) and (max-width: 991px){.category-mega-menu>li>a.megamenu-head{border-bottom: 1px solid #ddd;}} @media only screen and (max-width: 767px){.category-mega-menu>li>a.megamenu-head{border-bottom: 1px solid #ddd;}} .category-mega-menu>li>ul li{margin-bottom: 4px;} @media only screen and (min-width: 768px) and (max-width: 991px){.category-mega-menu>li>ul li::before{content: ""; float: left; height: 2px; width: 6px; background-color: #606060; margin: 24px 0; position: relative; left: 35px;}} @media only screen and (max-width: 767px){.category-mega-menu>li>ul li::before{content: ""; float: left; height: 2px; width: 6px; background-color: #606060; margin: 24px 0; position: relative; left: 35px;}} .category-mega-menu>li>ul li:last-child{margin-bottom: 0;} .category-mega-menu>li>ul li a{display: block; font-size: 14px; color: #606060; line-height: 20px;} @media only screen and (max-width: 767px){.category-mega-menu>li>ul li a{border-bottom: 1px solid #e8e8e8;}} @media only screen and (min-width: 992px) and (max-width: 1199px){.category-mega-menu>li>ul li a{border-bottom: none;}} @media only screen and (min-width: 768px) and (max-width: 991px){.category-mega-menu>li>ul li a{padding: 10px 25px 10px 45px; line-height: 30px; font-size: 14px; color: #666666; font-weight: 400; position: relative;}} @media only screen and (max-width: 767px){.category-mega-menu>li>ul li a{padding: 10px 25px 10px 45px; line-height: 30px; font-size: 14px; color: #666666; font-weight: 400; position: relative;}} .category-mega-menu>li>ul li a:hover{color: #0fb7a6;} .category-mega-menu>li.add{float: left; width: auto; padding: 0; border: none; margin: 30px -45px 0;} .category-mega-menu>li.add a{display: block; border: none; margin: 0;} .category-mega-menu>li.add a img{width: 100%;} a#more-btn{font-weight: 500;} .single-product-content-container{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); padding: 50px 30px;} .single-product-content-container.tabstyle-3 .product-image-slider{-ms-flex-preferred-size: 100%; flex-basis: 100%;} .single-product-content-container.tabstyle-3 .product-small-image-list{-ms-flex-preferred-size: 100%; flex-basis: 100%;} .single-product-content-container .small-image-slider-single-product-tabstyle-3 .slick-arrow{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 10px; width: 28px; height: 28px; background: #fff; color: #333; border: 1px solid #e5e5e5; border-radius: 3px; line-height: 28px; font-size: 14px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; z-index: 99;} @media only screen and (max-width: 479px){.single-product-content-container .small-image-slider-single-product-tabstyle-3 .slick-arrow{margin-top: 0;}} .single-product-content-container .small-image-slider-single-product-tabstyle-3 .slick-next-btn.slick-arrow{left: auto; right: 0; top: 50%;} .single-product-content-container .small-image-slider-single-product-tabstyle-3 .slick-arrow:hover{background: #0fb7a6; color: #fff; border-color: #0fb7a6;} .single-product-content-container .product-image-gallery-slider .slick-arrow{position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 10px; width: 40px; height: 40px; background: #fff; color: #333; border: 1px solid #e5e5e5; border-radius: 3px; line-height: 40px; font-size: 20px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; z-index: 99;} @media only screen and (max-width: 767px){.single-product-content-container .product-image-gallery-slider .slick-arrow{width: 28px; height: 28px; line-height: 28px;}} .single-product-content-container .product-image-gallery-slider .slick-next-btn.slick-arrow{left: auto; right: 0; top: 50%;} .single-product-content-container .product-image-gallery-slider .slick-arrow:hover{background: #0fb7a6; color: #fff; border-color: #0fb7a6;} .single-product-content-container .nav.small-image-slider-single-product a, .single-product-content-container .nav.small-image-slider-single-product-tabstyle-3 a{display: block; border: 1px solid #ededed; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .single-product-content-container .nav.small-image-slider-single-product a:hover, .single-product-content-container .nav.small-image-slider-single-product-tabstyle-3 a:hover{border-color: #0fb7a6;} .single-product-content-container .nav.small-image-slider-single-product a img, .single-product-content-container .nav.small-image-slider-single-product-tabstyle-3 a img{width: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .single-product-content-container .product-image-gallery .single-product-img, .single-product-content-container .product-image-gallery-slider .single-product-img{position: relative; border: 1px solid #ddd;} .single-product-content-container .product-image-gallery .single-product-img a.big-image-popup, .single-product-content-container .product-image-gallery-slider .single-product-img a.big-image-popup{position: absolute; top: 50%; left: 50%; background-color: #373737; color: #ffffff; padding: 10px 15px; border-radius: 5px; visibility: hidden; opacity: 0; margin-left: -20px; margin-top: -20px;} .single-product-content-container .product-image-gallery .single-product-img a.big-image-popup:hover, .single-product-content-container .product-image-gallery-slider .single-product-img a.big-image-popup:hover{background-color: #0fb7a6;} .single-product-content-container .product-image-gallery .single-product-img:hover a.big-image-popup, .single-product-content-container .product-image-gallery-slider .single-product-img:hover a.big-image-popup{visibility: visible; opacity: 1;} .single-product-content-container .product-image-slider{-ms-flex-preferred-size: 75%; flex-basis: 75%;} @media only screen and (max-width: 479px){.single-product-content-container .product-image-slider{-webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}} .single-product-content-container .product-image-slider .single-product-img{position: relative;} .single-product-content-container .product-image-slider .single-product-img a.big-image-popup{position: absolute; top: 50%; left: 50%; background-color: #373737; color: #ffffff; padding: 10px 15px; border-radius: 5px; visibility: hidden; opacity: 0; margin-left: -20px; margin-top: -20px;} .single-product-content-container .product-image-slider .single-product-img a.big-image-popup:hover{background-color: #0fb7a6;} .single-product-content-container .product-image-slider .single-product-img:hover a.big-image-popup{visibility: visible; opacity: 1;} .single-product-content-container .product-small-image-list{margin: 15px 0; -ms-flex-preferred-size: 160px; flex-basis: 160px; display: inline-block;} @media only screen and (max-width: 479px){.single-product-content-container .product-small-image-list{-webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; max-width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;}} @media only screen and (max-width: 575px){.single-product-content-container .flex-custom-xs-wrap{-ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important;}} @media only screen and (max-width: 479px){.single-product-content-container .flex-custom-xs-wrap{-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}} .single-product-content-container .single-small-image{padding: 0 10px;} .single-product-content-container .small-image-slider-single-product .slick-list{width: 100%; display: inline-block;} .single-product-content-container .slick-arrow{position: absolute; top: -20px; left: 50%; width: 28px; height: 28px; background: #fff; color: #333; border: 1px solid #e5e5e5; border-radius: 3px; line-height: 26px; font-size: 14px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; z-index: 99; margin-left: -15px;} @media only screen and (max-width: 479px){.single-product-content-container .slick-arrow{top: 60%; left: 10px; margin-top: -15px;}} .single-product-content-container .slick-next-btn.slick-arrow{bottom: -40px; left: 50%; top: auto; right: auto;} @media only screen and (max-width: 479px){.single-product-content-container .slick-next-btn.slick-arrow{top: 60%; right: 0; left: auto;}} .single-product-content-container .easyzoom-flyout{width: 100%; height: 100%; top: 0; right: -100%; border: 3px solid #ddd;} @media only screen and (min-width: 768px) and (max-width: 991px){.single-product-content-container .easyzoom-flyout{display: none;}} @media only screen and (max-width: 767px){.single-product-content-container .easyzoom-flyout{display: none;}} .single-product-content-container .product-feature-details h2.product-title{font-size: 34px;} @media only screen and (max-width: 479px){.single-product-content-container .product-feature-details h2.product-title{font-size: 25px; line-height: 35px;}} .single-product-content-container .product-feature-details p.product-rating i.fa{color: #e1e1e1;} .single-product-content-container .product-feature-details p.product-rating i.fa.active{color: #fbbf00;} .single-product-content-container .product-feature-details p.product-rating a{display: inline-block; margin-left: 10px;} .single-product-content-container .product-feature-details h2.product-price span{font-size: 28px;} .single-product-content-container .product-feature-details .size{font-weight: 500; color: #333;} .single-product-content-container .product-feature-details .size select{width: 45%; border: 1px solid #ddd; padding: 5px; margin-top: 5px;} .single-product-content-container .product-feature-details .color{font-weight: 500; color: #333;} .single-product-content-container .product-feature-details .color span.color-block{width: 30px; height: 30px; display: inline-block; margin-right: 5px; margin-top: 10px;} .single-product-content-container .product-feature-details .color span.color-choice-1{background-color: #d66238;} .single-product-content-container .product-feature-details .color span.color-choice-2{background-color: #3fc43f;} .single-product-content-container .product-feature-details .color span.color-choice-3{background-color: #4343cc;} .single-product-content-container .product-feature-details .color span.active{border: 2px solid #0fb7a6; width: 32px; height: 32px;} .single-product-content-container .product-feature-details p.product-description{font-size: 15px; line-height: 30px; border: none; padding: 0;} .single-product-content-container .product-feature-details .add-to-cart-btn a{background-color: #0fb7a6; border-color: #0fb7a6; color: #ffffff; font-size: 15px; text-transform: uppercase; border-radius: 50px; padding: 0 30px;} .single-product-content-container .product-feature-details .add-to-cart-btn a:hover{background-color: #d5b670; border-color: #d5b670;} .single-product-content-container .product-feature-details .group-product-form .table-content table{background: #fff none repeat scroll 0 0; border-color: #e5e5e5; border-radius: 0; border-style: solid; border-width: 1px 0 0 1px; margin: 0 0 15px; text-align: center; width: 100%;} .single-product-content-container .product-feature-details .group-product-form .table-content table td{padding: 12px 10px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; width: 33.33%;} .single-product-content-container .product-feature-details .group-product-form .table-content table td.product-name{font-weight: 500;} .single-product-content-container .product-feature-details .group-product-form .table-content table td p span{display: block; margin-top: 10px;} .single-product-content-container .product-feature-details .single-product-action-btn a{display: inline-block; font-size: 15px; margin-right: 20px; line-height: 40px;} .single-product-content-container .product-feature-details .single-product-action-btn a:hover span{-webkit-animation-name: rotate; animation-name: rotate; -webkit-animation-duration: 1.5s; animation-duration: 1.5s;} .single-product-content-container .product-feature-details .single-product-action-btn a:hover:before, .single-product-content-container .product-feature-details .single-product-action-btn a:hover:after{visibility: visible; opacity: 1;} .single-product-content-container .product-feature-details .single-product-category h3{font-size: 16px; line-height: 30px; font-weight: 500; color: #323232; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0; text-transform: uppercase;} .single-product-content-container .product-feature-details .single-product-category h3 span{display: inline-block; margin-left: 5px;} .single-product-content-container .product-feature-details .single-product-category h3 span a{display: inline-block; font-size: 14px; line-height: 24px; font-weight: 400; text-transform: none;} .single-product-content-container .product-feature-details .social-share-buttons h3{color: #323232;} .single-product-action-btn a{position: relative;} .single-product-action-btn a:before{content: attr(data-tooltip); position: absolute; bottom: 60%; left: 50%; margin-bottom: 12px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 14px; font-weight: 400; background-color: #444444; color: #ffffff; line-height: 16px; padding: 5px 10px; border-radius: 2px; white-space: nowrap; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .single-product-action-btn a:after{position: absolute; left: 50%; bottom: 63%; margin-bottom: 8px; margin-left: -4px; content: ""; border-width: 4px 4px 0 4px; border-style: solid; border-color: #444444 transparent transparent transparent; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .single-product-tab-section{} .single-product-tab-section .tab-content{background-color: #ffffff; padding: 30px 20px; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} .single-product-tab-section .tab-content p.product-desc{font-size: 15px; line-height: 25px;} .single-product-tab-section .table-data-sheet{width: 100%; border-width: 0px 1px 1px; border-style: solid solid solid; border-color: #d6d4d4 #d6d4d4 #d6d4d4; -webkit-border-image: initial; -o-border-image: initial; border-image: initial; border-top: 0px; margin: 0px 0px 20px; background: white;} .single-product-tab-section .table-data-sheet tr{border-top: 1px solid #d6d4d4;} .single-product-tab-section .table-data-sheet tr td{padding: 10px 20px 11px;} .single-product-tab-section .table-data-sheet tr td:first-child{width: 30%; font-weight: 500; color: #333333; border-right: 1px solid #d6d4d4;} .single-product-tab-section .product-ratting-wrap{overflow: hidden;} .single-product-tab-section .pro-avg-ratting{margin-bottom: 20px; float: left; width: 100%;} .single-product-tab-section .pro-avg-ratting h4{font-size: 18px; font-weight: 500; line-height: 28px; margin: 0 0 7px;} .single-product-tab-section .pro-avg-ratting h4 span{color: #666666; font-size: 12px; font-weight: 400; line-height: 10px;} .single-product-tab-section .pro-avg-ratting>span{display: block; font-size: 12px; line-height: 10px;} .single-product-tab-section .ratting-list{margin-bottom: 30px; float: left; width: 100%;} .single-product-tab-section .ratting-list .sin-list{margin-right: 30px;} .single-product-tab-section .ratting-list .sin-list:last-child{margin-right: 0;} .single-product-tab-section .ratting-list .sin-list i{color: #666666; font-size: 12px;} .single-product-tab-section .ratting-list .sin-list span{color: #666666;} .single-product-tab-section .rattings-wrapper{margin-bottom: 40px; float: left; width: 100%;} .single-product-tab-section .sin-rattings{margin-bottom: 40px;} .single-product-tab-section .sin-rattings:last-child{margin-bottom: 0;} .single-product-tab-section .sin-rattings .ratting-author{float: left; width: 100%; margin-bottom: 10px;} .single-product-tab-section .sin-rattings .ratting-author h3{float: left; font-size: 16px; font-weight: 500; margin: 0; line-height: 18px; margin-right: 15px;} @media only screen and (max-width: 575px){.single-product-tab-section .sin-rattings .ratting-author .ratting-star{float: left; width: 100%; margin-top: 5px;}} .single-product-tab-section .sin-rattings .ratting-author .ratting-star i, .single-product-tab-section .sin-rattings .ratting-author .ratting-star span{color: #666666; font-size: 12px; line-height: 18px; float: left;} .single-product-tab-section .sin-rattings .ratting-author .ratting-star span{margin-left: 5px;} .single-product-tab-section .sin-rattings p{color: #666666; font-size: 15px; line-height: 24px;} .single-product-tab-section .ratting-form-wrapper{float: left; width: 100%;} .single-product-tab-section .ratting-form-wrapper h3{font-size: 16px; margin: 0 0 30px; text-transform: uppercase; font-weight: 500; line-height: 16px;} .single-product-tab-section .ratting-form h5{float: left; font-size: 14px; line-height: 18px; margin-right: 10px;} .single-product-tab-section .ratting-form .ratting-star i{font-size: 14px; float: left; line-height: 18px; display: block; margin-right: 3px;} .single-product-tab-section .ratting-form .ratting-star i:last-child{margin: 0;} .single-product-tab-section .ratting-form label{display: block; font-size: 14px; color: #666666; margin-bottom: 3px;} .single-product-tab-section .ratting-form input{width: 100%; background-color: transparent; border: 1px solid #dddddd; font-size: 13px; line-height: 24px; padding: 8px 15px; color: #666666;} .single-product-tab-section .ratting-form input[type="submit"]{width: auto; padding: 8px 30px; border-color: #0fb7a6; background-color: #0fb7a6; text-transform: uppercase; font-weight: 600; color: #ffffff;} .single-product-tab-section .ratting-form input[type="submit"]:hover{border-color: #d5b670; background-color: #d5b670; color: #ffffff;} .single-product-tab-section .ratting-form textarea{width: 100%; background-color: transparent; border: 1px solid #dddddd; font-size: 13px; line-height: 24px; padding: 8px 15px; color: #666666; height: 80px; resize: none;} .single-product-content-container .slider-box-feature-details .size select{width: 15%;} @media only screen and (max-width: 575px){.single-product-content-container .slider-box-feature-details .size select{width: 50%;}} @media only screen and (max-width: 767px){.view-mode-icons{margin-bottom: 20px;}} .view-mode-icons a{font-size: 15px; background-color: #ebebeb; color: #999; width: 50px; height: 30px; line-height: 30px; text-align: center;} .view-mode-icons a:first-child{border-top-left-radius: 25px; border-bottom-left-radius: 25px; padding-left: 5px;} .view-mode-icons a:last-child{border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding-right: 5px;} .view-mode-icons a:hover, .view-mode-icons a.active{background-color: #0fb7a6; color: #ffffff;} .sort-by-dropdown{font-weight: 500; margin-right: 10px; font-size: 15px; color: #323232;} @media only screen and (max-width: 767px){.sort-by-dropdown{font-size: 14px;}} .sort-by-dropdown select{padding: 5px 10px; margin-left: 10px;} .sort-by-dropdown p{margin-bottom: 0;} p.result-show-message{font-size: 15px; font-weight: 500;} @media only screen and (max-width: 767px){p.result-show-message{font-size: 14px;}} .shop-product-wrap.grid .shop-list-view-product{display: none;} .shop-product-wrap.list .shop-grid-view-product{display: none;} .shop-product-wrap.list [class*="col"], .shop-product-wrap.list [class*="col-"]{-webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; width: 100%; max-width: 100%;} .sidebar-area .sidebar{background-color: #ffffff; padding: 30px 20px; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); position: relative;} .sidebar-area .sidebar h3.sidebar-title{font-size: 18px; line-height: 24px; font-weight: 400; color: #222222; border-bottom: 1px solid #e0e0e0; padding-bottom: 5px; margin-bottom: 25px; text-transform: uppercase;} @media only screen and (min-width: 992px) and (max-width: 1199px){.sidebar-area .sidebar h3.sidebar-title{font-size: 15px;}} .sidebar-area .sidebar ul.product-categories li{padding-right: 25px; margin-bottom: 7px;} .sidebar-area .sidebar ul.product-categories li a{line-height: 27px; color: #323232;} .sidebar-area .sidebar ul.product-categories li a:before{border: 1px solid #e0e0e0; color: #e0e0e0; content: '\f00c'; display: inline-block; font-family: FontAwesome; font-size: 0; height: 10px; line-height: 8px; margin-right: 10px; position: relative; text-align: center; top: -2px; vertical-align: middle; width: 10px;} .sidebar-area .sidebar ul.product-categories li a:hover, .sidebar-area .sidebar ul.product-categories li a.active{color: #0fb7a6;} .sidebar-area .sidebar ul.product-categories li a:hover:before, .sidebar-area .sidebar ul.product-categories li a.active:before{border-color: #0fb7a6; color: #0fb7a6; font-size: 8px;} .sidebar-area .sidebar ul.product-list{margin-bottom: 20px; padding: 0;} .sidebar-area .sidebar ul.product-list li{padding: 10px 0; padding-right: 35px; position: relative; border-bottom: 1px solid #dfdfdf;} .sidebar-area .sidebar ul.product-list li a.remove{background: none; color: #999 !important; font-size: 18px; height: auto; left: auto; padding: 10px; position: absolute; right: 0; top: 50%; width: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .sidebar-area .sidebar ul.product-list li a.remove:hover{color: #0fb7a6;} .sidebar-area .sidebar ul.product-list li a.title{color: #323232; font-size: 1em; text-transform: none; line-height: 1.2;} .sidebar-area .sidebar ul.product-list li a.title:hover{color: #0fb7a6;} .sidebar-area .sidebar ul.tag-container li{display: inline-block;} .sidebar-area .sidebar ul.tag-container li a{display: block; margin-right: 5px; margin-bottom: 10px; padding: 5px 10px; border: 1px solid #e0e0e0; text-transform: uppercase; border-radius: 5px; color: #afafaf; font-size: 13px; text-align: center;} .sidebar-area .sidebar ul.tag-container li a:hover{background-color: #0fb7a6; color: #fff; border-color: #0fb7a6;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product{margin-bottom: 20px;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p{margin-bottom: 0;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p a{font-size: 15px; line-height: 20px; font-weight: 500; color: #323232;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p a:hover{color: #0fb7a6;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p.product-rating{color: #e0e0e0;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p.product-rating i.fa{font-size: 12px;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p.product-rating .active{color: #fbbf00;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p.product-price{font-size: 17px; line-height: 32px;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p.product-price span.discounted-price{color: #0fb7a6;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product p.product-price span.main-price{text-decoration: line-through; color: #999999;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product .image{-ms-flex-preferred-size: 100px; flex-basis: 100px;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product .content{padding-left: 10px;} .sidebar-area .sidebar .top-rated-product-container .single-top-rated-product:last-child{margin-bottom: 0;} .sidebar-area .sidebar .compare-btns{overflow: hidden;} .sidebar-area .sidebar a.clear-all{float: left; font-size: inherit; height: 40px; line-height: 40px; color: #a43d21;} .sidebar-area .sidebar a.compare{background: #008459; border: none; color: #fff; font-size: 1em; font-weight: 500; height: 40px; letter-spacing: 0; line-height: 40px; padding: 0 30px; text-transform: uppercase; border-radius: 50px; display: inline-block; float: right; overflow: hidden;} .sidebar-area .sidebar a.compare:hover{background-color: #0fb7a6;} .sidebar-price #price-range{width: 100%; height: 7px; margin: 7px 0; background-color: #c7c7c7; position: relative;} .sidebar-price #price-range .ui-slider-range{position: absolute; height: 100%; top: 0; background-color: #0fb7a6;} .sidebar-price #price-range .ui-slider-handle{background-color: #0fb7a6; position: absolute; width: 21px; height: 21px; border-radius: 50px; display: block; top: -7px; -webkit-transition: none; -o-transition: none; transition: none; -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15); box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);} .sidebar-price #price-amount{font-size: 14px; font-weight: 500; color: #666666; line-height: 24px; padding: 0; background-color: transparent; border: none; margin-top: 12px;} .single-block{border-bottom: 1px solid #ddd; padding: 15px 0;} .single-block:first-child{padding-top: 0;} .single-block:last-child{padding-bottom: 0; border-bottom: 0;} .single-block .image{-ms-flex-preferred-size: 100px; flex-basis: 100px; margin-right: 5px;} .single-block .image a{border: 2px solid transparent; display: block;} .single-block .image a img{width: 100%;} .single-block .image a:hover{border: 2px solid #0fb7a6;} .single-block .content{-ms-flex-preferred-size: 100%; flex-basis: 100%;} .single-block .content p{margin-bottom: 0; font-weight: 500; font-size: 15px; line-height: 20px; color: #323232;} .single-block .content p span{font-size: 12px; line-height: 16px; color: #999; font-weight: 400; margin-top: 5px; display: block;} .single-block.comment-block .image{-ms-flex-preferred-size: 80px; flex-basis: 80px;} .single-block.comment-block .content p span{font-size: 14px; line-height: 20px; color: #666666;} .single-block.comment-block .content p a{font-size: 12px; line-height: 16px; font-weight: 400; color: #808080;} .single-block.comment-block .content p a:hover{color: #0fb7a6;} .sidebar-search-box{border: 1px solid #e0e0e0; position: relative; padding-right: 10px;} .sidebar-search-box input{border: none; padding: 5px; padding-left: 10px;} .sidebar-search-box button{position: absolute; top: 5px; right: 0; background: none; border: none;} .sidebar-search-box button:hover{color: #0fb7a6;} .cart-table{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} .cart-table .table{margin: 0;} @media only screen and (max-width: 767px){.cart-table .table{border-top: 8px solid #ddd;}} .cart-table .table thead{background-color: #ddd;} @media only screen and (max-width: 767px){.cart-table .table thead{display: none;}} .cart-table .table thead tr th{text-align: center; border: none; font-size: 16px; text-transform: uppercase; font-weight: 600; color: #222222; padding: 12px 20px;} .cart-table .table tbody tr td{text-align: center; border: none; padding: 25px 20px; vertical-align: middle; border-bottom: 1px solid #dddddd;} @media only screen and (max-width: 767px){.cart-table .table tbody tr td{display: block; width: 100%; max-width: none; padding: 15px; text-align: left;}} .cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail{max-width: 160px; min-width: 120px; width: 160px;} @media only screen and (max-width: 767px){.cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a{width: 160px;}} .cart-table th.pro-title, .cart-table td.pro-title{min-width: 200px;} .cart-table td.pro-thumbnail a{display: block;} .cart-table td.pro-thumbnail a img{width: 100%; background-color: #f6f7f8;} .cart-table td.pro-title a{font-size: 16px; font-weight: 500; color: #666666;} .cart-table td.pro-title a:hover{color: #0fb7a6;} .cart-table td.pro-price span{display: block; font-size: 15px; font-weight: 500; color: #666666;} .cart-table td.pro-quantity .pro-qty{display: inline-block; position: relative; width: 100px; border: 1px solid #ddd; height: 40px;} .cart-table td.pro-quantity .pro-qty input{padding-right: 25px; width: 100%; border: none; height: 100%; padding-left: 20px;} .cart-table td.pro-quantity .pro-qty a{width: 20px; height: 20px; position: absolute; font-weight: normal; line-height: 20px; text-align: center; font-size: 18px;} .cart-table td.pro-quantity .pro-qty a.inc{top: 0; right: 0; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;} .cart-table td.pro-quantity .pro-qty a.dec{bottom: 0; right: 0; border-left: 1px solid #ddd; padding-top: 2px;} .cart-table td.pro-subtotal span{display: block; font-size: 15px; font-weight: 500; color: #666666;} .cart-table td.pro-addtocart button{width: 140px; border-radius: 50px; height: 36px; border: 1px solid #0fb7a6; line-height: 24px; padding: 5px 20px; font-weight: 700; text-transform: capitalize; color: #222222; background-color: #0fb7a6;} .cart-table td.pro-remove a{display: block; font-weight: 500; color: #666666;} .cart-table td.pro-remove a i{font-size: 15px;} .cart-table td.pro-remove a:hover{color: #ff0000;} @media only screen and (max-width: 767px){.cart-table td.pro-remove a{width: 60px; text-align: center;}} .calculate-shipping{margin-bottom: 23px;} .calculate-shipping h4{font-size: 20px; line-height: 23px; text-decoration: underline; text-transform: capitalize; font-weight: 700; margin-bottom: 30px;} .calculate-shipping form .nice-select{width: 100%; border-radius: 50px; height: 36px; border: 1px solid #999999; line-height: 24px; padding: 5px 20px; background-color: transparent;} .calculate-shipping form .nice-select::after{border-color: #666666;} .calculate-shipping form .nice-select .current{display: block; line-height: 24px; font-size: 14px; color: #666666;} .calculate-shipping form input{width: 100%; border-radius: 50px; height: 36px; border: 1px solid #999999; line-height: 24px; padding: 5px 20px; color: #666666; background-color: transparent;} .calculate-shipping form input[type="submit"]{font-weight: 400; text-transform: uppercase; color: #ffffff; background-color: #0fb7a6; border-color: #0fb7a6; width: 140px;} .calculate-shipping form input[type="submit"]:hover{background-color: #d5b670;} .discount-coupon h4{font-size: 20px; line-height: 23px; text-decoration: underline; text-transform: capitalize; font-weight: 700; margin-bottom: 30px;} .discount-coupon form input{width: 100%; border-radius: 50px; height: 36px; border: 1px solid #999999; line-height: 24px; padding: 5px 20px; color: #666666; background-color: transparent;} .discount-coupon form input[type="submit"]{font-weight: 400; text-transform: uppercase; color: #ffffff; background-color: #0fb7a6; border-color: #0fb7a6; width: 140px;} .discount-coupon form input[type="submit"]:hover{background-color: #d5b670;} .cart-summary{float: right; max-width: 410px; width: 100%; margin-left: auto;} @media only screen and (min-width: 768px) and (max-width: 991px){.cart-summary{margin-left: 0;}} @media only screen and (max-width: 767px){.cart-summary{margin-left: 0;}} .cart-summary .cart-summary-wrap{background-color: #ddd; padding: 45px 50px; margin-bottom: 20px;} @media only screen and (max-width: 575px){.cart-summary .cart-summary-wrap{padding: 25px 30px;}} .cart-summary .cart-summary-wrap h4{font-size: 20px; line-height: 23px; text-decoration: underline; text-transform: capitalize; font-weight: 700; margin-bottom: 30px;} .cart-summary .cart-summary-wrap p{font-size: 14px; font-weight: 500; line-height: 23px; color: #222222;} .cart-summary .cart-summary-wrap p span{float: right;} .cart-summary .cart-summary-wrap h2{border-top: 1px solid #999999; padding-top: 9px; font-size: 18px; line-height: 23px; font-weight: 700; color: #000000; margin: 0;} .cart-summary .cart-summary-wrap h2 span{float: right;} .cart-summary .cart-summary-button{overflow: hidden; width: 100%;} @media only screen and (min-width: 768px) and (max-width: 991px){.cart-summary .cart-summary-button{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}} @media only screen and (max-width: 767px){.cart-summary .cart-summary-button{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}} .cart-summary .cart-summary-button button{margin-top: 10px; width: 140px; border-radius: 50px; height: 36px; border: 1px solid #999999; line-height: 24px; padding: 5px 20px; color: #666666; background-color: transparent; margin-left: 20px; float: right;} .cart-summary .cart-summary-button button:last-child{margin-left: 0;} .cart-summary .cart-summary-button button:hover{background-color: #0fb7a6; border-color: #0fb7a6; color: #ffffff;} .cart-summary .cart-summary-button button.checkout-btn{font-weight: 400; text-transform: uppercase; color: #ffffff; background-color: #0fb7a6; border-color: #0fb7a6;} .cart-summary .cart-summary-button button.checkout-btn:hover{background-color: #d5b670;} @media only screen and (min-width: 768px) and (max-width: 991px){.cart-summary .cart-summary-button button{margin-left: 0; margin-right: 20px;}.cart-summary .cart-summary-button button:last-child{margin-right: 0;}} @media only screen and (max-width: 767px){.cart-summary .cart-summary-button button{margin-left: 0; margin-right: 10px;}.cart-summary .cart-summary-button button:last-child{margin-right: 0;}} @media only screen and (max-width: 575px){.cart-summary .cart-summary-button button{width: 130px;}} .checkout-title{font-size: 20px; line-height: 23px; text-decoration: underline; text-transform: capitalize; font-weight: 700; margin-bottom: 30px;} .checkout-form label{display: block; font-size: 14px; margin-bottom: 12px; font-weight: 500; text-transform: capitalize;} .checkout-form .nice-select{width: 100%; background-color: #ffffff; border: 1px solid #999999; border-radius: 50px; line-height: 23px; padding: 10px 20px; font-size: 14px; height: 45px; color: #666666; margin-bottom: 15px;} .checkout-form .nice-select::after{width: 6px; height: 6px; border-width: 1px; right: 20px; border-color: #666666;} .checkout-form .nice-select .current{color: #666666; display: block; line-height: 23px;} .checkout-form .nice-select .list{width: 100%;} .checkout-form input{width: 100%; background-color: #ffffff; border: 1px solid #999999; border-radius: 50px; line-height: 23px; padding: 10px 20px; font-size: 14px; color: #666666; margin-bottom: 15px;} .checkout-form input[type="checkbox"]{width: auto;} .checkout-form .check-box{float: left; margin-right: 70px;} .checkout-form .check-box:last-child{margin-right: 0;} .checkout-form .check-box input[type="checkbox"]{display: none;} .checkout-form .check-box input[type="checkbox"]+label{position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #222222; margin: 0;} .checkout-form .check-box input[type="checkbox"]+label::before{position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #999999; content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .checkout-form .check-box input[type="checkbox"]+label::after{position: absolute; left: 0; top: 0; display: block; content: "\f00c"; font-family: Fontawesome; font-size: 12px; line-height: 20px; opacity: 0; color: #222222; width: 20px; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .checkout-form .check-box input[type="checkbox"]:checked+label::before{border: 2px solid #222222;} .checkout-form .check-box input[type="checkbox"]:checked+label::after{opacity: 1;} #shipping-form{display: none;} .checkout-cart-total{background-color: #ddd; padding: 45px;} @media only screen and (max-width: 575px){.checkout-cart-total{padding: 30px;}} .checkout-cart-total h4{-ms-flex-preferred-size: 18px; flex-basis: 18px; line-height: 23px; font-weight: 700;} .checkout-cart-total h4:first-child{margin-top: 0; margin-bottom: 25px;} .checkout-cart-total h4:last-child{margin-top: 15px; margin-bottom: 0;} .checkout-cart-total h4 span{float: right; display: block;} .checkout-cart-total ul{border-bottom: 1px solid #999999;} .checkout-cart-total ul li{color: #666666; font-size: 14px; line-height: 23px; font-weight: 500; display: block; margin-bottom: 16px;} .checkout-cart-total ul li span{color: #222222; float: right;} .checkout-cart-total p{font-size: 14px; line-height: 30px; font-weight: 600; color: #505050; padding: 10px 0; border-bottom: 1px solid #999999; margin: 0;} .checkout-cart-total p span{float: right;} .checkout-payment-method{background-color: #ddd; padding: 45px;} @media only screen and (max-width: 575px){.checkout-payment-method{padding: 30px;}} .single-method{margin-bottom: 20px;} .single-method:last-child{margin-bottom: 0;} .single-method input[type="radio"]{display: none;} .single-method input[type="radio"]+label{position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #222222; margin: 0;} .single-method input[type="radio"]+label::before{position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #999999; content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .single-method input[type="radio"]+label::after{position: absolute; left: 5px; top: 5px; display: block; content: ""; opacity: 0; background-color: #222222; width: 10px; text-align: center; height: 10px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .single-method input[type="radio"]:checked+label::before{border: 2px solid #222222;} .single-method input[type="radio"]:checked+label::after{opacity: 1;} .single-method input[type="checkbox"]{display: none;} .single-method input[type="checkbox"]+label{position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #666666; margin: 0;} .single-method input[type="checkbox"]+label::before{position: absolute; left: 0; top: 0; width: 16px; height: 16px; display: block; border: 2px solid #999999; content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .single-method input[type="checkbox"]+label::after{position: absolute; left: 4px; top: 4px; display: block; content: ""; opacity: 0; background-color: #222222; width: 8px; text-align: center; height: 8px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .single-method input[type="checkbox"]:checked+label::before{border: 2px solid #222222;} .single-method input[type="checkbox"]:checked+label::after{opacity: 1;} .single-method p{display: none; margin-top: 8px; font-size: 14px; color: #666666; line-height: 23px;} .place-order{margin-top: 40px; width: 140px; border-radius: 50px; height: 36px; border: none; line-height: 24px; padding: 6px 20px; float: left; font-weight: 400; text-transform: uppercase; color: #ffffff; background-color: #0fb7a6;} .place-order:hover{background-color: #d5b670;} .compare-table{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} .compare-table .table tbody tr:first-child{border-top: 1px solid #eeeeee;} .compare-table .table tbody tr td{text-align: center; border: none; padding: 25px 30px; vertical-align: middle; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee;} .compare-table .table tbody tr td:last-child{border-right: 1px solid #eeeeee;} .compare-table .table tbody tr td.first-column{min-width: 180px; font-size: 18px; font-weight: 500; color: #222222; margin: 0; line-height: 1;} .compare-table .table tbody tr td.product-image-title{padding-top: 50px;} .compare-table .table tbody tr td.product-image-title .image{clear: both; width: 100%; margin-bottom: 40px;} .compare-table .table tbody tr td.product-image-title .image img{max-width: 100%;} .compare-table .table tbody tr td.product-image-title .category{font-size: 13px; line-height: 15px; color: #666666; text-transform: capitalize; letter-spacing: 0.5px; display: block; margin-bottom: 10px;} .compare-table .table tbody tr td.product-image-title .category:hover{color: #0fb7a6;} .compare-table .table tbody tr td.product-image-title .title{font-size: 16px; font-weight: 500; color: #666666; line-height: 20px; margin-bottom: 10px;} .compare-table .table tbody tr td.product-image-title .title:hover{color: #0fb7a6;} .compare-table .table tbody tr td.pro-desc p{text-align: left; margin: 0;} .compare-table .table tbody tr td.pro-price{font-size: 16px; font-weight: 500; color: #666666;} .compare-table .table tbody tr td.pro-color{font-size: 16px; font-weight: 500; color: #666666;} .compare-table .table tbody tr td.pro-stock{font-size: 16px; font-weight: 500; color: #666666;} .compare-table .table tbody tr td.pro-addtocart .add-to-cart{position: relative; background-color: #0fb7a6; color: #ffffff; border-radius: 50px; display: inline-block; width: 170px; padding: 10px 25px 10px 25px;} .compare-table .table tbody tr td.pro-addtocart .add-to-cart i.fa{padding-right: 10px;} .compare-table .table tbody tr td.pro-addtocart .add-to-cart span{font-size: 13px; text-transform: uppercase; font-weight: 500; line-height: 21px; overflow: hidden; text-align: center;} .compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover{background-color: #d5b670;} .compare-table .table tbody tr td.pro-remove button{border: none; background-color: transparent; padding: 0;} .compare-table .table tbody tr td.pro-remove button i{font-size: 20px;} .compare-table .table tbody tr td.pro-ratting i{color: #666666; font-size: 14px;} .myaccount-tab-menu{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #ffffff;} .myaccount-tab-menu a{border: 1px solid #eeeeee; border-bottom: none; color: #666666; font-weight: 500; font-size: 12px; display: block; padding: 15px 15px 13px; text-transform: uppercase;} .myaccount-tab-menu a:last-child{border-bottom: 1px solid #eeeeee;} .myaccount-tab-menu a:hover, .myaccount-tab-menu a.active{background-color: #0fb7a6; color: #ffffff;} .myaccount-tab-menu a i{font-size: 14px; text-align: center; width: 25px;} .myaccount-content{background-color: #ffffff; font-size: 14px; border: 1px solid #eeeeee; padding: 30px;} @media only screen and (max-width: 575px){.myaccount-content{padding: 20px 15px;}} .myaccount-content h3{border-bottom: 1px dashed #eeeeee; padding-bottom: 10px; margin-bottom: 25px;} .myaccount-content .welcome a{color: #000000;} .myaccount-content .welcome a:hover{color: #0fb7a6;} .myaccount-content .welcome strong{font-weight: 600;} .myaccount-content a.edit-address-btn{background: none; border: none; font-weight: 400; font-size: 14px; text-transform: uppercase; color: #ffffff; background-color: #0fb7a6; border-color: #0fb7a6; padding: 10px 20px; border-radius: 50px;} .myaccount-content a.edit-address-btn i{padding-right: 5px;} .myaccount-content a.edit-address-btn:hover{background-color: #d5b670;} .myaccount-content button.save-change-btn{background: none; border: none; font-weight: 400; text-transform: uppercase; color: #ffffff; background-color: #0fb7a6; border-color: #0fb7a6; width: 140px; padding: 10px 0; border-radius: 50px;} .myaccount-content button.save-change-btn:hover{background-color: #d5b670;} .myaccount-table{white-space: nowrap; font-size: 15px;} .myaccount-table table th, .myaccount-table .table th{padding: 10px;} .myaccount-table table td, .myaccount-table .table td{padding: 20px 10px; vertical-align: middle;} .saved-message{border-top: 3px solid #0fb7a6; border-radius: 5px 5px 0 0; font-weight: 600; font-size: 13px; padding: 20px;} .account-details-form h4{margin: 0;} .account-details-form input{display: block; width: 100%; border: 1px solid #ebebeb; border-radius: 50px; line-height: 24px; padding: 11px 25px; color: #656565;} .login-title{font-size: 20px; line-height: 23px; text-decoration: underline; text-transform: capitalize; font-weight: 700; margin-bottom: 30px;} .login-form{background-color: #ffffff; padding: 30px; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} @media only screen and (min-width: 768px) and (max-width: 991px){.login-form{padding: 15px;}} .login-form label{display: block; font-size: 14px; margin-bottom: 12px; font-weight: 500; text-transform: capitalize;} .login-form .nice-select{width: 100%; background-color: transparent; border: 1px solid #999999; border-radius: 50px; line-height: 23px; padding: 10px 20px; font-size: 14px; height: 45px; color: #666666; margin-bottom: 15px;} .login-form .nice-select::after{width: 6px; height: 6px; border-width: 1px; right: 20px; border-color: #666666;} .login-form .nice-select .current{color: #666666; display: block; line-height: 23px;} .login-form .nice-select .list{width: 100%;} .login-form input{width: 100%; background-color: transparent; border: 1px solid #999999; border-radius: 50px; line-height: 23px; padding: 10px 20px; font-size: 14px; color: #666666; margin-bottom: 15px;} .login-form input[type="checkbox"]{width: auto;} .login-form .check-box{float: left; margin-right: 70px;} .login-form .check-box:last-child{margin-right: 0;} .login-form .check-box input[type="checkbox"]{display: none;} .login-form .check-box input[type="checkbox"]+label{position: relative; padding-left: 30px; line-height: 20px; font-size: 14px; font-weight: 400; color: #222222; margin: 0;} .login-form .check-box input[type="checkbox"]+label::before{position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; border: 2px solid #999999; content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .login-form .check-box input[type="checkbox"]+label::after{position: absolute; left: 0; top: 0; display: block; content: "\f00c"; font-family: Fontawesome; font-size: 12px; line-height: 20px; opacity: 0; color: #222222; width: 20px; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .login-form .check-box input[type="checkbox"]:checked+label::before{border: 2px solid #222222;} .login-form .check-box input[type="checkbox"]:checked+label::after{opacity: 1;} .register-button{display: block; margin-top: 40px; width: 140px; border-radius: 50px; height: 36px; border: none; line-height: 24px; padding: 6px 20px; float: left; font-weight: 400; text-transform: uppercase; color: #ffffff; background-color: #0fb7a6;} .register-button:hover{background-color: #d5b670;} .faq-area .panel.panel-default{border: 1px solid #ebebeb; margin-bottom: 20px;} .faq-area .faq-wrapper .card, .faq-area .faq-wrapper .card-header{border-radius: 0;} .faq-area .faq-wrapper .card{margin-bottom: 15px;} .faq-area .faq-wrapper .card-header{padding: 0; border-bottom: 0; background-color: #e9e9e9;} .faq-area .faq-wrapper .card-header h5 button{width: 100%; text-align: left; color: #333; font-weight: 500; padding: 10px 20px; position: relative; white-space: normal;} .faq-area .faq-wrapper .card-header h5 button span{position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .faq-area .faq-wrapper .card-header h5 button span i.fa{font-size: 12px; visibility: hidden; opacity: 0; display: none;} .faq-area .faq-wrapper .card-header h5 button:hover, .faq-area .faq-wrapper .card-header h5 button:focus{text-decoration: none;} .faq-area .faq-wrapper .card-header h5 button[aria-expanded="true"]{background-color: #0fb7a6; color: #ffffff; border-radius: 0;} .faq-area .faq-wrapper .card-header h5 button[aria-expanded="true"] span i.fa.fa-chevron-down{visibility: visible; opacity: 1; display: inline;} .faq-area .faq-wrapper .card-header h5 button[aria-expanded="false"] span i.fa.fa-chevron-up{visibility: visible; opacity: 1; display: inline;} .faq-area .billing-information-wrapper, .faq-area .shipping-information-wrapper, .faq-area .shipping-method-wrapper, .faq-area .payment-info-wrapper, .faq-area .order-review-wrapper{background-color: #fff; padding: 30px 20px;} .faq-area .account-info-wrapper{border-bottom: 1px solid #eaeaea; margin-bottom: 28px; padding-bottom: 30px;} .faq-area .billing-info{margin-bottom: 20px;} .faq-area .billing-info>label{color: #242424; font-size: 14px; letter-spacing: 0.2px; text-transform: capitalize;} .faq-area .billing-info input, .faq-area .billing-info .billing-select, .faq-area .billing-info select{background: transparent none repeat scroll 0 0; border: 1px solid #ebebeb; color: #242424; height: 40px; padding: 0 15px; width: 100%;} .faq-area .billing-btn>button, .faq-area .edit-btn, .faq-area .del-btn{color: #fff; background-color: #666666; display: inline-block; padding: 10px 20px; font-weight: 800; text-transform: uppercase; margin-bottom: 20px; border: none;} .faq-area .billing-btn>button:hover, .faq-area .edit-btn:hover, .faq-area .del-btn:hover{background-color: #0fb7a6;} .faq-area .del-btn{background-color: #0fb7a6;} .faq-area .entries-wrapper{border: 1px solid #eaeaea; position: relative;} .faq-area .entries-wrapper:before{position: absolute; content: ""; height: 100%; width: 1px; left: 50%; top: 0; background-color: #eaeaea;} .faq-area .entries-wrapper .entries-info{padding: 30px 20px;} #google-map{height: 400px;} @media only screen and (max-width: 767px){#google-map{height: 300px;}} @media only screen and (max-width: 575px){#google-map{height: 250px;}} @media only screen and (max-width: 479px){#google-map{height: 200px;}} h3.contact-page-title{font-size: 32px; line-height: 43px; color: #222222; font-weight: 500; margin-bottom: 35px;} @media only screen and (max-width: 575px){h3.contact-page-title{font-size: 25px;}} .single-contact-block{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #e0e0e0;} @media only screen and (max-width: 575px){.single-contact-block{padding-bottom: 20px; margin-bottom: 20px;}} .single-contact-block:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;} .single-contact-block h4{font-size: 20px; line-height: 27px; font-weight: 500; color: #222222;} @media only screen and (max-width: 575px){.single-contact-block h4{font-size: 20px;}} .single-contact-block h4 img{margin: 5px 20px 20px 0;} .single-contact-block p{margin-bottom: 0px; font-size: 15px; line-height: 29px; color: #666666;} span.required{color: red;} .contact-form .form-group{margin-bottom: 20px;} .contact-form label{display: block; font-size: 15px; line-height: 29px; font-weight: 400; color: #888888; margin-bottom: 0;} .contact-form input{background-color: #ffffff; width: 100%; height: 50px; line-height: 50px; outline: none; border: 1px solid #e0e0e0; padding-left: 20px;} .contact-form textarea{background-color: #ffffff; width: 100%; outline: none; border: 1px solid #e0e0e0; padding-left: 20px; line-height: 50px; height: 200px;} .single-blog-post{padding: 30px; background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);} .single-blog-post.gallery-type-post{display: block;} .single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-arrow{visibility: visible; opacity: 0.6;} .single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-arrow:hover{opacity: 1;} .single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-next{right: 10px;} .single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-prev{left: 10px;} .single-blog-post.gallery-type-post .slick-arrow{position: absolute; top: 50%; background: none; border: none; width: 40px; height: 40px; border-radius: 50%; background-color: #323232; color: #ffffff; line-height: 40px; z-index: 9; margin-top: -20px; visibility: hidden; opacity: 0;} .single-blog-post.gallery-type-post .slick-next{right: 30px; left: auto;} .single-blog-post.gallery-type-post .slick-prev{left: 30px; right: auto;} .single-blog-post .single-blog-post-media{position: relative;} .single-blog-post .single-blog-post-media .blog-categories{position: absolute; bottom: 20px; left: 10px;} .single-blog-post .single-blog-post-media .blog-categories ul li{display: inline-block;} .single-blog-post .single-blog-post-media .blog-categories ul li a{display: block; background-color: #ffffff; padding: 5px 10px; text-transform: capitalize; margin-right: 5px; border-radius: 3px;} .single-blog-post .single-blog-post-media .blog-categories ul li a:hover{background-color: #0fb7a6; color: #ffffff;} .single-blog-post .single-blog-post-media .video{overflow: hidden;} .single-blog-post .single-blog-post-media .video iframe{width: 100%; height: 300px;} @media only screen and (max-width: 479px){.single-blog-post .single-blog-post-media .video iframe{height: 200px;}} .single-blog-post .single-blog-post-content .post-audio{overflow: hidden;} .single-blog-post .single-blog-post-content .post-audio iframe{width: 100%;} .single-blog-post .single-blog-post-content h3.post-title{font-size: 29px; line-height: 39px; color: #242424; margin-bottom: 20px;} @media only screen and (max-width: 575px){.single-blog-post .single-blog-post-content h3.post-title{font-size: 25px;}} .single-blog-post .single-blog-post-content h3.post-title.sticky{position: relative; padding-left: 25px;} .single-blog-post .single-blog-post-content h3.post-title.sticky:before{position: absolute; top: 0; left: 0; content: "\f08d"; font-family: fontAwesome; font-size: 25px;} .single-blog-post .single-blog-post-content .post-meta{padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0;} .single-blog-post .single-blog-post-content .post-meta p span{color: #999999;} .single-blog-post .single-blog-post-content .post-meta p a{font-weight: 500; color: #323232;} .single-blog-post .single-blog-post-content .post-meta p a:hover{color: #0fb7a6;} .single-blog-post .single-blog-post-content .post-meta p span.separator{padding: 0 5px;} .single-blog-post .single-blog-post-content p.post-excerpt{font-size: 15px; line-height: 29px;} .blog-single-post-container{background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); padding: 25px;} .blog-single-post-container h3.post-title{font-size: 34px; line-height: 46px; color: #222222; text-align: center; font-weight: 500; margin-bottom: 20px;} @media only screen and (max-width: 479px){.blog-single-post-container h3.post-title{font-size: 25px;}} .blog-single-post-container .post-meta{text-align: center; padding-bottom: 15px; margin-bottom: 20px;} .blog-single-post-container .post-meta p span{color: #999999;} .blog-single-post-container .post-meta p a{font-weight: 500; color: #323232;} .blog-single-post-container .post-meta p a:hover{color: #0fb7a6;} .blog-single-post-container .post-meta p span.separator{padding: 0 5px;} .blog-single-post-container .single-blog-post-media{position: relative; margin-bottom: 50px;} .blog-single-post-container .single-blog-post-media .blog-categories{position: absolute; bottom: 20px; left: 10px;} .blog-single-post-container .single-blog-post-media .blog-categories ul li{display: inline-block;} .blog-single-post-container .single-blog-post-media .blog-categories ul li a{display: block; background-color: #ffffff; padding: 5px 10px; text-transform: capitalize; margin-right: 5px; border-radius: 3px;} .blog-single-post-container .single-blog-post-media .blog-categories ul li a:hover{background-color: #0fb7a6; color: #ffffff;} .blog-single-post-container .single-blog-post-media .video{overflow: hidden;} .blog-single-post-container .single-blog-post-media .video iframe{width: 100%; height: 500px;} @media only screen and (max-width: 767px){.blog-single-post-container .single-blog-post-media .video iframe{height: 400px;}} @media only screen and (max-width: 479px){.blog-single-post-container .single-blog-post-media .video iframe{height: 250px;}} .blog-single-post-container .post-audio{overflow: hidden;} .blog-single-post-container .post-audio iframe{width: 100%; height: 100px;} .blog-single-post-container .post-content p{font-size: 15px; line-height: 29px;} .blog-single-post-container .post-content blockquote{background: #f6f6f6; border: 1px solid #e0e0e0; border-left: 5px solid #0fb7a6; font-size: 14px; font-style: italic; line-height: 26px; margin: 40px 0 40px 40px; padding: 30px 45px;} @media only screen and (max-width: 479px){.blog-single-post-container .post-content blockquote{margin-left: 10px; padding: 15px 20px;}} .blog-single-post-container .tag-area{border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 10px 0;} .blog-single-post-container .tag-area span{color: #999999;} .blog-single-post-container .tag-area ul{display: inline-block;} .blog-single-post-container .tag-area ul li{display: inline-block;} .blog-single-post-container .tag-area ul li a{font-size: 15px; font-weight: 500; font-style: italic; color: #323232;} .blog-single-post-container .social-share-buttons{text-align: center;} .blog-single-post-container .social-share-buttons h3{background: none; color: #8c8c8c; font-size: 12px; line-height: 26px; margin: 0 20px; text-transform: uppercase; width: auto; font-weight: 500; margin-bottom: 15px;} .blog-single-post-container .social-share-buttons ul li{display: inline-block;} .blog-single-post-container .social-share-buttons ul li a{background: #f7f7f7; border-radius: 100%; color: #353535; display: inline-block; font-size: 12px; height: 26px; line-height: 26px; margin-right: 10px; text-align: center; width: 26px;} .blog-single-post-container .social-share-buttons ul li a:hover{background-color: #0fb7a6; color: #ffffff;} .blog-single-post-container .related-post-container h3.related-post-title{font-size: 18px; font-weight: 500; line-height: 24px; color: #222222;} .blog-single-post-container .related-post-container .single-related-post .image{margin-bottom: 15px;} .blog-single-post-container .related-post-container .single-related-post .content h3.related-post-title{font-size: 17px; font-weight: 500; line-height: 23px;} .blog-single-post-container .related-post-container .single-related-post .content h3.related-post-title span{display: block; font-size: 13px; line-height: 24px; color: #999999; font-weight: 400; margin-top: 5px;} .single-blog-post-media{position: relative;} .single-blog-post-media:hover .slick-arrow{visibility: visible; opacity: 0.6;} .single-blog-post-media:hover .slick-arrow:hover{opacity: 1;} .single-blog-post-media:hover .slick-next{right: 10px;} .single-blog-post-media:hover .slick-prev{left: 10px;} .single-blog-post-media .slick-arrow{position: absolute; top: 50%; background: none; border: none; width: 40px; height: 40px; border-radius: 50%; background-color: #323232; color: #ffffff; line-height: 40px; z-index: 9; margin-top: -20px; visibility: hidden; opacity: 0;} .single-blog-post-media .slick-next{right: 30px; left: auto;} .single-blog-post-media .slick-prev{left: 30px; right: auto;} h3.comment-counter{margin-bottom: 20px; font-weight: 500;} .comment-container .single-comment{position: relative; border: 1px solid #e0e0e0; margin: 0 0 30px; padding: 30px; width: 100%; background-color: #ffffff; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex;} .comment-container .single-comment.reply-comment{margin-left: 10%; width: 90%;} .comment-container .single-comment:last-child{margin-bottom: 0;} .comment-container .single-comment span.reply-btn{position: absolute; top: 30px; right: 30px;} .comment-container .single-comment span.reply-btn a{display: inline-block; border: 1px solid #0fb7a6; color: #0fb7a6; padding: 0 15px; font-weight: 500; border-radius: 50px; font-size: 13px;} .comment-container .single-comment span.reply-btn a:hover{background-color: #0fb7a6; color: #ffffff;} .comment-container .single-comment .image{-ms-flex-preferred-size: 50px; flex-basis: 50px;} .comment-container .single-comment .content{-ms-flex-preferred-size: 100%; flex-basis: 100%; margin-left: 20px;} .comment-container .single-comment .content h3{font-size: 15px; line-height: 29px; color: #999999; font-weight: 700; font-style: italic;} .comment-container .single-comment .content h3 span.comment-time{font-size: 14px; line-height: 29px; color: #999999; font-weight: 400; display: block;} .comment-container .single-comment .content p.comment-text{color: #999999; font-size: 15px;} .comment-form-container h3{font-size: 18px; line-height: 24px; font-weight: 500; color: #222222; margin-bottom: 25px;} .comment-form-container p{font-size: 12px; line-height: 23px; color: #999999;} .comment-form label{display: block; margin-bottom: 10px; font-size: 15px; line-height: 29px; color: #999999; font-weight: 500;} .comment-form textarea{border: 1px solid #e0e0e0; height: 130px; width: 100%; -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1); padding: 15px;} .comment-form input{background: #fff; border: 1px solid #e0e0e0; border-radius: 0; height: 50px; line-height: 48px; width: 100%; padding: 0 15px; vertical-align: middle;} footer{background-color: #ffffff;} .newsletter-section{background-color: #0fb7a6; color: #f5efe6;} .newsletter-section .newsletter-title h1{color: #f5efe6; font-size: 31px; line-height: 42px; margin-bottom: 0;} @media only screen and (min-width: 768px) and (max-width: 991px){.newsletter-section .newsletter-title h1{font-size: 25px; line-height: 30px;}} .subscription-form-wrapper p{margin-bottom: 0; -ms-flex-preferred-size: 30%; flex-basis: 30%;} @media only screen and (max-width: 479px){.subscription-form-wrapper p{-ms-flex-preferred-size: 100%; flex-basis: 100%;}} .subscription-form{position: relative; -ms-flex-preferred-size: 70%; flex-basis: 70%; background-color: #ffffff; height: 50px; border-radius: 50px; padding-top: 5px; padding-left: 20px;} @media only screen and (max-width: 479px){.subscription-form{-ms-flex-preferred-size: 100%; flex-basis: 100%;}} .subscription-form input{width: 100%; border: none;} .subscription-form button{position: absolute; top: 3px; right: 3px; background: none; border: none; background-color: #0fb7a6; padding: 10px 30px; text-transform: uppercase; border-radius: 50px;} @media only screen and (max-width: 479px){.subscription-form button{padding: 10px 20px;}} .subscription-form button:hover{background-color: #d5b670;} .subscription-form .mailchimp-alerts{position: absolute; top: 50px;} .social-contact-section h2{font-size: 31px; line-height: 42px; font-weight: 500; margin-bottom: 20px;} .social-links a{display: inline-block; width: 40px; height: 40px; border-radius: 50%; color: #fff; line-height: 40px; text-align: center; margin-right: 10px; position: relative;} .social-links a:last-child{margin-right: 0;} .social-links a.facebook{background-color: #4867AA;} .social-links a.facebook:hover{background-color: #30436b;} .social-links a.twitter{background-color: #1DA1F2;} .social-links a.twitter:hover{background-color: #4e98e6;} .social-links a.instagram{background-color: #B23A94;} .social-links a.instagram:hover{background-color: #882e71;} .social-links a.linkedin{background-color: #007BB6;} .social-links a.linkedin:hover{background-color: #0b577b;} .social-links a.rss{background-color: #F99C3A;} .social-links a.rss:hover{background-color: #e88720;} .social-links a:before{content: attr(data-tooltip); position: absolute; bottom: 100%; left: 50%; margin-bottom: 12px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 14px; font-weight: 400; background-color: #444444; color: #ffffff; line-height: 16px; padding: 5px 10px; border-radius: 2px; white-space: nowrap; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .social-links a:after{position: absolute; left: 50%; bottom: 100%; margin-bottom: 8px; margin-left: -4px; content: ""; border-width: 4px 4px 0 4px; border-style: solid; border-color: #444444 transparent transparent transparent; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .social-links a:hover:before, .social-links a:hover:after{visibility: visible; opacity: 1;} .single-contact{-ms-flex-preferred-size: 33.33%; flex-basis: 33.33%;} @media only screen and (max-width: 767px){.single-contact{-ms-flex-preferred-size: 100%; flex-basis: 100%;}} @media only screen and (max-width: 479px){.single-contact{-ms-flex-preferred-size: 100%; flex-basis: 100%;}} .single-contact .icon{font-size: 40px; margin-right: 10px;} .single-contact p span{display: block;} .single-contact:first-child{-ms-flex-preferred-size: 40%; flex-basis: 40%;} @media only screen and (min-width: 992px) and (max-width: 1199px){.single-contact:first-child{-ms-flex-preferred-size: 33.33%; flex-basis: 33.33%;}} @media only screen and (min-width: 768px) and (max-width: 991px){.single-contact:first-child{-ms-flex-preferred-size: 33.33%; flex-basis: 33.33%;}} @media only screen and (max-width: 767px){.single-contact:first-child{-ms-flex-preferred-size: 100%; flex-basis: 100%;}} @media only screen and (max-width: 479px){.single-contact:first-child{-ms-flex-preferred-size: 100%; flex-basis: 100%;}} .footer-navigation-section{text-transform: uppercase; position: relative;} .footer-navigation-section:before{position: absolute; top: 0; left: 27%; width: 73%; height: 1px; background-color: #e0e0e0; content: ""; margin-left: -13.5%;} @media only screen and (min-width: 1200px) and (max-width: 1499px){.footer-navigation-section:before{width: 100%; left: 0; margin-left: 0;}} @media only screen and (min-width: 992px) and (max-width: 1199px){.footer-navigation-section:before{width: 100%; left: 0; margin-left: 0;}} @media only screen and (min-width: 768px) and (max-width: 991px){.footer-navigation-section:before{width: 100%; left: 0; margin-left: 0;}} @media only screen and (max-width: 767px){.footer-navigation-section:before{width: 100%; left: 0; margin-left: 0;}} @media only screen and (max-width: 479px){.footer-navigation-section:before{width: 100%; left: 0; margin-left: 0;}} .footer-navigation-section:after{position: absolute; bottom: 0; left: 27%; width: 73%; height: 1px; background-color: #e0e0e0; content: ""; margin-left: -13.5%;} @media only screen and (min-width: 1200px) and (max-width: 1499px){.footer-navigation-section:after{width: 100%; left: 0; margin-left: 0;}} @media only screen and (min-width: 992px) and (max-width: 1199px){.footer-navigation-section:after{width: 100%; left: 0; margin-left: 0;}} @media only screen and (min-width: 768px) and (max-width: 991px){.footer-navigation-section:after{width: 100%; left: 0; margin-left: 0;}} @media only screen and (max-width: 767px){.footer-navigation-section:after{width: 100%; left: 0; margin-left: 0;}} @media only screen and (max-width: 479px){.footer-navigation-section:after{width: 100%; left: 0; margin-left: 0;}} .single-navigation-section h3{font-size: 15px; line-height: 20px; font-weight: 500; margin-bottom: 20px;} .single-navigation-section ul li{margin-bottom: 10px;} .single-navigation-section ul li:last-child{margin-bottom: 0;} .single-navigation-section ul li a{font-size: 12px; line-height: 18px; color: #f5efe6;} .single-navigation-section ul li a:hover{color: #0fb7a6;} .copyright-section p{margin-bottom: 0;} @media only screen and (max-width: 767px){.copyright-section .copyright-segment{margin-bottom: 15px;}} .copyright-section .copyright-segment p a{color: #222;} .copyright-section .copyright-segment p a:hover{color: #0fb7a6;} .copyright-section .copyright-segment p span.separator{padding: 0 10px; color: #222;} .copyright-section .copyright-segment p.copyright-text a{color: #777;} .copyright-section .copyright-segment p.copyright-text a:hover{color: #0fb7a6;} 

/* /varonique_theme/static/src/css/pro_img.css defined in bundle 'web.assets_frontend' */
 @media only screen and (max-width : 1280px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 360px !important; max-width: 100% !important;}} @media only screen and (max-width : 979px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 300px !important; max-width: 100% !important;}} @media only screen and (max-width : 767px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 360px !important; max-width: 100% !important;}} @media only screen and (max-width : 480px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 300px !important; max-width: 100% !important;}} @media only screen and (max-width : 320px){.img_set{margin-left: auto !important; margin-right: 25% !important; display: block !important; max-height: 180px !important; max-width: 100% !important;}} .image_thumb{height: 80px !important; width: auto;} .image_bigsize{padding: 2%; text-align: center; vertical-align: middle;} #carousel-custom .carousel-indicators{margin: 10px 0 0; overflow: auto; position: static; text-align: left; white-space: nowrap; width: auto;} #carousel-custom .carousel-indicators li{background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; height: auto; margin: 1 !important; width: auto;} #carousel-custom .carousel-indicators li img{display: block; opacity: 0.5;} #carousel-custom .carousel-indicators li.active img{opacity: 1;} #carousel-custom .carousel-indicators li:hover img{opacity: 0.75;} #carousel-custom .carousel-outer{position: relative;} 

/* /varonique_theme/static/src/css/custome.css defined in bundle 'web.assets_frontend' */
body{background-color: #e5e5e5; padding-top: 0px !important;} #wrapwrap{background-color: #f5f5f5;} .btn-primary{background-color: #0fb7a6; border-color: #0fb7a6;} .btn-primary:hover{background-color: #5d8801; border-color: #5d8801;} .o_main_navbar{border-bottom: 1px solid #ba8b4a !important; background-color: #ba8b4a !important;} .o_main_navbar > ul > li > a:hover{background-color: #ba8b4a;} .o_main_navbar .open .dropdown-toggle{background-color: #0fb7a6 !important;} #oe_main_menu_navbar .o_menu_systray a[data-action="edit"], #oe_main_menu_navbar .o_menu_systray a[data-action="translate"], #oe_main_menu_navbar .o_menu_systray a.css_edit_dynamic{color: #ffffff; background-color: #0fb7a6 !important; border-color: #0fb7a6 !important;} .dropdown-menu{z-index: 1001 !important; border: none !important; border-radius: unset !important;} .navbar:not(.is-sticky) .navbar-brand img{height: 112.188px !important; width: 112.188px;} .navbar:not(.fixed-top) .navbar-header{width: 100%;} .header-sticky.is-sticky{background-color: #0fb7a6;} .d-flex{display: flex;} .flex-wrap{-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;} .justify-content-between{justify-content: space-between;} .align-items-center{-ms-flex-align: center !important; align-items: center !important;} .navbar-collapse ul>li{display: block; position: relative; white-space: nowrap;} .navbar-collapse ul{} .navbar-collapse ul>li a{line-height: 40px; padding: 10px 10px;} .navbar-collapse ul>li:last-child{margin-right: 0;} @media only screen and (min-width: 992px) and (max-width: 1199px){.navbar-collapse ul>li{}} .is-sticky .menubar-top{height: 0px !important;} .is-sticky .menubar-top .navbar-toggle{top: -60px !important; padding: unset !important;} .is-sticky .menubar-top .navbar-close-toggler{position: relative; float: right; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; top: -60px;} .is-sticky .navbar-header{text-align: left !important;} .navbar-collapse ul>li>a{display: block; text-transform: uppercase; font-size: 15px; font-weight: 500; color: #f5efe6 !important;} @media (max-width: 767px){.navbar-collapse ul>li>a .fa-user, .navbar-collapse ul>li>a .fa-shopping-cart, .navbar-collapse ul>li>a .fa-heart{color: #777777;}.menubar-top .my_cart_quantity, .menubar-top .my_wish_quantity{color: #f5efe6;}.my_cart_quantity, .my_wish_quantity{color: #777777;}} .my_cart_item{height: 20px; min-width: 22px; line-height: 20px; border-radius: 50%; font-size: 14px; background: #d5b670; top: -25px; bottom: 0px; left: -12px; right: 0px; color: #fff;} .navbar-collapse ul>li.menu-item-has-children>a::after{font-family: Fontawesome; content: "\f107"; margin-left: 5px; float: right;} .navbar-collapse ul>li.active>a, .navbar-collapse ul>li:hover>a{color: #242423;} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #242423 !important; background: none !important;} .collapse{width: 100%;} .navbar-brand{padding-top: 5px !important; height: auto !important; float: unset !important;} .menubar-top .shopping-cart{order: -1;} .menubar-top .navbar-toggle, .menubar-top .navbar-close-toggler{order: -1;} .menubar-top .navbar-toggle{margin-right: 0px !important; padding: 1px 6px !important;} @media (min-width: 992px){.shopping-cart, .header-advance-search{margin-top: 60px; order: inherit !important;}} @media (min-width: 768px){.shopping-cart, .header-advance-search{order: inherit !important;}} @media only screen and (min-width: 1200px) and (max-width: 1499px){.pl-lg-50{padding-left: 50px !important;}.pr-lg-50{padding-right: 50px !important;}} .my_cart_quantity.label, .my_wish_quantity.label{font-size: unset; font-weight: unset; padding: unset;} @media (min-width: 768px){.is-sticky .navbar-right{float: right !important;}} #oe_main_menu_navbar+#wrapwrap .is-sticky{top: 45px;} #oe_main_menu_navbar+#wrapwrap .is-sticky .header-sticky.is-sticky .collapse ul li>a{line-height: 101px;} .navbar-default .navbar-nav>a, .navbar-default .navbar-nav>a:hover, .navbar-default .navbar-nav>a:focus{color: #0fb7a6 !important;} #top_menu .dropdown-menu{position: absolute; left: -20px; top: 100%; background-color: #ffffff; -webkit-box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%); box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%); z-index: -999; width: 100%; padding: 15px 0;} .o_extra_menu_items .dropdown-menu{left: unset !important; width: unset !important;} section#product_detail{margin-bottom: 8px;} #top_menu .dropdown-menu a{line-height: 24px; padding: 6px 20px !important; display: block; font-weight: 400; color: #777777 !important; text-transform: capitalize;} #top_menu .dropdown-menu a:hover, #top_menu .dropdown-menu a:focus{color: #0fb7a6 !important;} .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, #top_menu .dropdown-menu li.active a{color: #0fb7a6 !important; background-color: unset !important;} .nav .open>a, .nav .open>a:hover, .nav .open>a:focus{background-color: unset !important;} .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background-color: unset !important; color: #0fb7a6 !important;} .dropdown-menu li{margin-right: 0px !important;} @media only screen and (max-width: 479px){.navbar-collapse{padding-left: 5px !important; padding-wright: 5px !important;}.navbar-collapse ul>li>a{line-height: 44px !important; padding: 0px 40px 0px 20px !important;}.navbar-nav{width: 100%; margin: 0px !important;}.navbar-nav li{width: 100%;}.navbar-nav li span{font-size: 13px; color: #666666; font-weight: 500; text-transform: uppercase; line-height: 44px; position: relative;}.navbar-collapse{border-top: none !important; background-color: white;}.fixed-top .sticky-menubar-top .navbar-brand{padding-left: 0px !important; padding-right: 0px !important;}.fixed-top .sticky-menubar-top .navbar-toggle{margin-right: 0px !important; padding-right: 0px !important;}.fixed-top .sticky-menubar-top .navbar-header{margin-right: 12px !important;}.oe_product_image img{min-height: 135px !important;}} @media only screen and (max-width: 313px){.fixed-top .sticky-menubar-top #my_cart, .fixed-top .sticky-menubar-top #my_wishs{margin-top: 20px;}.fixed-top .sticky-menubar-top .navbar-header{margin-right: 12px !important;}} .shopping-cart .cart-icon span{font-size: 25px;} @media (min-width: 992px){.navbar-header{float: unset !important;}} @media (min-width: 768px){.navbar-header{float: unset !important;}} @media only screen and (max-width: 767px){.navbar-collapse ul{margin-bottom: 30px !important; overflow-y: auto;}#top_menu .dropdown-menu a{padding: 0px 40px !important;}.fixed-top .sticky-menubar-top .navbar-header{margin-right: 0px !important;}} @media only screen and (max-width: 575px){.navbar-collapse ul{margin-bottom: 30px !important; overflow-y: auto;}#top_menu .dropdown-menu a{padding: 0px 40px !important;}} @media only screen and (max-width: 767px){.navbar-collapse{padding-left: 5px !important; padding-wright: 5px !important;}.navbar-collapse ul>li>a{border-top: 1px solid #eeeeee; line-height: 44px !important; padding: 0px 40px 0px 20px !important;}.navbar-collapse{border-top: none !important; background-color: white;}.navbar-nav{width: 100%; margin: 0px !important;}.navbar-nav li{width: 100%;}.navbar-nav li span{font-size: 13px; color: #666666; font-weight: 500; text-transform: uppercase; line-height: 44px; position: relative;}.fixed-top .sticky-menubar-top .navbar-header img{height: 70px !important; width: 70px !important;}} .navbar-toggle .icon-bar{background-color: #f5efe6 !important; width: 30px !important; height: 4px !important;} .navbar-toggle{border: unset !important;} .navbar-default .navbar-toggle{background-color: unset !important;} .navbar{border: unset !important;} .navbar-close-toggler{background: none; border: unset; color: #f5efe6;} .close_toggler{font-size: 35px; font-weight: inherit;} .top_header ul.js_usermenu{top: 45px !important; z-index: 1001 !important;} .my_wish_quantity{background-color: unset !important;} .header-sticky.is-sticky .logo img{height: 90px; margin-top: 0px !important;} @media (min-width: 768px){#top_menu{justify-content: center; display: flex; flex: 1; float: unset !important;}} .sticky-menubar-top{display: flex;} .fixed-top .sticky-menubar-top .navbar-header{margin-right: 128px;} #my_account .cart-info p{margin: auto; padding: 10px;} footer{background-color: #d5b670 !important;} .social-links a.googleplus{background-color: #DC5043;} .social-links a.github{background-color: #1B1F23;} .social-links a.youtube{background-color: #CD201F;} .social-links a.map{background-color: olivedrab;} .social-links a.mail{background-color: #f37234;} .single-navigation-section p, .social-contact-section p{font-size: 15px; line-height: 18px; color: #f5efe6;} .contact-info p{margin: 0px !important;} footer #footer{padding-top: 0px !important;} @media only screen and (max-width: 767px){.mb-xs-50{margin-bottom: 50px !important;}} .order-1{-ms-flex-order: 1; order: 1;} .order-2{-ms-flex-order: 2; order: 2;} @media (min-width: 992px){.flex-lg-nowrap{-ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important;}} .footer-navigation-section:after{height: unset !important;} .oe_img_bg h1{font-size: 80px;} .oe_img_bg p{font-size: 35px !important; font-style: italic !important;} @media only screen and (min-width: 1200px) and (max-width: 1499px){.custome-carousel h1{font-size: 90px; line-height: 100px;}.custome-carousel h1{font-weight: 300;}} @media only screen and (min-width: 1200px) and (max-width: 1499px){.custome-carousel .carousel-content p{font-size: 35px; line-height: 45px; margin-bottom: 50px !important;}} .carousel .carousel-control.left *{top: 35% !important; right: 40% !important;} .carousel .carousel-control.left{left: 3px !important;} .carousel .carousel-control.right *{top: 35% !important; left: 40% !important;} .carousel .carousel-control.right{right: 3px !important;} .form-control{box-shadow: none !important;} .subscription-form .js_subscribe_btn{right: 3px; background: none; border: none; background-color: #0fb7a6; padding: 10px 30px; text-transform: uppercase; border-radius: 50px;} @media only screen and (max-width: 479px){.subscription-form .js_subscribe_btn{padding: 10px 20px;}} .subscription-form .js_subscribe_btn:hover{background-color: #5d8801;} .heading-title{position: relative;} .heading-title h3{margin-bottom: 0; color: #fff; text-transform: uppercase; font-size: 1em; line-height: 1.5; margin-right: 100px; background: #0fb7a6; padding: 15px 25px 15px 10px; position: relative; display: inline-block; z-index: 27; border-radius: 0 5px 0 0; font-weight: 500;} .heading-title h3:before{background: #0fb7a6; content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 15px; z-index: 1; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);} .heading-title h3:after{border-bottom: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #0a5e56; bottom: 1px; content: ''; left: -15px; position: absolute; z-index: 1; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%);} .category-slider{background: #ffffff; padding: 32px 15px; margin: 0 0 35px; box-shadow: 0px 5px 4px 0px rgb(0 0 0 / 10%);} .single-category{text-align: center !important; margin: auto !important; min-height: 1px;} .category-image{margin-bottom: 10px !important;} .single-category .category-image img{border-radius: 50% !important; max-width: 100% !important; height: 140px; min-height: 140px; min-width: 140px;} @media (max-width: 469px){.single-category .category-image img{height: 115px; min-height: 115px; min-width: 115px;}} .category-image img:hover{border-color: #0fb7a6 !important;} .category-title{margin-bottom: 25px !important;} .category-title a{color: #000000 !important;} .category-title a:hover, .category-title a:focus{color: #0fb7a6 !important; text-decoration: none !important;} .heading-title:before{content: ""; display: block; position: absolute; z-index: -1; background: #e9e9e9; top: 12px; left: 0; right: 0; bottom: 0;} .control-label{color: #888; margin-bottom: 5px; font-weight: 400;} .form-control-wrap{border: 1px solid #e0e0e0; color: #666; display: block; margin-top: 5px; width: 100%;} .o_website_form_input{background: #fff; border: none; height: 50px; line-height: 50px; outline: none; width: 100%; max-width: 100%; padding: 0 15px; vertical-align: middle;} .form-group .col-md-offset-3, .form-group .col-sm-offset-4{margin-left: 0px !important;} .alignnone{margin: 5px 20px 20px 0;} .wpb_wrapper img{display: inline-block;} .wpb_wrapper h4{display: inline-block; font-size: 20px;} .wpb_wrapper li{border-bottom: 1px solid #e0e0e0; margin-bottom: 30px; padding-bottom: 40px;} .wpb_wrapper li:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;} .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{margin-bottom: 35px;} .wpb_wrapper h3{color: #222; font-family: Rubik, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1.35; margin: 0 0 10px; font-size: 32px;} .wpb_wrapper h4{color: #222; font-family: Rubik, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1.35; margin: 0 0 10px; font-size: 20px;} .s_website_form .o_website_form_send{border-radius: 4px !important;} .oe_website_sale #products_grid, .oe_website_sale #products_grid_before{margin-top: 30PX;} #products_grid_before .nav>li>a{display: inline !important;} .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{color: #0fb7a6 !important; background-color: unset !important;} #categ_checkbox:checked:before{background-color: #0fb7a6 !important;} .nav-pills>li>a{font-size: .933em;} .categ_checkbox{font-size: 0; height: 7px;} ul.nav-stacked>li>a{padding: 2px 6px !important;} .child_categ{loat: right; font-family: FontAwesome; font-size: 10px; position: absolute; right: 0; top: 3px;} .sidebar-shop{width: 100%; padding-left: unset !important; padding-right: unset !important;} .widget_product_categories{float: left; margin: 0 0 50px; width: 100%; background: #fff; padding: 30px 20px;} .widget-title{border-bottom: 1px solid #e0e0e0; font-size: 1.2em; font-weight: 400; margin-bottom: 25px; padding-bottom: 5px; text-align: left; text-transform: uppercase;} .toolbar{color: #323232; margin: 0 0 30px; padding: 0; width: 100%;} #products_grid{position: unset !important;} .dropdown_sorty_by{float: right;} .dropdown_sorty_by .dropdown-toggle{border-radius: unset !important; border-color: #e0e0e0 !important;} .oe_product_image .action{bottom: auto; left: 50%; margin: 0; margin-right: -50%; max-width: 90%; padding: 0; position: absolute; right: auto; top: 50%; z-index: 78; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .oe_product_image:hover .action{opacity: 1;} @media screen and (max-width: 479px){.oe_product_image .action li, section .action li{display: inline-block; list-style-type: none; margin: 0 10px 0 0; position: relative; vertical-align: middle;}#products_grid .oe_product.oe_grid{height: 255px !important;}} .oe_product_image .action li a, section .action li a{background: #0fb7a6 !important; border: none; color: #fff; display: block; font-size: 0; height: 43px; letter-spacing: 0; line-height: 43px; margin: 0; padding: 0; text-align: center; text-transform: none; width: 43px; -moz-border-radius: 100%; border-radius: 100%;} .oe_product_image .action li a span, section .action li a span{font-size: 18px; vertical-align: middle;} .oe_product_image .action li, section .action li{display: inline-block; list-style-type: none; margin: 0 10px 0 0; position: relative; vertical-align: middle;} .oe_product_image .action li a, section .action li a{background: #0fb7a6 !important; border: none; color: #fff; display: block; font-size: 0; height: 43px; letter-spacing: 0; line-height: 43px; margin: 0; padding: 0; text-align: center; text-transform: none; width: 43px; -moz-border-radius: 100%; border-radius: 100%;} .oe_product_image .action li a span, section .action li a span{font-size: 18px; vertical-align: middle;} .product_price b{color: #0fb7a6;} #products_grid table{box-shadow: 0px 5px 4px 0px rgb(0 0 0 / 10%);} .oe_list{padding-bottom: 20px !important;} .oe_list form{padding-bottom: 10px !important; padding-top: 10px !important;} .pagination{background: #fff; margin: 40px 0 0; padding: 15px; width: 100%; box-shadow: 0px 5px 4px 0px rgb(0 0 0 / 10%);} .pagination li{order: none; display: inline-block; float: none; margin: 0 2px 0 0; vertical-align: middle;} .pagination li a{background: #0fb7a6; color: #fff; display: inline-block; font-size: 1em; height: 32px; line-height: 32px; min-width: 0; padding: 0 5px; vertical-align: middle; width: 30px;} .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #0fb7a6 !important; border-color: #0fb7a6 !important;} .pagination li a{background: #666;} .pagination li.active a:hover{background-color: #0fb7a6 !important; border-color: #0fb7a6 !important;} .dropdown_sorty_by .dropdown-menu{right: 0; left: auto !important; margin-top: 10px;} .dropdown_sorty_by .dropdown-menu li{padding: 10px 20px;} .dropdown_sorty_by label{color: #323232; float: left; font-size: 1em; font-weight: 500; margin-top: 5px; margin-right: 10px;} .shop-products.grid-view .listview{display: none;} .shop-products.list-view .gridview{display: none;} .shop-products-inner{box-shadow: 0px 5px 4px 0px rgb(0 0 0 / 10%);} .shop-products-inner .row{margin-left: 0; margin-right: 0; display: flex; flex-wrap: wrap;} .shop-products.grid-view .item-col{border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; margin-bottom: 0; padding-left: 0; padding-right: 0; position: relative;} .shop-products.list-view div.item-col{flex: 0 1 auto; margin-bottom: 0; max-width: 100%; padding-left: 10px; padding-right: 10px; width: 100%; position: relative;} .shop-products.grid-view .gridview{display: block; min-height: 100%;} .shop-products .gridview{background: #fff; position: relative;} .shop-products.list-view div.item-col .product-wrapper{border-bottom: 1px solid #e0e0e0;} .shop-products .listview{background: #fff; padding: 20px; position: relative;} .shop-products .listview .oe_product_cart{width: 100%;} .oe_product_image{margin-bottom: 20px; position: relative;} .oe_product_image span{box-shadow: none; float: none; margin: 0 auto; width: 100%;} .oe_product_cart h5{margin: 0px 0px 12px; font-size: 1em; line-height: 1.35;} .product_price b{font-weight: 400 !important;} .oe_product_cart .product_price{font-size: 16px; font-weight: 400; line-height: 30px; width: 100%;} @media screen and (max-width: 767px){.oe_product_cart .product_price{font-size: 11px; line-height: inherit;}.product_price h4{font-size: 13px;}} @media screen and (max-width: 479px){.shop-products .item-col{flex: 0 1 auto; max-width: 100%; width: 100% !important;}} .toolbar .view-mode{float: left;} .toolbar .view-mode label{display: none; font-weight: 400; margin: 0;} .gridview section{text-align: center;} @media screen and (max-width: 767px){.shop-products .listview .list-col8{text-align: center;}} .oe_product .oe_product_image{left: 0px !important; right: 0px !important; top: 0px !important; bottom: 0px !important;} .oe_product section, .oe_product .oe_product_image img, .oe_product .oe_product_image{position: relative !important;} .list-view .oe_product{border: none !important;} @media (min-width: 400px){.oe_product.oe_list{padding-left: 0px !important;}} #website_published_button .pull-right{float: none !important;} .oe_product_image img{min-height: 215px;} #products_grid .toolbar{padding-left: 10px !important; padding-right: 10px !important;} .oe_product .oe_product_cart{position: unset !important;} .toolbar .view-mode a{background: #ebebeb; border: none; color: #999; display: block; float: left; font-size: 0; height: 36px; line-height: 36px; margin: 0 1px 0 0; overflow: hidden; text-align: center; width: 47px;} .toolbar .view-mode a.grid{padding-left: 6px; -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px;} .toolbar .view-mode a.list{padding-right: 6px; -webkit-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0;} .toolbar .view-mode a.grid:before{background: url(/varonique_theme/static/src/img/gridview.png) no-repeat center center;} .toolbar .view-mode a:before{content: ''; display: block; height: 100%; width: 100%;} .toolbar .view-mode a.list:before{background: url(/varonique_theme/static/src/img/listview.png) no-repeat center center;} .toolbar .view-mode a:hover, .toolbar .view-mode a.active{background: #0fb7a6;} .toolbar .view-mode a.grid:hover:before, .toolbar .view-mode a.grid.active:before{background: url(/varonique_theme/static/src/img/gridview-hover.png) no-repeat center center;} .toolbar .view-mode a.list:hover:before, .toolbar .view-mode a.list.active:before{background: url(/varonique_theme/static/src/img/listview-hover.png) no-repeat center center;} .modal-body .product-wrapper{display: flex; width: 100%;} .modal-body .product-image{width: 30%;} .modal-body .product-info{width: 70%;} .modal-content footer{background-color: white !important;} .prodcut_details_modal .modal-dialog{height: 100%; float: right; margin: 0px !important;} .prodcut_details_modal .modal-content{height: 100%; border-radius: unset !important;} .prodcut_details_modal .product-wrapper{border-bottom: none !important;} .prodcut_details_modal .modal-header .close{margin-top: -25px;} @media (min-width: 768px){.prodcut_details_modal .modal-dialog{width: 425px !important;}} .prodcut_details_modal #shop_cart_details{border: 1px solid #0fb7a6 !important;} .js_product_categ{display: block !important;} #product_detail .row:not(:first-child){box-shadow: 0px 5px 4px 0px rgb(0 0 0 / 10%); background-color: #fff; padding: 50px 30px;} #search_product_Modal .row{padding: 0px !important; box-shadow: unset !important;} .product-more-details{margin-top: 40px; margin-bottom: 40px;} .product-more-details nav a{border: none; color: #999; font-family: Rubik, Arial, Helvetica, sans-serif; font-size: 1.15em; font-weight: 500; padding: 0 15px 10px; position: relative; text-decoration: none; text-shadow: none !important; text-transform: uppercase; margin: 0 30px 0 0;} .product-more-details nav a.active{color: #323232; border-bottom: 2px solid #0fb7a6;} .product-more-details #product_full_description, .product-more-details #discussion_rating{box-shadow: none; float: left; font-size: 1em; margin: 0; padding: 30px; width: 100%; box-shadow: 0px 5px 4px 0px rgb(0 0 0 / 10%); background-color: #fff;} .o_shop_discussion_rating:not(:first-child){display: none;} .categ_checkbox:checked:after{width: 13px; height: 13px; position: relative; background-color: #0fb7a6; content: ''; display: inline-block; visibility: visible; border: 2px solid #0fb7a6; border-radius: 50%;} .categ_checkbox:after{width: 13px; height: 13px; position: relative; background-color: #fff; content: ''; display: inline-block; visibility: visible; border: 2px solid #666666; border-radius: 50%;} #payment_method form{padding: 12px;} .xzoom{width: 100% !important;} .homepage #breadcrumb{display: none !important;} #breadcrumb{display: block !important; background-image: url('/varonique_theme/static/src/img/sliders/home1-slider.png');} .breadcrumb{margin: unset; padding: 30px 70px !important; font-size: 15px; font-weight: 500; background-color: unset !important;} @media (max-width: 479px){.breadcrumb{padding: 15px 20px !important;}} .breadcrumb-item, .breadcrumb li{color: #f5efe6;} .breadcrumb-item.active, .breadcrumb li.active{color: #d5b670 !important;} .breadcrumb > li + li:before{color: #f5efe6;} .back-to-top{position: fixed; display: none; background: #0fb7a6; color: #fff; padding: 6px 12px 9px 12px; font-size: 16px; border-radius: 50%; right: 15px; bottom: 15px; transition: background 0.5s; z-index: 100;} @media (max-width: 768px){.back-to-top{bottom: 15px;}} .back-to-top:focus{background: #d5b670; color: #fff; outline: none;} .back-to-top:hover{background: #d5b670; color: #fff;} .oe_product_image{max-height: 195px;} .oe_product_image img{height: 100px;} .oe_product_cart .oe_subdescription{line-height: 1.5em; height: 6em; max-height: 77px !important;} .oe_product{background-color: white !important;} @media (min-width: 768px){.oe_product.oe_grid{max-width: 100px;}} @media (max-width: 768px){#products_grid .gridview .oe_product{float: left; width: 50% !important; display: inline-block;}#products_grid .oe_product.oe_grid section{background: white !important;}} .gridview .oe_product_cart h5 a{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2.5em;} @media (max-width: 768px){#products_grid .oe_product.oe_grid{height: 310px;}} .oe_product section{min-height: 90px !important;} .fixed-top{display: block; top: 0; transition: transform 200ms; right: 0; left: 0; bottom: auto; position: fixed; z-index: 1030;} .navbar.fixed-top .ip_header_boxed{display: none;} #oe_main_menu_navbar+#wrapwrap .fixed-top{top: 46px;} .bg-black-40{background-color: rgba(0, 0, 0, 0.4); color: #FFF;} #previous_and_next_iv a{padding: 0px !important;} #previous_and_next_iv{display: inline-flex; padding: 30px 70px;} 

/* /varonique_theme/static/src/lib/xzoom.css defined in bundle 'web.assets_frontend' */
 .xzoom-source img, .xzoom-preview img, .xzoom-lens img{display: block; max-width: none; max-height: none;} .xzoom-container{display: inline-block;} .xzoom-thumbs{text-align: center; margin-bottom: 10px;} .xzoom{} .xzoom2, .xzoom3, .xzoom4, .xzoom5{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); margin-bottom: 15px;} .xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5{border: 1px solid #cecece; margin-left: 5px; margin-bottom: 10px;} .xzoom-source, .xzoom-hidden{display: block; position: static; float: none; clear: both;} .xzoom-hidden{overflow: hidden;} .xzoom-preview{border: 1px solid #888; background: #2f4f4f; box-shadow: -0px -0px 10px rgba(0,0,0,0.50); margin-left: 25px !important;} .xzoom-lens{border: 1px solid #555; box-shadow: 10px 10px 10px rgba(0,0,0,0.50); cursor: crosshair;} .xzoom-loading{background-position: center center; background-repeat: no-repeat; border-radius: 100%; opacity: .7; background: url(/varonique_theme/static/src/lib/../img/xloading.gif); width: 48px; height: 48px;} .xactive{-webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); border: 1px solid #4aaad2;} .xzoom-caption{position: absolute; bottom: -43px; left: 0; background: #000; width: 100%; text-align: left;} .xzoom-caption span{color: #fff; font-family: Arial, sans-serif; display: block; font-size: 0.75em; font-weight: bold; padding: 10px;} 

/* /varonique_theme/static/src/css/pro_img.css defined in bundle 'web.assets_frontend' */
 @media only screen and (max-width : 1280px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 360px !important; max-width: 100% !important;}} @media only screen and (max-width : 979px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 300px !important; max-width: 100% !important;}} @media only screen and (max-width : 767px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 360px !important; max-width: 100% !important;}} @media only screen and (max-width : 480px){.img_set{margin-left: auto !important; margin-right: auto !important; display: block !important; max-height: 300px !important; max-width: 100% !important;}} @media only screen and (max-width : 320px){.img_set{margin-left: auto !important; margin-right: 25% !important; display: block !important; max-height: 180px !important; max-width: 100% !important;}} .image_thumb{height: 80px !important; width: auto;} .image_bigsize{padding: 2%; text-align: center; vertical-align: middle;} #carousel-custom .carousel-indicators{margin: 10px 0 0; overflow: auto; position: static; text-align: left; white-space: nowrap; width: auto;} #carousel-custom .carousel-indicators li{background-color: transparent; -webkit-border-radius: 0; border-radius: 0; display: inline-block; height: auto; margin: 1 !important; width: auto;} #carousel-custom .carousel-indicators li img{display: block; opacity: 0.5;} #carousel-custom .carousel-indicators li.active img{opacity: 1;} #carousel-custom .carousel-indicators li:hover img{opacity: 0.75;} #carousel-custom .carousel-outer{position: relative;} 

/* /survey/static/src/css/survey_print.css defined in bundle 'web.assets_frontend' */
@media print{.js_surveyform{font-size: 13px;}.js_surveyform textarea.form-control{height: 10em;}.js_surveyform h1{font-size: 28px;}.js_surveyform h2{font-size: 20px;}.js_question-wrapper{page-break-inside: avoid;}} 

/* /web/static/lib/nvd3/nv.d3.css defined in bundle 'web.assets_frontend' */
 .nvd3 .nv-axis{pointer-events:none; opacity: 1;} .nvd3 .nv-axis path{fill: none; stroke: #000; stroke-opacity: .75; shape-rendering: crispEdges;} .nvd3 .nv-axis path.domain{stroke-opacity: .75;} .nvd3 .nv-axis.nv-x path.domain{stroke-opacity: 0;} .nvd3 .nv-axis line{fill: none; stroke: #e5e5e5; shape-rendering: crispEdges;} .nvd3 .nv-axis .zero line, .nvd3 .nv-axis line.zero{stroke-opacity: .75;} .nvd3 .nv-axis .nv-axisMaxMin text{font-weight: bold;} .nvd3 .x .nv-axis .nv-axisMaxMin text, .nvd3 .x2 .nv-axis .nv-axisMaxMin text, .nvd3 .x3 .nv-axis .nv-axisMaxMin text{text-anchor: middle} .nvd3 .nv-axis.nv-disabled{opacity: 0;} .nvd3 .nv-groups .nv-point.hover{stroke-width: 20px; stroke-opacity: .5;} .nvd3 .nv-scatter .nv-point.hover{fill-opacity: 1;} .nv-noninteractive{pointer-events: none;} .nv-distx, .nv-disty{pointer-events: none;} .nvtooltip{position: absolute; background-color: rgba(255,255,255,1.0); color: rgba(0,0,0,1.0); padding: 1px; border: 1px solid rgba(0,0,0,.2); z-index: 10000; display: block; font-family: Arial; font-size: 13px; text-align: left; pointer-events: none; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .nvtooltip{background: rgba(255,255,255, 0.8); border: 1px solid rgba(0,0,0,0.5); border-radius: 4px;} .nvtooltip.with-transitions, .with-transitions .nvtooltip{transition: opacity 50ms linear; -moz-transition: opacity 50ms linear; -webkit-transition: opacity 50ms linear; transition-delay: 200ms; -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms;} .nvtooltip.x-nvtooltip, .nvtooltip.y-nvtooltip{padding: 8px;} .nvtooltip h3{margin: 0; padding: 4px 14px; line-height: 18px; font-weight: normal; background-color: rgba(247,247,247,0.75); color: rgba(0,0,0,1.0); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .nvtooltip p{margin: 0; padding: 5px 14px; text-align: center;} .nvtooltip span{display: inline-block; margin: 2px 0;} .nvtooltip table{margin: 6px; border-spacing:0;} .nvtooltip table td{padding: 2px 9px 2px 0; vertical-align: middle;} .nvtooltip table td.key{font-weight: normal;} .nvtooltip table td.key.total{font-weight: bold;} .nvtooltip table td.value{text-align: right; font-weight: bold;} .nvtooltip table tr.highlight td{padding: 1px 9px 1px 0; border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px;} .nvtooltip table td.legend-color-guide div{width: 8px; height: 8px; vertical-align: middle;} .nvtooltip table td.legend-color-guide div{width: 12px; height: 12px; border: 1px solid #999;} .nvtooltip .footer{padding: 3px; text-align: center;} .nvtooltip-pending-removal{pointer-events: none; display: none;} .nvd3 .nv-interactiveGuideLine{pointer-events:none;} .nvd3 line.nv-guideline{stroke: #ccc;} .nvd3 .nv-bars rect{fill-opacity: .75; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-bars rect.hover{fill-opacity: 1;} .nvd3 .nv-bars .hover rect{fill: lightblue;} .nvd3 .nv-bars text{fill: rgba(0,0,0,0);} .nvd3 .nv-bars .hover text{fill: rgba(0,0,0,1);} .nvd3 .nv-multibar .nv-groups rect, .nvd3 .nv-multibarHorizontal .nv-groups rect, .nvd3 .nv-discretebar .nv-groups rect{stroke-opacity: 0; transition: fill-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear;} .nvd3 .nv-multibar .nv-groups rect:hover, .nvd3 .nv-multibarHorizontal .nv-groups rect:hover, .nvd3 .nv-candlestickBar .nv-ticks rect:hover, .nvd3 .nv-discretebar .nv-groups rect:hover{fill-opacity: 1;} .nvd3 .nv-discretebar .nv-groups text, .nvd3 .nv-multibarHorizontal .nv-groups text{font-weight: bold; fill: rgba(0,0,0,1); stroke: rgba(0,0,0,0);} .nvd3 .nv-groups path.nv-line{fill: none;} .nvd3 .nv-groups path.nv-area{stroke: none;} .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point{fill-opacity: 0; stroke-opacity: 0;} .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point{fill-opacity: .5 !important; stroke-opacity: .5 !important;} .with-transitions .nvd3 .nv-groups .nv-point{transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-scatter .nv-groups .nv-point.hover, .nvd3 .nv-groups .nv-point.hover{stroke-width: 7px; fill-opacity: .95 !important; stroke-opacity: .95 !important;} .nvd3 .nv-point-paths path{stroke: #aaa; stroke-opacity: 0; fill: #eee; fill-opacity: 0;} .nvd3 .nv-indexLine{cursor: ew-resize;} svg.nvd3-svg{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -ms-user-select: none; -moz-user-select: none; user-select: none; display: block; width:100%; height:100%;} .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip{-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .nvd3 text{font: normal 12px Arial;} .nvd3 .title{font: bold 14px Arial;} .nvd3 .nv-background{fill: white; fill-opacity: 0;} .nvd3.nv-noData{font-size: 18px; font-weight: bold;} .nv-brush .extent{fill-opacity: .125; shape-rendering: crispEdges;} .nv-brush .resize path{fill: #eee; stroke: #666;} .nvd3 .nv-legend .nv-series{cursor: pointer;} .nvd3 .nv-legend .nv-disabled circle{fill-opacity: 0;} .nvd3 .nv-brush .extent{fill-opacity: 0 !important;} .nvd3 .nv-brushBackground rect{stroke: #000; stroke-width: .4; fill: #fff; fill-opacity: .7;} .nvd3.nv-pie path{stroke-opacity: 0; transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear; -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;} .nvd3.nv-pie .nv-pie-title{font-size: 24px; fill: rgba(19, 196, 249, 0.59);} .nvd3.nv-pie .nv-slice text{stroke: #000; stroke-width: 0;} .nvd3.nv-pie path{stroke: #fff; stroke-width: 1px; stroke-opacity: 1;} .nvd3.nv-pie path{fill-opacity: .7;} .nvd3.nv-pie .hover path{fill-opacity: 1;} .nvd3.nv-pie .nv-label{pointer-events: none;} .nvd3.nv-pie .nv-label rect{fill-opacity: 0; stroke-opacity: 0;} 

/* /survey/static/src/css/survey_result.css defined in bundle 'web.assets_frontend' */
.only_right_radius{border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-top-left-radius: 0; border-bottom-left-radius: 0;} .only_left_radius{border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 2em; border-bottom-left-radius: 2em;} .no_radius{border-radius: 0;} .clear_survey_filter, .filter-all, .filter-finished{cursor: pointer;} .nvtooltip h5{margin: 0; line-height: 18px; font-weight: bold; background-color: rgba(247,247,247,0.75); text-align: center; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .survey_answer i{padding:3px; cursor:pointer;} .survey_answer i.invisible{visibility: hidden!important;} @media print{.tab-content > .tab-pane{display: block;}.tab-content > .survey_graph > svg{width: 1150px;}} .o_preview_questions{border: 3px solid #C9C6C6; width: auto; padding: 10px 30px 5px; margin-top: 15px; color: #C9C6C6;} .o_preview_questions .o_datetime{border: 1px solid #D8D7D7; margin-bottom: 5px;} .o_preview_questions .o_matrix_head{border-bottom: 1px solid #D8D7D7;} .o_preview_questions .o_matrix_row{border-top: 1px solid #D8D7D7;} 

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;} .required-form-control{background-color: #CECDFF;} #filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;} #filters li.active a{color: #999;} #filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;} .nav-tabs-inline{float: left; display: inline; font-size: 14px; border-color: transparent;} #o_website_links_recent_links{min-height:30em;} .o_website_links_code_error{display:none; color:red; font-weight:bold;} .truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;} 

/* /mass_mailing/static/src/css/mass_mailing_popup.css defined in bundle 'web.assets_frontend' */
 .editor_enable [data-oe-placeholder]:empty:not(:focus):before{content: " \00a0 " attr(data-oe-placeholder); opacity: 0.4;} .o_popup_animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} @-webkit-keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} @keyframes o_popup_bounce_small{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);}70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0);}90%{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}} .o_popup_bounce_small{-webkit-animation-name: o_popup_bounce_small; animation-name: o_popup_bounce_small; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom;} .o_popup_bounce_del500ms{-webkit-animation-delay: 500ms; animation-delay: 500ms;} #o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #21b799; border-color: #1da187;} #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{color: #ffffff; background-color: #198c75; border-color: #146e5c;} #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.active, .open > .dropdown-toggle#o_newsletter_popup .btn.btn-success{background-image: none;} #o_newsletter_popup .btn.btn-success.disabled, #o_newsletter_popup .btn.btn-success[disabled], fieldset[disabled] #o_newsletter_popup .btn.btn-success, #o_newsletter_popup .btn.btn-success.disabled:hover, #o_newsletter_popup .btn.btn-success[disabled]:hover, fieldset[disabled] #o_newsletter_popup .btn.btn-success:hover, #o_newsletter_popup .btn.btn-success.disabled:focus, #o_newsletter_popup .btn.btn-success[disabled]:focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success:focus, #o_newsletter_popup .btn.btn-success.disabled.focus, #o_newsletter_popup .btn.btn-success[disabled].focus, fieldset[disabled] #o_newsletter_popup .btn.btn-success.focus, #o_newsletter_popup .btn.btn-success.disabled:active, #o_newsletter_popup .btn.btn-success[disabled]:active, fieldset[disabled] #o_newsletter_popup .btn.btn-success:active, #o_newsletter_popup .btn.btn-success.disabled.active, #o_newsletter_popup .btn.btn-success[disabled].active, fieldset[disabled] #o_newsletter_popup .btn.btn-success.active{background-color: #21b799; border-color: #1da187;} #o_newsletter_popup h1, #o_newsletter_popup h2, #o_newsletter_popup h3, #o_newsletter_popup h4, #o_newsletter_popup h5, #o_newsletter_popup h6, #o_newsletter_popup .h1, #o_newsletter_popup .h2, #o_newsletter_popup .h3, #o_newsletter_popup .h4, #o_newsletter_popup .h5, #o_newsletter_popup .h6{font-weight: 300; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} #o_newsletter_popup h1:first-child, #o_newsletter_popup h2:first-child, #o_newsletter_popup h3:first-child, #o_newsletter_popup h4:first-child, #o_newsletter_popup h5:first-child, #o_newsletter_popup h6:first-child, #o_newsletter_popup .h1:first-child, #o_newsletter_popup .h2:first-child, #o_newsletter_popup .h3:first-child, #o_newsletter_popup .h4:first-child, #o_newsletter_popup .h5:first-child, #o_newsletter_popup .h6:first-child{margin-top: 0;} #o_newsletter_popup .o_popup_modal_content{border-radius: 2px; margin: 20px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.11); border: 1px solid #767676; background: #f2f2f2;} #o_newsletter_popup .o_popup_modal_content:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);} #web_editor_inside_iframe #o_newsletter_popup .o_popup_modal_content:before{content: none;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header{background: #6c1153; padding: 5px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header .o_popup_modal_title{color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_header *{position: relative; z-index: 1;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close{position: absolute; z-index: 99; right: 5px; top: 6px; width: 23px; height: 23px; display: block; text-align: center; border-radius: 100em; background: #6c1153; color: #daa3cb; text-decoration: none; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} #o_newsletter_popup .o_popup_modal_content a.o_popup_btn_close:hover{background: #89296e; color: #ffffff;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body{padding: 0px 0px 30px; color: #666666;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev{padding-bottom: 15px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message{font-size: 3em; position: relative; text-align: left; padding-left: 2em; line-height: 1; margin: .5em; font-weight: 100;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message font{font-weight: 600; color: #875A7B; font-size: 2.5em; font-style: italic; position: absolute; top: -0.1em; margin-left: -0.65em;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_popup_message strong{color: #875A7B;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .o_popup_content_dev .o_message_paragraph{position: relative;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group{margin-left: auto; margin-right: auto; max-width: 350px;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group input{border-radius: 2px 0 0 2px; border: none; outline: 0; box-shadow: inset 0 -1px #cccccc;} #o_newsletter_popup .o_popup_modal_content .o_popup_modal_body .input-group .btn{border-radius: 0 2px 2px 0; border-width: 0 0 1px; padding-top: 7px; margin-left: -1px; -webkit-transition: all ease 200ms; -moz-transition: all ease 200ms; -ms-transition: all ease 200ms; -o-transition: all ease 200ms;} 

/* /website_blog/static/src/less/website_blog.less defined in bundle 'web.assets_frontend' */
 .website_blog{} .website_blog .css_website_mail .has-error{border-color: red;} .website_blog .css_website_mail .css_nav_month{display: none;} .website_blog .css_website_mail .css_nav_month:first-of-type{display: block;} .website_blog .read_width{max-width: 700px; margin-left: auto; margin-right: auto;} .website_blog .blog_content{min-height: 350px !important;} .website_blog .blog_content a.oe_mail_expand:after{content: " →";} .website_blog .blog_content a.oe_mail_expand{font-weight: bold;} .website_blog p.post-meta{position: relative; top: -5px;} .website_blog div#blog_angle_down a:hover{text-decoration: none;} .website_blog .o_blog_cover_container{position: relative;} .website_blog .o_blog_cover_container > .o_blog_cover_component{position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat;} .website_blog .o_blog_cover_container > .blog_title{margin: 0 auto; text-align: center; font-weight: bold;} .website_blog .o_blog_cover_container.cover > .o_blog_cover_component{display: block;} .website_blog .o_blog_cover_container.cover > .blog_title, .website_blog .o_blog_cover_container.cover_footer > .blog_title{color: white; position: absolute; top: 20%; left: 30px; bottom: auto; right: 30px;} .website_blog .o_blog_cover_container.cover_full{height: 600px; height: 100vh;} .website_blog .o_blog_cover_container.cover_narrow{height: 300px; height: 50vh;} .website_blog .o_blog_cover_container.o_list_cover{display: none; width: auto!important; height: 250px!important;} .website_blog .o_blog_cover_container.o_list_cover.cover{display: block;} .website_blog .o_blog_cover_container.cover_footer{min-height: 350px; height: 65vh; background-color: #B8B8B8; cursor: pointer;} @media (max-width: 767px){.website_blog .o_blog_cover_container > .blog_title > h1{font-size: 26px;}.website_blog .o_blog_cover_container > .blog_title > h2{font-size: 20px;}.website_blog .o_blog_cover_container.cover > .blog_title{top: 10%;}.website_blog .o_blog_cover_container.cover_narrow{height: 65vh;}.website_blog .o_blog_cover_container.cover_footer{min-height: 280px; height: 50vh;}.website_blog .o_blog_cover_container.cover_footer > .blog_title{top: 2%;}} .website_blog mark + .popover, .website_blog .cover_footer{cursor: pointer;} .website_blog .js_publish_management{z-index: 1;} .website_blog .js_publish_management .dropdown-menu{left: auto; right: 0;} .website_blog .o_blog_post_title{font-size: 24px;} .website_blog .o_blog_post_teaser{text-align: justify;} .website_blog .o_grid{margin: 0 6% 6% 0; border: 1px solid #EEEEEE; box-shadow: 0.5px 0.5px 0.5px 0.5px #eeeeee; padding-bottom: 15px;} .website_blog .o_grid .o_blog_post_teaser{width: 100%;} .website_blog .o_grid > .text-muted > .mb0 > hr{display: none;} .website_blog .o_author_avatar_little{width: 40px; display: inline; margin-top: -5px;} .website_blog .o_sharing_links{margin-top: 20px;} .website_blog .o_sharing_links > p{display: inline; font-size: 12px;} .website_blog .o_sharing_links > a{color: #b3b3b3; font: normal normal normal 28px/1 FontAwesome; margin: 0 4px 0 4px; cursor: pointer;} .website_blog .o_sharing_links > a:hover{text-decoration: none;} .website_blog .o_sharing_links > a.o_twitter_complete, .website_blog .o_sharing_links > a.o_twitter:hover{color: #4099FF;} .website_blog .o_sharing_links > a.o_google_complete, .website_blog .o_sharing_links > a.o_google:hover{color: #DD4B39;} .website_blog .o_sharing_links > a.o_facebook_complete, .website_blog .o_sharing_links > a.o_facebook:hover{color: #3b5998;} .website_blog .o_sharing_links > a.o_linkedin_complete, .website_blog .o_sharing_links > a.o_linkedin:hover{color: #0E76A8;} .website_blog .o_sharing_links > a.unhover{color: #b3b3b3;} .website_blog .o_blog_post_complete.o_sharing_links{max-width: 700px; margin: 50px auto 50px auto; text-align: center;} .website_blog .o_blog_post_complete.o_sharing_links > p{font-size: 16px; font-weight: 600;} .website_blog .o_blog_post_complete.o_sharing_links > a{font: normal normal normal 40px/1 FontAwesome;} .website_blog div[name="blog_post_data"]{margin-top: 20px !important; font-size: 13px;} .website_blog div[name="blog_post"]{position: relative;} .website_blog div[name="blog_post"] hr{margin-top: 10px;}