/** Shopify CDN: Minification failed Line 3219:21 Unexpected "0%" Line 3221:21 Unexpected "100%" **/ .spr-summary-actions-newreview, .spr-summary-actions-newreview:focus { background-color: #ecb9c6; color: #fff; padding: 5px 10px; } .spr-summary-actions-newreview:hover { background-color: #000; color: #fff; } /*------------------------header-nav-----------------*/ /*--------------------------------header-top----------------*/ .wrapper-nav { margin: 0 auto; background: transparent; } /*================ header ================*/ #header { color: black; font-weight: 400; font-size: 14px; font-family: Quicksand; letter-spacing: 0.1px; /*------------------------nav-header-----------------*/ /*-------------------------search-bar-----------------*/ /*---------------------------site-header-inner----------*/ } #header .nav-header { background: #cd8995; font-size: 14px; font-weight: 400; position: relative; text-align: center; } @media (max-width: 767px) { #header .nav-header { /* If media is below 768 */ float: none; text-align: center; } } #header .nav-header .header-block { text-align: center; padding: 9px 0; position: relative; display: inline-block; vertical-align: middle; } @media (max-width: 400px) { #header .nav-header .header-block { padding-left: 10px; } } @media (max-width: 350px) { #header .nav-header .header-block { padding-left: 30px; } } #header .nav-header .header-block:before { background: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/header-icon.png?v=4043267307463431191755728767) no-repeat center; width: 22px; height: 22px; position: absolute; content: ""; left: -30px; } @media (max-width: 400px) { #header .nav-header .header-block:before { left: -20px; } } @media (max-width: 350px) { #header .nav-header .header-block:before { left: 0px; } } #header .nav-header .header-block .header-text { position: relative; font-size: 14px; line-height: 22px; color: black; } #header .nav-header .header-block .header-text span { font-weight: 600; } @media (max-width: 767px) { #header .nav-header .header-block .header-text { /* If media is below 768 */ text-align: center; } } @media (max-width: 543px) { #header .nav-header .header-block .header-text { /* If media is below 544 */ padding-left: 0; } } #header .header-top { position: relative; /*.ishicategoryblock{ margin: 0 auto; text-align: center; padding: 15px 0; display: none; @media (max-width: 991px) { position: absolute; left: 0; right: 0; z-index: 2; display: none; } .ishicategory-container{ position: relative; overflow: hidden; text-align: center; a{ position: relative; overflow: hidden; display: block; } .image-container{ position: relative; overflow: hidden; display: inline-block; vertical-align: middle; padding-right: 10px; img { max-width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } } .category-name { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 15px; margin: 0; font-weight: 400; color: $light-color; letter-spacing: 1px; position: relative; text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } &:hover { .category-name { color: #777; } } } }*/ } @media (max-width: 991px) { #header .header-top { /* If media is below 992 */ position: unset; margin: 0; padding: 0; } } #header .header-top .desktop-user-info { padding: 0; } #header .header-top .desktop-checkout { float: left; text-transform: capitalize; padding: 34px 0; padding-bottom: 19px; } @media (max-width: 991px) { #header .header-top .desktop-checkout { /* If media is below 992 */ float: none; padding: 0; padding: 6px 0; } } #header .header-top .desktop-checkout ul li { position: relative; margin-right: 0px; display: inline-block; vertical-align: middle; } @media (max-width: 543px) { #header .header-top .desktop-checkout ul li { /* If media is below 544 */ margin-right: 0px; } } #header .header-top .desktop-checkout ul li:first-child a { padding-right: 25px; } @media (max-width: 543px) { #header .header-top .desktop-checkout ul li:first-child a { padding-right: 15px; } } #header .header-top .desktop-checkout ul li:nth-child(2) a { padding-right: 25px; } @media (max-width: 543px) { #header .header-top .desktop-checkout ul li:nth-child(2) a { padding-right: 15px; } } #header .header-top .desktop-checkout ul li:last-child a { padding-right: 0; } #header .header-top .desktop-checkout ul li:last-child:after { display: none; } #header .header-top .desktop-checkout ul li a { /*&.checkout{ padding-left: 0; }*/ } #header .header-top .desktop-checkout ul li:hover a { color: #cd8995; } #header .header-top .desktop-checkout ul li:hover a:before { background-position: -173px -54px; } #header .header-top .desktop-checkout ul li:hover a.wishlist:before { background-position: -215px -53px; } #header .header-top .desktop-checkout ul li:hover a.contact:before { background-position: -254px -54px; } @media (min-width: 992px) { #header .header-top .desktop-checkout ul li { /* If media is above 991 */ } #header .header-top .desktop-checkout ul li:after { content: ''; height: 12px; width: 1px; background: #5d5d5d; position: absolute; right: 9px; top: 1px; bottom: 0; margin: auto; } } #header .header-top .desktop-checkout a { color: black; /* padding: 10px 20px; */ display: inline-block; vertical-align: middle; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } @media (max-width: 991px) { #header .header-top .desktop-checkout a { /* If media is below 992 */ padding: 10px 10px; } } @media (max-width: 400px) { #header .header-top .desktop-checkout a { /* If media is below 992 */ padding: 10px 1px; } } #header .header-top .desktop-checkout a.wishlist:before { background-position: -215px -5px; } #header .header-top .desktop-checkout a.contact { padding-right: 0; } #header .header-top .desktop-checkout a.contact:before { background-position: -254px -7px; } #header .header-top .nav-menu { text-align: center; border-radius: 5px; } #header .header-top .nav-menu .page-width { display: flex; align-items: center; } @media (max-width: 991px) { #header .header-top .nav-menu .page-width { /* If media is below 992 */ display: block; } } #header #_desktop_search, #header #_mobile_search { cursor: pointer; float: right; position: relative; padding: 35px 0px; padding-bottom: 20px; } @media (max-width: 991px) { #header #_desktop_search, #header #_mobile_search { line-height: 0; padding: 5px 0; } } #header #_desktop_search .search-toggle, #header #_mobile_search .search-toggle { background: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/icon.png?v=73360760263304781361755728771) no-repeat; width: 40px; height: 40px; background-position: -3px -1px; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; cursor: pointer; } @media (min-width: 992px) { #header #_desktop_search .search-toggle:hover, #header #_mobile_search .search-toggle:hover { /* If media is above 991 */ background-position: -3px -61px; } } @media (max-width: 991px) { #header #_desktop_search .search-toggle, #header #_mobile_search .search-toggle { /* If media is below 992 */ background: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/responsive-sprite.png?v=163307109068908589871755728803) no-repeat; background-position: 0px 0px; } } #header #_desktop_search .search-info, #header #_mobile_search .search-info { position: absolute; right: 0; top: 71px; z-index: 99; } @media (max-width: 991px) { #header #_desktop_search .search-info, #header #_mobile_search .search-info { /* If media is below 992 */ top: 50px; } } @media (max-width: 543px) { #header #_desktop_search .search-info, #header #_mobile_search .search-info { /* If media is below 544 */ right: -25px; } } #header #_desktop_search .search-info form, #header #_mobile_search .search-info form { width: 100%; max-width: 340px; } @media (max-width: 543px) { #header #_desktop_search .search-info form, #header #_mobile_search .search-info form { /* If media is below 544 */ max-width: 240px; } } #header #_desktop_search .search-info .search__input, #header #_mobile_search .search-info .search__input { min-width: 340px; width: 100%; height: 40px; padding: 5px 10px; background: white; border: 1px solid rgba(0, 0, 0, 0.1); font-weight: 400; font-family: Quicksand; text-transform: capitalize; font-size: 13px; font-weight: 500; letter-spacing: 0.8px; color: #a5a5a5; border-radius: 0%; } @media (max-width: 543px) { #header #_desktop_search .search-info .search__input, #header #_mobile_search .search-info .search__input { /* If media is below 544 */ min-width: 240px; } } #header #_desktop_search .search-info .search__input:hover + .btn--link, #header #_mobile_search .search-info .search__input:hover + .btn--link { opacity: 1; } #header #_desktop_search .search-info .search__input:focus, #header #_mobile_search .search-info .search__input:focus { background: white; } #header #_desktop_search .search-info .search-header__submit, #header #_mobile_search .search-info .search-header__submit { bottom: 0; top: 0; width: 45px; padding: 0; background: black; text-align: center; color: white; } #header #_desktop_search .search-info .search-header__submit:hover, #header #_mobile_search .search-info .search-header__submit:hover { background: #cd8995; color: white; } #header #_desktop_search .search-info .search-header__submit.btn--link:hover, #header #_desktop_search .search-info .search-header__submit.btn--link:focus, #header #_mobile_search .search-info .search-header__submit.btn--link:hover, #header #_mobile_search .search-info .search-header__submit.btn--link:focus { opacity: 1; } #header #_desktop_search .search-info .search-header__submit .icon__fallback-text, #header #_mobile_search .search-info .search-header__submit .icon__fallback-text { display: none; color: black; position: unset !important; text-transform: uppercase; height: 35px; width: auto; line-height: 32px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #header #_desktop_search .search-info .search-results li a img, #header #_mobile_search .search-info .search-results li a img { border: 1px solid #e9e9e9; } #header #_desktop_search .search-info .search-results li a .price, #header #_mobile_search .search-info .search-results li a .price { padding-top: 0; } #header .header-logo-section { /* max-width: 240px;*/ padding: 24px 15px; text-align: center; margin: 0 auto; display: inline-block; padding-bottom: 15px; } @media (max-width: 991px) { #header .header-logo-section { /* If media is below 992 */ float: none; display: block; position: unset; text-align: center; margin: 0 auto; clear: both; padding: 0; padding-bottom: 20px; } } #header .header-logo-section .header__logo { margin: 0; } #header .header-logo-section .header__logo a { display: block; } #header .header-logo-section.logo-left { float: left; text-align: left; width: 100%; } #header .header-user-selection { float: right; padding: 0; } #header .megamenu-header { display: inline-block; vertical-align: middle; padding: 0; } /*--------------------------Header-contact Block------------------*/ #ishiheaderemailblock { cursor: pointer; float: left; padding: 7px 0 10px; white-space: nowrap; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 543px) { #ishiheaderemailblock { /* If media is below 544 */ float: none; padding: 9px 0; } } #ishiheaderemailblock .email { display: inline-block; vertical-align: middle; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 543px) { #ishiheaderemailblock .email { /* If media is below 544 */ display: block; } } #ishiheaderemailblock .email:hover .call-img { background-position: 8px -75px; } #ishiheaderemailblock .email-img { width: 20px; height: 18px; background: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/header-email.png?v=112189622816182634781755728767) no-repeat; background-position: center; display: inline-block; vertical-align: middle; position: relative; z-index: 2; margin-right: 6px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #ishiheaderemailblock .email-text { display: inline-block; vertical-align: middle; padding: 0px 0px; font-weight: 400; letter-spacing: 0.4px; text-align: center; z-index: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #ishiheaderemailblock .email-text a { color: white; } /*-----------------------user_info-----------------*/ #_desktop_user_info, #_mobile_user_info { cursor: pointer; float: right; text-align: right; position: relative; padding: 35px 8px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding-bottom: 20px; } @media (max-width: 991px) { #_desktop_user_info, #_mobile_user_info { padding: 5px 0; margin: 0; } } @media (max-width: 767px) { #_desktop_user_info, #_mobile_user_info { /* If media is below 768 */ margin: 0; } } #_desktop_user_info .userinfo-title, #_mobile_user_info .userinfo-title { cursor: pointer; } #_desktop_user_info .userinfo-title .userinfo-toggle, #_mobile_user_info .userinfo-title .userinfo-toggle { background: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/icon.png?v=73360760263304781361755728771) no-repeat; width: 40px; height: 40px; display: block; background-position: -55px -1px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; cursor: pointer; } @media (min-width: 992px) { #_desktop_user_info .userinfo-title .userinfo-toggle:hover, #_mobile_user_info .userinfo-title .userinfo-toggle:hover { /* If media is above 991 */ background-position: -55px -61px; } } @media (max-width: 991px) { #_desktop_user_info .userinfo-title .userinfo-toggle, #_mobile_user_info .userinfo-title .userinfo-toggle { /* If media is below 992 */ background: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/responsive-sprite.png?v=163307109068908589871755728803) no-repeat; background-position: -81px 0px; } } #_desktop_user_info .userinfo-title i, #_mobile_user_info .userinfo-title i { font-size: 16px; position: relative; top: 3px; } @media (max-width: 767px) { #_desktop_user_info .userinfo-title .user-content, #_mobile_user_info .userinfo-title .user-content { /* If media is below 767 */ display: none; } } #_desktop_user_info .header-title, #_mobile_user_info .header-title { position: relative; cursor: pointer; } #_desktop_user_info .header-title .header-heading, #_mobile_user_info .header-title .header-heading { font-size: 16px; padding-right: 25px; } #_desktop_user_info .header-title .navbar-toggler i, #_mobile_user_info .header-title .navbar-toggler i { position: absolute; top: 0; right: 0; } #_desktop_user_info #userinfo-container, #_mobile_user_info #userinfo-container { top: 71px; z-index: 3; background-color: white; position: absolute; padding: 15px 10px; margin: 0; right: 0; left: auto; min-width: 200px; border: 1px solid #ebebeb; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } @media (max-width: 991px) { #_desktop_user_info #userinfo-container, #_mobile_user_info #userinfo-container { /* If media is below 992 */ top: 50px; min-width: 215px; } } #_desktop_user_info #userinfo-container ul li, #_mobile_user_info #userinfo-container ul li { display: block; padding: 10px 15px; text-align: left; text-transform: capitalize; border-bottom: 1px solid #e5e5e5; } #_desktop_user_info #userinfo-container ul li:first-child, #_mobile_user_info #userinfo-container ul li:first-child { padding-top: 0; } #_desktop_user_info #userinfo-container ul li:last-child, #_mobile_user_info #userinfo-container ul li:last-child { border-bottom: 0; padding-bottom: 0; } #_desktop_user_info #userinfo-container ul li a, #_mobile_user_info #userinfo-container ul li a { color: black; } #_desktop_user_info #userinfo-container ul li.log-in a, #_desktop_user_info #userinfo-container ul li.create_account a, #_desktop_user_info #userinfo-container ul li.logout a, #_desktop_user_info #userinfo-container ul li.my-account a, #_desktop_user_info #userinfo-container ul li.wishlist a, #_mobile_user_info #userinfo-container ul li.log-in a, #_mobile_user_info #userinfo-container ul li.create_account a, #_mobile_user_info #userinfo-container ul li.logout a, #_mobile_user_info #userinfo-container ul li.my-account a, #_mobile_user_info #userinfo-container ul li.wishlist a { position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #_desktop_user_info #userinfo-container ul li.log-in a:after, #_desktop_user_info #userinfo-container ul li.create_account a:after, #_desktop_user_info #userinfo-container ul li.logout a:after, #_desktop_user_info #userinfo-container ul li.my-account a:after, #_desktop_user_info #userinfo-container ul li.wishlist a:after, #_mobile_user_info #userinfo-container ul li.log-in a:after, #_mobile_user_info #userinfo-container ul li.create_account a:after, #_mobile_user_info #userinfo-container ul li.logout a:after, #_mobile_user_info #userinfo-container ul li.my-account a:after, #_mobile_user_info #userinfo-container ul li.wishlist a:after { content: "\f090"; font-family: fontawesome; padding-right: 10px; font-size: 14px; color: black; float: left; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #_desktop_user_info #userinfo-container ul li.log-in:hover a, #_desktop_user_info #userinfo-container ul li.create_account:hover a, #_desktop_user_info #userinfo-container ul li.logout:hover a, #_desktop_user_info #userinfo-container ul li.my-account:hover a, #_desktop_user_info #userinfo-container ul li.wishlist:hover a, #_mobile_user_info #userinfo-container ul li.log-in:hover a, #_mobile_user_info #userinfo-container ul li.create_account:hover a, #_mobile_user_info #userinfo-container ul li.logout:hover a, #_mobile_user_info #userinfo-container ul li.my-account:hover a, #_mobile_user_info #userinfo-container ul li.wishlist:hover a { color: #cd8995; } #_desktop_user_info #userinfo-container ul li.log-in:hover a:after, #_desktop_user_info #userinfo-container ul li.create_account:hover a:after, #_desktop_user_info #userinfo-container ul li.logout:hover a:after, #_desktop_user_info #userinfo-container ul li.my-account:hover a:after, #_desktop_user_info #userinfo-container ul li.wishlist:hover a:after, #_mobile_user_info #userinfo-container ul li.log-in:hover a:after, #_mobile_user_info #userinfo-container ul li.create_account:hover a:after, #_mobile_user_info #userinfo-container ul li.logout:hover a:after, #_mobile_user_info #userinfo-container ul li.my-account:hover a:after, #_mobile_user_info #userinfo-container ul li.wishlist:hover a:after { color: #cd8995; } #_desktop_user_info #userinfo-container ul li.create_account a:after, #_desktop_user_info #userinfo-container ul li.logout a:after, #_mobile_user_info #userinfo-container ul li.create_account a:after, #_mobile_user_info #userinfo-container ul li.logout a:after { content: "\f007"; } #_desktop_user_info #userinfo-container ul li.wishlist a:after, #_mobile_user_info #userinfo-container ul li.wishlist a:after { content: "\f004"; } /*-----------------------shopping cart--------------*/ #_desktop_cart, #_mobile_cart { text-align: left; white-space: nowrap; position: relative; padding: 35px 0px; float: right; padding-bottom: 20px; } @media (max-width: 991px) { #_desktop_cart, #_mobile_cart { padding: 5px 0; padding-right: 14px; } } #_desktop_cart .cart-display .cart-title, #_mobile_cart .cart-display .cart-title { cursor: pointer; } #_desktop_cart .cart-display .cart-title .cart-logo, #_mobile_cart .cart-display .cart-title .cart-logo { background: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/icon.png?v=73360760263304781361755728771) no-repeat; background-position: -41px 0; width: 40px; height: 40px; background-position: -107px 1px; position: relative; display: inline-block; vertical-align: middle; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (min-width: 992px) { #_desktop_cart .cart-display .cart-title .cart-logo:hover, #_mobile_cart .cart-display .cart-title .cart-logo:hover { /* If media is above 991 */ background-position: -107px -59px; } } @media (max-width: 991px) { #_desktop_cart .cart-display .cart-title .cart-logo, #_mobile_cart .cart-display .cart-title .cart-logo { /* If media is below 992 */ background: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/responsive-sprite.png?v=163307109068908589871755728803) no-repeat; background-position: -40px 2px; } } #_desktop_cart .cart-display .cart-title .cart-qty, #_mobile_cart .cart-display .cart-title .cart-qty { transition: all 0.7s; border-radius: 50%; height: 15px; width: 15px; background: #cd8995; color: white; font-size: 11px; right: 5px; top: -6px; position: absolute; left: auto; bottom: auto; text-align: center; margin: 0; line-height: 14px; padding: 0; letter-spacing: 0; } @media (max-width: 991px) { #_desktop_cart .cart-display .cart-title .cart-qty, #_mobile_cart .cart-display .cart-title .cart-qty { /* If media is below 992 */ right: 19px; top: 10px; height: 14px; width: 14px; line-height: 14px; right: 0px; top: 2px; font-size: 11px; } } #_desktop_cart .cart-display .cart-dropdown-inner, #_mobile_cart .cart-display .cart-dropdown-inner { position: absolute; z-index: 18; width: 350px; right: 5px; top: 71px; background: white none repeat scroll 0 0; border: 1px solid #ebebeb; font-family: Quicksand; left: auto; text-align: left; line-height: 1.25; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 991px) { #_desktop_cart .cart-display .cart-dropdown-inner, #_mobile_cart .cart-display .cart-dropdown-inner { /* If media is below 992 */ top: 50px; right: 15px; width: 300px; } } @media (max-width: 543px) { #_desktop_cart .cart-display .cart-dropdown-inner, #_mobile_cart .cart-display .cart-dropdown-inner { width: 280px; } } #_desktop_cart .cart-display .cart-dropdown-inner .product-list, #_mobile_cart .cart-display .cart-dropdown-inner .product-list { max-height: 252px; padding: 10px; } #_desktop_cart .cart-display .cart-dropdown-inner .product-list .product, #_mobile_cart .cart-display .cart-dropdown-inner .product-list .product { padding-bottom: 10px; position: relative; display: block; overflow: hidden; } #_desktop_cart .cart-display .cart-dropdown-inner .product-list .product:hover, #_mobile_cart .cart-display .cart-dropdown-inner .product-list .product:hover { color: black; } #_desktop_cart .cart-display .cart-dropdown-inner .product-list .product:last-child, #_mobile_cart .cart-display .cart-dropdown-inner .product-list .product:last-child { padding-bottom: 0; } #_desktop_cart .cart-display .cart-dropdown-inner .product-list .product .product-img, #_mobile_cart .cart-display .cart-dropdown-inner .product-list .product .product-img { width: 85px; display: inline-block; float: left; border: 1px solid #e9e9e9; } #_desktop_cart .cart-display .cart-dropdown-inner .product-list .product .product-data, #_mobile_cart .cart-display .cart-dropdown-inner .product-list .product .product-data { overflow: hidden; text-align: left; padding: 15px; } #_desktop_cart .cart-display .cart-dropdown-inner .product-list .product .product-data span, #_mobile_cart .cart-display .cart-dropdown-inner .product-list .product .product-data span { display: block; cursor: pointer; } #_desktop_cart .cart-display .cart-dropdown-inner .product-list .product .product-data .product-title, #_mobile_cart .cart-display .cart-dropdown-inner .product-list .product .product-data .product-title { white-space: normal; font-weight: 400; color: black; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #_desktop_cart .cart-display .cart-dropdown-inner .product-list .product .product-data .product-title:hover, #_mobile_cart .cart-display .cart-dropdown-inner .product-list .product .product-data .product-title:hover { color: #777; } #_desktop_cart .cart-display .cart-dropdown-inner .product-list .product a.remove, #_mobile_cart .cart-display .cart-dropdown-inner .product-list .product a.remove { position: absolute; top: 0; right: 0; cursor: pointer; } #_desktop_cart .cart-display .cart-dropdown-inner .product-list .product a.remove i, #_mobile_cart .cart-display .cart-dropdown-inner .product-list .product a.remove i { font-size: 20px; color: black; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #_desktop_cart .cart-display .cart-dropdown-inner .product-list .product a.remove i:hover, #_mobile_cart .cart-display .cart-dropdown-inner .product-list .product a.remove i:hover { color: #777; } #_desktop_cart .cart-display .cart-dropdown-inner .cart__footer, #_mobile_cart .cart-display .cart-dropdown-inner .cart__footer { padding: 15px; border-top: 1px solid #eee; } @media (max-width: 543px) { #_desktop_cart .cart-display .cart-dropdown-inner .cart__footer, #_mobile_cart .cart-display .cart-dropdown-inner .cart__footer { /* If media is below 544 */ padding: 15px 10px; } } #_desktop_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item, #_mobile_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item { width: 100%; font-size: 16px; float: none; overflow: hidden; } #_desktop_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links, #_mobile_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links { text-align: center; } #_desktop_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn, #_mobile_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #_desktop_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn.checkout-btn, #_mobile_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn.checkout-btn { background-color: #cd8995; border-color: #cd8995; color: white; } #_desktop_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn.checkout-btn:hover, #_mobile_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn.checkout-btn:hover { background-color: black; border-color: black; color: white; } #_desktop_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn.view-cart, #_mobile_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn.view-cart { background-color: black; border-color: black; color: white; } #_desktop_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn.view-cart:hover, #_mobile_cart .cart-display .cart-dropdown-inner .cart__footer .grid__item .cart-links .btn.view-cart:hover { background-color: #cd8995; border-color: #cd8995; color: white; } #_desktop_cart .cart-display .cart-dropdown-inner .cart__empty, #_mobile_cart .cart-display .cart-dropdown-inner .cart__empty { padding: 10px; color: #999999; } /*-------------desktop width fixed-header--------------*/ .fixed-header { background-color: white; position: fixed !important; top: 0 !important; left: 0; width: 100%; max-width: 100% !important; z-index: 99; right: 0; padding: 0; box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.1); animation: slide-down 0.7s; -moz-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; -o-animation: slide-down 0.7s; overflow: visible; } @media (max-width: 767px) { .fixed-header { /* If media is below 992 */ background-color: #cd8995; } } .fixed-header #_desktop_search .search-info .search__input { background-color: white; border: 1px solid #eee; } .fixed-header #_desktop_search .search-info .search__input:focus { background: white; } @keyframes slide-down { 0% { transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); -moz-transform: translateY(-100%); } 100% { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); } } #_desktop_top_menu.fixed-header #top-menu > li a .title { color: white; } #_desktop_top_menu.fixed-header #top-menu > li a i { color: white; } /*---------------------------------mobile width fixed-header--------------*/ .navfullwidth { clear: both; padding: 0; } .navfullwidth > .page-width { position: relative; } @media (min-width: 992px) { .navfullwidth > .page-width { /* If media is above 991 */ } .navfullwidth > .page-width .nav-header-outer { display: block; margin: 0 auto; padding: 5px; background-color: #fff; border: 1px solid #f5f5f5; z-index: 2; top: -25px; position: absolute; left: 15px; right: 15px; } } #shopify-section-Ishi_megamenu { display: block; } /*--------------------------Navfullwidth------------------*/ #mobile_top_menu_wrapper { position: fixed; top: 0; left: 0; width: 300px; bottom: 0; background: white; z-index: 999; overflow-y: auto; overflow-x: auto; } #mobile_top_menu_wrapper #top_menu_closer { cursor: pointer; color: black; padding: 10px 10px 0; text-align: right; } #mobile_top_menu_wrapper #_mobile_top_menu { padding: 0 10px; } #mobile_top_menu_wrapper #top-menu { margin-bottom: 0; text-align: left; display: block; padding: 2px 0; } #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .add { display: none; } #mobile_top_menu_wrapper .top-menu .collapse-icons[aria-expanded="true"] .remove { display: block; } #mobile_top_menu_wrapper .top-menu .collapse-icons .remove { display: none; } #mobile_top_menu_wrapper .top-menu .navbar-toggler { display: inline-block; padding: 0; position: absolute; right: 0; cursor: pointer; } #mobile_top_menu_wrapper .top-menu a { padding: 0; margin-bottom: 6px; } #mobile_top_menu_wrapper .top-menu .collapse { display: none; } #mobile_top_menu_wrapper .top-menu .collapse.in { display: block; } #mobile_top_menu_wrapper .top-menu .sub-menu { box-shadow: none; z-index: inherit; display: block; position: static; overflow: hidden; margin-left: 0; width: 100%; min-width: 100%; border: none; } #mobile_top_menu_wrapper .top-menu .sub-menu.collapse { display: none; } #mobile_top_menu_wrapper .top-menu .sub-menu.collapse.in { display: block; } #mobile_top_menu_wrapper .top-menu .sub-menu ul { margin: 0; padding: 0; } #mobile_top_menu_wrapper .top-menu .sub-menu ul > li { float: none; margin: 0; } #mobile_top_menu_wrapper .top-menu .sub-menu ul > li a { text-transform: none; } #mobile_top_menu_wrapper .top-menu .sub-menu ul { padding: 0 0 0 15px; } #mobile_top_menu_wrapper .top-menu .sub-menu .mainmenu-dropdown li a { display: inline-block; } #mobile_top_menu_wrapper .top-menu .sub-menu .mainmenu-dropdown .sub-category .top-menu .category a { padding-bottom: 5px; } #mobile_top_menu_wrapper .top-menu .popover { border-radius: 0; } /*---------------------------------mobile width--------------*/ .mobile-width { width: 100% !important; } @media (max-width: 991px) { .mobile-width { /* If media is below 992 */ background-color: #fff; border-top: 1px solid #eee; } } .mobile-width .mobile_search { padding: 0 !important; } .mobile-width .mobile-width-left { float: left; } .mobile-width .mobile-width-left #menu-icon { cursor: pointer; padding: 5px 0; padding-left: 5px; line-height: 0; } .mobile-width .mobile-width-left #menu-icon i { background: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/responsive-sprite.png?v=163307109068908589871755728803) no-repeat; background-position: -113px 0px; background-repeat: no-repeat; width: 40px; height: 40px; display: inline-block; vertical-align: middle; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; cursor: pointer; } .mobile-width .mobile-width-left #menu-icon i:before { display: none; } .mobile-width .mobile-width-right { float: right; } .mobile-width .mobile-width-right > div { float: right !important; } /*================ main menu ================*/ #_desktop_top_menu { padding: 0; vertical-align: middle; } #_desktop_top_menu #top-menu { text-align: center; margin-bottom: 0; } #top-menu h3 { position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin: 0; letter-spacing: 0.5px; } @media (min-width: 992px) { #top-menu h3 { /* If media is above 991 */ font-size: 18px; font-weight: 500; color: #151515; } } #top-menu > li { display: inline-block; vertical-align: middle; position: relative; } @media (max-width: 991px) { #top-menu > li { display: block; padding: 2px 0; } } #top-menu > li .dropdown-item { white-space: normal; } #top-menu > li > a { display: inline-block; padding: 14px 17px; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (min-width: 992px) { #top-menu > li > a { /* If media is above 991 */ } #top-menu > li > a:before { background: #cd8995; bottom: 0; content: ""; left: 0; position: absolute; right: -1px; top: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transition: all 0.45s ease 0s; -webkit-transition: all 0.45s ease 0s; -moz-transition: all 0.45s ease 0s; -ms-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; z-index: -1; } } @media (max-width: 991px) { #top-menu > li > a { /* If media is below 992 */ display: inline-block; vertical-align: middle; padding: 15px; } } #top-menu > li > a .title { display: inline-block; vertical-align: middle; font-weight: 400; text-transform: capitalize; font-size: 15px; letter-spacing: 0.45px; color: #666666; line-height: 26px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 991px) { #top-menu > li > a .title { /* If media is below 992 */ float: left; color: black; line-height: 1.4; } } #top-menu > li > a i { display: none; } #top-menu > li > a span { background: #7fbc1e none repeat scroll 0 0; border-radius: 2px; font-size: 8px; font-weight: 500; right: 6px; padding: 1px 4px; position: absolute; top: 3px; text-transform: uppercase; letter-spacing: 0.5px; color: #fff; } #top-menu > li > a span:before { width: 0; height: 0; content: ""; position: absolute; bottom: -3px; left: 0; border: 3px solid; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-color: #ff0000 transparent transparent #ff0000; } @media (max-width: 991px) { #top-menu > li > a span { /* If media is below 992 */ padding: 0 3px; top: 0px; float: right; left: auto; right: 0; position: relative; margin: 0 6px; } } #top-menu > li > a span.new { background: black none repeat scroll 0 0; } #top-menu > li > a span.new:before { border-color: black transparent transparent black; } @media (min-width: 992px) { #top-menu > li > a span.new:before { /* If media is above 991 */ } } @media (max-width: 991px) { #top-menu > li > a span.new { display: none; } } #top-menu > li > a span.sale { background: #7fbc1e none repeat scroll 0 0; } #top-menu > li > a span.sale:before { border-color: #7fbc1e transparent transparent #7fbc1e; } @media (min-width: 992px) { #top-menu > li > a span.sale:before { /* If media is above 991 */ } } @media (max-width: 991px) { #top-menu > li > a span.sale { display: none; } } #top-menu > li > a span.hot { background-color: #ff0000; } @media (max-width: 991px) { #top-menu > li > a span.hot { display: none; } } #_desktop_top_menu #top-menu > li .sub-menu { position: relative; } #_desktop_top_menu #top-menu > li .sub-menu.collapse { font-family: Quicksand; background-color: #fff; background-position: right bottom; background-repeat: no-repeat; display: block; position: absolute; text-align: left; top: 170%; left: 0px; margin: 0px; padding: 20px 14px; z-index: 18; visibility: hidden; border-radius: 3px; opacity: 0; border: 0; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; -webkit-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); } @media (min-width: 992px) { #top-menu > li:hover > a { /* If media is above 991 */ } #top-menu > li:hover > a:before { transform: scaleY(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -ms-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); z-index: 0; } #top-menu > li:hover > a .title { color: white; } } #_desktop_top_menu #top-menu > li:hover:hover .sub-menu { visibility: visible; top: 100%; opacity: 1; } .top-menu.mainmenu-dropdown { display: block; overflow: hidden; } .top-menu.mainmenu-dropdown .sub-category { text-align: left; width: 200px; float: left; margin-bottom: 0px; } @media (max-width: 991px) { .top-menu.mainmenu-dropdown .sub-category { /* If media is below 992 */ padding: 3px 0; } } .top-menu.mainmenu-dropdown .sub-category > a { padding-bottom: 4px; margin-bottom: 17px; position: relative; } .top-menu.mainmenu-dropdown .sub-category > a:before { border-top: 1px solid #ddd; bottom: -7px; content: ""; position: absolute; left: 0; width: 50%; } @media (max-width: 991px) { .top-menu.mainmenu-dropdown .sub-category > a:before { /* If media is below 992 */ display: none; } } .top-menu.mainmenu-dropdown .sub-category > a h3 { color: black; display: block; text-transform: capitalize; font-weight: 400; font-size: 14px; } @media (min-width: 992px) { .top-menu.mainmenu-dropdown .sub-category > a h3 { /* If media is above 991 */ font-size: 15px; color: #cd8995; } } .top-menu.mainmenu-dropdown .sub-category ul .category:last-child a { padding-bottom: 0; } .top-menu.mainmenu-dropdown li a { font-family: Quicksand; padding-bottom: 12px; font-size: 14px; display: block; color: #666666; font-weight: 400; } .top-menu.mainmenu-dropdown li a:hover { color: black; } .top-menu .collapse { display: inherit; } .top-menu .popover { max-width: inherit; } .img-container { clear: both; margin-top: 20px; } @media (max-width: 991px) { .img-container { /* If media is below 992 */ display: none; } } .grid__item--Ishi_megamenu { padding: 0; } .grid__item--Ishi_megamenu .grid-view-item__image-container { position: relative; width: 100%; overflow: hidden; display: block; } .grid__item--Ishi_megamenu .grid-view-item__image-container .grid-view-item__image-wrapper { width: 130px; margin: 0; } .grid__item--Ishi_megamenu .grid-view-item__image-container .grid-view-item__image-wrapper a { padding: 0; } .grid__item--Ishi_megamenu .grid-view-item__image-container .grid-view-item__image-wrapper a img { border: 1px solid #e9e9e9; position: relative; } .grid__item--Ishi_megamenu .grid-view-item__image-container .product-description { text-align: left; margin-top: 5px; } .grid__item--Ishi_megamenu .grid-view-item__image-container .product-description .product-detail .grid-view-item__title { display: block; color: black; font-size: 14px; font-weight: 400; margin-bottom: 3px; } .grid__item--Ishi_megamenu .grid-view-item__image-container .product-description .grid-view-item__meta { font-size: 14px; font-weight: 400; } .grid__item--Ishi_megamenu .grid-view-item__image-container .product-description .grid-view-item__meta span, .grid__item--Ishi_megamenu .grid-view-item__image-container .product-description .grid-view-item__meta s { color: black; } .grid__item--Ishi_megamenu .grid-view-item__image-container .product-description .grid-view-item__meta .is-bold { color: #666666; } .grid__item--Ishi_megamenu .grid-view-item__image-container .product-description .grid-view-item__meta .discount-percentage { margin: 0 4px; } .grid__item--Ishi_megamenu .grid-view-item__image-container .product-description .grid-view-item__meta .discount-percentage span { display: none; } .grid__item--Ishi_megamenu .grid-view-item__image-container .product-description .grid-view-item__meta .visually-hidden, .grid__item--Ishi_megamenu .grid-view-item__image-container .product-description .grid-view-item__meta .product-price__sold-out { display: none; } /*================ ishislider ================*/ .ishi-slider-section { margin-bottom: 30px; padding: 0 35px; } @media (max-width: 767px) { .ishi-slider-section { /* If media is below 768 */ padding: 0; } } .ishi-slider-section .ishislider { overflow: hidden; } #ishislideshow-carousel { position: relative; } #ishislideshow-carousel .owl-nav { margin-bottom: 0; margin-top: 0; } @media (max-width: 767px) { #ishislideshow-carousel .owl-nav { /* If media is below 768 */ display: none; } } #ishislideshow-carousel .owl-nav .owl-prev, #ishislideshow-carousel .owl-nav .owl-next { border: none; border-radius: 0%; height: 40px; width: 40px; position: absolute; top: 48%; margin: 4px; left: 10px; right: auto; box-shadow: none; border: 1px solid #cd8995; background-color: #cd8995; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } @media (min-width: 768px) { #ishislideshow-carousel .owl-nav .owl-prev, #ishislideshow-carousel .owl-nav .owl-next { /* If media is above 767 */ -moz-transform: translateX(-100px); -webkit-transform: translateX(-100px); -o-transform: translateX(-100px); -ms-transform: translateX(-100px); } } #ishislideshow-carousel .owl-nav .owl-prev:hover, #ishislideshow-carousel .owl-nav .owl-next:hover { background-color: black; border-color: black; } #ishislideshow-carousel .owl-nav .owl-prev:hover i:after, #ishislideshow-carousel .owl-nav .owl-next:hover i:after { color: white; } #ishislideshow-carousel .owl-nav .owl-prev i:after, #ishislideshow-carousel .owl-nav .owl-next i:after { color: white; font-size: 26px; line-height: 34px; margin-left: -1px; } @media (max-width: 767px) { #ishislideshow-carousel .owl-nav .owl-prev i:after, #ishislideshow-carousel .owl-nav .owl-next i:after { /* If media is below 768 */ font-size: 24px; line-height: 26px; margin-left: 0px; } } #ishislideshow-carousel .owl-nav .owl-next { right: 10px; left: auto; } @media (min-width: 768px) { #ishislideshow-carousel .owl-nav .owl-next { /* If media is above 767 */ -moz-transform: translateX(100px); -webkit-transform: translateX(100px); -o-transform: translateX(100px); -ms-transform: translateX(100px); } } #ishislideshow-carousel .owl-dots { position: absolute; bottom: 10px; right: 0; left: 0; margin: 0 auto; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #ishislideshow-carousel .owl-dots .owl-dot { display: inline-block; vertical-align: middle; } #ishislideshow-carousel .owl-dots .owl-dot span { width: 50px; height: 3px; border: 1px solid black; background: black; border-radius: 0; margin: 0 3px; display: block; } #ishislideshow-carousel .owl-dots .owl-dot.active span { background-color: #cd8995; border-color: #cd8995; } #ishislideshow-carousel:hover .owl-nav .owl-prev, #ishislideshow-carousel:hover .owl-nav .owl-next { opacity: 1; -moz-transform: translate(40px); -webkit-transform: translate(40px); -o-transform: translate(40px); -ms-transform: translate(40px); } #ishislideshow-carousel:hover .owl-nav .owl-next { -moz-transform: translate(-40px); -webkit-transform: translate(-40px); -o-transform: translate(-40px); -ms-transform: translate(-40px); } /*================ topbannersblock ================*/ #ishitopbanners { position: relative; padding: 0 20px; } @media (max-width: 767px) { #ishitopbanners { /* If media is below 768 */ padding: 0; } } #ishitopbanners .ishitopbanners-container { overflow: hidden; position: relative; } @media (max-width: 767px) { #ishitopbanners .ishitopbanners-container { /* If media is below 768 */ margin-bottom: 15px; } #ishitopbanners .ishitopbanners-container:last-child { margin: 0; } } #ishitopbanners .ishitopbanners-container .image-container { overflow: hidden; display: block; position: relative; } #ishitopbanners .ishitopbanners-container .image-container img { max-width: 100%; width: 100%; -webkit-transform-style: unset; transform-style: unset; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } #ishitopbanners .ishitopbanners-container .image-container .banner-desc { position: absolute; top: auto; bottom: 20px; text-align: right; display: block; padding: 0; z-index: 1; left: auto; right: 10px; cursor: pointer; } @media (max-width: 991px) { #ishitopbanners .ishitopbanners-container .image-container .banner-desc { /* If media is below 992 */ bottom: 11px; right: 2px; } } #ishitopbanners .ishitopbanners-container .image-container .banner-data { margin: 0 35px 75px; } @media (max-width: 1300px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data { /* If media is below 1200 */ margin: 0 30px 55px; } } @media (max-width: 991px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data { /* If media is below 992 */ margin: 0 20px 30px; } } @media (max-width: 767px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data { /* If media is below 768 */ margin: 0 30px 110px; } } @media (max-width: 450px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data { /* If media is below 544 */ margin: 0 25px 55px; } } #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-title { font-size: 24px; line-height: 35px; font-weight: 400; letter-spacing: 0.72px; color: #555; position: relative; } @media screen and (min-width: 1400px) and (max-width: 1760px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-title { /* If media is between 1090 and 1400 */ font-size: 18px; } } @media (max-width: 1400px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-title { font-size: 16px; line-height: 20px; } } @media screen and (min-width: 767px) and (max-width: 1199px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-title { font-size: 14px; line-height: 16px; } } @media (max-width: 767px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-title { /* If media is below 768 */ font-size: 23px; line-height: 30px; } } @media (max-width: 543px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-title { /* If media is below 544 */ font-size: 16px; line-height: 25px; } } #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-subtitle { font-size: 60px; line-height: 60px; font-weight: 600; color: black; letter-spacing: 0; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } @media screen and (min-width: 1400px) and (max-width: 1700px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-subtitle { /* If media is between 1090 and 1400 */ font-size: 54px; line-height: 60px; } } @media screen and (min-width: 1200px) and (max-width: 1400px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-subtitle { /* If media is between 1090 and 1400 */ font-size: 40px; line-height: 50px; } } @media screen and (min-width: 1090px) and (max-width: 1200px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-subtitle { /* If media is between 768 and 1090 */ font-size: 30px; line-height: 40px; } } @media screen and (min-width: 768px) and (max-width: 1090px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-subtitle { /* If media is between 768 and 1090 */ font-size: 23px; line-height: 30px; } } @media (max-width: 767px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-subtitle { /* If media is below 768 */ font-size: 50px; line-height: 50px; } } @media (max-width: 450px) { #ishitopbanners .ishitopbanners-container .image-container .banner-data .banner-subtitle { /* If media is below 544 */ font-size: 26px; line-height: 26px; } } #ishitopbanners .ishitopbanners-container .image-container .banner-btn { position: absolute; bottom: 2px; right: 10px; display: contents; vertical-align: middle; } @media (max-width: 543px) { #ishitopbanners .ishitopbanners-container .image-container .banner-btn { /* If media is below 544 */ bottom: 0; } } #ishitopbanners .ishitopbanners-container .image-container .banner-btn a { background-color: transparent; padding: 0; box-shadow: none; color: black; font-size: 14px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media screen and (min-width: 767px) and (max-width: 1199px) { #ishitopbanners .ishitopbanners-container .image-container .banner-btn a { /* If media is between 768 and 1199 */ font-size: 12px; } } @media (max-width: 543px) { #ishitopbanners .ishitopbanners-container .image-container .banner-btn a { /* If media is below 544 */ font-size: 12px; } } #ishitopbanners .ishitopbanners-container .image-container .banner-btn a:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; opacity: 1; border-bottom: 1px solid black; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #ishitopbanners .ishitopbanners-container .image-container .banner-btn a:hover { color: #cd8995; } #ishitopbanners .ishitopbanners-container .image-container .banner-btn a:hover:before { border-color: #cd8995; } @media (max-width: 543px) { #ishitopbanners .ishitopbanners-container:hover { opacity: 1; } } #ishitopbanners .ishitopbanners-container:hover .image-container img { -moz-transform: scale(1.09); -webkit-transform: scale(1.09); -o-transform: scale(1.09); -ms-transform: scale(1.09); transform: scale(1.09); } @media (max-width: 767px) { .category-block { /* If media is below 768 */ margin-bottom: 15px; } } #ishigalleryblock { position: relative; overflow: hidden; } #ishigalleryblock .slider-content { border: none; text-align: center; position: relative; margin: 0px 0 30px; } @media (max-width: 543px) { #ishigalleryblock .slider-content { /* If media is below 544 */ margin: 0px 0 20px; } } #ishigalleryblock .slider-content .galleryfilter { display: inline-block; vertical-align: middle; float: none; margin: 0 5px; } @media (max-width: 543px) { #ishigalleryblock .slider-content .galleryfilter:last-child { /* If media is below 544 */ margin-bottom: 0px; } } @media (max-width: 543px) { #ishigalleryblock .slider-content .galleryfilter { /* If media is below 544 */ display: block; margin-bottom: 10px; } } #ishigalleryblock .slider-content .galleryfilter button { background: transparent none repeat scroll 0 0; border: medium none; display: inline-block; color: #666666; font-weight: 400; font-size: 16px; letter-spacing: 0.48px; margin: 0; outline: medium none; padding: 10px 20px; line-height: 20px; position: relative; transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; } @media (max-width: 767px) { #ishigalleryblock .slider-content .galleryfilter button { /* If media is below 768 */ padding: 8px 14px; } } #ishigalleryblock .slider-content .galleryfilter button.is-active { background: #fafafa; color: black; } @media (max-width: 543px) { #ishigalleryblock .slider-content .galleryfilter button { /* If media is below 544 */ float: none; display: block; padding: 4px 14px; margin: 2px auto; } #ishigalleryblock .slider-content .galleryfilter button:last-child { margin: 0 auto; } } #ishigalleryblock .slider-gallery #portfolio .gallery-container { overflow: hidden; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } @media (max-width: 767px) { #ishigalleryblock .slider-gallery #portfolio .gallery-container { /* If media is below 768 */ margin-bottom: 15px; } } @media (max-width: 543px) { #ishigalleryblock .slider-gallery #portfolio .gallery-container { /* If media is below 544 */ width: 70%; margin: 0 auto 15px; float: none; } } @media (max-width: 479px) { #ishigalleryblock .slider-gallery #portfolio .gallery-container { width: 80%; } } @media (max-width: 350px) { #ishigalleryblock .slider-gallery #portfolio .gallery-container { width: 100%; } } #ishigalleryblock .slider-gallery #portfolio .gallery-container .image-container { display: inline-block; vertical-align: middle; } #ishigalleryblock .slider-gallery #portfolio .gallery-container .image-container img { max-width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #ishigalleryblock .slider-gallery #portfolio .gallery-container .image-container a { display: block; position: relative; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #ishigalleryblock .slider-gallery #portfolio .gallery-container .image-container a:after { background: rgba(0, 0, 0, 0.1); } /*================ ishioffer ================*/ #ishiofferblock { padding: 48px 0; background-image: linear-gradient(-100deg, white, #f6f7f8, white); text-align: center; } @media (max-width: 767px) { #ishiofferblock { /* If media is below 768 */ padding: 40px 0 50px; } } #ishiofferblock .offer-text, #ishiofferblock .offer-btn { display: inline-block; vertical-align: middle; } #ishiofferblock .offer-text { margin-right: 100px; } @media (max-width: 991px) { #ishiofferblock .offer-text { /* If media is below 992 */ margin-right: 50px; } } @media (max-width: 767px) { #ishiofferblock .offer-text { /* If media is below 768 */ margin-right: 0; margin-bottom: 15px; } } #ishiofferblock .offer-text .offer-title { color: black; font-size: 36px; font-weight: 600; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 991px) { #ishiofferblock .offer-text .offer-title { /* If media is below 992 */ font-size: 30px; } } @media (max-width: 543px) { #ishiofferblock .offer-text .offer-title { /* If media is below 544 */ line-height: 38px; margin-bottom: 10px; } } #ishiofferblock .offer-text .offer-title:hover { color: #cd8995; } #ishiofferblock .offer-text .offer-subtitle { font-size: 20px; color: #999999; } @media (max-width: 991px) { #ishiofferblock .offer-text .offer-subtitle { /* If media is below 992 */ font-size: 17px; } } @media (max-width: 543px) { #ishiofferblock .offer-text .offer-subtitle { /* If media is below 544 */ font-size: 15px; } } #ishiofferblock .offer-btn .theme-button { margin: 0; border-radius: 0; background: #cd8995; color: white; border-color: #cd8995; padding: 10px 22px; } @media (max-width: 543px) { #ishiofferblock .offer-btn .theme-button { /* If media is below 544 */ padding: 6px 14px; } } #ishiofferblock .offer-btn .theme-button:hover { background: black; border-color: black; } /*================ productsblock ================*/ .index-section.product-block .grid__item { padding: 10px 15px; } @media (max-width: 543px) { .index-section.product-block .grid__item { padding: 5px 5px; } } #ishiproduct-block-carousel { position: relative; } #ishiproduct-block-carousel .view-all-btn { margin-top: 15px; } @media (min-width: 992px) { #ishiproduct-block-carousel .home-title { /* If media is above 991 */ margin-bottom: 40px; } } #ishiproduct-block-carousel #products-tab { border: none; text-align: center; position: relative; display: block; } @media (max-width: 543px) { #ishiproduct-block-carousel #products-tab { /* If media is below 544 */ } } #ishiproduct-block-carousel #products-tab .nav-item { display: inline-block; vertical-align: middle; float: none; margin: 0px; margin-bottom: 15px; padding: 0; } @media (max-width: 543px) { #ishiproduct-block-carousel #products-tab .nav-item { /* If media is below 544 */ display: block; margin-bottom: 5px; } } @media (max-width: 543px) { #ishiproduct-block-carousel #products-tab .nav-item:last-child { /* If media is below 544 */ margin-bottom: 0px; } } #ishiproduct-block-carousel #products-tab .nav-item .nav-link { background: transparent none repeat scroll 0 0; border: medium none; display: inline-block; color: #666666; font-weight: 400; font-size: 16px; margin: 0px; outline: medium none; padding: 8px 22px; position: relative; border-radius: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; } @media (max-width: 767px) { #ishiproduct-block-carousel #products-tab .nav-item .nav-link { /* If media is below 768 */ padding: 4px 14px; margin: 2px 0px; } } @media (max-width: 543px) { #ishiproduct-block-carousel #products-tab .nav-item .nav-link { /* If media is below 544 */ text-transform: capitalize; } } #ishiproduct-block-carousel #products-tab .nav-item.active .nav-link, #ishiproduct-block-carousel #products-tab .nav-item:hover .nav-link { background: #fafafa; color: black; } #ishiproduct-block-carousel .owl-stage-outer .multilevel-item .item:last-child { padding-bottom: 0; } #ishiproduct-block-carousel .owl-stage-outer .grid__item { width: 100%; } @media (max-width: 991px) { #ishiproduct-block-carousel .owl-nav { /* If media is below 992 */ margin-top: 5px; } } #ishiproduct-block-carousel .products-display { padding: 0 5px; } /*================ commonproducts ================*/ @media (max-width: 543px) { .products-display { padding: 5px; } } .products-display a:hover { color: black; } .products-display .product-desc { display: none; } .products-display .grid__item, .products-display .list__item { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .products-display .grid__item .grid-view-item, .products-display .list__item .grid-view-item { overflow: hidden; } .products-display .grid__item .grid-view-item.grid-view-item--sold-out .grid-view-item__image-container .grid-view-item__image-wrapper .outstock-overlay, .products-display .list__item .grid-view-item.grid-view-item--sold-out .grid-view-item__image-container .grid-view-item__image-wrapper .outstock-overlay { position: absolute; background: rgba(205, 137, 149, 0.6); width: 100%; top: 46%; text-align: center; padding: 10px; color: black; display: block; font-size: 16px; font-weight: 500; text-transform: uppercase; } @media (max-width: 543px) { .products-display .grid__item .grid-view-item.grid-view-item--sold-out .grid-view-item__image-container .grid-view-item__image-wrapper .outstock-overlay, .products-display .list__item .grid-view-item.grid-view-item--sold-out .grid-view-item__image-container .grid-view-item__image-wrapper .outstock-overlay { top: 37%; } } @media (max-width: 350px) { .products-display .grid__item .grid-view-item.grid-view-item--sold-out .grid-view-item__image-container .grid-view-item__image-wrapper .outstock-overlay, .products-display .list__item .grid-view-item.grid-view-item--sold-out .grid-view-item__image-container .grid-view-item__image-wrapper .outstock-overlay { top: 33%; } } .products-display .grid__item .grid-view-item .grid-view-item__image-container, .products-display .list__item .grid-view-item .grid-view-item__image-container { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper, .products-display .list__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper { overflow: hidden; position: relative; margin: 0; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .grid-view-item__image, .products-display .list__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .grid-view-item__image { position: relative; top: 0; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .spr-badge, .products-display .list__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .spr-badge { position: absolute; left: 0; right: 0; text-align: center; margin: 0 auto; bottom: 23px; } @media (max-width: 767px) { .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .spr-badge, .products-display .list__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .spr-badge { bottom: 65px; display: block; } } @media (max-width: 543px) { .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .spr-badge, .products-display .list__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .spr-badge { bottom: 55px; } } .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .outstock-overlay, .products-display .list__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .outstock-overlay { display: none; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper a, .products-display .list__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper a { display: block; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description, .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description { padding: 12px 15px 0; text-align: center; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 543px) { .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description, .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description { padding: 12px 0 0; } } .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .product-detail, .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .product-detail { margin-bottom: 2px; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .product-detail .grid-view-item__title, .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .product-detail .grid-view-item__title { color: #666666; font-size: 14px; font-weight: 400; text-transform: capitalize; line-height: 20px; letter-spacing: 0.42px; margin-bottom: 6px; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta, .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta { color: black; font-size: 14px; font-weight: 400; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .regular, .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .regular { text-decoration: line-through; color: #666666; font-size: 14px; font-weight: 300; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .discount-percentage, .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .discount-percentage { color: #cd8995; margin: 0 5px; font-size: 14px; font-weight: 500; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .discount-percentage span, .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .discount-percentage span { display: none; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .is-bold, .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .is-bold { font-family: Quicksand; color: black; font-size: 16px; font-weight: 500; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .is-bold .money, .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .is-bold .money { text-decoration: none; } .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .product-price__sold-out, .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .product-price__sold-out { display: none; } .products-display .grid__item .grid-view-item:hover .grid-view-item__image-container .grid-view-item__image-wrapper a .image-inner .reveal .spr-badge .spr-icon-star:before, .products-display .grid__item .grid-view-item:hover .grid-view-item__image-container .grid-view-item__image-wrapper a .image-inner .reveal .spr-badge .spr-icon-star-half-alt:before, .products-display .list__item .grid-view-item:hover .grid-view-item__image-container .grid-view-item__image-wrapper a .image-inner .reveal .spr-badge .spr-icon-star:before, .products-display .list__item .grid-view-item:hover .grid-view-item__image-container .grid-view-item__image-wrapper a .image-inner .reveal .spr-badge .spr-icon-star-half-alt:before { top: 5px; left: 1px; } .products-display .grid__item .grid-view-item:hover .spr-badge, .products-display .list__item .grid-view-item:hover .spr-badge { opacity: 1; } @media (min-width: 768px) { .products-display .grid__item .grid-view-item:hover .spr-badge, .products-display .list__item .grid-view-item:hover .spr-badge { /* If media is above 767 */ opacity: 0; } } .products-display .grid__item .grid-view-item:hover .thumbnail-buttons .quick-view, .products-display .grid__item .grid-view-item:hover .thumbnail-buttons .product-block-hover, .products-display .grid__item .grid-view-item:hover .thumbnail-buttons .add-to-wishlist, .products-display .list__item .grid-view-item:hover .thumbnail-buttons .quick-view, .products-display .list__item .grid-view-item:hover .thumbnail-buttons .product-block-hover, .products-display .list__item .grid-view-item:hover .thumbnail-buttons .add-to-wishlist { opacity: 1; } @media (min-width: 768px) { .products-display .grid__item .grid-view-item:hover .thumbnail-buttons .quick-view, .products-display .grid__item .grid-view-item:hover .thumbnail-buttons .product-block-hover, .products-display .grid__item .grid-view-item:hover .thumbnail-buttons .add-to-wishlist, .products-display .list__item .grid-view-item:hover .thumbnail-buttons .quick-view, .products-display .list__item .grid-view-item:hover .thumbnail-buttons .product-block-hover, .products-display .list__item .grid-view-item:hover .thumbnail-buttons .add-to-wishlist { /* If media is above 767 */ opacity: 1; } } @media (min-width: 768px) { .products-display .grid__item .grid-view-item:hover .extra-img, .products-display .list__item .grid-view-item:hover .extra-img { opacity: 1; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } } .products-display .grid__item .grid-view-item .thumbnail-buttons, .products-display .list__item .grid-view-item .thumbnail-buttons { color: #cd8995; position: absolute; left: 0; right: 0; bottom: 20px; text-align: center; cursor: pointer; z-index: 2; display: inline-block; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; /* @media (min-width: 768px) { opacity: 0; }*/ } @media (max-width: 767px) { .products-display .grid__item .grid-view-item .thumbnail-buttons, .products-display .list__item .grid-view-item .thumbnail-buttons { /* If media is below 768 */ top: auto; bottom: 10px; position: unset; display: block; text-align: center; margin-top: 15px; margin-bottom: 5px; } } .products-display .grid__item .grid-view-item .thumbnail-buttons > div, .products-display .list__item .grid-view-item .thumbnail-buttons > div { vertical-align: middle; font-size: 12px; text-transform: uppercase; color: #cd8995; display: inline-block; margin: 0 2px; box-shadow: 2px 3px 3px 0px rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .products-display .grid__item .grid-view-item .thumbnail-buttons .quick-view, .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist, .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover, .products-display .list__item .grid-view-item .thumbnail-buttons .quick-view, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover { /* If media is above 767 */ opacity: 0; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s; } } .products-display .grid__item .grid-view-item .thumbnail-buttons .quick-view a, .products-display .grid__item .grid-view-item .thumbnail-buttons .quick-view button, .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist a, .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist button, .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover a, .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover button, .products-display .list__item .grid-view-item .thumbnail-buttons .quick-view a, .products-display .list__item .grid-view-item .thumbnail-buttons .quick-view button, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist a, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist button, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover a, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover button { width: 35px; display: inline-block; vertical-align: middle; height: 35px; box-shadow: none; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; border: 0; background: white; padding: 0; } .products-display .grid__item .grid-view-item .thumbnail-buttons .quick-view a:after, .products-display .grid__item .grid-view-item .thumbnail-buttons .quick-view button:after, .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist a:after, .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist button:after, .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover a:after, .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover button:after, .products-display .list__item .grid-view-item .thumbnail-buttons .quick-view a:after, .products-display .list__item .grid-view-item .thumbnail-buttons .quick-view button:after, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist a:after, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist button:after, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover a:after, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover button:after { background: white url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/action.png?v=171528721336489991871755728720) no-repeat; content: ""; background-position: 5px 5px; height: 35px; width: 35px; left: 0; right: 0; top: 0; -webkit-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.3); display: block; margin: 0 auto; position: absolute; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .products-display .grid__item .grid-view-item .thumbnail-buttons .quick-view a span, .products-display .grid__item .grid-view-item .thumbnail-buttons .quick-view button span, .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist a span, .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist button span, .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover a span, .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover button span, .products-display .list__item .grid-view-item .thumbnail-buttons .quick-view a span, .products-display .list__item .grid-view-item .thumbnail-buttons .quick-view button span, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist a span, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist button span, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover a span, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover button span { display: none; } .products-display .grid__item .grid-view-item .thumbnail-buttons .quick-view:hover button, .products-display .grid__item .grid-view-item .thumbnail-buttons .quick-view:hover a, .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover button, .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover a, .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover:hover button, .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover:hover a, .products-display .list__item .grid-view-item .thumbnail-buttons .quick-view:hover button, .products-display .list__item .grid-view-item .thumbnail-buttons .quick-view:hover a, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover button, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover a, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover:hover button, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover:hover a { background-color: black; } .products-display .grid__item .grid-view-item .thumbnail-buttons .quick-view:hover button:after, .products-display .grid__item .grid-view-item .thumbnail-buttons .quick-view:hover a:after, .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover button:after, .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover a:after, .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover:hover button:after, .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover:hover a:after, .products-display .list__item .grid-view-item .thumbnail-buttons .quick-view:hover button:after, .products-display .list__item .grid-view-item .thumbnail-buttons .quick-view:hover a:after, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover button:after, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover a:after, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover:hover button:after, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover:hover a:after { background-color: black; background-position: 5px -49px; } @media (min-width: 768px) { .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover { /* If media is above 767 */ opacity: 0; /*transition-delay: 0.4s;*/ } } .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover a:after, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover a:after { background-position: -46px 5px; } .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover:hover a, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover:hover a { background-color: black; } .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover:hover a:after, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover:hover a:after { background-color: black; background-position: -46px -48px; } .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover .nm-cartmain .nm-addToCart.adding, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover .nm-cartmain .nm-addToCart.adding { background-color: black; } .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover .nm-cartmain .nm-addToCart.adding:before, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover .nm-cartmain .nm-addToCart.adding:before { position: absolute; content: "\f1ce"; font-family: "FontAwesome"; color: white; top: 8px; left: 0; right: 0; margin: 0 auto; -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover .nm-cartmain .nm-addToCart.adding:after, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover .nm-cartmain .nm-addToCart.adding:after { display: none; } .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover .product-form, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover .product-form { margin: 0; } .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover .add_to_cart_main .add-to-cart .product-form__item--quantity, .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover .add_to_cart_main .add-to-cart .product-selector, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover .add_to_cart_main .add-to-cart .product-form__item--quantity, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover .add_to_cart_main .add-to-cart .product-selector { display: none; } .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover .product-form__input, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover .product-form__input { display: none; } .products-display .grid__item .grid-view-item .thumbnail-buttons .product-block-hover .product-form__item, .products-display .list__item .grid-view-item .thumbnail-buttons .product-block-hover .product-form__item { padding: 0; margin: 0; } @media (min-width: 768px) { .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist { /* If media is above 767 */ opacity: 0; /*transition-delay: 0.2s;*/ } } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover a, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover a { background-color: black; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover a:after, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover a:after { background-color: black; background-position: -95px -48px; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover a.added-wishlist, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover a.added-wishlist { background-color: black; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover a.added-wishlist:after, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover a.added-wishlist:after { background-color: black; background-position: -135px -49px; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover .loader-btn i, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist:hover .loader-btn i { color: white; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist .tooltip-label, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist .tooltip-label { display: none; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist .loader-btn, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist .loader-btn { border: none; padding: 0; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist .loader-btn a, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist .loader-btn a { display: block; background-color: black; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist .loader-btn a:after, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist .loader-btn a:after { display: none; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist .loader-btn i, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist .loader-btn i { display: block; color: white; position: relative; top: 0px; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist .loader-btn i:before, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist .loader-btn i:before { top: 0; line-height: 35px; color: white; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist i, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist i { display: none; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist a:after, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist a:after { background-position: -95px 6px; } .products-display .grid__item .grid-view-item .thumbnail-buttons .add-to-wishlist a.added-wishlist:after, .products-display .list__item .grid-view-item .thumbnail-buttons .add-to-wishlist a.added-wishlist:after { background-position: -135px 6px; } .products-display .grid__item .spr-badge, .products-display .list__item .spr-badge { opacity: 1; border-radius: 50%; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } @media (max-width: 767px) { .products-display .grid__item .spr-badge, .products-display .list__item .spr-badge { /* If media is below 768 */ } } .products-display .grid__item .spr-badge i, .products-display .list__item .spr-badge i { position: relative; opacity: 1; height: 15px; width: 15px; display: inline-block; top: 0px; vertical-align: top; font-style: normal; } .products-display .grid__item .spr-badge i.spr-icon:after, .products-display .list__item .spr-badge i.spr-icon:after { content: '\F005'; font-family: "FontAwesome"; color: #ccc; font-size: 12px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .products-display .grid__item .spr-badge i.spr-icon-star-empty:before, .products-display .list__item .spr-badge i.spr-icon-star-empty:before { display: none !important; } .products-display .grid__item .spr-badge i.spr-icon-star:before, .products-display .grid__item .spr-badge i.spr-icon-star-half-alt:before, .products-display .list__item .spr-badge i.spr-icon-star:before, .products-display .list__item .spr-badge i.spr-icon-star-half-alt:before { display: none !important; content: '\F005'; font-family: "FontAwesome"; color: #fec42d; position: absolute; left: 0; right: 0; top: 30px; font-size: 12px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .products-display .grid__item .spr-badge i.spr-icon-star:after, .products-display .grid__item .spr-badge i.spr-icon-star-half-alt:after, .products-display .list__item .spr-badge i.spr-icon-star:after, .products-display .list__item .spr-badge i.spr-icon-star-half-alt:after { content: "\F005"; font-family: "FontAwesome"; color: #fec42d; font-size: 12px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .products-display .grid__item .spr-badge i.spr-icon-star:nth-child(2n+1):before, .products-display .grid__item .spr-badge i.spr-icon-star-half-alt:nth-child(2n+1):before, .products-display .list__item .spr-badge i.spr-icon-star:nth-child(2n+1):before, .products-display .list__item .spr-badge i.spr-icon-star-half-alt:nth-child(2n+1):before { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .products-display .grid__item .spr-badge i.spr-icon-star:nth-child(2n+2):before, .products-display .grid__item .spr-badge i.spr-icon-star-half-alt:nth-child(2n+2):before, .products-display .list__item .spr-badge i.spr-icon-star:nth-child(2n+2):before, .products-display .list__item .spr-badge i.spr-icon-star-half-alt:nth-child(2n+2):before { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .products-display .grid__item .spr-badge i.spr-icon-star:nth-child(2n+3):before, .products-display .grid__item .spr-badge i.spr-icon-star-half-alt:nth-child(2n+3):before, .products-display .list__item .spr-badge i.spr-icon-star:nth-child(2n+3):before, .products-display .list__item .spr-badge i.spr-icon-star-half-alt:nth-child(2n+3):before { -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .products-display .grid__item .spr-badge i.spr-icon-star:nth-child(2n+4):before, .products-display .grid__item .spr-badge i.spr-icon-star-half-alt:nth-child(2n+4):before, .products-display .list__item .spr-badge i.spr-icon-star:nth-child(2n+4):before, .products-display .list__item .spr-badge i.spr-icon-star-half-alt:nth-child(2n+4):before { -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } .products-display .grid__item .spr-badge i.spr-icon-star:nth-child(2n+5):before, .products-display .grid__item .spr-badge i.spr-icon-star-half-alt:nth-child(2n+5):before, .products-display .list__item .spr-badge i.spr-icon-star:nth-child(2n+5):before, .products-display .list__item .spr-badge i.spr-icon-star-half-alt:nth-child(2n+5):before { -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; } .products-display .grid__item .spr-badge i.spr-icon-star-half-alt:before, .products-display .list__item .spr-badge i.spr-icon-star-half-alt:before { content: '\f123'; } .products-display .grid__item .spr-badge i.spr-icon-star-half-alt:after, .products-display .list__item .spr-badge i.spr-icon-star-half-alt:after { content: "\f123"; } .products-display .grid__item .product-flags, .products-display .list__item .product-flags { position: absolute; top: 15px; left: 0; right: 0; width: 100%; } .products-display .grid__item .product-flags .flag, .products-display .list__item .product-flags .flag { font-size: 12px; font-weight: 500; color: black; position: absolute; } .products-display .grid__item .product-flags .new, .products-display .list__item .product-flags .new { left: 15px; right: auto; } .products-display .grid__item .product-flags .sale, .products-display .list__item .product-flags .sale { color: #999; left: 15px; text-align: center; padding: 0; font-size: 14px; font-weight: 400; line-height: 14px; } .products-display .grid__item .grid-view-item.grid-view-item--sold-out:hover .extra-img, .products-display .list__item .grid-view-item.grid-view-item--sold-out:hover .extra-img { opacity: 0.5; } .products-display .grid__item .grid-view-item.grid-view-item--sold-out:hover .main-img, .products-display .list__item .grid-view-item.grid-view-item--sold-out:hover .main-img { opacity: 0.5; } .products-display .grid__item .grid-view-item.grid-view-item--sold-out:hover .main-img.no-change, .products-display .list__item .grid-view-item.grid-view-item--sold-out:hover .main-img.no-change { opacity: 0.5; } .products-display .grid__item .main-img, .products-display .list__item .main-img { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .products-display .grid__item .extra-img, .products-display .list__item .extra-img { left: 0; position: absolute; right: 0; top: 0; opacity: 0; width: 100%; -moz-transform: scale(0, 1); -webkit-transform: scale(0, 1); -o-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } /*================ collectionproducts(list-view) ================*/ .products-display .list__item { margin-bottom: 0px; padding: 15px; } .products-display .list__item .grid-view-item { border: 0; } .products-display .list__item .grid-view-item:hover .grid-view-item__image-container .product-description .grid-view-item__meta { opacity: 1; } .products-display .list__item .grid-view-item:hover .spr-badge { opacity: 1; } .products-display .list__item .grid-view-item .thumbnail-buttons { opacity: 1; margin-bottom: 0px; } .products-display .list__item .grid-view-item .grid-view-item__image-container { margin-bottom: 0; border-radius: 0; border: 0; } .products-display .list__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper { padding: 0; } @media (min-width: 544px) { .products-display .list__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper { /* If media is above 543 */ margin-bottom: 0; } } .products-display .list__item .grid-view-item .grid-view-item__image-container .product-title-review { background: transparent; border-bottom: 0; text-align: left; } @media (max-width: 767px) { .products-display .list__item .grid-view-item .grid-view-item__image-container .product-title-review { /* If media is below 768 */ text-align: center; } } .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description { text-align: left; } @media (min-width: 768px) { .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description { /* If media is above 767 */ padding-left: 25px; } } @media (max-width: 767px) { .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description { /* If media is below 768 */ text-align: center; padding-bottom: 0; } } @media (max-width: 767px) { .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__title { font-size: 16px; } } .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .product-desc { margin-bottom: 10px; color: #888; font-size: 14px; letter-spacing: .8px; line-height: 22px; } .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta { text-align: left; margin-bottom: 6px; opacity: 1; } @media (max-width: 767px) { .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta { /* If media is below 768 */ text-align: center; } } .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .spr-badge { margin-bottom: 12px; } .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .thumbnail-buttons { position: unset; -moz-transform: unset; -webkit-transform: unset; -o-transform: unset; -ms-transform: unset; transform: unset; display: inline-block; } @media (max-width: 767px) { .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .thumbnail-buttons { /* If media is below 768 */ margin: 4px; } } .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .thumbnail-buttons > div { opacity: 1; } @media (max-width: 767px) { .products-display .list__item .grid-view-item .grid-view-item__image-container .product-description .thumbnail-buttons { /* If media is below 768 */ margin-top: 0; } } .template-collection .products-display .grid__item:nth-child(3n+1) { clear: left; } @media (max-width: 767px) { .template-collection .products-display .grid__item:nth-child(3n+1) { clear: none; } .template-collection .products-display .grid__item:nth-child(2n+1) { clear: left; } } @media screen and (min-width: 750px) and (max-width: 767px) { .template-collection .products-display .medium-up--one-third { width: 50%; } } /*================ collectionpage================*/ .template-collection .normal_main_content { margin-bottom: 20px; } .template-collection .normal_main_content .product_empty { padding-left: 15px; margin-bottom: 20px; } /*================ bannersblock ================*/ #ishibannerblock { text-align: center; } #ishibannerblock .image-container { display: inline-block; vertical-align: middle; } #ishibannerblock .image-container img { max-width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #ishibannerblock .image-container a { display: block; position: relative; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #ishibannerblock .image-container a:after { background: rgba(0, 0, 0, 0.1); } #ishibannerblock .bannerblock { display: inline-block; vertical-align: middle; } @media (max-width: 767px) { #ishibannerblock .bannerblock { /* If media is below 768 */ margin-bottom: 30px; } } #ishibannerblock .bannerblock:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) and (max-width: 991px) { #ishibannerblock .ishibanner-container2 { /* If media is between 768 and 991 */ margin-bottom: 15px; } } /*============ special product ================*/ #ishispecialproducts .home-title { margin-bottom: 15px; } #ishispecialproducts .owl-nav { margin-top: 5px; } @media (max-width: 991px) { #ishispecialproducts .owl-nav { /* If media is below 992 */ margin-top: 0px; } } @media (max-width: 991px) { .special-deal-test { /* If media is below 992 */ margin-bottom: 30px; } } /*================ special-deal ================*/ #ishispecialdeal { position: relative; margin-bottom: 0px; padding: 58px; } @media (min-width: 992px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper { display: flex; align-items: center; } } @media (min-width: 1200px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { height: 355px; } } @media (max-width: 1200px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { height: 395px; } } @media screen and (min-width: 1200px) and (max-width: 1250px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 992 and 1199 */ height: 399px; } } @media screen and (min-width: 1730px) and (max-width: 1789px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 309px; } } @media screen and (min-width: 1670px) and (max-width: 1729px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 295px; } } @media screen and (min-width: 1600px) and (max-width: 1669px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 255px; } } @media screen and (min-width: 1450px) and (max-width: 1599px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 260px; } } @media screen and (min-width: 1400px) and (max-width: 1449px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 250px; } } @media screen and (min-width: 1375px) and (max-width: 1399px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 371px; } } @media screen and (min-width: 1325px) and (max-width: 1374px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 365px; } } @media screen and (min-width: 1280px) and (max-width: 1324px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 992 and 1199 */ height: 353px; } } @media screen and (min-width: 1250px) and (max-width: 1279px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 992 and 1199 */ height: 396px; } } @media screen and (min-width: 1990px) and (max-width: 1250px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 992 and 1199 */ height: 396px; } } @media screen and (min-width: 1165px) and (max-width: 1999px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { height: 355pxpx; } } @media screen and (min-width: 1140px) and (max-width: 1166px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { height: 390px; } } @media screen and (min-width: 1115px) and (max-width: 1139px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { height: 385px; } } @media screen and (min-width: 1100px) and (max-width: 1114px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { height: 375px; } } @media screen and (min-width: 1065px) and (max-width: 1099px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { height: 355px; } } @media screen and (min-width: 1050px) and (max-width: 1064px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { height: 355px; } } @media screen and (min-width: 1020px) and (max-width: 1049px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { height: 335px; } } @media screen and (min-width: 992px) and (max-width: 1019px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { height: 315px; } } @media (max-width: 991px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail { /* If media is below 992 */ display: none; } } @media screen and (min-width: 1250px) and (max-width: 1279px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { width: 94px; } } @media screen and (min-width: 1165px) and (max-width: 1999px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { width: 92px; } } @media screen and (min-width: 1600px) and (max-width: 1669px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { width: 62px; } } @media screen and (min-width: 1400px) and (max-width: 1600px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { /* If media is between 1200 and 1450 */ width: 62px; } } @media screen and (min-width: 1200px) and (max-width: 1250px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { width: 102px; } } @media screen and (min-width: 1140px) and (max-width: 1166px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { width: 87px; } } @media screen and (min-width: 1115px) and (max-width: 1139px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { width: 84px; } } @media screen and (min-width: 1100px) and (max-width: 1114px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { width: 81px; } } @media screen and (min-width: 1065px) and (max-width: 1099px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { width: 78px; } } @media screen and (min-width: 1050px) and (max-width: 1064px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { width: 78px; } } @media screen and (min-width: 1035px) and (max-width: 1049px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { width: 75px; } } @media screen and (min-width: 1010px) and (max-width: 1034px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { width: 88px; } } @media screen and (min-width: 992px) and (max-width: 1009px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { width: 88px; } } @media (min-width: 1200px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails .product-single__thumbnails-item { height: 129px; } } @media (min-width: 1250px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails .product-single__thumbnails-item { height: 118px; } } @media (max-width: 1200px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails .product-single__thumbnails-item { height: auto; margin-bottom: 9px; } } @media screen and (min-width: 1400px) and (max-width: 1600px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails .product-single__thumbnails-item { height: 81px; } } @media screen and (min-width: 1250px) and (max-width: 1279px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails .product-single__thumbnails-item { margin-bottom: 25px; height: auto; } } @media screen and (min-width: 1600px) and (max-width: 1669px) { #ishispecialdeal.deal-full .product_content .products-display .owl-stage-outer .owl-stage .owl-item .productdeal .grid-view-item .grid-view-item__link .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails .product-single__thumbnails-item { height: 86px; } } @media (max-width: 1500px) { #ishispecialdeal { /* If media is below 1500 */ padding: 50px 30px; } } @media (max-width: 1399px) { #ishispecialdeal { /* If media is below 1400 */ width: 100%; float: none; padding: 0 80px; margin: 60px 0; } } @media (max-width: 991px) { #ishispecialdeal { /* If media is below 992 */ margin: 30px 0; padding: 0 0px; } } #ishispecialdeal .home-title { margin-bottom: 30px; } @media (max-width: 543px) { #ishispecialdeal .home-title { /* If media is below 544 */ margin-bottom: 20px; } } @media (max-width: 767px) { #ishispecialdeal .grid__item { /* If media is below 768 */ float: none; } } #ishispecialdeal .grid__item .product-flags .sale { left: 25px; } #ishispecialdeal .product_content { display: block; text-align: center; } @media (min-width: 1599px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container { /* If media is above 991 */ } } @media (max-width: 767px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container { /* If media is below 768 */ max-width: 100%; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container:hover .product-description .spr-badge { opacity: 1; } @media screen and (min-width: 1200px) and (max-width: 1399px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper { /* If media is between 992 and 1199 */ width: 40%; } } @media screen and (min-width: 1200px) and (max-width: 1279px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper { /* If media is between 992 and 1199 */ width: 48%; } } @media (max-width: 767px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper { /* If media is below 768 */ margin: 0 auto 15px; } } @media (max-width: 1199px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { /* If media is below 1200 */ display: none; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { margin-top: 0px; display: block; overflow: hidden; } @media screen and (min-width: 992px) and (max-width: 1399px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails { /* If media is between 992 and 1199 */ width: 92px; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails .product-single__thumbnail { margin-bottom: 8px; } @media screen and (min-width: 992px) and (max-width: 1199px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails .product-single__thumbnail { /* If media is between 992 and 1199 */ width: 114%; } } @media screen and (min-width: 992px) and (max-width: 1199px) and (max-width: 1034px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails .product-single__thumbnail { /* If media is below 992 */ width: 93%; } } @media (min-width: 1849px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail .product-single__thumbnails .product-single__thumbnail img { height: 106px; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { position: relative; display: block; overflow: hidden; margin: 0; height: 334px; padding: 0; } @media screen and (min-width: 1730px) and (max-width: 1789px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 309px; } } @media screen and (min-width: 1670px) and (max-width: 1729px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 295px; } } @media screen and (min-width: 1590px) and (max-width: 1669px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 285px; } } @media screen and (min-width: 1450px) and (max-width: 1589px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 260px; } } @media screen and (min-width: 1400px) and (max-width: 1449px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 264px; } } @media screen and (min-width: 1375px) and (max-width: 1399px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 371px; } } @media screen and (min-width: 1325px) and (max-width: 1374px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 1200 and 1450 */ height: 365px; } } @media screen and (min-width: 1280px) and (max-width: 1324px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 992 and 1199 */ height: 353px; } } @media screen and (min-width: 1250px) and (max-width: 1279px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 992 and 1199 */ height: 366px; } } @media screen and (min-width: 1200px) and (max-width: 1250px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { /* If media is between 992 and 1199 */ height: 369px; } } @media screen and (min-width: 1170px) and (max-width: 1199px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { height: 412px; } } @media screen and (min-width: 1135px) and (max-width: 1169px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { height: 400px; } } @media screen and (min-width: 1100px) and (max-width: 1134px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { height: 392px; } } @media screen and (min-width: 1065px) and (max-width: 1099px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { height: 404px; } } @media screen and (min-width: 1035px) and (max-width: 1064px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { height: 398px; } } @media screen and (min-width: 1000px) and (max-width: 1034px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { height: 342px; } } @media screen and (min-width: 992px) and (max-width: 999px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { height: 320px; } } @media (max-width: 991px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail { /* If media is below 992 */ display: none; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-thumbnail .thumbnails-wrapper .product-single__thumbnails-item { margin-bottom: 8px; } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-img { overflow: hidden; border: medium none; padding: 0 10px; } @media (max-width: 991px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-img { /* If media is below 992 */ width: 100%; } } @media (max-width: 767px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-img { /* If media is below 768 */ width: 50%; margin: auto; padding: 0; float: none; } } @media (max-width: 543px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .product-img { /* If media is below 544 */ margin-bottom: 12px; width: 100%; } } @media (max-width: 767px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .spr-badge { bottom: 25px; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description { display: inline-block; text-align: left; margin: 0; padding: 0; } @media (max-width: 767px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description { /* If media is below 768 */ width: 74%; margin: auto; text-align: center; float: none; display: block; padding-bottom: 0; overflow: hidden; } } @media (max-width: 543px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description { /* If media is below 544 */ width: 100%; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .product-detail { margin-bottom: 12px; } @media (max-width: 991px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .product-detail { /* If media is below 992 */ margin-bottom: 10px; } } @media (max-width: 543px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .product-detail { /* If media is below 544 */ text-align: center; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .product-detail .grid-view-item__title { font-size: 18px; color: #222; } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta { margin-bottom: 12px; font-size: 18px; } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .productcountdown { margin-bottom: 25px; } @media (max-width: 543px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .productcountdown { /* If media is below 544 */ margin-bottom: 18px; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .productcountdown .countdown { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; position: relative; background: #fafafa; margin-right: 4px; border-radius: 0px; padding: 10px 0px; width: 46px; height: 58px; } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .productcountdown .countdown:last-child { margin-right: 0; } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .productcountdown .countdown span { display: block; } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .productcountdown .countdown:hover .text { color: black; } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .productcountdown .countdown.countdown-seconds .data { color: #cd8995; } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .productcountdown .countdown .data { width: auto; margin: auto; text-align: center; line-height: 20px; font-weight: 500; font-size: 20px; margin-bottom: 7px; color: black; letter-spacing: 0; position: relative; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } @media (max-width: 543px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .productcountdown .countdown .data { /* If media is below 544 */ font-size: 18px; margin-bottom: 6px; padding-bottom: 6px; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .productcountdown .countdown .text { display: block; font-size: 14px; line-height: 14px; font-weight: 400; color: #666666; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } @media (max-width: 1199px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .productcountdown .countdown .text { /* If media is below 1200 */ font-size: 12px; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .product-desc { /*@media screen and (min-width: 1400px) and (max-width: 1500px) { display: none; }*/ display: block; color: #888888; font-size: 14px; margin-bottom: 16px; line-height: 22px; } @media (max-width: 543px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .product-desc { /* If media is below 544 */ text-align: center; margin-bottom: 10px; } } @media (max-width: 543px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .product-desc { /* If media is below 544 */ display: none; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .spr-badge { opacity: 1; margin-bottom: 0px; display: block; } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .thumbnail-buttons { text-align: left; right: auto; position: relative; bottom: unset; opacity: 1; margin-bottom: 4px; } @media (max-width: 767px) { #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .thumbnail-buttons { /* If media is below 768 */ margin: 3px; text-align: center; } } #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .thumbnail-buttons .quick-view, #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .thumbnail-buttons .add-to-wishlist, #ishispecialdeal .products-display .grid__item .grid-view-item .grid-view-item__image-container .thumbnail-buttons .product-block-hover { opacity: 1; -moz-transform: unset; -webkit-transform: unset; -o-transform: unset; -ms-transform: unset; margin: 0 1px; } #ishispecialdeal .owl-dots { position: absolute; top: 18%; right: 100px; margin: 0 auto !important; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 991px) { #ishispecialdeal .owl-dots { /* If media is below 992 */ position: unset; margin-top: 20px !important; } } #ishispecialdeal .owl-dots .owl-dot { display: block; margin: 10px 0; } @media (max-width: 991px) { #ishispecialdeal .owl-dots .owl-dot { /* If media is below 992 */ display: inline-block; margin: 0; } } #ishispecialdeal .owl-dots .owl-dot span { width: 5px; height: 60px; border: 0; background: #cccccc; border-radius: 0; margin: 0 3px; display: block; } @media (max-width: 991px) { #ishispecialdeal .owl-dots .owl-dot span { /* If media is below 992 */ height: 5px; width: 60px; } } #ishispecialdeal .owl-dots .owl-dot.active span { background-color: #cd8995; } /*================ parallaxblock ================*/ #ishiparallaxbanner { overflow: hidden; position: relative; } #ishiparallaxbanner .parallax { padding: 110px 0; } @media (max-width: 991px) { #ishiparallaxbanner .parallax { /* If media is below 992 */ padding: 70px 0; } } @media (min-width: 768px) { #ishiparallaxbanner .parallax > .page-width { /* If media is above 767 */ max-width: 1400px; } } @media (min-width: 768px) and (max-width: 991px) { #ishiparallaxbanner .parallax > .page-width { /* If media is below 992 */ max-width: 900px; } } #ishiparallaxbanner .parallax .parallax-list { display: block; text-align: center; position: relative; color: #222; float: left; } @media (max-width: 1199px) { #ishiparallaxbanner .parallax .parallax-list { /* If media is below 1200 */ float: none; } } #ishiparallaxbanner .parallax .parallax-list:hover .parallax-discount:after { width: 60%; } #ishiparallaxbanner .parallax .parallax-list .parallax-discount { font-size: 25px; line-height: 32px; font-weight: 400; font-family: Quicksand; margin-bottom: 25px; padding-bottom: 10px; color: black; display: inline-block; vertical-align: middle; letter-spacing: .4px; position: relative; } @media (max-width: 543px) { #ishiparallaxbanner .parallax .parallax-list .parallax-discount { /* If media is below 544 */ font-size: 20px; line-height: 22px; margin-bottom: 20px; } } #ishiparallaxbanner .parallax .parallax-list .parallax-discount:after { content: ""; position: absolute; background: black; bottom: 0; left: 0; right: 0; width: 25%; height: 2px; margin: 0 auto; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } #ishiparallaxbanner .parallax .parallax-list .parallax-title { font-size: 90px; font-weight: 400; color: black; line-height: 96px; margin-bottom: 40px; } @media (max-width: 991px) { #ishiparallaxbanner .parallax .parallax-list .parallax-title { /* If media is below 992 */ font-size: 70px; line-height: 80px; } } @media (max-width: 767px) { #ishiparallaxbanner .parallax .parallax-list .parallax-title { /* If media is below 768 */ font-size: 50px; line-height: 55px; margin-bottom: 30px; } } @media (max-width: 543px) { #ishiparallaxbanner .parallax .parallax-list .parallax-title { /* If media is below 544 */ font-size: 36px; line-height: 42px; margin-bottom: 16px; } } #ishiparallaxbanner .parallax .parallax-list .parallax-subtitle { font-size: 20px; font-weight: 400; line-height: 24px; color: black; font-family: Quicksand; padding-bottom: 40px; } @media (max-width: 767px) { #ishiparallaxbanner .parallax .parallax-list .parallax-subtitle { /* If media is below 768 */ font-size: 17px; line-height: 17px; } } @media (max-width: 543px) { #ishiparallaxbanner .parallax .parallax-list .parallax-subtitle { /* If media is below 544 */ font-size: 15px; padding-bottom: 22px; } } #ishiparallaxbanner .parallax .parallax-list .parallax-offer { position: relative; display: block; } #ishiparallaxbanner .parallax .parallax-list .parallax-offer a { position: relative; font-size: 14px; font-weight: 500; line-height: 20px; padding: 10px 22px; background-color: black; border: 1px solid black; color: white; border-radius: 0; z-index: 1; text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0; } #ishiparallaxbanner .parallax .parallax-list .parallax-offer a:before { position: absolute; top: 0; left: 50%; right: 50%; bottom: 0; opacity: 0; content: ''; z-index: -1; background-color: #fff; -webkit-transition: 0.8s all ease; -moz-transition: 0.8s all ease; -o-transition: 0.8s all ease; transition: 0.8s all ease; } #ishiparallaxbanner .parallax .parallax-list .parallax-offer a:hover { background-color: transparent; border-color: black; color: black; } #ishiparallaxbanner .parallax .parallax-list .parallax-offer a:hover:before { left: 0; right: 0; opacity: 1; } /*================ story-block ================*/ #ishistoryblock { text-align: center; } @media (min-width: 1200px) { #ishistoryblock { /* If media is above 1200 */ display: flex; align-items: center; } } #ishistoryblock .story-image-wrapper .image-container { display: inline-block; vertical-align: middle; } #ishistoryblock .story-image-wrapper .image-container img { max-width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #ishistoryblock .text-wrapper { display: block; text-align: left; } @media (max-width: 767px) { #ishistoryblock .text-wrapper { /* If media is below 768 */ margin-bottom: 30px; } } #ishistoryblock .text-wrapper .section-header > h2, #ishistoryblock .text-wrapper .section-header .h2 { text-align: left; margin-bottom: 30px; } @media (max-width: 991px) { #ishistoryblock .text-wrapper .section-header > h2, #ishistoryblock .text-wrapper .section-header .h2 { /* If media is below 992 */ margin-bottom: 10px; } } #ishistoryblock .text-wrapper .section-header .sub-title { font-size: 20px; color: #999999; font-weight: 500; margin-bottom: 15px; } @media (max-width: 991px) { #ishistoryblock .text-wrapper .section-header .sub-title { /* If media is below 992 */ margin-bottom: 5px; } } #ishistoryblock .text-wrapper .description { color: #888888; line-height: 24px; margin-bottom: 30px; max-width: 90%; } @media (max-width: 991px) { #ishistoryblock .text-wrapper .description { /* If media is below 992 */ max-width: 100%; margin-bottom: 20px; } } #ishistoryblock .text-wrapper .story-btn { font-size: 14px; text-transform: uppercase; color: white; background: #cd8995; border: 0; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } @media (max-width: 991px) { #ishistoryblock .text-wrapper .story-btn { /* If media is below 992 */ padding: 10px 15px; } } #ishistoryblock .text-wrapper .story-btn:hover { background: black; } /*------------------------(ishiservices)-----------------*/ #ishiservices { text-align: center; position: relative; } #ishiservices .ishiservices-content { display: block; overflow: hidden; position: relative; text-align: center; margin: 0 auto; } #ishiservices .services { text-align: center; cursor: pointer; padding: 35px 15px; border: 1px solid #eee; } @media (min-width: 544px) { #ishiservices .services { /* If media is above 543 */ border-right: 0; } } @media screen and (min-width: 544px) and (min-width: 544px) and (max-width: 991px) { #ishiservices .services { /* If media is between 768 and 991 */ padding: 35px 28px; } #ishiservices .services:nth-child(2) { border: 1px solid #eee; } #ishiservices .services:nth-child(1), #ishiservices .services:nth-child(2) { border-bottom: none; } } @media (max-width: 543px) { #ishiservices .services { /* If media is below 544 */ border-bottom: 0; } } #ishiservices .services:last-child { border: 1px solid #eee; } @media (max-width: 543px) { #ishiservices .services { /* If media is below 544 */ width: 100%; text-align: center; } } #ishiservices .services .service-img { width: 70px; height: 70px; border-radius: 50%; background: #cd8995; position: relative; display: inline-block; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media (max-width: 1199px) { #ishiservices .services .service-img { /* If media is below 1200 */ float: none; margin-right: 0; } } @media screen and (min-width: 768px) and (max-width: 991px) { #ishiservices .services .service-img { /* If media is between 768 and 991 */ float: left; margin-right: 15px; } } @media (max-width: 543px) { #ishiservices .services .service-img { /* If media is below 544 */ float: none; margin-bottom: 5px; margin-right: 0; } } #ishiservices .services .service-img img { padding: 20px 5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #ishiservices .services .service-img:after { content: ""; height: 70px; width: 70px; left: 0; top: 0; opacity: 0; position: absolute; border-radius: 50%; border: 1px dashed #cd8995; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #ishiservices .services .service-img-hover { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; margin: 0 auto; transition: all 300ms ease; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; } @media (max-width: 1199px) { #ishiservices .services .service-img-hover { /* If media is below 1200 */ right: 0; margin: 0 auto; text-align: center; } } #ishiservices .services .service-block { overflow: hidden; text-align: center; margin-top: 3px; } @media (max-width: 1199px) { #ishiservices .services .service-block { /* If media is below 1200 */ text-align: center; } } @media screen and (min-width: 768px) and (max-width: 991px) { #ishiservices .services .service-block { /* If media is between 768 and 991 */ text-align: left; margin-top: 9px; } } @media (max-width: 543px) { #ishiservices .services .service-block { /* If media is below 544 */ display: block; text-align: center; margin-top: 0px; } } #ishiservices .services .service-block .service-title { font-size: 15px; font-weight: 500; margin: 9px 0 6px; color: black; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media screen and (min-width: 768px) and (max-width: 991px) { #ishiservices .services .service-block .service-title { /* If media is between 768 and 991 */ margin-top: 4px; } } #ishiservices .services .service-block .service-desc { color: black; font-weight: 300; font-size: 13px; margin-bottom: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #ishiservices .services:hover .service-img { background: #333; } #ishiservices .services:hover .service-img:after { opacity: 1; -webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite; } #ishiservices .services:hover img { opacity: 0; } #ishiservices .services:hover .service-img-hover { opacity: 1; } #ishiservices .services:hover .service-img-hover img { opacity: 1; } keyframes spinAround 0% { transform: rotate(0deg); } keyframes spinAround 100% { transform: rotate(360deg); } @-webkit-keyframes spinAround { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinAround { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } /*================ ishicollectionblock ================*/ @media (max-width: 767px) { .ishi_collection_section { /* If media is below 768 */ margin-bottom: 20px; } } .ishi_collection_section .collection-block { text-align: center; padding: 0 15px; position: relative; } @media (max-width: 1199px) { .ishi_collection_section .collection-block { /* If media is below 1200 */ margin-bottom: 15px; } .ishi_collection_section .collection-block:nth-child(3), .ishi_collection_section .collection-block:last-child { margin-bottom: 0; } } .ishi_collection_section .collection-block .section-header .home-title { font-size: 18px; text-align: left; line-height: 22px; margin-bottom: 12px; } @media (max-width: 991px) { .ishi_collection_section .collection-block .section-header .home-title { /* If media is below 992 */ border-bottom: 1px solid #eee; } .ishi_collection_section .collection-block .section-header .home-title::after { display: none; } } @media (max-width: 543px) { .ishi_collection_section .collection-block .section-header .home-title { /* If media is below 544 */ font-size: 16px; } } .ishi_collection_section .collection-block .section-header .home-title::after { right: auto; } .ishi_collection_section .collection-block .owl-theme .owl-nav { top: -51px; position: absolute; right: 0; margin-top: 0; } @media (max-width: 991px) { .ishi_collection_section .collection-block .owl-theme .owl-nav { /* If media is below 992 */ top: -52px; right: 0px; } } .ishi_collection_section .collection-block .owl-theme .owl-nav .owl-prev, .ishi_collection_section .collection-block .owl-theme .owl-nav .owl-next { position: relative; left: 0; right: auto; padding: 2px; margin: 3px; } .ishi_collection_section .collection-block .owl-theme .owl-nav .owl-next { right: 0; left: auto; } .ishi_collection_section .collection-block .products-display .grid__item { padding: 10px 0; float: none; } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container { margin-bottom: 0px; width: 100%; } @media (min-width: 544px) { .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container { /* If media is above 543 */ display: flex; align-items: center; justify-content: center; } } @media (max-width: 767px) { .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container { /* If media is below 768 */ margin-left: -15px; margin-right: -15px; } } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container:hover .thumbnail-buttons { opacity: 1; } @media (min-width: 768px) { .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container:hover .thumbnail-buttons .quick-view, .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container:hover .thumbnail-buttons .product-block-hover, .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container:hover .thumbnail-buttons .add-to-wishlist { /* If media is above 767 */ opacity: 1; } } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container:hover .product-description .spr-badge { opacity: 0; } @media (max-width: 767px) { .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container:hover .product-description .spr-badge { /* If media is below 768 */ opacity: 1; } } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .main-img { opacity: 1; } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .reveal { position: relative; } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .outstock-overlay { top: 33%; font-size: 12px; } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description { text-align: left; padding: 0; overflow: hidden; position: relative; } @media (max-width: 1220px) { .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description { /* If media is below 1220 */ padding-top: 10px; overflow: hidden; } } @media (max-width: 543px) { .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description { /* If media is below 544 */ padding-top: 0; } } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description .product-detail { display: block; margin-bottom: 10px; } @media (max-width: 543px) { .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description .product-detail { /* If media is below 544 */ margin-bottom: 0; } } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description .product-detail .grid-view-item__title { width: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta { opacity: 1; margin-bottom: 8px; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s; } @media screen and (min-width: 1200px) and (max-width: 1300px) { .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta { /* If media is between 1200 and 1300 */ } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .discount-percentage { display: none; } } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description .spr-badge { margin-bottom: 9px; opacity: 1; display: block; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s; } @media (max-width: 543px) { .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description .spr-badge { /* If media is below 544 */ display: none; } } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description .product-desc { display: none; color: #666; font-size: 14px; margin-bottom: 10px; } .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description .thumbnail-buttons { left: 2px; right: auto; bottom: 0px; /*@media screen and (min-width: 992px) and (max-width: 1199px) { display: none; }*/ } @media (min-width: 992px) { .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description .thumbnail-buttons { /* If media is above 991 */ padding-left: 0px; } } @media (max-width: 767px) { .ishi_collection_section .collection-block .products-display .grid-view-item .grid-view-item__image-container .product-description .thumbnail-buttons { /* If media is below 768 */ position: relative; } } /*================ smartblog ================*/ .ishi-smartblog-section { margin-bottom: 0; } .smartblog-outer { position: relative; padding: 62px 0 0; /* border-top: 1px solid #eee; */ /* border-bottom: 1px solid #eee; */ margin-bottom: 0; } @media (max-width: 991px) { .smartblog-outer { /* If media is below 992 */ padding: 30px 0 0px; } } .smartblog .products_block_inner { position: relative; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post { padding: 15px; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post:hover .news_module_image_holder a img { -webkit-transform-style: unset; transform-style: unset; transform: scale(1.26); -webkit-transform: scale(1.26); -ms-transform: scale(1.26); -o-transform: scale(1.26); -moz-transform: scale(1.26); opacity: 0.8; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post:hover .news_module_image_holder .blogicons { opacity: 1; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post:hover .blog_content .article__meta-buttons .btn { font-size: 14px; margin: 0 8px; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post { position: relative; display: inline-block; vertical-align: middle; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder { display: block; max-width: 100%; position: relative; margin-bottom: 0px; background: black; border: 12px solid #fff; box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.08); } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder a { position: relative; display: block; overflow: hidden; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder img { transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; -o-transition: all 1.5s; max-width: 100%; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo { position: absolute; background: #fff; bottom: -12px; padding: 10px 0 10px; left: 90px; right: 90px; text-align: center; margin: 0 auto; } @media (max-width: 991px) { .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo { /* If media is below 992 */ left: 70px; right: 70px; } } @media (max-width: 543px) { .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo { /* If media is below 544 */ left: 50px; right: 50px; } } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .blog_date { margin: 0; display: block; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .blog_date i { display: none; font-size: 18px; margin-right: 8px; vertical-align: middle; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .blog_date .date { letter-spacing: 0.69px; font-size: 20px; line-height: 24px; font-weight: 500; color: #222; margin-bottom: 8px; display: block; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .blog_date .date .day_year { display: none; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .comment, .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .author { display: inline-block; vertical-align: middle; color: #666; padding: 0 5px; margin: 0; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .comment i, .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .news_module_image_holder .smartbloginfo .author i { font-size: 12px; position: relative; top: -1px; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .blog_content { padding: 24px 0 0; text-align: center; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .blog_content .sds_post_title { margin-bottom: 12px; line-height: 18px; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .blog_content .sds_post_title a { font-size: 16px; text-transform: capitalize; font-weight: 600; color: #222; letter-spacing: 0.48px; } @media (max-width: 543px) { .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .blog_content .sds_post_title a { /* If media is below 544 */ font-size: 14px; } } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .blog_content .desc { margin-bottom: 15px; font-size: 13px; letter-spacing: 0; line-height: 20px; color: #777777; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .blog_content .article__meta-buttons { display: block; text-align: center; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .blog_content .article__meta-buttons .btn { display: inline-block; vertical-align: middle; font-size: 14px; background: none; margin: 0; border: 0; padding: 0; color: #cd8995; box-shadow: none; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .smartblog .products_block_inner #smartblog-carousel .sds_blog_post .blog_post .blog_content .article__meta-buttons i { font-size: 19px; display: inline-block; vertical-align: middle; text-align: center; color: #cd8995; } .smartblog .products_block_inner .view-all { margin-top: 20px; } .smartblog .products_block_inner .owl-dots { position: absolute; top: 24%; right: 0; margin: 0 auto !important; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (min-width: 1200px) and (max-width: 1400px) { .smartblog .products_block_inner .owl-dots { /* If media is between 1200 and 1400 */ right: 35px; } } @media (max-width: 1199px) { .smartblog .products_block_inner .owl-dots { /* If media is below 1200 */ top: 13%; } } @media (max-width: 991px) { .smartblog .products_block_inner .owl-dots { /* If media is below 992 */ position: unset; } } .smartblog .products_block_inner .owl-dots .owl-dot { display: block; margin: 10px 0; } @media (max-width: 991px) { .smartblog .products_block_inner .owl-dots .owl-dot { /* If media is below 992 */ display: inline-block; margin: 0; } } .smartblog .products_block_inner .owl-dots .owl-dot span { width: 5px; height: 60px; border: 0; background: #cccccc; border-radius: 0; margin: 0 3px; display: block; } @media (max-width: 991px) { .smartblog .products_block_inner .owl-dots .owl-dot span { /* If media is below 992 */ height: 5px; width: 60px; } } .smartblog .products_block_inner .owl-dots .owl-dot.active span { background-color: #cd8995; } .smartblog .products_block_inner .owl-nav { margin-top: 0; } /*--------------------------------------blog page------------------------*/ .smart-user { background: white; padding: 20px; } .smart-form { background: white; padding: 15px 20px 10px; } .smartblog-container .section-header .article__title { font-size: 22px; text-transform: uppercase; color: black; font-weight: 500; margin-bottom: 20px; letter-spacing: 0.8px; } .smartblog-container .section-header > span { font-size: 15px; display: inline-block; margin-right: 20px; position: relative; text-transform: capitalize; color: #777777; margin-bottom: 30px; } @media (max-width: 543px) { .smartblog-container .section-header > span { /* If media is below 544 */ display: block; margin-right: 0; margin-bottom: 10px; } } .smartblog-container .section-header > span i { padding-right: 10px; color: #777; } @media (max-width: 543px) { .smartblog-container .section-header { /* If media is below 544 */ margin-bottom: 20px; } } .smartblog-container .article__grid-image-wrapper { margin-bottom: 30px; display: block; overflow: hidden; } .smartblog-container .rte { font-size: 15px; text-align: center; line-height: 25px; letter-spacing: 0.5px; color: #333; } .smartblog-container .share_this_blog { text-align: center; } .smartblog-container .share_this_blog a { float: none; } .smartblog-container textarea:focus { border-color: #d8dcdc !important; } .smartblog-container .comment-form .grid > div { display: block; width: 100%; } .smartblog-container .comment-form .grid label { color: #333; font-weight: 500; } .smartblog-container .comment-form .comment-btn { background: #cd8995; border-color: #cd8995; } .smartblog-container .comment-form .comment-btn:hover { background: black; border-color: black; } .smartblog-container .available-comment { display: block; width: 100%; } .smartblog-container .available-comment .h3 { font-size: 18px; } .smartblog-container .available-comment #comments { position: relative; } .smartblog-container .available-comment #comments li { position: relative; } .smartblog-container .available-comment #comments li .comment-img { background: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/comment-blog.jpg?v=72130053099716583031755728742); background-position: 0 0; background-repeat: no-repeat; height: 60px; width: 60px; top: 0; left: 0; overflow: hidden; display: inline-block; float: left; position: relative; margin-right: 20px; } .smartblog-container .available-comment #comments li .comment-inner { overflow: hidden; position: relative; } .smartblog-container .available-comment #comments .comments { position: relative; display: inline-block; } .smartblog-container .available-comment #comments .comments .comment__meta > span { display: block; } .smartblog-container .available-comment #comments .comments .comment__meta > span.author { font-weight: 600; } .smartblog-container .available-comment #comments .comments .comment__meta > span.author:before { display: none; } .smartblog-container .available-comment #comments .comments .comment__content { text-align: left; } /*-------------------------------------All-blog-post page------------------------*/ .sdsarticleCat { display: block; width: 100%; overflow: hidden; margin-bottom: 30px; text-align: left; } @media (max-width: 991px) { .sdsarticleCat { /* If media is below 992 */ text-align: center; } } @media (max-width: 543px) { .sdsarticleCat { /* If media is below 544 */ text-align: left; } } @media (max-width: 991px) { .sdsarticleCat .articleContent, .sdsarticleCat .smartblog-desc { /* If media is below 992 */ padding: 0; } } .sdsarticleCat .smartblog-desc { position: relative; font-family: Quicksand; font-size: 14px; color: black; font-weight: 400; } @media (max-width: 991px) { .sdsarticleCat .smartblog-desc { /* If media is below 992 */ padding: 15px 0px 0; } } .sdsarticleCat .smartblog-desc i { margin-right: 5px; color: black; } .sdsarticleCat .smartblog-desc a { color: #777777; } .sdsarticleCat .smartblog-desc .article__author { margin: 0px; letter-spacing: 1px; text-transform: capitalize; } .sdsarticleCat .smartblog-desc .article__author i { color: black; } .sdsarticleCat .smartblog-desc .article__title { margin: 12px 0; line-height: 18px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .sdsarticleCat .smartblog-desc .article__title { /* If media is between 992 and 1199 */ line-height: 20px; margin: 10px 0; } } .sdsarticleCat .smartblog-desc .article__title a { font-size: 17px; text-transform: uppercase; font-weight: 500; text-decoration: none; font-family: Quicksand; letter-spacing: .8px; color: black; } @media screen and (min-width: 992px) and (max-width: 1199px) { .sdsarticleCat .smartblog-desc .article__title a { /* If media is between 992 and 1199 */ font-size: 17px; } } .sdsarticleCat .smartblog-desc .blog-details { margin-bottom: 10px; } .sdsarticleCat .smartblog-desc .blog-details .article__date { margin-bottom: 0; } .sdsarticleCat .smartblog-desc .blog-details span { font-size: 15px; display: inline-block; vertical-align: middle; margin-right: 10px; position: relative; text-transform: capitalize; color: #777777; line-height: 25px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .sdsarticleCat .smartblog-desc .blog-details span { /* If media is between 992 and 1199 */ line-height: 20px; font-size: 14px; } } .sdsarticleCat .smartblog-desc .blog-details span i:before { color: #666666; } .sdsarticleCat .smartblog-desc .blog_description { margin-bottom: 15px; color: #777777; line-height: 24px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .sdsarticleCat .smartblog-desc .blog_description { /* If media is between 992 and 1199 */ line-height: 20px; } } .sdsarticleCat .smartblog-desc .r_more { text-decoration: none; font-size: 14px; font-weight: 500; background: #cd8995; border-color: #cd8995; color: white; text-transform: capitalize; padding: 5px 15px; display: inline-block; vertical-align: middle; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .sdsarticleCat .smartblog-desc .r_more:hover { background: black; border-color: black; color: white; } /*================ ishiinstagram ================*/ .ishiinstagram { position: relative; } .ishiinstagram .home-title { position: relative; } @media (min-width: 992px) { .ishiinstagram .home-title { /* If media is above 991 */ top: 30%; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 2; width: 355px; padding: 25px 20px; font-size: 30px; line-height: 34px; font-weight: 500; color: black; background-color: rgba(249, 240, 239, 0.7); } } @media (min-width: 992px) and (max-width: 1399px) { .ishiinstagram .home-title { /* If media is below 1400 */ top: 18%; width: 300px; } } @media (max-width: 991px) { .ishiinstagram .home-title { /* If media is below 992 */ padding-bottom: 18px; } .ishiinstagram .home-title:before { display: none; } } .ishiinstagram .home-title a { text-decoration: none; line-height: 34px; color: black; } @media (max-width: 991px) { .ishiinstagram .home-title a { /* If media is below 992 */ font-size: 24px; } } .ishiinstagram .home-title span { font-size: 24px; font-weight: 300; color: black; } .ishiinstagram .home-title:before { display: none; } .ishiinstagram #instafeed { position: relative; } .ishiinstagram #instafeed .instaitem a { display: block; position: relative; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .ishiinstagram #instafeed .instaitem a:after { background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; top: 12px; right: 12px; left: 12px; bottom: 12px; margin: auto; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; -o-transition: all 1.5s; } .ishiinstagram #instafeed .instaitem a img { max-width: 100%; -webkit-filter: grayscale(70%); filter: grayscale(70%); -webkit-transform-style: unset; transform-style: unset; transition: all 1.5s; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; -o-transition: all 1.5s; } .ishiinstagram #instafeed .instaitem a .instagram { position: absolute; top: 50%; left: 0; right: 0; text-align: center; margin: 0 auto; z-index: 99; margin-top: -10px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .ishiinstagram #instafeed .instaitem a .instagram i { font-size: 30px; color: white; display: inline-block; vertical-align: middle; width: 26px; height: 26px; line-height: 26px; border-radius: 30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .ishiinstagram #instafeed .instaitem a .instagram i:hover { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25); } .ishiinstagram #instafeed .instaitem .text-container { position: absolute; bottom: 0; display: block; padding: 10px; width: 100%; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; text-transform: capitalize; font-size: 14px; font-weight: 400; font-family: Quicksand; color: white; } .ishiinstagram #instafeed .instaitem .text-container .likes { float: left; display: inline-block; margin-left: 10px; position: relative; margin-bottom: 5px; } .ishiinstagram #instafeed .instaitem .text-container .comments { float: right; display: inline-block; margin-right: 10px; position: relative; margin-bottom: 5px; } .ishiinstagram #instafeed .instaitem .text-container i { display: block; font-size: 16px; color: white; display: inline-block; padding-right: 5px; padding-left: 8px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .ishiinstagram #instafeed .instaitem:hover a:after { opacity: 1; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .ishiinstagram #instafeed .instaitem:hover a img { transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); } .ishiinstagram #instafeed .instaitem:hover a .instagram { display: block; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ishiinstagram #instafeed .instaitem:hover .text-container { opacity: 1; } /*================ testimonials ================*/ #section-test-deals { clear: both; overflow: hidden; margin: 0 35px 0px; border: 1px solid #eee; } @media (max-width: 767px) { #section-test-deals { /* If media is below 768 */ margin: 0 15px 0px; } } #section-test-deals .not-show { display: none; } .ishitestimonial { background: #fafafa; padding: 60px 100px 70px; } @media (max-width: 1399px) { .ishitestimonial { /* If media is below 1400 */ width: 100%; float: none; margin-bottom: 50px; } } @media (max-width: 1399px) and (max-width: 991px) { .ishitestimonial { /* If media is below 992 */ padding: 38px 40px 40px; margin-bottom: 30px; } } @media (max-width: 1399px) and (max-width: 767px) { .ishitestimonial { /* If media is below 768 */ padding: 38px 0px 40px; } } .ishitestimonial #ishitestimonials-carousel .owl-stage-outer .owl-item .ishitestimonials-container { text-align: center; background: white; padding: 30px; margin: 0; margin-top: 25px; } .ishitestimonial #ishitestimonials-carousel .owl-stage-outer .owl-item .ishitestimonials-container .testimonial-img { display: none; } .ishitestimonial #ishitestimonials-carousel .owl-stage-outer .owl-item .ishitestimonials-container .testimonial-img img { max-width: 100%; width: auto; } .ishitestimonial #ishitestimonials-carousel .owl-stage-outer .owl-item .ishitestimonials-container .user-container { display: block; width: 100%; overflow: hidden; margin: 0; position: relative; } .ishitestimonial #ishitestimonials-carousel .owl-stage-outer .owl-item .ishitestimonials-container .desc { position: relative; text-align: center; } .ishitestimonial #ishitestimonials-carousel .owl-stage-outer .owl-item .ishitestimonials-container .desc .user-name { margin-bottom: 5px; font-family: Quicksand; position: relative; padding: 0 0 8px; display: block; line-height: 24px; font-size: 23px; letter-spacing: 0; font-weight: 400; color: #151515; } .ishitestimonial #ishitestimonials-carousel .owl-stage-outer .owl-item .ishitestimonials-container .desc .user-designation { font-weight: 400; display: block; font-size: 14px; font-style: italic; color: #666666; text-transform: capitalize; margin: 0; } .ishitestimonial #ishitestimonials-carousel .owl-stage-outer .owl-item .ishitestimonials-container .user-info .user-description p { padding: 0 0 20px; position: relative; line-height: 24px; font-weight: 400; color: #999; font-size: 14px; } .ishitestimonial #ishitestimonials-carousel .owl-nav { margin-top: 25px; } .ishitestimonial #ishitestimonials-carousel .owl-dots { text-align: center; opacity: 1; margin-top: 35px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .ishitestimonial #ishitestimonials-carousel .owl-dots .owl-dot { display: inline-block; margin: 0px 4px; } .ishitestimonial #ishitestimonials-carousel .owl-dots .owl-dot img { border-radius: 50%; max-width: 100%; width: 88px; height: 88px; border-radius: 50%; border: 1px solid #DEDEDE; -ms-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); filter: grayscale(1); } @media (max-width: 767px) { .ishitestimonial #ishitestimonials-carousel .owl-dots .owl-dot img { /* If media is below 768 */ width: 80px; height: 80px; } } @media (max-width: 543px) { .ishitestimonial #ishitestimonials-carousel .owl-dots .owl-dot img { /* If media is below 544 */ width: 70px; height: 70px; } } .ishitestimonial #ishitestimonials-carousel .owl-dots .owl-dot span { display: block; width: 12px; height: 12px; border: 1px solid black; cursor: pointer; border-radius: 50%; background: black; } .ishitestimonial #ishitestimonials-carousel .owl-dots .owl-dot.active span, .ishitestimonial #ishitestimonials-carousel .owl-dots .owl-dot:hover span { background: gray; } .ishitestimonial #ishitestimonials-carousel .owl-dots .owl-dot.active img { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); border-width: 2px; border-color: #999; filter: grayscale(0); transition: all 0.5s ease 0s; } .ishitestimonial #ishitestimonials-carousel .owl-dots .owl-dot.active span { cursor: default; } @keyframes shrink { 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } /*================ brandlogo ================*/ .ishi_manufacture { margin-bottom: 60px; } @media (max-width: 1199px) { .ishi_manufacture { /* If media is below 1200 */ margin-bottom: 55px; } } @media (max-width: 991px) { .ishi_manufacture { /* If media is below 992 */ margin-bottom: 30px; } } .manufacture-block .owl-nav { margin: 0; } .manufacture-block #manufacture-carousel { text-align: center; } .manufacture-block #manufacture-carousel .logo-bar__item { opacity: 0.8; max-width: 130px; display: inline-block; -moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; } .manufacture-block #manufacture-carousel .logo-bar__item:hover { opacity: 1; -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } /*================ footer ================*/ .template-index .site-footer { margin-top: 0; border-top: 0; } @media (max-width: 991px) { .template-index .site-footer .footer-container { /* If media is below 992 */ padding-top: 30px !important; padding-bottom: 00px !important; } } .footer-before { display: block; padding-top: 40px; } .footer-before { display: block; } .footer-left { padding: 0; } @media (max-width: 991px) { .footer-left { /* If media is below 992 */ padding-bottom: 20px; } } .footer-right { padding: 0 15px; } @media (max-width: 991px) { .footer-right { /* If media is below 992 */ padding: 0; } } .footer-right .bottom-link-list { text-align: center; clear: both; overflow: hidden; } @media (max-width: 991px) { .footer-right .bottom-link-list { /* If media is below 992 */ text-align: center; margin-bottom: 20px; } } .footer-right .bottom-link-list ul { clear: both; overflow: hidden; } .footer-right .bottom-link-list ul li { display: inline-block; vertical-align: middle; margin: 2px 11px; position: relative; } @media screen and (min-width: 992px) and (max-width: 1199px) { .footer-right .bottom-link-list ul li { /* If media is between 992 and 1199 */ margin: 2px 4px; } } .footer-right .bottom-link-list ul li:before { content: ''; height: 12px; width: 1px; background: #B3B3B3; position: absolute; right: -14px; top: 5px; } @media screen and (min-width: 992px) and (max-width: 1199px) { .footer-right .bottom-link-list ul li:before { /* If media is between 992 and 1199 */ right: -6px; } } @media (max-width: 991px) { .footer-right .bottom-link-list ul li { /* If media is below 992 */ margin: 0 7px; } .footer-right .bottom-link-list ul li:before { right: -9px; top: 5px; } } .footer-right .bottom-link-list ul li:last-child:before { display: none; } .site-footer { position: relative; margin-top: 50px; color: black; font-size: 14px; margin-top: 30px; background: #fff; border-top: 1px solid #eee; /*-------------------contact-info-----------*/ /*================ newsletter ================*/ /*================ social ================*/ /*================ footer-after ================*/ } @media (max-width: 991px) { .site-footer { /* If media is below 992 */ margin-top: 30px; } } .site-footer .parallax > .page-width { padding: 50px 15px; } @media (max-width: 991px) { .site-footer .parallax > .page-width { /* If media is below 992 */ padding: 40px 15px 25px; } } .site-footer .section-header > h2 { margin-bottom: 20px; } .site-footer a, .site-footer p { font-weight: 400; letter-spacing: 0.3px; font-size: 14px; color: #666666; text-transform: capitalize; } .site-footer a { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .site-footer a:hover { color: #cd8995; } .site-footer .footer-block:last-child .footer-title { margin-bottom: 0px; } .site-footer .footer-title { display: block; width: 100%; overflow: hidden; cursor: pointer; } .site-footer .footer-heading { margin-bottom: 15px; color: black; text-transform: capitalize; font-size: 24px; font-weight: 500; letter-spacing: 0; cursor: pointer; } @media (max-width: 991px) { .site-footer .footer-heading { /* If media is below 992 */ font-size: 18px; font-weight: 500; margin-bottom: 10px; display: none; } } .site-footer .block-heading { margin-bottom: 12px; color: black; text-transform: uppercase; font-size: 18px; font-weight: 500; letter-spacing: 1px; cursor: pointer; } @media (max-width: 991px) { .site-footer .block-heading { /* If media is below 992 */ color: black; font-size: 17px; } } .site-footer .navbar-toggler i { color: black !important; } @media (max-width: 991px) { .site-footer .footer-block { /* If media is below 992 */ padding: 0 15px; text-align: center; } } @media (min-width: 992px) { .site-footer .contact-info { padding: 15px 60px; padding-bottom: 0; padding-top: 0; border-left: 1px solid #eee; border-right: 1px solid #eee; } } @media (max-width: 1199px) { .site-footer .contact-info { /* If media is below 1200 */ padding: 15px 20px; padding-top: 0; } } @media (max-width: 991px) { .site-footer .contact-info { /* If media is below 992 */ padding: 15px 0px; padding-bottom: 20px; } } @media (min-width: 992px) { .site-footer .contact-info-inner { /* If media is above 991 */ text-align: center; display: block; position: relative; } } @media (max-width: 991px) { .site-footer .contact-info-inner .site-footer__linklist { /* If media is below 992 */ display: block; width: 100%; overflow: hidden; display: flex; justify-content: center; } } @media (max-width: 543px) { .site-footer .contact-info-inner .site-footer__linklist { /* If media is below 544 */ margin: 0; display: block; } } @media (min-width: 992px) { .site-footer .contact-info-inner .site-footer__linklist-item { /* If media is above 991 */ letter-spacing: 0px; color: #666666; text-align: left; margin-bottom: 20px; } } @media (min-width: 992px) and (max-width: 543px) { .site-footer .contact-info-inner .site-footer__linklist-item { /* If media is below 544 */ width: 33.33%; } } .site-footer .contact-info-inner .site-footer__linklist-item i { display: none; font-size: 18px; margin-top: 0px; margin-right: 0px; height: 30px; width: 30px; text-align: center; vertical-align: middle; line-height: 30px; color: #666666; } @media (max-width: 991px) { .site-footer .contact-info-inner .site-footer__linklist-item i { /* If media is below 992 */ width: 20px; } } .site-footer .contact-info-inner .site-footer__linklist-item.shop-address i { line-height: 27px; } .site-footer .contact-info-inner .site-footer__linklist-item:hover.shop-address .icon { background-position: -89px -85px; } .site-footer .contact-info-inner .site-footer__linklist-item:hover.shop-address i { line-height: 27px; } .site-footer .contact-info-inner .site-footer__linklist-item:hover.shop-contact .icon { background-position: -179px -85px; } .site-footer .contact-info-inner .site-footer__linklist-item:hover.shop-email .icon { background-position: -9px -85px; } .site-footer .contact-info-inner .site-footer__linklist-item:hover .icon { border-color: #cd8995; } .site-footer .contact-info-inner .site-footer__linklist-item .icon { height: 60px; width: 60px; display: inline-block; vertical-align: middle; border-radius: 50%; text-align: center; margin-right: 0px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; position: relative; border: 1px solid #eeeeee; background: white url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/footer-contactblcok.png?v=115116126094825066971755728764) no-repeat; } @media (max-width: 991px) { .site-footer .contact-info-inner .site-footer__linklist-item .icon { margin-bottom: 10px; } } .site-footer .contact-info-inner .site-footer__linklist-item.shop-address .icon { background-position: -89px -6px; } .site-footer .contact-info-inner .site-footer__linklist-item.shop-contact .icon { background-position: -179px -5px; } .site-footer .contact-info-inner .site-footer__linklist-item.shop-email .icon { background-position: -9px -6px; } .site-footer .contact-info-inner .content { display: inline-block; vertical-align: middle; overflow: hidden; padding-left: 10px; line-height: 19px; text-align: left; word-break: break-word; width: 77%; } @media (max-width: 991px) { .site-footer .contact-info-inner .content { width: 100%; text-align: center; padding-left: 0px; } } .site-footer .contact-info-inner .content span, .site-footer .contact-info-inner .content a { font-weight: 400; letter-spacing: 0.3px; font-size: 14px; color: #666; text-decoration: none; } .site-footer .contact-info-inner .content .text { line-height: 24px; font-size: 16px; font-weight: 500; color: #151515; letter-spacing: 0.48px; display: block; } .site-footer .site-footer__linklist-item { margin-bottom: 15px; } @media (max-width: 991px) { .site-footer .site-footer__linklist-item { text-align: center; } } @media (max-width: 991px) { .site-footer .site-footer__linklist-item { margin: 0; } } @media (max-width: 543px) { .site-footer .site-footer__linklist-item { margin-bottom: 25px; } .site-footer .site-footer__linklist-item:nth-child(3) { margin-bottom: 0; } } @media (min-width: 992px) { .site-footer .site-footer__linklist-item { /* If media is above 991 */ } .site-footer .site-footer__linklist-item:last-child { margin-bottom: 0; } } .site-footer .site-footer__linklist-item.shop-address .content:before { background-position: -57px 1px; } .site-footer .site-footer__linklist-item.shop-address .content span:nth-child(2) { display: block; } .site-footer .site-footer__linklist-item.shop-email .content:before { background-position: -119px -8px; } .site-footer .store-info-block { text-align: center; border-left: 1px solid #dadada; border-right: 1px solid #dadada; } @media (max-width: 1199px) { .site-footer .store-info-block { /* If media is below 1200 */ width: 37%; } } @media (max-width: 991px) { .site-footer .store-info-block { /* If media is below 992 */ width: 100%; border: 0; text-align: left; } } @media (min-width: 992px) { .site-footer #ishistoreinfo-container { /* If media is above 991 */ margin: 0px 0 26px; } } .site-footer .ishistoreinfo-inner .store-img { display: block; width: 100%; overflow: hidden; margin-bottom: 18px; text-align: left; } .site-footer .ishistoreinfo-inner .store-img a { font-size: 20px; text-align: left; color: black; font-weight: 400; } .site-footer .ishistoreinfo-inner .store-img .feature-row__image-wrapper { margin: 0 !important; } .site-footer .ishistoreinfo-inner .store-img .img-block a:before { display: none; } .site-footer .ishistoreinfo-inner .store-img img { max-width: 100%; max-height: 50px; margin: 0; } @media (max-width: 991px) { .site-footer .ishistoreinfo-inner .store-img img { /* If media is below 992 */ margin: auto; } } .site-footer .ishistoreinfo-inner .store-desc p { line-height: 24px; margin-bottom: 0; font-size: 13px; text-align: left; } @media (min-width: 1200px) { .site-footer .ishistoreinfo-inner .store-desc p { /* If media is above 1199 */ width: 85%; } } @media (max-width: 991px) { .site-footer .ishistoreinfo-inner .store-desc p { /* If media is below 992 */ margin-bottom: 15px; text-align: center; } } @media (min-width: 992px) { .site-footer .footer-after { /* If media is above 991 */ background-color: #fafafa; } } @media (max-width: 991px) { .site-footer .footer-after { /* If media is below 992 */ padding-bottom: 40px; } .site-footer .footer-after > .page-width { padding: 0; } } .site-footer .block_newsletter { overflow: hidden; display: block; } @media (max-width: 543px) { .site-footer .block_newsletter { /* If media is below 544 */ padding: 0; } } .site-footer .block_newsletter .newsletter-bg { display: flex; align-items: center; justify-content: center; } @media (max-width: 767px) { .site-footer .block_newsletter .newsletter-bg { /* If media is below 768 */ display: block; } } .site-footer .block_newsletter .newsletter_text { text-align: left; position: relative; display: flex; align-items: center; } @media (min-width: 992px) { .site-footer .block_newsletter .newsletter_text { /* If media is above 991 */ padding-right: 70px; } .site-footer .block_newsletter .newsletter_text:before { content: ""; position: absolute; height: 70%; width: 1px; background-color: #e5e5e5; top: 0; bottom: 0; right: 11%; margin: auto; } } @media (min-width: 992px) and (max-width: 1199px) { .site-footer .block_newsletter .newsletter_text { /* If media is below 1200 */ padding-right: 15px; } .site-footer .block_newsletter .newsletter_text:before { right: -5%; } } @media (max-width: 767px) { .site-footer .block_newsletter .newsletter_text { /* If media is below 768 */ text-align: center; margin-bottom: 12px; } } @media (min-width: 992px) { .site-footer .block_newsletter .newsletter_text { /* If media is above 991 */ } .site-footer .block_newsletter .newsletter_text .singup-icon { float: left; display: inline-block; width: 100px; height: 100px; margin-right: 20px; background: #cd8995 url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/mail.png?v=101289334425113043621755728781) no-repeat; background-position: center; } } .site-footer .block_newsletter .newsletter_text .section-header { display: inline-block; } .site-footer .block_newsletter .newsletter_text .section-header > h3 { float: left; font-size: 30px; letter-spacing: 0; color: #222; font-weight: 500; margin: 0; display: inline-block; position: relative; } .site-footer .block_newsletter .newsletter_text .sub-heading > h2 { text-transform: unset; font-size: 14px; color: #cd8995; margin: 0; } @media (max-width: 767px) { .site-footer .block_newsletter .newsletter_text .sub-heading > h2 { /* If media is below 768 */ display: none; } } .site-footer .block_newsletter .site-footer__newsletter { margin: 0; padding-left: 70px; } @media (max-width: 991px) { .site-footer .block_newsletter .site-footer__newsletter { /* If media is below 992 */ padding: 0 15px; } } .site-footer .block_newsletter .site-footer__newsletter form { position: relative; text-align: center; margin: 0 auto; width: 100%; } .site-footer .block_newsletter .input-group { width: 100%; background: transparent; } @media (min-width: 992px) { .site-footer .block_newsletter .input-group { /* If media is above 991 */ margin: 0 auto; max-width: 638px; } } @media (max-width: 1199px) { .site-footer .block_newsletter .input-group { /* If media is below 1200 */ width: 100%; } } @media (max-width: 991px) { .site-footer .block_newsletter .input-group { /* If media is below 992 */ width: 100%; display: block; text-align: left; } } @media (max-width: 543px) { .site-footer .block_newsletter .input-group { /* If media is below 544 */ width: 100%; } } .site-footer .block_newsletter .input-group .input-group__field { height: 40px; border-radius: 0px; border: none; color: #999; background-color: #fafafa; font-family: Quicksand; font-size: 13px; font-weight: 400; padding: 10px 0; margin-bottom: 0; border-bottom: 1px solid #e5e5e5; } @media (max-width: 991px) { .site-footer .block_newsletter .input-group .input-group__field { /* If media is below 992 */ background-color: white; } } .site-footer .block_newsletter .input-group .input-group__field::-moz-placeholder { color: #999; opacity: 1; } .site-footer .block_newsletter .input-group .input-group__field:focus { background-color: #fafafa; color: #999; } @media (max-width: 991px) { .site-footer .block_newsletter .input-group .input-group__field:focus { /* If media is below 992 */ background-color: white; } } .site-footer .block_newsletter .input-group .input-group__btn .btn { height: 40px; width: 100%; background: #cd8995; border: none; font-family: Quicksand; color: white; padding: 4px 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (min-width: 1300px) { .site-footer .block_newsletter .input-group .input-group__btn .btn { /* If media is above 1199 */ padding: 4px 18px; } } .site-footer .block_newsletter .input-group .input-group__btn .btn:hover { background-color: black; color: white; } .site-footer .block_newsletter .input-group .input-group__btn .btn > span { font-size: 14px; font-weight: 400; font-family: Quicksand; letter-spacing: .5px; } @media (max-width: 543px) { .site-footer .block_newsletter .input-group .input-group__btn .btn > span { font-size: 14px; } } @media (max-width: 460px) { .site-footer .block_newsletter .input-group .input-group__btn .btn > span { font-size: 13px; } } .site-footer .block_newsletter .input-group .input-group__btn .btn:after { content: '\f003'; font-family: "FontAwesome"; font-size: 20px; line-height: 18px; text-align: center; margin: 0 auto; display: none; } .site-footer .block_newsletter .errors { padding: 0 5px; margin-bottom: 0; } .site-footer .follow-us { text-align: left; display: block; } @media (max-width: 991px) { .site-footer .follow-us { /* If media is below 992 */ margin: 0; text-align: center; } } .site-footer .follow-us .social-media-blocks .social_text { display: block; } @media (max-width: 991px) { .site-footer .follow-us .social-media-blocks .header-social ul { /* If media is below 992 */ } } .site-footer .follow-us .social-media-blocks .header-social ul li { cursor: pointer; display: inline-block; vertical-align: middle; height: 38px; width: 38px; margin: 2px 1px; /*box-shadow: 3px 3px 3px -2px rgba(0,0,0,0.5);*/ background: black; border-radius: 50%; text-align: center; position: relative; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media screen and (min-width: 992px) and (max-width: 1199px) { .site-footer .follow-us .social-media-blocks .header-social ul li { /* If media is between 992 and 1199 */ height: 34px; width: 34px; } } .site-footer .follow-us .social-media-blocks .header-social ul li .social-icons__link { width: 38px; height: 38px; text-align: center; margin: 0 auto; text-decoration: none; line-height: 26px; padding: 0; } @media screen and (min-width: 992px) and (max-width: 1199px) { .site-footer .follow-us .social-media-blocks .header-social ul li .social-icons__link { /* If media is between 992 and 1199 */ height: 34px; width: 34px; line-height: 21px; } } .site-footer .follow-us .social-media-blocks .header-social ul li .social-icons__link:before { display: none; } .site-footer .follow-us .social-media-blocks .header-social ul li .social-icons__link .icon__-text { display: none; } .site-footer .follow-us .social-media-blocks .header-social ul li .social-icons__link i { display: inline-block; vertical-align: middle; font-family: FontAwesome; font-weight: 400; position: relative; font-size: 15px; color: white; position: relative; top: 5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .site-footer .follow-us .social-media-blocks .header-social ul li.facebook { background-color: #3b5999; } .site-footer .follow-us .social-media-blocks .header-social ul li.facebook .social-icons__link i { content: "\F09A"; } .site-footer .follow-us .social-media-blocks .header-social ul li.twitter { background-color: #00aced; } .site-footer .follow-us .social-media-blocks .header-social ul li.twitter .social-icons__link i { content: "\f099"; } .site-footer .follow-us .social-media-blocks .header-social ul li.pinterest { background-color: #cb2027; } .site-footer .follow-us .social-media-blocks .header-social ul li.pinterest .social-icons__link i { content: "\f231"; } .site-footer .follow-us .social-media-blocks .header-social ul li.instagram { background-color: #cc2366; } .site-footer .follow-us .social-media-blocks .header-social ul li.instagram .social-icons__link i { content: "\f16d"; } .site-footer .follow-us .social-media-blocks .header-social ul li.tumblr { background-color: #f26522; } .site-footer .follow-us .social-media-blocks .header-social ul li.tumblr .social-icons__link i { content: ""; } .site-footer .follow-us .social-media-blocks .header-social ul li.snapchat { background-color: #3b5999; } .site-footer .follow-us .social-media-blocks .header-social ul li.snapchat .social-icons__link i { content: ""; } .site-footer .follow-us .social-media-blocks .header-social ul li.youtube { background-color: #d12121; } .site-footer .follow-us .social-media-blocks .header-social ul li.youtube .social-icons__link i { content: "\f16a"; } .site-footer .follow-us .social-media-blocks .header-social ul li.vimeo { background-color: #00aced; } .site-footer .follow-us .social-media-blocks .header-social ul li.vimeo .social-icons__link i { content: "\f27d"; } .site-footer .follow-us .social-media-blocks .header-social ul li.rss { background-color: #f26522; } .site-footer .follow-us .social-media-blocks .header-social ul li.rss .social-icons__link i { content: "\f09e"; } .site-footer .follow-us .social-media-blocks .header-social ul li:hover { background-color: #cd8995; } .site-footer .follow-us .social-media-blocks .header-social ul li:hover a { padding: 0 !important; color: transparent; } .site-footer .follow-us .social-media-blocks .header-social ul li:hover a i { color: white; } .site-footer .site-footer__copyright--bottom { padding: 10px 15px; text-align: center; } @media (max-width: 991px) { .site-footer .site-footer__copyright--bottom { /* If media is below 992 */ padding: 5px 15px; } } .site-footer .site-footer__copyright--bottom .site-footer__copyright-content, .site-footer .site-footer__copyright--bottom a { font-size: 13px; font-weight: 300; color: white; } .site-footer .payment-icons { text-align: right; margin: 0; display: block; margin-top: 20px; } @media (max-width: 991px) { .site-footer .payment-icons { /* If media is below 992 */ text-align: center; margin-top: 0; margin-bottom: 20px; } } .site-footer .payment-icons .logo-bar__item { display: inline-block; vertical-align: middle; } @media (max-width: 991px) { .site-footer .payment-icons .logo-bar__item { /* If media is below 992 */ margin-bottom: 0px; } } .site-footer .payment-icons .logo-bar__item a { line-height: 20px; } .site-footer .payment-icons .logo-bar__item img { /*@media (max-width: 767px) { width: 41px; margin: 2px 1px; }*/ background: #f7f8fa; padding: 0px; margin: 4px 2px 4px 2px; cursor: pointer; opacity: 1; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } @media screen and (min-width: 992px) and (max-width: 1199px) { .site-footer .payment-icons .logo-bar__item img { /* If media is between 992 and 1199 */ width: 35px; } } @media (max-width: 543px) { .site-footer .payment-icons .logo-bar__item img { /* If media is below 544 */ width: 40px; } } .site-footer .payment-icons .logo-bar__item img:hover { opacity: 1; -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .site-footer .footer-container { display: block; overflow: hidden; /* padding: 78px 0 80px 0;*/ } @media (max-width: 991px) { .site-footer .footer-container { padding-top: 30px !important; padding-bottom: 00px !important; padding: 0; padding-top: 30px; } } .site-footer .footer-container a { position: relative; display: block; text-decoration: none; } .site-footer .footer-container .footer-container-inner { align-items: center; } @media (min-width: 992px) { .site-footer .footer-container .footer-container-inner { /* If media is above 991 */ display: flex; } } .site-footer .footer-bottom { display: block; overflow: hidden; padding-bottom: 0px; clear: both; background-color: black; } .site-footer .footer-bottom > .page-width { padding: 0; } @media (max-width: 991px) { .site-footer .footer-bottom > .page-width { /* If media is below 992 */ padding-top: 11px; padding-bottom: 12px; } } @-webkit-keyframes shine { from { -webkit-mask-position: 180%; } to { -webkit-mask-position: -50%; } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } /*================ sidebar ================*/ #shopify-section-Ishi_sidebar { /*================ leftcolumn product================*/ /*================left-banner ================*/ /*================filter ================*/ } #shopify-section-Ishi_sidebar .sidebar-collection .products-display { padding: 10px; } #shopify-section-Ishi_sidebar .sidebar-collection .add-to-cart, #shopify-section-Ishi_sidebar .sidebar-collection .sca-qv-button, #shopify-section-Ishi_sidebar .sidebar-collection .flags { display: none !important; } #shopify-section-Ishi_sidebar .left-column { display: block; border: 1px solid #e9e9e9; margin-bottom: 30px; background: #fff; } @media (max-width: 992px) { #shopify-section-Ishi_sidebar .left-column { /* If media is below 991 */ display: block; margin-bottom: 20px; } } #shopify-section-Ishi_sidebar .left-column.banner { display: block; } #shopify-section-Ishi_sidebar .left-column hr { margin: 0; } #shopify-section-Ishi_sidebar .left-column .grid--uniform .grid__item { padding: 0; } #shopify-section-Ishi_sidebar .left-column .products-display { clear: both; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item { position: relative; overflow: hidden; border: 0; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item.grid-view-item--sold-out:hover .main-img { opacity: 0.5; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item .grid-view-item__image-container { border: none; border-radius: 0; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper { float: left; margin-right: 10px; padding-bottom: 0; border: none; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item .grid-view-item__image-container .grid-view-item__image-wrapper .discount-percentage { display: none; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description { overflow: hidden; padding: 10px 0; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .product-detail { overflow: hidden; display: block; margin-bottom: 4px; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .product-detail .grid-view-item__title { text-align: left; margin-bottom: 0px; line-height: 17px; font-size: 14px; font-weight: 400; text-transform: capitalize; margin: 0; margin-bottom: 3px; font-family: Quicksand; } @media screen and (min-width: 992px) and (max-width: 1199px) { #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .product-detail .grid-view-item__title { /* If media is between 992 and 1199 */ font-size: 13px; } } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta { text-align: left; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .is-bold { font-size: 16px; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta span { line-height: 18px; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .grid-view-item__meta .product-price__sold-out { display: none; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item .grid-view-item__image-container .product-description .spr-badge { text-align: left; margin-top: 4px; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item:hover .grid-view-item__image-container { padding: 0px; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item:hover .grid-view-item__image-container a .product-detail { opacity: 1; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item:hover .grid-view-item__meta { opacity: 1; } #shopify-section-Ishi_sidebar .left-column .products-display .grid__item .grid-view-item:hover .spr-badge { opacity: 1; } @media (min-width: 992px) { #shopify-section-Ishi_sidebar .left-column .left-inner.collapse { /* If media is above 991 */ display: inherit; } } #shopify-section-Ishi_sidebar .left-column .sidebar-title { font-size: 16px; padding: 15px; text-align: left; margin-bottom: 8px; display: block; background: #f5f5f5; color: black; font-family: Quicksand; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5px; line-height: 18px; } @media screen and (min-width: 992px) and (max-width: 1199px) { #shopify-section-Ishi_sidebar .left-column .sidebar-title { /* If media is between 992 and 1199 */ font-size: 13px; } } #shopify-section-Ishi_sidebar .left-column .sidebar-title:after, #shopify-section-Ishi_sidebar .left-column .sidebar-title:before { display: none; } #shopify-section-Ishi_sidebar .left-column .sidebar-title a { color: black; } #shopify-section-Ishi_sidebar .left-column .sidebar-title a:hover { color: black; } #shopify-section-Ishi_sidebar .left-column .grid-view-item__link { margin-bottom: 0; } @media (max-width: 767px) { #shopify-section-Ishi_sidebar .left-column .grid-view-item__link { /* If media is below 767 */ max-width: 100%; } } #shopify-section-Ishi_sidebar .left-column .grid__item--Ishi_sidebar { margin-bottom: 15px; } #shopify-section-Ishi_sidebar .left-column .grid__item--Ishi_sidebar:last-child { margin-bottom: 0; } #shopify-section-Ishi_sidebar .left-column .view-all .view-all-btn { background: transparent; color: #7a7a7a; text-transform: capitalize; position: relative; float: right; padding: 10px 31px 15px 0; border: none; letter-spacing: 0em; } #shopify-section-Ishi_sidebar .left-column .view-all .view-all-btn i { top: 8px; position: absolute; right: 5px; } #shopify-section-Ishi_sidebar .left-column .block-heading { float: none; vertical-align: middle; color: white; border: none; font-size: 16px; line-height: 23px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-family: Quicksand; } #shopify-section-Ishi_sidebar .left-column .block-heading a { color: white; font-weight: 400; } #shopify-section-Ishi_sidebar .left-column .left-title { padding: 12px 15px; background: black; cursor: pointer; color: white; line-height: 0; } #shopify-section-Ishi_sidebar .left-column .collapsed .navbar-toggler i.add { display: block; } #shopify-section-Ishi_sidebar .left-column .collapsed .navbar-toggler i.remove { display: none; } #shopify-section-Ishi_sidebar .left-column .navbar-toggler i.add { display: none; } #shopify-section-Ishi_sidebar .left-column .navbar-toggler i.remove { display: block; } #shopify-section-Ishi_sidebar .sidebar-categories .categories { padding: 10px 15px; background: transparent; } @media (min-width: 992px) { #shopify-section-Ishi_sidebar .sidebar-categories .categories { /* If media is above 991 */ display: inherit; } } #shopify-section-Ishi_sidebar .sidebar-categories .categories .categories-items { padding: 7px 0; background: transparent; } #shopify-section-Ishi_sidebar .sidebar-categories .categories .dropdown-submenu { margin-top: 5px; } #shopify-section-Ishi_sidebar .sidebar-categories .categories .link-title { width: 100%; font-weight: 400; color: #232323; position: relative; font-size: 14px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin: 0; letter-spacing: 0.5px; font-family: Quicksand; text-transform: capitalize; } #shopify-section-Ishi_sidebar .sidebar-categories .categories .link-title .collapse-icon i { float: right; border: medium none; font-size: 15px; height: 18px; padding: 2px; width: 18px; color: black; } #shopify-section-Ishi_sidebar .sidebar-categories .categories .link-title .collapsed .add { display: block; } #shopify-section-Ishi_sidebar .sidebar-categories .categories .link-title .collapsed .remove { display: none; } #shopify-section-Ishi_sidebar .sidebar-categories .categories .link-title .add { display: none; } #shopify-section-Ishi_sidebar .sidebar-categories .categories .link-title .remove { display: block; } #shopify-section-Ishi_sidebar .sidebar-categories .categories .category_submenu { padding: 3px; padding-left: 15px; } #shopify-section-Ishi_sidebar .sidebar-categories .categories .dropdown-item { color: #232323; letter-spacing: 0.5px; font-weight: 400; font-size: 14px; text-decoration: none; } #shopify-section-Ishi_sidebar .collection-left .view-all { display: block; overflow: hidden; } #shopify-section-Ishi_sidebar .collection-left .grid__item { width: 100%; } #shopify-section-Ishi_sidebar .banner { border: none; } #shopify-section-Ishi_sidebar .banner .feature-row__image-wrapper { margin: 0 auto; overflow: hidden; } @media (max-width: 991px) { #shopify-section-Ishi_sidebar .banner .feature-row__image-wrapper { /* If media is below 768 */ text-align: center; } } #shopify-section-Ishi_sidebar .banner .feature-row__image-wrapper a { display: block; position: relative; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } @media (max-width: 991px) { #shopify-section-Ishi_sidebar .banner .feature-row__image-wrapper a { /* If media is below 768 */ display: inline-block; } } #shopify-section-Ishi_sidebar .banner .feature-row__image-wrapper a:before, #shopify-section-Ishi_sidebar .banner .feature-row__image-wrapper a:after { background-color: rgba(0, 0, 0, 0.1); } #shopify-section-Ishi_sidebar .banner .feature-row__image-wrapper a .img-block { display: inline-block; overflow: hidden; } #shopify-section-Ishi_sidebar .banner .feature-row__image-wrapper a .feature-row__image { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; width: 100%; } #shopify-section-Ishi_sidebar .banner .feature-row__item { text-align: unset; } #shopify-section-Ishi_sidebar .tag-filter { width: 100%; } #shopify-section-Ishi_sidebar .tag-filter #SortTags a { display: inline-block; font-size: 14px; color: #232323; letter-spacing: 0.5px; vertical-align: top; margin-bottom: 5px; } #shopify-section-Ishi_sidebar .tag-filter #SortTags a.selected { font-weight: 600; color: black; } #shopify-section-Ishi_sidebar .tag-filter #SortTags a.selected .filter-box { position: relative; } #shopify-section-Ishi_sidebar .tag-filter #SortTags a.selected .filter-box:after { content: "\f00c"; font-family: fontawesome; font-size: 12px; color: #333; font-weight: 400; top: -3px; left: 1px; position: absolute; } #shopify-section-Ishi_sidebar .tag-filter #SortTags a span { margin-right: 5px; margin-top: 0; display: inline-block; vertical-align: middle; } #shopify-section-Ishi_sidebar .tag-filter #filter-container { padding: 10px 15px; } #shopify-section-Ishi_sidebar .tag-filter #filter-container .clear-all { background: #333; border-color: #333; display: block; position: relative; font-size: 14px; padding: 10px 10px 10px 30px; } #shopify-section-Ishi_sidebar .tag-filter #filter-container .clear-all a { color: #fff; position: relative; margin-bottom: 0; } #shopify-section-Ishi_sidebar .tag-filter #filter-container .clear-all a:after { content: '\E5CD'; position: absolute; left: -20px; font-family: 'Material Icons'; } #shopify-section-Ishi_sidebar .tag-filter #filter-container .color li { float: left; margin: 5px 8px 0 0; } #shopify-section-Ishi_sidebar .tag-filter #filter-container .color li .custom-checkbox { display: block; } #shopify-section-Ishi_sidebar .tag-filter #filter-container .color li .custom-checkbox a.selected .filter-color { outline: 1px solid white !important; outline-offset: -3px; opacity: 1; } #shopify-section-Ishi_sidebar .tag-filter #filter-container .color li .custom-checkbox .filter-color { width: 32px; height: 32px; box-shadow: 5px 5px 5px #e0e0e0; opacity: 0.7; line-height: 41px; text-align: center; display: inline-block; cursor: pointer; margin: 0; } #shopify-section-Ishi_sidebar .tag-filter #filter-container .size li { float: left; margin: 5px 8px 0 0; } #shopify-section-Ishi_sidebar .tag-filter #filter-container .size li .custom-checkbox { display: block; } #shopify-section-Ishi_sidebar .tag-filter #filter-container .size li .custom-checkbox a:hover .filter-size, #shopify-section-Ishi_sidebar .tag-filter #filter-container .size li .custom-checkbox a.selected .filter-size { background: #cd8995; color: white; border-color: transparent; } #shopify-section-Ishi_sidebar .tag-filter #filter-container .size li .custom-checkbox .filter-size { width: 40px; height: 40px; margin: 0; line-height: 36px; border: 1px solid #E3E3E3; text-align: center; color: #BBB; transition: 0.2s ease; cursor: pointer; } #shopify-section-Ishi_sidebar .tag-filter #filter-container strong { color: #454545; font-weight: 600; text-transform: uppercase; font-size: 14px; line-height: 28px; letter-spacing: 0.5px; } #shopify-section-Ishi_sidebar .tag-filter #filter-container ul { padding: 10px 0; display: block; width: 100%; overflow: hidden; } #shopify-section-Ishi_sidebar .tag-filter #filter-container ul:first-child { padding-top: 0; } #shopify-section-Ishi_sidebar .tag-filter #filter-container ul li .custom-checkbox .filter-box { margin-right: 3px; display: inline-block; width: 15px; height: 15px; vertical-align: sub; cursor: pointer; border: 1px solid #ddd; background: #fafafa none repeat scroll 0 0; } .collection__main { padding-top: 0px; } /*================ productpage ================*/ .size-chart-modal .modal-dialog { max-width: 1100px; top: 10%; width: 100%; } @media (max-width: 543px) { .size-chart-modal .modal-dialog { /* If media is below 544 */ width: unset; } } .size-chart-modal .modal-header { padding-bottom: 0; padding-bottom: 0; } .size-chart-modal .modal-header button { color: #333333; font-size: 28px; font-weight: 500; opacity: 1; } .size-chart-modal .modal-body { display: block; overflow: hidden; width: 100%; color: black; font-size: 14px; padding: 35px 30px; padding-top: 20px; } @media (min-width: 992px) { .size-chart-modal .modal-body { /* If media is above 991 */ display: flex; align-items: center; } } @media (max-width: 543px) { .size-chart-modal .modal-body { /* If media is below 544 */ display: inline-block; max-width: 100%; overflow: hidden; margin: 0; padding-left: 10px; padding-right: 10px; } } .size-chart-modal .modal-body .modal-img { text-align: center; margin-bottom: 30px; } @media (min-width: 992px) { .size-chart-modal .modal-body .modal-text { /* If media is above 991 */ max-height: 600px; overflow: auto; } } @media (max-width: 543px) { .size-chart-modal .modal-body .modal-text { /* If media is below 544 */ overflow: hidden; } } .size-chart-modal .modal-body .modal-text .custom_size_chart_des h4 { font-size: 16px; font-weight: 600; line-height: 26px; } .size-chart-modal .modal-body .modal-text .custom_size_chart_des .custom-text-right-table table { border: 1px solid #e9e9e9; } .size-chart-modal .modal-body .modal-text .custom_size_chart_des .custom-text-right-table table thead > tr:first-child { background-color: #f1f1f1; color: black; font-size: 14px; font-weight: 500; border: none; } .size-chart-modal .modal-body .modal-text .custom_size_chart_des .custom-text-right-table table thead tr th { text-align: center; border: none; font-weight: 600; } .size-chart-modal .modal-body .modal-text .custom_size_chart_des .custom-text-right-table table tbody { /*> tr{ border-bottom: 1px solid #e9e9e9; &:last-child{ border-bottom: none; } }*/ } .size-chart-modal .modal-body .modal-text .custom_size_chart_des .custom-text-right-table table tbody td { text-align: center; } @media (max-width: 543px) { .size-chart-modal .modal-body .modal-text .custom_size_chart_des .custom-text-right-table { /* If media is below 544 */ max-width: 100%; overflow: auto; display: block; margin-bottom: 12px; } } .size-chart-modal .modal-body .modal-text .custom_size_chart_des .custom-text-right p { color: #666; font-weight: 400; line-height: 26px; letter-spacing: 0.1px; } .size-chart-modal .modal-body .modal-text .custom_size_chart_des .custom-text-right p strong { font-weight: 500; margin-right: 3px; color: black; font-size: 14px; letter-spacing: 0.4px; } .size-chart-modal .modal-header { border: none; } .size-chart-modal .modal-footer { padding: 0; } .product-single { color: #777777; font-weight: 400; } .product-single .product-single-left .product-single__title { color: black; font-weight: 500; text-transform: capitalize; padding-bottom: 0px; font-size: 26px; border-bottom: 0; margin-bottom: 20px; padding-top: 0px; line-height: 26px; letter-spacing: 0.1px; text-align: left; } @media (max-width: 543px) { .product-single .product-single-left .product-single__title { /* If media is below 544 */ font-size: 22px; line-height: 28px; } } .product-single .product-single-left .price-product { text-align: left; } .product-single .product-single-left .price-product .product-single__price-product-template { margin-bottom: 20px; } .product-single .product-single-left .price-product .product-price__price { color: black; font-weight: 500; margin: 0 2px; font-size: 20px; text-align: left; vertical-align: middle; } .product-single .product-single-left .price-product .regular-price { font-weight: 400; line-height: 20px; color: #666; margin: 0 5px; font-size: 18px; } .product-single .product-single-left .single-left { position: relative; } .product-single .product-single-left .single-left .product-single__photo { margin: 0 auto; min-height: 1px; width: 100%; height: 100%; position: relative; border: 1px solid #eeeeee; } .product-single .product-single-left .zoomImg { cursor: crosshair; } .product-single .product-single-right .dynamic-checkout { padding: 0 5px; margin-top: 8px; margin-bottom: 26px; } .product-single .product-single-right .dynamic-checkout .shopify-payment-button__button { font-size: 13px; font-weight: 400; padding: 17px 40px; border-radius: 0; background-color: black; border-color: black; color: white; text-transform: uppercase; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .product-single .product-single-right .dynamic-checkout .shopify-payment-button__button:hover { background-color: #cd8995; border-color: #cd8995; color: white; } .product-single .product-single-right .dynamic-checkout .shopify-payment-button__button--hidden { display: none; } .product-single .product-single-right .product-single__meta .product-single__title { color: black; font-weight: 500; text-transform: capitalize; padding-bottom: 0px; font-size: 30px; border-bottom: 0; margin-bottom: 12px; padding-top: 10px; font-family: Quicksand; line-height: 1.1; letter-spacing: 0.1px; } @media (max-width: 1199px) { .product-single .product-single-right .product-single__meta .product-single__title { /* If media is below 1200 */ font-size: 26px; } } .product-single .product-single-right .product-single__meta .review { margin-bottom: 16px; } @media (max-width: 767px) { .product-single .product-single-right .product-single__meta .review { /* If media is below 768 */ margin-bottom: 12px; } } .product-single .product-single-right .product-single__meta .review .no-review { color: #666; font-weight: 400; margin-left: 6px; vertical-align: middle; } .product-single .product-single-right .product-single__meta .review .spr-badge { display: inline-block; vertical-align: middle; } .product-single .product-single-right .product-single__meta .review .spr-badge i { position: relative; opacity: 1; height: 14px; width: 16px; line-height: 20px; display: inline-block; top: 0; vertical-align: top; font-style: normal; } .product-single .product-single-right .product-single__meta .review .spr-badge i.spr-icon:after { content: "\F005"; font-family: "FontAwesome"; color: #ccc; font-size: 12px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .product-single .product-single-right .product-single__meta .review .spr-badge i.spr-icon-star-empty:before { display: none !important; } .product-single .product-single-right .product-single__meta .review .spr-badge i.spr-icon-star:before, .product-single .product-single-right .product-single__meta .review .spr-badge i.spr-icon-star-half-alt:before { display: none; } .product-single .product-single-right .product-single__meta .review .spr-badge i.spr-icon-star:after, .product-single .product-single-right .product-single__meta .review .spr-badge i.spr-icon-star-half-alt:after { content: "\F005"; font-family: "FontAwesome"; color: #fec42d; font-size: 13px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } @media (max-width: 767px) { .product-single .product-single-right .product-single__meta .review .spr-badge i.spr-icon-star:after, .product-single .product-single-right .product-single__meta .review .spr-badge i.spr-icon-star-half-alt:after { /* If media is below 768 */ content: '\F005'; color: #fec42d; } } .product-single .product-single-right .product-single__meta .review .write_comment { text-decoration: none; color: #777; margin: 0; font-weight: 500; position: relative; margin-left: 7px; vertical-align: middle; } .product-single .product-single-right .product-single__meta .review .write_comment i { font-size: 14px; padding-left: 5px; position: relative; top: 2px; display: none; } .product-single .product-single-right .product-single__meta .review .write_comment:after { content: ''; background: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/write-review.png?13246) no-repeat center; height: 10px; width: 10px; position: absolute; right: 0; top: 4px; margin-right: -15px; } .product-single .product-single-right .product-single__meta .price-product { margin-bottom: 17px; } .product-single .product-single-right .product-single__meta .product-single__price { color: black; font-weight: 500; font-size: 24px; margin-bottom: 0px; padding-left: 0; line-height: 23px; display: inline-block; vertical-align: middle; } .product-single .product-single-right .product-single__meta .product-single__price .discount-percentage { color: #cd8995; font-size: 15px; background: #f3f3f3; padding: 5px 13px; font-weight: 500; line-height: 14px; margin: 0; } .product-single .product-single-right .product-single__meta .product-single__price #ComparePrice-product-template { color: #888; font-size: 18px; vertical-align: bottom; } .product-single .product-single-right .product-single__meta .product-single__price #ProductPrice-product-template { color: black; font-weight: 500; margin: 0px; } .product-single .product-single-right .product-single__meta .product-single__price #ProductPrice-product-template.regular-price { font-size: 21px; color: black; } .product-single .product-single-right .product-single__meta .product-single__price .product-price__sale { color: black; margin: 0; line-height: 23px; } .product-single .product-single-right .product-single__meta .product-single__price .product-price__sale #ComparePrice-product-template { color: #666666; margin: 0 5px; } .product-single .product-single-right .product-single__meta .product-single__price .product-price__sale #ProductPrice-product-template { margin: 0; font-weight: 500; } .product-single .product-single-right .product-single__meta .wishlist-chart { margin-bottom: 22px; margin-top: 15px; } .product-single .product-single-right .product-single__meta .add-to-wishlist { display: inline-block; vertical-align: middle; line-height: 20px; margin-left: 0px; } .product-single .product-single-right .product-single__meta .add-to-wishlist i { font-size: 14px; margin-right: 8px; color: #777; } .product-single .product-single-right .product-single__meta .add-to-wishlist i:before { content: "\f004"; } .product-single .product-single-right .product-single__meta .add-to-wishlist .btn { padding: 0px; background-color: transparent; border-color: transparent; box-shadow: none; color: black; } .product-single .product-single-right .product-single__meta .add-to-wishlist .btn:hover { background-color: transparent; border-color: transparent; color: #666; } .product-single .product-single-right .product-single__meta .add-to-wishlist .btn:active { box-shadow: none; } .product-single .product-single-right .product-single__meta .add-to-wishlist span { font-size: 14px; text-transform: capitalize; } .product-single .product-single-right .product-single__meta .add-to-wishlist .loader-btn a span { display: inline-block; opacity: 1; color: black; } .product-single .product-single-right .product-single__meta .add-to-wishlist .loader-btn i { color: black; } .product-single .product-single-right .product-single__meta .add-to-wishlist .loader-btn i:before { content: "\f1ce"; } .product-single .product-single-right .product-single__meta .size-chart { padding: 0; width: auto; border: none; margin-left: 20px; text-transform: capitalize; font-size: 15px; background: none; box-shadow: none; color: black; } .product-single .product-single-right .product-single__meta .size-chart svg { width: 27px; height: auto; margin-top: -2px; vertical-align: middle; margin-right: 9px; } .product-single .product-single-right .product-single__meta .size-chart svg path { fill: #777; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .product-single .product-single-right .product-single__meta .size-chart:hover, .product-single .product-single-right .product-single__meta .size-chart:focus { background-color: transparent; color: #666; } .product-single .product-single-right .product-single__meta .size-chart:hover svg path, .product-single .product-single-right .product-single__meta .size-chart:focus svg path { fill: #777; } .product-single .product-single-right .product-single__meta .product-single__vendor, .product-single .product-single-right .product-single__meta .available-stock, .product-single .product-single-right .product-single__meta .variant-sku, .product-single .product-single-right .product-single__meta #sold-out { color: #666666; font-size: 14px; text-transform: capitalize; letter-spacing: 0.2px; margin: 0px 0 8px; font-weight: 500; } .product-single .product-single-right .product-single__meta .product-single__vendor span, .product-single .product-single-right .product-single__meta .available-stock span, .product-single .product-single-right .product-single__meta .variant-sku span, .product-single .product-single-right .product-single__meta #sold-out span { font-weight: 400; margin-left: 10px; } .product-single .product-single-right .product-single__meta .product-single__vendor { margin-bottom: 5px; } .product-single .product-single-right .product-single__meta .product-single__vendor.available { margin-bottom: 17px; } .product-single .product-single-right .product-single__meta #sold-out { text-transform: unset; display: block; width: 100%; padding: 20px 0; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin-bottom: 22px; } .product-single .product-single-right .product-single__meta #sold-out .notify-msg { text-align: left; width: 91%; margin: 0; line-height: 22px; font-weight: 400; font-size: 14px; color: #666; } .product-single .product-single-right .product-single__meta #sold-out .notify-msg.first { margin-bottom: 20px; } .product-single .product-single-right .product-single__meta #sold-out .notify-msg .sold-msg { color: #666; font-weight: 600; } .product-single .product-single-right .product-single__meta #sold-out .notify-price { display: block; overflow: hidden; margin-bottom: 15px; text-align: left; } .product-single .product-single-right .product-single__meta #sold-out .notify-price #notify-me-wrapper { float: none; } @media (max-width: 1199px) { .product-single .product-single-right .product-single__meta #sold-out .notify-price #notify-me-wrapper { /* If media is below 1200 */ float: none; text-align: left; margin-bottom: 20px; } } .product-single .product-single-right .product-single__meta #sold-out .notify-price #notify-me-wrapper .styled-input { max-width: 250px; border: 1px solid #dddddd; background: white; border-radius: 0; color: black; text-align: left; border-radius: 0; box-shadow: none; font-size: 14px; font-weight: 400; } @media (max-width: 991px) { .product-single .product-single-right .product-single__meta #sold-out .notify-price #notify-me-wrapper .styled-input { /* If media is below 992 */ max-width: 230px; } } @media (max-width: 350px) { .product-single .product-single-right .product-single__meta #sold-out .notify-price #notify-me-wrapper .styled-input { /* If media is below 350 */ max-width: 210px; } } .product-single .product-single-right .product-single__meta #sold-out .notify-price #notify-me-wrapper .styled-input:focus { border-color: #dddddd; background: white; box-shadow: none; } .product-single .product-single-right .product-single__meta #sold-out .notify-price #notify-me-wrapper .styled-submit { border-radius: 0; padding: 8px 35px; color: white; background: #cd8995; margin-top: 0px; border: 1px solid #cd8995; vertical-align: top; } @media (max-width: 991px) { .product-single .product-single-right .product-single__meta #sold-out .notify-price #notify-me-wrapper .styled-submit { /* If media is below 992 */ padding: 9px 24px; } } @media (max-width: 350px) { .product-single .product-single-right .product-single__meta #sold-out .notify-price #notify-me-wrapper .styled-submit { /* If media is below 350 */ padding: 9px 15px; } } .product-single .product-single-right .product-single__meta #sold-out .notify-price #notify-me-wrapper .styled-submit:hover { border-color: black; background: black; color: white; } .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-regular, .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-discount { float: right; line-height: 40px; } @media (max-width: 1199px) { .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-regular, .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-discount { /* If media is below 1200 */ float: none; text-align: center; line-height: unset; } } .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-regular #ProductPrice-product-template, .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-regular #ComparePrice-product-template, .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-regular #Save, .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-discount #ProductPrice-product-template, .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-discount #ComparePrice-product-template, .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-discount #Save { color: black; font-weight: 400; font-size: 21px; margin: 0; } .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-regular #ComparePrice-product-template, .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-discount #ComparePrice-product-template { color: #666666; margin-right: 5px; } .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-regular #Save, .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-discount #Save { color: #cd8995; margin: 0 5px; } .product-single .product-single-right .product-single__meta #sold-out .notify-price .product-regular #ProductPrice-product-template { font-size: 24px; } .product-single .product-single-right .product-single__meta .available-stock { display: none; position: relative; margin: 10px 0 10px; padding-left: 5px; } .product-single .product-single-right .product-single__meta .instock, .product-single .product-single-right .product-single__meta .outstock { display: inline-block; font-weight: 600; vertical-align: middle; color: #232323; } .product-single .product-single-right .product-single__meta .instock i, .product-single .product-single-right .product-single__meta .outstock i { line-height: 22px; display: inline-block; vertical-align: middle; } .product-single .product-single-right .product-single__meta .instock { display: none !important; } .product-single .product-single-right .product-single__meta .product-available { color: #4cbb6c; } .product-single .product-single-right .product-single__meta .product-unavailable { color: #ff9a52; } .product-single .product-single-right .product-single__meta .product-single__description { color: #333; margin-bottom: 15px; color: #323; font-weight: 300; font-size: 14px; letter-spacing: .8px; line-height: 20px; } .product-single .product-single-right .product-single__meta .product-form { margin-bottom: 0px; } .product-single .product-single-right .product-single__meta .product-form .selector-wrapper { /* width: 38.35%; */ float: left; position: relative; } @media (max-width: 1199px) { .product-single .product-single-right .product-single__meta .product-form .selector-wrapper { /* If media is below 1200 */ width: 40%; } } @media (max-width: 991px) { .product-single .product-single-right .product-single__meta .product-form .selector-wrapper { width: 50%; } } @media (max-width: 375px) { .product-single .product-single-right .product-single__meta .product-form .selector-wrapper { width: 64%; } } .product-single .product-single-right .product-single__meta .product-form .selector-wrapper select { height: 45px; width: 100%; background-image: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/dropdown-sprite.png?v=23516386153762416671755728748); background-repeat: no-repeat; background-position: right 18px center; background-color: #fff; text-indent: 0.01px; text-overflow: ''; cursor: pointer; outline: none; color: #888; border: 1px solid #e9e9e9; } .product-single .product-single-right .product-single__meta .product-form .selector-wrapper select .veriant-option { outline: none; } .product-single .product-single-right .product-single__meta .product-form .selector-wrapper label { font-size: 16px; } .product-single .product-single-right .product-single__meta .product-form label { font-weight: 600; } .product-single .product-single-right .product-single__meta .quantity-cart { display: block; width: 100%; display: inline-flex; align-items: flex-end; margin-bottom: 26px; } .product-single .product-single-right .product-single__meta .quantity-cart .product-form__item { margin-bottom: 0px !important; } .product-single .product-single-right .product-single__meta .product-selection .product-info { display: inline-block; width: 60%; padding: 0; margin-top: 5px; } @media (max-width: 1599px) { .product-single .product-single-right .product-single__meta .product-selection .product-info { /* If media is below 1200 */ width: 50%; } } @media (max-width: 1199px) { .product-single .product-single-right .product-single__meta .product-selection .product-info { /* If media is below 1200 */ width: 55%; } } @media (max-width: 543px) { .product-single .product-single-right .product-single__meta .product-selection .product-info { /* If media is below 544 */ width: 53%; } } .product-single .product-single-right .product-single__meta .product-selection .product-info.product-soldout { display: none; } @media (max-width: 1199px) { .product-single .product-single-right .product-single__meta .product-selection .product-info.product-sale .product-single__price { /* If media is below 1200 */ float: none; line-height: unset; margin-bottom: 20px; } } .product-single .product-single-right .product-single__meta .product-selection .product-form__item { margin-bottom: 26px; } .product-single .product-single-right .product-single__meta .product-selection .product-form__item label { display: block; font-size: 14px; line-height: 14px; margin-bottom: 10px; } .product-single .product-single-right .product-single__meta .product-selection .product-form__item.product-form__item--quantity { display: inline-block; width: auto !important; clear: both; } @media (max-width: 345px) { .product-single .product-single-right .product-single__meta .product-selection .product-form__item--quantity { /* If media is below 345 */ /* margin-bottom: 20px;*/ } } .product-single .product-single-right .product-single__meta .product-selection .item_info { display: block; } .product-single .product-single-right .product-single__meta .product-selection .product-form__item--submit, .product-single .product-single-right .product-single__meta .product-selection .available-stock { float: left; width: auto; margin-right: 0px; } .product-single .product-single-right .product-single__meta .product-selection .product-form__item--submit { margin-bottom: 0px; width: 100%; } .product-single .product-single-right .product-single__meta .product-selection .product-form__item--submit .addToCart { display: inline-block; vertical-align: middle; margin-bottom: 0px; } .product-single .product-single-right .product-single__meta .product-selection .product-form__item--submit .addToCart { width: 100%; } .product-single .product-single-right .product-single__meta .product-selection .product-form__item--submit .addToCart .btn { margin-right: 10px; } .product-single .product-single-right .product-single__meta .product-selection .product-form__item--submit .btn { padding: 9px 16px; height: 50px; font-size: 13px; letter-spacing: 0.5px; } .product-single .product-single-right .product-single__meta .trusted-img { margin-bottom: 15px; } .product-single .product-single-right .product-single__meta .share_this_btn { margin-bottom: 20px; } .product-single .product-single-right .product-single__meta .share_this_btn a { transition: all .3s ease-in-out; transform: translateY(0px); } .product-single .product-single-right .product-single__meta .share_this_btn a > span { height: 25px !important; width: 25px !important; } .product-single .product-single-right .product-single__meta .share_this_btn a .at-icon { height: 25px !important; width: 25px !important; } .product-single .product-single-right .product-single__meta .share_this_btn a:hover { transform: translateY(-3px); } .product-single .product-single-right .product-single__meta .share_this_btn a.addthis_button_compact:hover { transform: translateY(0px); } .product-single .product-single-right .product-single__meta .share_this_btn .at-icon-wrapper { background-color: transparent !important; } .product-single .product-single-right .product-single__meta .share_this_btn .at-icon-wrapper svg { fill: #777; } .product-single .product-single-right .product-single__meta .share_this_btn .addthis_toolbox a { margin-right: 3px; margin-bottom: 0; } .product-single .product-single-right .product-single__meta .block-reassurence-tab { margin-bottom: 20px; } .product-single .product-single-right .product-single__meta .block-reassurence-tab li { margin-bottom: 7px; } .product-single .product-single-right .product-single__meta .block-reassurence-tab li:last-child { margin-bottom: 0px; } .product-single .product-single-right .product-single__meta .block-reassurence-tab li .block-reassurance-item { padding: 20px 30px; border: none; background: #f8f8f8; margin-bottom: 10px; border-radius: 30px; } .product-single .product-single-right .product-single__meta .block-reassurence-tab li .block-reassurance-item img { opacity: .9; margin-right: 5px; } .product-single .product-single-right .product-single__meta .block-reassurence-tab li .block-reassurance-item .title { text-transform: capitalize; font-size: 15px; color: black; font-weight: 500; position: relative; padding-right: 10px; margin-right: 5px; font-family: Quicksand; } .product-single .product-single-right .product-single__meta .block-reassurence-tab li .block-reassurance-item .title:after { content: ''; height: 1px; width: 7px; background: rgba(0, 0, 0, 0.3); position: absolute; right: -4px; top: 14px; } .product-single .product-single-right .product-single__meta .block-reassurence-tab li .block-reassurance-item .sub-title { color: #888; font-weight: 400; font-size: 14px; font-family: Quicksand; font-style: italic; } .styled-input { min-width: 200px; padding: 10px 15px; } /*================ productpage tab ================*/ .product-tab { margin: 50px auto; text-align: center; /* border:1px solid #e9e9e9; */ background-color: white; } @media (max-width: 992px) { .product-tab { margin: 20px auto 40px; } } .product-tab > div { padding: 15px; text-align: left; line-height: 26px; color: #787878; margin-bottom: 20px; letter-spacing: .1px; font-weight: 500; font-size: 14px; overflow: hidden; } @media (max-width: 543px) { .product-tab > div { /* If media is below 544 */ margin-bottom: 18px; padding: 5px; line-height: 24px; } .product-tab > div .spr-summary { text-align: left; } } .product-tab > div p { font-size: 14px !important; } .product-tab #desc > h4, .product-tab .custom-desc > h4 { color: black; font-weight: 600; letter-spacing: 0.2px; margin-bottom: 14px; font-size: 14px; } .product-tab #desc > ul, .product-tab #desc > ol, .product-tab .custom-desc > ul, .product-tab .custom-desc > ol { margin-bottom: 18px; padding-left: 26px; } .product-tab #desc > ul li, .product-tab #desc > ol li, .product-tab .custom-desc > ul li, .product-tab .custom-desc > ol li { list-style: unset; padding-left: 3px; } .product-tab #desc > ul li:marker, .product-tab #desc > ol li:marker, .product-tab .custom-desc > ul li:marker, .product-tab .custom-desc > ol li:marker { line-height: 14px; } @media (max-width: 543px) { .product-tab #desc > ul li, .product-tab #desc > ol li, .product-tab .custom-desc > ul li, .product-tab .custom-desc > ol li { /* If media is below 544 */ margin-bottom: 6px; } .product-tab #desc > ul li:last-child, .product-tab #desc > ol li:last-child, .product-tab .custom-desc > ul li:last-child, .product-tab .custom-desc > ol li:last-child { margin-bottom: 0; } } .product-tab #desc blockquote, .product-tab .custom-desc blockquote { text-align: left; line-height: 26px; color: #787878; margin-bottom: 0; letter-spacing: .2px; font-weight: 500; font-size: 13px; border-left: 3px solid #e5e5e5; margin-left: 15px; } @media (max-width: 543px) { .product-tab #desc blockquote, .product-tab .custom-desc blockquote { /* If media is below 544 */ padding: 0; margin-left: 8px; padding-left: 15px; } } .product-tab .tabs { border-bottom: none; margin-bottom: 10px; text-align: center; line-height: 40px; position: relative; display: inline-block; } .product-tab .tab-id li { display: inline-block; vertical-align: top; margin: -3px 0 0 0; float: none; text-transform: uppercase; margin-left: 12px; } @media (max-width: 1199px) { .product-tab .tab-id li { /* If media is below 1200 */ margin-left: 4px; } } @media (max-width: 767px) { .product-tab .tab-id li { /* If media is below 768 */ margin: 7px 0 0 5px; } } @media (max-width: 543px) { .product-tab .tab-id li { display: block; margin: 0; margin-top: 7px; margin-bottom: 7px; } } .product-tab .tab-id li:first-child { margin-left: 0px; } .product-tab .tab-id li:last-child { margin-bottom: 0px; } .product-tab .tab-id li a { color: black; padding-left: 1px; padding-right: 1px; padding: 8px 12px; border: none; background: #f5f5f5; letter-spacing: 1px; text-decoration: none; -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; font-size: 14px; font-weight: 500; border-radius: 0; position: relative; z-index: 1; } @media (max-width: 1199px) { .product-tab .tab-id li a { /* If media is below 1200 */ padding: 8px 9px; letter-spacing: 0.2px; font-size: 13px; } } .product-tab .tab-id li a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0%; z-index: -1; background-color: black; -webkit-transition: all 0.58s; -moz-transition: all 0.58s; -o-transition: all 0.58s; transition: all 0.58s; transition-delay: 0.08s; transition-timing-function: ease; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } @media (max-width: 767px) { .product-tab .tab-id li a { /* If media is below 768 */ font-size: 13px; padding: 8px 10px; letter-spacing: 0.1px; } } .product-tab .tab-id li a.active, .product-tab .tab-id li a:hover { border-color: transparent; background: transparent; color: white; } .product-tab .tab-id li a.active:after, .product-tab .tab-id li a:hover:after { height: 100%; -webkit-transition: all 0.58s; -moz-transition: all 0.58s; -o-transition: all 0.58s; transition: all 0.58s; transition-delay: 0.08s; } .product-tab #shopify-product-reviews { margin: 0; } .product-tab #product-review .spr-container .spr-header .spr-header-title, .product-tab #product-review .spr-container .spr-content .spr-header-title { display: none; } .product-tab #product-review .spr-container .spr-header .spr-starrating i:before, .product-tab #product-review .spr-container .spr-header .spr-starratings i:before, .product-tab #product-review .spr-container .spr-content .spr-starrating i:before, .product-tab #product-review .spr-container .spr-content .spr-starratings i:before { font-size: 85%; width: 16px; content: "\F005"; font-family: "FontAwesome"; } .product-tab #product-review .spr-container .spr-header .spr-icon-star:before, .product-tab #product-review .spr-container .spr-content .spr-icon-star:before { content: "\F005" !important; font-family: "FontAwesome"; } @media (max-width: 543px) { .product-tab #product-review .spr-container .spr-header .spr-summary-actions, .product-tab #product-review .spr-container .spr-content .spr-summary-actions { /* If media is below 544 */ width: 100%; display: inline-block; text-align: left; } } .product-tab #product-review .spr-container .spr-header .spr-summary-actions a, .product-tab #product-review .spr-container .spr-content .spr-summary-actions a { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: auto; text-decoration: none; text-align: center; vertical-align: middle; cursor: pointer; padding: 10px 18px; background-color: #cd8995; color: white; border: 1px solid #cd8995; border-radius: 0px; text-transform: uppercase; white-space: normal; font-size: 12px; line-height: 20px; letter-spacing: 0px; font-weight: 400; outline: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 543px) { .product-tab #product-review .spr-container .spr-header .spr-summary-actions a, .product-tab #product-review .spr-container .spr-content .spr-summary-actions a { /* If media is below 544 */ margin-top: 20px; float: none; display: inline-block; } } .product-tab #product-review .spr-container .spr-header .spr-summary-actions a:hover, .product-tab #product-review .spr-container .spr-content .spr-summary-actions a:hover { background-color: black; color: white; border-color: black; } .product-tab #product-review .spr-container .spr-content .spr-form-review-rating a { opacity: 1; width: 19px; } .product-tab #product-review .spr-container .spr-content .spr-form-review-rating a:before { font-size: 12px; content: "\F005"; font-family: "FontAwesome"; } .product-tab #product-review .spr-container .spr-content .spr-form-review-rating a.spr-icon-star:before { color: #fec42d !important; content: "\F005" !important; font-family: "FontAwesome"; } .product-tab #product-review .spr-container .spr-content .spr-form-review-rating a.spr-icon-star-empty:before { color: #ccc !important; content: "\F005" !important; font-family: "FontAwesome"; } .product-tab #product-review .spr-container .spr-content .spr-form-review-rating a.spr-icon-star-hover:before { color: #fec42d !important; content: "\F005" !important; font-family: "FontAwesome"; } .product-tab #product-review .spr-container .spr-content .spr-reviews .spr-pagination .spr-pagination-page { font-weight: 300; } .product-tab #product-review .spr-container .spr-content .spr-reviews .spr-pagination .spr-pagination-page.is-active { font-weight: bold; } .product-tab #product-review .spr-container .spr-review-reportreview { font-size: 13px; line-height: 16px; color: #777; float: left; font-weight: 300; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .product-tab #product-review .spr-container .spr-review-reportreview:hover { color: black; } .product-tab #product-review .spr-container .spr-review-header-title { font-size: 15px; font-weight: 500; color: black; margin-bottom: 7px; } .product-tab #product-review .spr-container .spr-review-content { margin: 0 0 20px 0; } .product-tab #product-review .spr-container .spr-review-content .spr-review-content-body { line-height: 24px; word-wrap: break-word; } .product-tab #product-review .spr-container .spr-review-header-byline { font-style: normal; font-size: 13px; opacity: 1; color: #787878; font-weight: 500; margin-bottom: 12px; } .product-tab #product-review .spr-container .spr-review-header-byline strong { font-weight: 500; } .product-tab #product-review .spr-container { border: none; padding: 0; } .product-tab #product-review .spr-review, .product-tab #product-review .spr-form { border-color: #e3e3e3; } .product-tab #shipping .policy > div { line-height: 20px; margin-bottom: 15px; } .product-tab #shipping .policy > div:last-child { margin-bottom: 0; } .product-tab #shipping .title { font-weight: 600; color: black; font-family: Quicksand; letter-spacing: 1px; font-size: 19px; display: none; } .product-tab #shipping .inner-content > h4 { font-size: 15px; font-weight: 600; color: black; } .product-template__container .related { margin-bottom: 0px; } .product-template__container .related .section-header { text-align: center; margin: 0; } @media (max-width: 767px) { .product-template__container .related .owl-nav { /* If media is below 768 */ margin-top: 20px; } } @media (min-width: 768px) { .product-template__container .related .owl-nav .owl-prev, .product-template__container .related .owl-nav .owl-next { /* If media is above 767 */ top: 39%; } } .template-product .return-link-wrapper a { margin: 0; } .normal_main_content #shopify-section-Ishi_relatedproductsblock { margin-top: 50px; border-radius: 5px; overflow: hidden; } @media (max-width: 991px) { .normal_main_content #shopify-section-Ishi_relatedproductsblock { /* If media is below 992 */ margin-bottom: 30px; overflow: unset; } } .normal_main_content #shopify-section-Ishi_relatedproductsblock .product-template__container { padding: 0; } .normal_main_content #shopify-section-Ishi_relatedproductsblock .product-template__container .relatedproduct-carousel-Ishi_relatedproductsblock { padding: 0 5px; } .normal_main_content #shopify-section-Ishi_relatedproductsblock .product-template__container .relatedproduct-carousel-Ishi_relatedproductsblock .products-display .grid__item .thumbnail-buttons .quick-view, .normal_main_content #shopify-section-Ishi_relatedproductsblock .product-template__container .relatedproduct-carousel-Ishi_relatedproductsblock .products-display .grid__item .thumbnail-buttons .add-to-wishlist, .normal_main_content #shopify-section-Ishi_relatedproductsblock .product-template__container .relatedproduct-carousel-Ishi_relatedproductsblock .products-display .grid__item .thumbnail-buttons .product-block-hover { padding: 0; } .normal_main_content #shopify-section-Ishi_relatedproductsblock .product-template__container .owl-nav { mmargin-top: 10px; } @media (max-width: 543px) { .normal_main_content #shopify-section-Ishi_relatedproductsblock .product-template__container .owl-nav { /* If media is below 544 */ margin-bottom: 12px; } } /*================ slide to top ================*/ #slidetop { background: #cd8995 none repeat scroll 0 0; color: transparent; border-radius: 50%; bottom: 15px; cursor: pointer; height: 40px; overflow: hidden; padding: 6px; position: fixed; right: 15px; text-align: center; width: 40px; z-index: 99; box-shadow: 0 0 2px 4px rgba(255, 255, 255, 0.2); display: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } #slidetop::after { content: '\E5CE'; display: inline-block; color: white; font-family: material icons; font-size: 26px; left: 0; position: absolute; right: 0; top: 0px; } #slidetop:hover { background-color: black; } #slidetop:hover:after { color: white; } /*=========do not change=======================*/ .manufacture-main { clear: left; } @media (max-width: 543px) { #shopify-section-list-collections-template .grid__item { width: 100%; } } #drawer-toggle { position: absolute; opacity: 0; } #drawer-toggle-label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left: 0px; height: 40px; width: 40px; display: block; background: rgba(255, 255, 255, 0); z-index: 1; text-align: center; padding: 8px 0px; } /* adds our "hamburger" menu icon */ #drawer-toggle-label i { color: #333; } /* checked styles (menu open state) */ #drawer-toggle:checked ~ #drawer-toggle-label { height: 100%; } #drawer-toggle:checked ~ .navdrawer { right: 0px; } @media (max-width: 991px) { #drawer-toggle:checked ~ .navdrawer { right: auto; left: 0; } } #drawer-toggle:checked ~ #page-content { margin-left: 300px; } /* Menu item styles */ .navdrawer #drawer-toggle-label { position: relative !important; height: 30px; display: block; width: 100%; text-align: right; } @media (max-width: 991px) { .navdrawer #drawer-toggle-label { text-align: left; } } .navdrawer #drawer-toggle-label i { color: #fff; top: 0; left: 5px; font-size: 24px; } @media (max-width: 991px) { .navdrawer #drawer-toggle-label i { color: black; } } .template-article #shopify-section-Ishi_sidebar .tag-filter { display: none; } .responsive-sidebar { padding: 0 15px; overflow: hidden; } .disabled { opacity: 1 !important; } .template-login { width: 100%; } .template-login .grid__item { float: none; } .template-cart .empty-page-content { padding: 130px 0; } .template-cart .cart__continue-btn { margin: 20px 0; } .template-search .sca-qv-button-wrap .sca-qv-button { display: none !important; } /*============== quickviewModal ==================*/ #quickviewModal .modal-dialog { max-width: 1100px; top: 10%; width: 100%; } @media (max-width: 543px) { #quickviewModal .modal-dialog { /* If media is below 544 */ width: unset; } } #quickviewModal .modal-header { padding-bottom: 0; } #quickviewModal .modal-header button { color: #333333; font-size: 28px; opacity: 1; } #quickviewModal .modal-body { display: block; overflow: hidden; width: 100%; color: black; font-size: 14px; } #quickviewModal .modal-body #qv-images-container #qv-product-cover { text-align: center; border: 1px solid #e9e9e9; } #quickviewModal .modal-body #qv-images-container #qv-thumbnails { padding-top: 10px; } #quickviewModal .modal-body #qv-images-container #qv-thumbnails .thumb-item { display: inline-block; padding: 10px; vertical-align: middle; } #quickviewModal .modal-body #qv-images-container #qv-thumbnails .thumb-item img { border: 1px solid #e9e9e9; } #quickviewModal .modal-body #qv-images-container #qv-thumbnails i { margin-top: 0 !important; } #quickviewModal .modal-body #qv-images-container #qv-thumbnails .owl-nav { margin-top: 0; } @media (max-width: 543px) { #quickviewModal .modal-body #qv-images-container #qv-thumbnails .owl-nav { /* If media is below 544 */ display: none; } } #quickviewModal .modal-body #qv-images-container #qv-thumbnails .owl-nav .owl-prev, #quickviewModal .modal-body #qv-images-container #qv-thumbnails .owl-nav .owl-next { top: 45%; left: -6px; position: absolute; background-color: white; } #quickviewModal .modal-body #qv-images-container #qv-thumbnails .owl-nav .owl-next { right: -6px; left: auto; } #quickviewModal .modal-body #qv-images-container #qv-thumbnails .owl-dots { display: none; } #quickviewModal .modal-body #qv-text-container > div { letter-spacing: 0.5px; margin-bottom: 10px; font-weight: 300; font-size: 14px; letter-spacing: .8px; line-height: 20px; } #quickviewModal .modal-body #qv-text-container #qv-productdescription { text-align: left; line-height: 26px; color: #787878; margin-bottom: 10px; letter-spacing: .1px; font-weight: 500; font-size: 14px; overflow: hidden; } @media (max-width: 767px) { #quickviewModal .modal-body #qv-text-container #qv-productdescription { /* If media is below 768 */ line-height: 24px; } #quickviewModal .modal-body #qv-text-container #qv-productdescription .spr-summary { text-align: left; } } #quickviewModal .modal-body #qv-text-container #qv-productdescription p { font-size: 14px !important; } #quickviewModal .modal-body #qv-text-container #qv-productname { text-transform: capitalize; letter-spacing: 1px; font-size: 26px; font-weight: 500; margin: 0 0 15px; color: #232323; } @media (max-width: 767px) { #quickviewModal .modal-body #qv-text-container #qv-productname { /* If media is below 768 */ font-size: 20px; line-height: 24px; padding-top: 12px; margin: 0 0 5px; } } #quickviewModal .modal-body #qv-text-container #qv-productprice { line-height: 33px; display: inline-block; margin-bottom: 6px; } @media (max-width: 767px) { #quickviewModal .modal-body #qv-text-container #qv-productprice { /* If media is below 768 */ margin-bottom: 3px; } } #quickviewModal .modal-body #qv-text-container #qv-productprice .regular { color: #666; font-weight: 400; font-size: 20px; float: right; } @media (max-width: 767px) { #quickviewModal .modal-body #qv-text-container #qv-productprice .regular { /* If media is below 768 */ font-size: 17px; } } #quickviewModal .modal-body #qv-text-container #qv-productprice .qv-discountprice { margin-left: 10px; font-size: 17px; } #quickviewModal .modal-body #qv-text-container #qv-productprice .qv-regularprice.single-price { line-height: 26px; } #quickviewModal .modal-body #qv-text-container #qv-productprice .product-price__price, #quickviewModal .modal-body #qv-text-container #qv-productprice .product-price__sale { /*margin-left: -7px;*/ } #quickviewModal .modal-body #qv-text-container #qv-productprice .is-bold { color: black; font-weight: 500; font-size: 20px; } @media (max-width: 767px) { #quickviewModal .modal-body #qv-text-container #qv-productprice .is-bold { /* If media is below 768 */ font-size: 17px; } } #quickviewModal .modal-body #qv-text-container #qv-productprice .discount-percentage { font-weight: 600; background: #f1f1f1; color: black; padding: 7px 11px; line-height: 15px; margin: 0 8px; font-size: 14px; margin-bottom: 0px; text-transform: unset; display: none; } #quickviewModal .modal-body #qv-text-container #qv-productprice .discount-percentage span { display: inline-block; vertical-align: middle; color: black; } #quickviewModal .modal-body #qv-text-container #qv-productprice .product-price__sold-out { display: none; } #quickviewModal .modal-body #qv-text-container #qv-spr-badge .spr-starrating { display: inline-block; vertical-align: top; } #quickviewModal .modal-body #qv-text-container #qv-spr-badge .spr-starrating i { margin: 0 1px; opacity: 0.8; } #quickviewModal .modal-body #qv-text-container #qv-spr-badge .spr-starrating i:before { font-size: 12px; width: 16px; content: "\F005"; font-family: "FontAwesome"; color: #ccc !important; } #quickviewModal .modal-body #qv-text-container #qv-spr-badge .spr-starrating .spr-icon-star:before, #quickviewModal .modal-body #qv-text-container #qv-spr-badge .spr-starrating .spr-icon-star-half-alt:before { color: #fec42d !important; } #quickviewModal .modal-body #qv-text-container #qv-discount { display: inline-block; background-color: black; color: white; padding: 2px 10px; } #quickviewModal .modal-body #qv-text-container #qv-quantity { padding-top: 10px; } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart { display: block; width: 100%; overflow: hidden; } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-selector { overflow: hidden; } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-selector .selector-wrapper { width: 50%; float: left; padding-right: 20px; margin-bottom: 30px; position: relative; } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-selector .selector-wrapper select { width: 100%; background-image: url(//www.cosmeticosbardot.co/cdn/shop/t/45/assets/dropdown-sprite.png?v=23516386153762416671755728748); background-repeat: no-repeat; background-position: right 18px center; background-color: #fff; text-indent: 0.01px; text-overflow: ''; cursor: pointer; color: #888; border: 1px solid #e9e9e9; outline: none; } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-selector .selector-wrapper select .veriant-option { outline: none; } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-selector .selector-wrapper label { font-size: 16px; } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit { overflow: hidden; display: inline-block; width: 56%; vertical-align: middle; } @media (max-width: 543px) { #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit { /* If media is below 544 */ width: auto; padding: 0 4px; } } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit .qv-addToCart, #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit .addToCart { cursor: not-allowed; pointer-events: none; background-color: #cd8995; opacity: 0.5; color: black; border: 1px solid #cd8995; padding: 9px 18px 9px; } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit .qv-addToCart.enable, #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit .addToCart.enable { color: white; border-color: #cd8995; opacity: 1; cursor: pointer; font-weight: 500; pointer-events: unset; } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit .qv-addToCart.enable:hover, #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit .addToCart.enable:hover { color: white; background-color: black; border-color: black; } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit .qv-addToCart:hover, #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit .addToCart:hover { color: white; background-color: black; border-color: black; } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit .qv-addToCart.sold-out, #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit .addToCart.sold-out { opacity: 0.5; cursor: unset; } #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit .qv-addToCart.sold-out:hover, #quickviewModal .modal-body #qv-text-container #qv-quantity .add-to-cart .product-form__item--submit .addToCart.sold-out:hover { color: white; background-color: black; border-color: black; } #quickviewModal .modal-body #qv-text-container #qv-quantity .product-form__item .addToCart { line-height: 30px; width: 100%; display: inline-block; border-color: #cd8995; background-color: #cd8995; color: black; } #quickviewModal .modal-body #qv-text-container #qv-quantity .product-form__item .addToCart:hover { border-color: black; background-color: black; color: #cd8995; } #quickviewModal .modal-header { border: none; } #quickviewModal .modal-footer { padding: 0; } .product-form__item--quantity, .cart-qty-btns { float: left; display: inline-block; width: auto; vertical-align: middle; margin-bottom: 20px; } .product-form__item--quantity > div, .cart-qty-btns > div { color: #888; background: white; display: inline-block; width: 45px; height: 50px; float: left; text-align: center; line-height: 48px; font-size: 23px; border: 1px solid #e9e9e9; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media screen and (min-width: 768px) and (max-width: 1499px) { .product-form__item--quantity > div, .cart-qty-btns > div { /* If media is between 992 and 1199 */ width: 34px; } } @media (max-width: 543px) { .product-form__item--quantity > div, .cart-qty-btns > div { /* If media is below 544 */ width: 33px; } } .product-form__item--quantity > div:hover, .product-form__item--quantity > div:focus, .cart-qty-btns > div:hover, .cart-qty-btns > div:focus { color: black; } .product-form__item--quantity .quantity, .cart-qty-btns .quantity { display: inline-block; vertical-align: middle; float: left; color: #888; background: white; border: none; width: 65px; text-align: center; height: 50px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } @media screen and (min-width: 768px) and (max-width: 1499px) { .product-form__item--quantity .quantity, .cart-qty-btns .quantity { /* If media is between 992 and 1199 */ width: 52px; } } @media (max-width: 543px) { .product-form__item--quantity .quantity, .cart-qty-btns .quantity { /* If media is below 544 */ width: 50px; } } /*----------------Image hover effect------------------*/ .ishi-customhover-fadeinnormal.scale img, .ishi-customhover-fadeinflip.scale img, .ishi-customhover-fadeinrotate.scale img, .ishi-customhover-fadeinrotate3D.scale img, .ishi-customhover-fadeintop.scale img, .ishi-customhover-fadeinbottom.scale img, .ishi-customhover-fadeoutcenter.scale img, .ishi-customhover-fadeinoutcorner.scale img { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .ishi-customhover-fadeinnormal:hover.scale img, .ishi-customhover-fadeinflip:hover.scale img, .ishi-customhover-fadeinrotate:hover.scale img, .ishi-customhover-fadeinrotate3D:hover.scale img, .ishi-customhover-fadeintop:hover.scale img, .ishi-customhover-fadeinbottom:hover.scale img, .ishi-customhover-fadeoutcenter:hover.scale img, .ishi-customhover-fadeinoutcorner:hover.scale img { transform: scale(1.06); -moz-transform: scale(1.06); -webkit-transform: scale(1.06); -o-transform: scale(1.06); -ms-transform: scale(1.06); } .ishi-customhover-fadeinnormal:after { content: ""; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: rgba(255, 255, 255, 0.1); opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .ishi-customhover-fadeinnormal:hover:after { opacity: 1; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .ishi-customhover-fadeinflip:after { content: ""; background-color: rgba(255, 255, 255, 0.1); position: absolute; padding: 30px; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; opacity: 0; -webkit-transform: rotate3d(1, 1, 0, 100deg); -moz-transform: rotate3d(1, 1, 0, 100deg); -ms-transform: rotate3d(1, 1, 0, 100deg); -o-transform: rotate3d(1, 1, 0, 100deg); transform: rotate3d(1, 1, 0, 100deg); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; } .ishi-customhover-fadeinflip:hover:after { opacity: 1; -webkit-transition-delay: 0.14s; -moz-transition-delay: 0.14s; transition-delay: 0.14s; -webkit-transform: rotate3d(0, 0, 0, 0deg); -moz-transform: rotate3d(0, 0, 0, 0deg); -ms-transform: rotate3d(0, 0, 0, 0deg); -o-transform: rotate3d(0, 0, 0, 0deg); transform: rotate3d(0, 0, 0, 0deg); } .ishi-customhover-fadeinrotate:after { content: ''; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); position: absolute; display: block; top: 10px; right: 10px; bottom: 10px; opacity: 0; left: 10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: rotate(-180deg) scale(0); -moz-transform: rotate(-180deg) scale(0); -ms-transform: rotate(-180deg) scale(0); -o-transform: rotate(-180deg) scale(0); transform: rotate(-180deg) scale(0); } .ishi-customhover-fadeinrotate:hover:after { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -ms-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; } .ishi-customhover-fadeinrotate3D:after { content: ""; position: absolute; top: 50%; left: 50%; right: 50%; bottom: 50%; -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .ishi-customhover-fadeinrotate3D:hover:after { background: rgba(255, 255, 255, 0.1); transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: all 1.2s; -moz-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s; } .ishi-customhover-fadeintop:after { content: ""; background: rgba(255, 255, 255, 0.1); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; width: 100%; height: 0%; position: absolute; left: 0; right: 0; top: 0; } .ishi-customhover-fadeintop:hover:after { height: 100%; } .ishi-customhover-fadeinbottom:after { content: ""; background: rgba(255, 255, 255, 0.1); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; width: 100%; height: 0%; position: absolute; left: 0; right: 0; bottom: 0; } .ishi-customhover-fadeinbottom:hover:after { height: 100%; } .ishi-customhover-fadeintopbottom:before, .ishi-customhover-fadeintopbottom:after { content: ""; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); bottom: -100%; width: 100%; height: 100%; display: block; left: 0; opacity: 0; position: absolute; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } .ishi-customhover-fadeintopbottom:after { top: -100%; bottom: auto; } .ishi-customhover-fadeintopbottom:hover:before { bottom: 50%; opacity: 1; } .ishi-customhover-fadeintopbottom:hover:after { top: 50%; opacity: 1; } .ishi-customhover-doublefadeincenter:before, .ishi-customhover-doublefadeincenter:after { content: ""; bottom: 10px; left: 10px; opacity: 0; position: absolute; right: 10px; top: 10px; background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; transition: opacity 0.35s ease 0s, transform 0.5s ease 0s; -webkit-transition: opacity 0.35s ease 0s, transform 0.5s ease 0s; -moz-transition: opacity 0.35s ease 0s, transform 0.5s ease 0s; -o-transition: opacity 0.35s ease 0s, transform 0.5s ease 0s; -ms-transition: opacity 0.35s ease 0s, transform 0.5s ease 0s; } .ishi-customhover-doublefadeincenter:before { transform: scale(0, 1); -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); -o-transform: scale(0, 1); -ms-transform: scale(0, 1); } .ishi-customhover-doublefadeincenter:after { transform: scale(1, 0); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); -ms-transform: scale(1, 0); } .ishi-customhover-doublefadeincenter:hover:before, .ishi-customhover-doublefadeincenter:hover:after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .ishi-customhover-fadeoutcenter:after { background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0; bottom: 20px; content: ""; left: 20px; position: absolute; right: 20px; top: 20px; transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); opacity: 1; } .ishi-customhover-fadeoutcenter:hover:after { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -khtml-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0; } .ishi-customhover-fadeoutcorner:before, .ishi-customhover-fadeoutcorner:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; background: rgba(255, 255, 255, 0.1); margin: auto; opacity: 1; } .ishi-customhover-fadeoutcorner:after { bottom: 0; right: 0; left: auto; top: auto; } .ishi-customhover-fadeoutcorner:hover:before, .ishi-customhover-fadeoutcorner:hover:after { height: 100%; -webkit-transition: 1.3s; transition: 1.3s; opacity: 0; width: 100%; } .ishi-customhover-fadeinoutcorner:after { background-color: white; width: 0; height: 0; content: ""; opacity: 0.1; position: absolute; -webkit-transition: all 0.4s ease-in-out 0s; right: 0; } .ishi-customhover-fadeinoutcorner:hover:after { width: 100%; height: 100%; right: auto; left: 0; } * { outline: none !important; } /*---------Custom-loader-----------*/ /*================ site loader ================*/ #siteloader { background: #fff; height: 100%; left: 0; right: 0; position: fixed; top: 0; bottom: 0; width: 100%; z-index: 9999; margin: auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } #siteloader > div { top: 45%; margin: auto; position: relative; clear: both; } #spin-wrapper { width: 100%; height: 100%; position: fixed; z-index: 9998; background: #fff; top: 0; bottom: 0; left: 0; right: 0; } .ishi-rotate-slices { width: 32px; height: 32px; clear: both; border-radius: 50%; border-top: 24px rgba(0, 0, 0, 0.75) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; -webkit-animation: spSlices 1s infinite linear; animation: spSlices 2.5s infinite linear; } @-webkit-keyframes spSlices { 0% { border-top: 24px rgba(0, 0, 0, 0.75) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } 25% { border-top: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.75) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } 50% { border-top: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.75) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } 75% { border-top: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.75) solid; } 100% { border-top: 24px rgba(0, 0, 0, 0.75) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } } @-moz-keyframes spSlices { 0% { border-top: 24px rgba(0, 0, 0, 0.75) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } 25% { border-top: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.75) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } 50% { border-top: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.75) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } 75% { border-top: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.75) solid; } 100% { border-top: 24px rgba(0, 0, 0, 0.75) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } } @-o-keyframes spSlices { 0% { border-top: 24px rgba(0, 0, 0, 0.75) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } 25% { border-top: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.75) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } 50% { border-top: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.75) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } 75% { border-top: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.75) solid; } 100% { border-top: 24px rgba(0, 0, 0, 0.75) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } } @keyframes spSlices { 0% { border-top: 24px rgba(0, 0, 0, 0.75) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } 25% { border-top: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.75) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } 50% { border-top: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.75) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } 75% { border-top: 24px rgba(0, 0, 0, 0.25) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.75) solid; } 100% { border-top: 24px rgba(0, 0, 0, 0.75) solid; border-right: 24px rgba(0, 0, 0, 0.25) solid; border-bottom: 24px rgba(0, 0, 0, 0.25) solid; border-left: 24px rgba(0, 0, 0, 0.25) solid; } } .ishi-round-rotate-scale { border-radius: 100%; border: 2px solid #cd8995; border-bottom-color: transparent; height: 40px; width: 40px; background: transparent; -webkit-animation: rotate-scale .75s 0s linear infinite; animation: rotate-scale .75s 0s linear infinite; } @-webkit-keyframes rotate-scale { 0% { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @-moz-keyframes rotate-scale { 0% { -moz-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } 50% { -moz-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -moz-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @-o-keyframes rotate-scale { 0% { -o-transform: rotate(0) scale(1); transform: rotate(0) scale(1); } 50% { -o-transform: rotate(180deg) scale(0.6); transform: rotate(180deg) scale(0.6); } 100% { -o-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @keyframes rotate-scale { 0% { transform: rotate(0) scale(1); } 50% { transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); } } .ishi-square-rotate { position: relative; width: 155px; height: 120px; } .ishi-square-rotate:before, .ishi-square-rotate:after { position: absolute; content: ""; height: 60px; width: 60px; top: 30px; left: 50px; border-radius: 7px; background-color: #cd8995; -webkit-animation: loader-rotate2 1.8s ease-in-out infinite; animation: loader-rotate2 1.8s ease-in-out infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-transform-origin: center center; transform-origin: center center; } .ishi-square-rotate:after { height: 30px; width: 30px; left: 65px; top: 45px; border-radius: 3px; background-color: white; -webkit-animation: loader-rotate1 1.8s ease-in-out infinite; animation: loader-rotate1 1.8s ease-in-out infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-transform-origin: center center; transform-origin: center center; } @-webkit-keyframes loader-rotate1 { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 65% { -webkit-transform: rotate(-90deg) scale(0.5); transform: rotate(-90deg) scale(0.5); } 100% { -webkit-transform: rotate(270deg) scale(1.2); transform: rotate(270deg) scale(1.2); } } @-moz-keyframes loader-rotate1 { 0% { -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 65% { -moz-transform: rotate(-90deg) scale(0.5); transform: rotate(-90deg) scale(0.5); } 100% { -moz-transform: rotate(270deg) scale(1.2); transform: rotate(270deg) scale(1.2); } } @-o-keyframes loader-rotate1 { 0% { -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 65% { -o-transform: rotate(-90deg) scale(0.5); transform: rotate(-90deg) scale(0.5); } 100% { -o-transform: rotate(270deg) scale(1.2); transform: rotate(270deg) scale(1.2); } } @keyframes loader-rotate1 { 0% { transform: rotate(0deg) scale(1); } 65% { transform: rotate(-90deg) scale(0.5); } 100% { transform: rotate(270deg) scale(1.2); } } @-webkit-keyframes loader-rotate2 { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 45% { -webkit-transform: rotate(90deg) scale(0.8); transform: rotate(90deg) scale(0.8); border-radius: 50%; } 100% { -webkit-transform: rotate(-270deg) scale(1.1); transform: rotate(-270deg) scale(1.1); } } @-moz-keyframes loader-rotate2 { 0% { -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 45% { -moz-transform: rotate(90deg) scale(0.8); transform: rotate(90deg) scale(0.8); border-radius: 50%; } 100% { -moz-transform: rotate(-270deg) scale(1.1); transform: rotate(-270deg) scale(1.1); } } @-o-keyframes loader-rotate2 { 0% { -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 45% { -o-transform: rotate(90deg) scale(0.8); transform: rotate(90deg) scale(0.8); border-radius: 50%; } 100% { -o-transform: rotate(-270deg) scale(1.1); transform: rotate(-270deg) scale(1.1); } } @keyframes loader-rotate2 { 0% { transform: rotate(0deg) scale(1); } 45% { transform: rotate(90deg) scale(0.8); border-radius: 50%; } 100% { transform: rotate(-270deg) scale(1.1); } } .ishi-round-flip { width: 64px; height: 64px; border-radius: 50%; background: #cd8995; animation: lds-circle 2.4s cubic-bezier(0, 1, 0.9, 1) infinite; } @-webkit-keyframes lds-circle { 0%, 100% { animation-timing-function: cubic-bezier(0.8, 0, 1, 0.8); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(900deg); animation-timing-function: cubic-bezier(0, 0.6, 0.6, 1); } 100% { transform: rotateY(1500deg); } } @-moz-keyframes lds-circle { 0%, 100% { animation-timing-function: cubic-bezier(0.8, 0, 1, 0.8); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(900deg); animation-timing-function: cubic-bezier(0, 0.6, 0.6, 1); } 100% { transform: rotateY(1500deg); } } @-o-keyframes lds-circle { 0%, 100% { animation-timing-function: cubic-bezier(0.8, 0, 1, 0.8); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(900deg); animation-timing-function: cubic-bezier(0, 0.6, 0.6, 1); } 100% { transform: rotateY(1500deg); } } @keyframes lds-circle { 0%, 100% { animation-timing-function: cubic-bezier(0.8, 0, 1, 0.8); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(900deg); animation-timing-function: cubic-bezier(0, 0.6, 0.6, 1); } 100% { transform: rotateY(1500deg); } } .ishi-triangle-rotate { width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #cd8995; -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @-webkit-keyframes triangle-skew-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } @-o-keyframes triangle-skew-spin { 25% { -o-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -o-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -o-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -o-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } @-moz-keyframes triangle-skew-spin { 25% { -moz-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -moz-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -moz-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -moz-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } @keyframes triangle-skew-spin { 25% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0); transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg); transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg); transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { -webkit-transform: perspective(100px) rotateX(0) rotateY(0); transform: perspective(100px) rotateX(0) rotateY(0); } } .ishi-rotate-plane { display: block; width: 50px; height: 50px; background-color: #cd8995; margin: 0 auto; -webkit-animation: rotateplane 1.4s infinite ease-in-out; animation: rotateplane 1.4s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @-moz-keyframes rotateplane { 0% { -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @-o-keyframes rotateplane { 0% { -o-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -o-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -o-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .ishi-round-rotate { color: #cd8995; font-size: 8px; text-indent: -99999em; margin: auto; position: relative; width: 10em; height: 10em; border-radius: 50%; box-shadow: inset 0 0 0 0.9em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .ishi-round-rotate:before, .ishi-round-rotate:after { position: absolute; content: ""; width: 5.2em; height: 10.2em; background: #fff; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; } .ishi-round-rotate:after { border-radius: 0 10.2em 10.2em 0; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: load2 2s infinite ease 0s; animation: load2 2s infinite ease 0s; } @-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ishi-simple-dot-scaleout { width: 52px; height: 52px; border-radius: 40px; background-color: #cd8995; -webkit-animation: scaleout 1.0s infinite ease-in-out; animation: scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-moz-keyframes scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-o-keyframes scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes scaleout { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .ishi-dots-rotate { color: #cd8995; font-size: 46px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: auto; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load1 1.8s infinite ease, round1 1.8s infinite ease; animation: load1 1.8s infinite ease, round1 1.8s infinite ease; } @-webkit-keyframes load1 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @-moz-keyframes load1 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @-o-keyframes load1 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @keyframes load1 { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @-webkit-keyframes round1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes round1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes round1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes round1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ishi-dots-scale { width: 32px; height: 32px; margin: 0 auto; } .ishi-dots-scale:before, .ishi-dots-scale:after { content: ''; border: none; border-radius: 50%; width: 100%; height: 100%; position: absolute; left: 0px; background: rgba(0, 0, 0, 0.2); transform: scale(1, 1); opacity: 1; -webkit-animation: spWaveBe 0.6s infinite linear; animation: spWaveBe 0.6s infinite linear; } .ishi-dots-scale:after { transform: scale(0, 0); opacity: 0; -webkit-animation: spWaveAf 0.6s infinite linear; animation: spWaveAf 0.6s infinite linear; } .ishi-dots-scale-border { width: 34px; height: 34px; margin: 0 auto; } .ishi-dots-scale-border:before, .ishi-dots-scale-border:after { content: ''; border: 2px solid #cd8995; border-radius: 50%; width: 100%; height: 100%; position: absolute; left: 0px; transform: scale(1, 1); opacity: 1; -webkit-animation: spWaveBe 0.6s infinite linear; animation: spWaveBe 0.6s infinite linear; } .ishi-dots-scale-border:after { transform: scale(0, 0); opacity: 0; -webkit-animation: spWaveAf 0.6s infinite linear; animation: spWaveAf 0.6s infinite linear; } @-webkit-keyframes spWaveAf { 0% { transform: scale(0.5, 0.5); opacity: 0; } 100% { transform: scale(1, 1); opacity: 1; } } @-webkit-keyframes spWaveBe { 0% { -webkit-transform: scale(1, 1); opacity: 1; } 100% { -webkit-transform: scale(1.5, 1.5); opacity: 0; } } @-moz-keyframes spWaveAf { 0% { transform: scale(0.5, 0.5); opacity: 0; } 100% { transform: scale(1, 1); opacity: 1; } } @-moz-keyframes spWaveBe { 0% { -webkit-transform: scale(1, 1); opacity: 1; } 100% { -webkit-transform: scale(1.5, 1.5); opacity: 0; } } @-o-keyframes spWaveAf { 0% { transform: scale(0.5, 0.5); opacity: 0; } 100% { transform: scale(1, 1); opacity: 1; } } @-o-keyframes spWaveBe { 0% { -webkit-transform: scale(1, 1); opacity: 1; } 100% { -webkit-transform: scale(1.5, 1.5); opacity: 0; } } @keyframes spWaveAf { 0% { transform: scale(0.5, 0.5); opacity: 0; } 100% { transform: scale(1, 1); opacity: 1; } } @keyframes spWaveBe { 0% { -webkit-transform: scale(1, 1); opacity: 1; } 100% { -webkit-transform: scale(1.5, 1.5); opacity: 0; } } .ishi-rotating-circle { width: 115px; height: 115px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: transparent; border-top-color: #cd8995; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .ishi-rotating-circle:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #cd8995; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } .ishi-rotating-circle:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: transparent; border-top-color: #cd8995; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .bubble.right:before { content: ''; position: absolute; bottom: 0; left: 0%; width: 0; height: 0; border: 10px solid transparent; border-top-color: #ecb9c6; border-bottom: 0; border-left: 0; margin-left: 0.5px; margin-bottom: -10px; }