body .vc_row { margin-bottom: 0; } .vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-xs-1, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9 { padding-left: 0 !important; padding-right: 0 !important; } /* -------------------------------- Primary style /*Css for Style*/ /** * Table of Contents: 01. Import fonts 02. Import icon 03. Import color 04. Header 05. Blog Header full screen 06. Open time 07. History 08. Service 09. Experts 10. Element gallery 11. Skin-care 12. Element Blog 13. Testimonial 14. Form subcribe 15. Widget footer 16. Page 404 17. Footer 18. Woocomerce profile account 19. Booking ------------------------*/ /* 01. Import fonts */ @font-face { font-family: 'HLT SIGNERICA MEDIUM'; src: url("../fonts/HLT-SIGNERICA-MEDIUM.eot"); src: url("../fonts/HLT-SIGNERICA-MEDIUM.eot?#iefix") format("embedded-opentype"), url("../fonts/HLT-SIGNERICA-MEDIUM.woff") format("woff"), url("../fonts/HLT-SIGNERICA-MEDIUM.ttf") format("truetype"), url("../fonts/HLT-SIGNERICA-MEDIUM.svg") format("svg"); } /* 02. Import icon */ @font-face { font-family: 'Beau-Theme-Icon'; src: url("../fonts/Beau-Theme-Icon.eot?7mu29a"); src: url("../fonts/Beau-Theme-Icon.eot?#iefix7mu29a") format("embedded-opentype"), url("../fonts/Beau-Theme-Icon.ttf?7mu29a") format("truetype"), url("../fonts/Beau-Theme-Icon.woff?7mu29a") format("woff"), url("../fonts/Beau-Theme-Icon.svg?7mu29a#Beau-Theme-Icon") format("svg"); font-weight: normal; font-style: normal; } .be { font-family: 'Beau-Theme-Icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .be-box:before { content: "\e617"; } .be-shipping:before { content: "\e618"; } .be-heart-o:before { content: "\e619"; } .be-money:before { content: "\e61a"; } .be-small-list:before { content: "\e600"; } .be-small-grid:before { content: "\e601"; } .be-grid:before { content: "\e602"; } .be-list:before { content: "\e603"; } .be-planet:before { content: "\e604"; } .be-star:before { content: "\e605"; } .be-swing-heart:before { content: "\e606"; } .be-two-heart:before { content: "\e607"; } .be-technology:before { content: "\e608"; } .be-tools:before { content: "\e609"; } .be-skirt:before { content: "\e60a"; } .be-pen:before { content: "\e60b"; } .be-bag:before { content: "\e60c"; } .be-ink:before { content: "\e60d"; } .be-bat:before { content: "\e60e"; } .be-eye:before { content: "\e60f"; } .be-heart:before { content: "\e610"; } .be-magic:before { content: "\e611"; } .be-bang:before { content: "\e612"; } .be-piza:before { content: "\e613"; } .be-cache:before { content: "\e614"; } .be-grapes:before { content: "\e615"; } .be-cup:before { content: "\e616"; } body { font-family: "Raleway", sans-serif; font-size: 13px; overflow-x: hidden !important; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width: 100%; } body .vc_row { margin-left: 0px !important; margin-right: 0px !important; } @media only screen and (max-width: 767px) { body { font-size: 13px; } } body.show-menu-mobile { position: relative; right: 245px; overflow: hidden; width: 100%; } .vc_column_container > .vc_column-inner { padding: 0 !important; } .padding-left { margin-left: 175px; } .padding-left-template { margin-left: 50px; } .padding-left-template .padding-left { margin-left: 50px; } a { color: #001b4b; } a:hover { color: rgba(0, 27, 75, 0.5); cursor: pointer; text-decoration: none; } *:focus { outline: none; outline-style: none; } .wow { visibility: hidden; } .padding-bottom { padding-bottom: 150px; } .padding-bottom-nav { padding-bottom: 35px; } .button { font-size: 1.07692em; background: #001b4b; color: #fff; text-transform: uppercase; padding: 8px 27px; font-weight: 600; } .button:hover { color: #fff; background: #5ebecd; } .padding-bottom-slide { padding-bottom: 75px; } .title-sidebar-widget { display: block; clear: both; width: 100%; } ul li { list-style: none; } .woocommerce .cart-empty { margin-top: 50px; } .woocommerce table.customer_details tbody tr { width: 50%; border-bottom: none !important; } .woocommerce table.customer_details tbody th, .woocommerce table.customer_details tbody td { border-top: none; padding: 5px 15px !important; min-height: 30px !important; } .woocommerce .star-rating { color: #dedede; position: relative; margin-bottom: 5px; margin-top: 10px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); float: inherit; } .woocommerce .star-rating span:before { color: #001b4b; } .woocommerce-cart .cart-collaterals .cart_totals table th { width: 20%; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1; } /* 04. Header */ header { display: block; clear: both; z-index: 9; } header.tranfarent { position: relative; margin-bottom: 0; } header.tranfarent.blue { background-color: #f6f7f7; } header.tranfarent.blue .menu-main .menu-top .menu-login ul { padding-right: 30px; } header.tranfarent.blue .menu-main .menu-top .menu-login .cart { margin-right: 7px; padding-top: 10px; } header.tranfarent.blue .menu-main .menu-top .menu-login .cart:before { top: 17px; } header.tranfarent.blue .menu-main .menu-top .menu-login .cart a { font-size: 1em; letter-spacing: 0.5px; } header.tranfarent.blue .menu-main .menu-bottom { padding-bottom: 0; } header.tranfarent .menu-main { position: relative; } header.tranfarent .menu-main.blue { background: #f6f7f7; } header.tranfarent .menu-main .menu-top { border-bottom: 1px solid #eeeeee; background: none; } header.tranfarent .menu-main .menu-top .menu-login { position: relative; left: -15px; } header.tranfarent .menu-main .menu-top .menu-login ul { padding-right: 77px; } header.tranfarent .menu-main .menu-top .menu-login .cart { margin-right: -15px; padding-top: 11px; } header.tranfarent .menu-main .menu-top .menu-login .cart:before { left: -21px; top: 17px; } header.tranfarent .menu-main .shipping { font-size: 1em; font-weight: 500; color: #898989; position: absolute; margin-top: 10px; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } header.tranfarent .menu-main .shipping span { color: #5ebecd; } header.tranfarent .menu-main .search-header-right:hover i { color: rgba(0, 27, 75, 0.5); -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } header.tranfarent .menu-main .search-header-right i { color: #001b4b; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } header.tranfarent .menu-main .menu-bottom { padding-bottom: 10px; } header.tranfarent .menu-main .menu-bottom #main-nav { width: 100%; } header.tranfarent .menu-main .menu-bottom #main-nav.blog-default { width: 80%; } header.tranfarent .menu-main .menu-bottom #main-nav.blog-default ul li { min-width: 65px; } header.tranfarent .menu-main .menu-bottom #main-nav .mega-menu-wrap { margin-bottom: 80px; } header.tranfarent .menu-main .menu-bottom #main-nav .mega-menu-wrap ul li { margin-right: 0 !important; } header.tranfarent .menu-main .menu-bottom #main-nav ul li { margin-right: 22px !important; letter-spacing: 0.1px; min-width: 55px; } header.header-default { position: relative; } header.header-default .cart { float: left; padding-top: 10px; position: relative; margin-right: -3px; } header.header-default .cart:before { display: none; } header.padding { position: relative; } header.padding .menu-main { z-index: 2; } header.padding .menu-main .menu-top { background: none; } header.padding .menu-main .menu-top .menu-login { margin-right: 75px; margin-top: 35px; } header.padding .menu-main .menu-top .menu-login ul { padding-right: 0; } header.padding .menu-main .menu-top .menu-login ul li:last-child { padding-left: 15px; } header.padding .menu-main .menu-top .menu-login ul li a { color: #001b4b; font-weight: 500; font-size: 0.92308em; } header.padding .menu-main .menu-top .menu-login ul li a:hover { color: #5ebecd; } header.padding .menu-main .menu-top .menu-login .cart { padding-top: 0; } header.padding .menu-left { position: absolute; left: 0; z-index: 1; min-width: 330px; } header.padding .menu-left #main-nav { height: 100vh; } header.padding .menu-left #main-nav.active:before { opacity: 0.9; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } header.padding .menu-left #main-nav:before { content: ''; height: 100vh; width: 330px; background: #fdfdfe; opacity: 0; left: 0; top: 0; position: absolute; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } header.padding .menu-left #main-nav #main-navigation { padding: 0; position: relative; left: -30px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } header.padding .menu-left #main-nav #main-navigation:hover .menu-item.current_page_item a { font-weight: normal; color: rgba(0, 27, 75, 0.5); } header.padding .menu-left #main-nav #main-navigation:hover .menu-item.current_page_item a:after { width: 0%; } header.padding .menu-left #main-nav .menu-item { position: relative; line-height: 53px; list-style: none; } header.padding .menu-left #main-nav .menu-item.current_page_item a { color: #001b4b; font-weight: 700; } header.padding .menu-left #main-nav .menu-item.current_page_item a:after { width: 100%; } header.padding .menu-left #main-nav .menu-item a { text-transform: uppercase; color: rgba(0, 27, 75, 0.5); font-family: "Raleway", sans-serif; font-weight: 400; font-size: 1.23077em; position: relative; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; width: 100%; } header.padding .menu-left #main-nav .menu-item a:after { content: ''; background: #001b4b; height: 4px; position: absolute; top: -15px; width: 0; left: 0; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } header.padding .menu-left #main-nav .menu-item a:hover:after { width: 100%; } header.padding .menu-left #main-nav .menu-item a:hover a { color: #001b4b; font-weight: 700; } header.padding .menu-left #main-nav .menu-item:last-child { margin-right: 0px; } header.padding .menu-left #main-nav .menu-item.menu-item-has-children:hover .sub-menu { display: block; } header.padding .menu-left #main-nav .menu-item .sub-menu, header.padding .menu-left #main-nav .menu-item .children { display: none; position: absolute; left: 130px; padding-left: 0px; top: 0; z-index: 99999; width: 240px; font-size: 0.9em; } header.padding .menu-left #main-nav .menu-item .sub-menu li:after, header.padding .menu-left #main-nav .menu-item .children li:after { content: ""; display: none; } header.padding .menu-left #main-nav .menu-item .sub-menu li .sub-menu, header.padding .menu-left #main-nav .menu-item .children li .sub-menu { position: relative !important; left: 30px !important; display: none !important; } header.padding .menu-left #main-nav .menu-item .sub-menu li:hover .sub-menu, header.padding .menu-left #main-nav .menu-item .children li:hover .sub-menu { display: block !important; } header.padding .menu-left #main-nav .menu-item .sub-menu li:hover .sub-menu li a, header.padding .menu-left #main-nav .menu-item .children li:hover .sub-menu li a { border: none !important; border-color: tranfarent !important; } header.padding .menu-left #main-nav .menu-item .sub-menu a, header.padding .menu-left #main-nav .menu-item .children a { color: #001b4b; font-weight: normal; text-transform: capitalize; } header.padding .menu-left #main-nav .menu-item .sub-menu a:hover, header.padding .menu-left #main-nav .menu-item .children a:hover { text-decoration: line-through !important; color: #5ebecd; } header.padding .menu-left #main-nav .menu-item .sub-menu a:after, header.padding .menu-left #main-nav .menu-item .children a:after { display: none; } header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item, header.padding .menu-left #main-nav .menu-item .children .menu-item, header.padding .menu-left #main-nav .menu-item .children .page_item, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover, header.padding .menu-left #main-nav .menu-item .children.current-menu-item { background: rgba(0, 27, 75, 0.9); position: relative; padding: 0; height: auto; border: none !important; border-radius: 0 !important; text-transform: normal; } header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item a, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item a, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover a, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item a, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item a:hover, header.padding .menu-left #main-nav .menu-item .children .menu-item a, header.padding .menu-left #main-nav .menu-item .children .menu-item a:hover, header.padding .menu-left #main-nav .menu-item .children .page_item a, header.padding .menu-left #main-nav .menu-item .children .page_item a:hover, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover a, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover a:hover, header.padding .menu-left #main-nav .menu-item .children.current-menu-item a, header.padding .menu-left #main-nav .menu-item .children.current-menu-item a:hover { border-radius: 0; width: 240px; margin-left: 20px; margin-right: 20px; float: left; text-align: left !important; padding: 10px 0 !important; line-height: 18px; } header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item a:hover:hover, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item a:hover:hover, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover a:hover:hover, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item a:hover:hover, header.padding .menu-left #main-nav .menu-item .children .menu-item a:hover, header.padding .menu-left #main-nav .menu-item .children .menu-item a:hover:hover, header.padding .menu-left #main-nav .menu-item .children .page_item a:hover, header.padding .menu-left #main-nav .menu-item .children .page_item a:hover:hover, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover a:hover, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover a:hover:hover, header.padding .menu-left #main-nav .menu-item .children.current-menu-item a:hover, header.padding .menu-left #main-nav .menu-item .children.current-menu-item a:hover:hover { text-decoration: line-through; } header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item a:after, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item a:hover:after, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item a:after, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item a:hover:after, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover a:after, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover a:hover:after, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item a:after, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item a:hover:after, header.padding .menu-left #main-nav .menu-item .children .menu-item a:after, header.padding .menu-left #main-nav .menu-item .children .menu-item a:hover:after, header.padding .menu-left #main-nav .menu-item .children .page_item a:after, header.padding .menu-left #main-nav .menu-item .children .page_item a:hover:after, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover a:after, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover a:hover:after, header.padding .menu-left #main-nav .menu-item .children.current-menu-item a:after, header.padding .menu-left #main-nav .menu-item .children.current-menu-item a:hover:after { display: none; } header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:last-child a, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item:last-child a, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover:last-child a, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item:last-child a, header.padding .menu-left #main-nav .menu-item .children .menu-item:last-child a, header.padding .menu-left #main-nav .menu-item .children .page_item:last-child a, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover:last-child a, header.padding .menu-left #main-nav .menu-item .children.current-menu-item:last-child a { border-bottom: none; } header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item .sub-menu, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item .children, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item .sub-menu, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item .children, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover .sub-menu, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover .children, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item .sub-menu, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item .children, header.padding .menu-left #main-nav .menu-item .children .menu-item .sub-menu, header.padding .menu-left #main-nav .menu-item .children .menu-item .children, header.padding .menu-left #main-nav .menu-item .children .page_item .sub-menu, header.padding .menu-left #main-nav .menu-item .children .page_item .children, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover .sub-menu, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover .children, header.padding .menu-left #main-nav .menu-item .children.current-menu-item .sub-menu, header.padding .menu-left #main-nav .menu-item .children.current-menu-item .children { position: absolute; left: 170px; top: 0px; padding-top: 0px; z-index: 999; } header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item .sub-menu li a, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item .children li a, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item .sub-menu li a, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item .children li a, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover .sub-menu li a, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover .children li a, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item .sub-menu li a, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item .children li a, header.padding .menu-left #main-nav .menu-item .children .menu-item .sub-menu li a, header.padding .menu-left #main-nav .menu-item .children .menu-item .children li a, header.padding .menu-left #main-nav .menu-item .children .page_item .sub-menu li a, header.padding .menu-left #main-nav .menu-item .children .page_item .children li a, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover .sub-menu li a, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover .children li a, header.padding .menu-left #main-nav .menu-item .children.current-menu-item .sub-menu li a, header.padding .menu-left #main-nav .menu-item .children.current-menu-item .children li a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); text-transform: capitalize; padding: 4px 0 !important; } header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item .sub-menu li a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item .children li a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item .sub-menu li a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu .page_item .children li a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover .sub-menu li a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu .menu-item:hover .children li a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item .sub-menu li a:hover, header.padding .menu-left #main-nav .menu-item .sub-menu.current-menu-item .children li a:hover, header.padding .menu-left #main-nav .menu-item .children .menu-item .sub-menu li a:hover, header.padding .menu-left #main-nav .menu-item .children .menu-item .children li a:hover, header.padding .menu-left #main-nav .menu-item .children .page_item .sub-menu li a:hover, header.padding .menu-left #main-nav .menu-item .children .page_item .children li a:hover, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover .sub-menu li a:hover, header.padding .menu-left #main-nav .menu-item .children .menu-item:hover .children li a:hover, header.padding .menu-left #main-nav .menu-item .children.current-menu-item .sub-menu li a:hover, header.padding .menu-left #main-nav .menu-item .children.current-menu-item .children li a:hover { border-color: #001b4b; } header.padding .menu-left #main-nav .bottom-header-left { opacity: 0; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; position: absolute; bottom: 60px; left: 130px; } header.padding .menu-left #main-nav .bottom-header-left.active { opacity: 1; } header.padding .menu-left #main-nav .bottom-header-left .contact-text { color: #001b4b; font-size: 1.61538em; line-height: 30px; } header.padding .menu-left #main-nav .bottom-header-left .contact-text strong { font-size: 0.6em; text-transform: uppercase; clear: both; width: 100%; display: block; line-height: 34px; font-weight: normal; } header.padding .menu-left #main-nav .bottom-header-left .copyright-text { color: rgba(0, 27, 75, 0.5); font-size: 0.92308em; letter-spacing: 0.5px; font-style: italic; line-height: 21px; } header.padding .menu-left #main-nav .bottom-header-left ul { margin: 0; padding: 0; } header.padding .menu-left #main-nav .bottom-header-left ul li { float: left; font-size: 0.89231em; color: rgba(0, 27, 75, 0.5); margin-right: 10px; } header.padding .spa-logo { margin-left: -25px; margin-top: 45px; z-index: 1; } header.padding .search-form { position: absolute; top: 75px; right: 75px; } header.padding .search-form:hover:after { opacity: 0.2; } header.padding .search-form:after { content: ''; height: 1px; width: 170px; background: #001b4b; position: absolute; right: 0; bottom: 0; } header.padding .search-form label span { display: none; } header.padding .search-form input { border: none; background: transparent; } header.padding .search-form input:focus { opacity: 0.8; } header.padding .search-form input.search-submit { background: url(../images/icon-spa.png) no-repeat -135px 0; border: none; color: transparent; position: relative; width: 35px; height: 25px; } header.sticker .menu-main.active { top: 0; } header.sticker .menu-main { position: fixed; top: -150px; background: #fff; -webkit-box-shadow: -1px -1px 9px 0px #d7d7d7; -moz-box-shadow: -1px -1px 9px 0px #d7d7d7; box-shadow: -1px -1px 9px 0px #d7d7d7; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } header.sticker .menu-main .menu-bottom #main-nav .mega-menu-wrap { margin: 30px 0px 30px 0; } header.sticker .img-logo { max-width: 200px; } header.sticker .img-logo img { max-width: 100%; } header .spa-logo { float: left; position: absolute; margin-top: 20px; z-index: 1; } header .spa-logo img { max-width: 100% !important; height: auto; } header .menu-main { position: absolute; width: 100%; z-index: 1; } header .menu-main .menu-top { background: url(../images/bg-header-top.png); } header .menu-main .menu-top .menu-login { float: right; margin-bottom: 0; font-size: 0.92308em; height: 33px; } header .menu-main .menu-top .menu-login ul { float: left; padding-right: 15px; margin-bottom: 0; } header .menu-main .menu-top .menu-login ul li { list-style: none; float: left; padding: 10px; line-height: 14px; } header .menu-main .menu-top .menu-login .cart { float: left; padding-top: 8px; position: relative; margin-right: 0; letter-spacing: 0.6px; } header .menu-main .menu-top .menu-login .cart.no-icon:before { display: none; } header .menu-main .menu-top .menu-login .cart:before { content: ''; background: url(../images/icon-spa.png) no-repeat -250px -77px; height: 15px; width: 27px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -18px; top: 14px; } header .menu-main .menu-top .menu-login .cart span { color: #5ebecd; } header .menu-main .menu-top .menu-login .cart span:hover { color: #001b4b; } header .menu-main .menu-top a { color: #001b4b; font-weight: 500; } header .menu-main .menu-top a:hover { color: #5ebecd; } header .menu-main .menu-bottom { padding-bottom: 55px; position: relative; } header .menu-main .menu-bottom #main-nav { width: 100%; float: right; position: relative; } header .menu-main .menu-bottom #main-nav .search-header-right { margin-top: 40px; font-size: 1.23077em; position: absolute; width: 30px; float: left; padding-left: 25px; right: 0; } header .menu-main .menu-bottom #main-nav .search-header-right i { color: rgba(0, 27, 75, 0.5); } header .menu-main .menu-bottom #main-nav .search-header-right:hover { cursor: pointer; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } header .menu-main .menu-bottom #main-nav .search-header-right:hover i { color: #001b4b; } header .menu-main .menu-bottom #main-nav .search-header-right:after { content: ''; background: rgba(0, 27, 75, 0.4); width: 1px; height: 20px; left: 10px; top: 1px; position: absolute; } header .menu-main .slider-header { position: absolute; top: 0; z-index: -1; } header .menu-main .slider-header img { max-width: 100%; } header .slider-header { min-height: 300px; overflow: hidden; } header .slider-header .ms-nav-next { background: none; cursor: url("../images/next-slide.png") 75 40, move; height: 100%; width: 50%; right: -40%; top: 3%; z-index: 0; } header .slider-header .ms-nav-prev { background: none; cursor: url("../images/prev-slide.png") 75 40, move; height: 100%; width: 50%; left: -40%; top: 3%; z-index: 0; } header #main-navigation.default { list-style: none; padding-left: 0px; padding-bottom: 0px; position: relative; line-height: 31px; margin-bottom: 0px; max-width: 95%; } header #main-navigation.default .menu-item, header #main-navigation.default .page_item { float: left; margin-right: 23px; position: relative; font-size: 1.23077em; padding-top: 35px; padding-bottom: 40px; min-width: 55px; } header #main-navigation.default .menu-item:hover:after, header #main-navigation.default .page_item:hover:after { width: 130%; } header #main-navigation.default .menu-item:hover a, header #main-navigation.default .page_item:hover a { color: #001b4b; } header #main-navigation.default .menu-item:hover .sub-menu, header #main-navigation.default .menu-item:hover .children, header #main-navigation.default .page_item:hover .sub-menu, header #main-navigation.default .page_item:hover .children { display: block; } header #main-navigation.default .menu-item:hover .sub-menu .menu-item, header #main-navigation.default .menu-item:hover .children .menu-item, header #main-navigation.default .page_item:hover .sub-menu .menu-item, header #main-navigation.default .page_item:hover .children .menu-item { padding: 0; list-style: none; } header #main-navigation.default .menu-item:hover .sub-menu .menu-item a, header #main-navigation.default .menu-item:hover .children .menu-item a, header #main-navigation.default .page_item:hover .sub-menu .menu-item a, header #main-navigation.default .page_item:hover .children .menu-item a { color: #252525; font-size: 0.76923em; text-transform: capitalize; font-weight: 400; } header #main-navigation.default .menu-item:hover .sub-menu .menu-item .sub-menu, header #main-navigation.default .menu-item:hover .sub-menu .menu-item .children, header #main-navigation.default .menu-item:hover .children .menu-item .sub-menu, header #main-navigation.default .menu-item:hover .children .menu-item .children, header #main-navigation.default .page_item:hover .sub-menu .menu-item .sub-menu, header #main-navigation.default .page_item:hover .sub-menu .menu-item .children, header #main-navigation.default .page_item:hover .children .menu-item .sub-menu, header #main-navigation.default .page_item:hover .children .menu-item .children { display: none; } header #main-navigation.default .menu-item:hover .sub-menu .menu-item:hover .sub-menu, header #main-navigation.default .menu-item:hover .sub-menu .menu-item:hover .children, header #main-navigation.default .menu-item:hover .children .menu-item:hover .sub-menu, header #main-navigation.default .menu-item:hover .children .menu-item:hover .children, header #main-navigation.default .page_item:hover .sub-menu .menu-item:hover .sub-menu, header #main-navigation.default .page_item:hover .sub-menu .menu-item:hover .children, header #main-navigation.default .page_item:hover .children .menu-item:hover .sub-menu, header #main-navigation.default .page_item:hover .children .menu-item:hover .children { display: block; } header #main-navigation.default .menu-item:after, header #main-navigation.default .page_item:after { content: ''; background: #001b4b; height: 4px; position: absolute; top: 0; width: 0; left: -15%; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } header #main-navigation.default .menu-item:first-child, header #main-navigation.default .page_item:first-child { margin-left: 33%; } header #main-navigation.default .menu-item.current_page_item:after, header #main-navigation.default .page_item.current_page_item:after { width: 130%; } header #main-navigation.default .menu-item.current_page_item a, header #main-navigation.default .page_item.current_page_item a { color: #001b4b; font-weight: 700; } header #main-navigation.default .menu-item:last-child, header #main-navigation.default .page_item:last-child { margin-right: 0px; } header #main-navigation.default .menu-item a, header #main-navigation.default .page_item a { text-transform: uppercase; color: rgba(0, 27, 75, 0.5); font-size: 1.07692em; font-family: "Raleway", sans-serif; font-weight: 500; } header #main-navigation.default .menu-item a:hover, header #main-navigation.default .page_item a:hover { color: #001b4b; text-decoration: none; } header #main-navigation.default .menu-item .sub-menu, header #main-navigation.default .menu-item .children, header #main-navigation.default .page_item .sub-menu, header #main-navigation.default .page_item .children { display: none; position: absolute; left: -1px; padding-left: 0px; top: 60px; margin-top: 24px; z-index: 99999; font-size: 0.9em; min-width: 240px; -webkit-box-shadow: -1px 7px 12px 0px #d7d7d7; -moz-box-shadow: -1px 7px 12px 0px #d7d7d7; box-shadow: -1px 7px 12px 0px #d7d7d7; } header #main-navigation.default .menu-item .sub-menu:after, header #main-navigation.default .menu-item .children:after, header #main-navigation.default .page_item .sub-menu:after, header #main-navigation.default .page_item .children:after { content: ""; width: 0; height: 0; position: absolute; border: 4px solid transparent; border-bottom: 7px solid #001b4b; top: -10px; left: 20px; } header #main-navigation.default .menu-item .sub-menu:before, header #main-navigation.default .menu-item .children:before, header #main-navigation.default .page_item .sub-menu:before, header #main-navigation.default .page_item .children:before { content: ""; width: 100%; height: 2px; background: #252525; position: absolute; top: 0px; left: 0; z-index: 9; } header #main-navigation.default .menu-item .sub-menu li, header #main-navigation.default .menu-item .children li, header #main-navigation.default .page_item .sub-menu li, header #main-navigation.default .page_item .children li { width: 100%; } header #main-navigation.default .menu-item .sub-menu li:first-child, header #main-navigation.default .menu-item .children li:first-child, header #main-navigation.default .page_item .sub-menu li:first-child, header #main-navigation.default .page_item .children li:first-child { margin-left: 0; } header #main-navigation.default .menu-item .sub-menu li:after, header #main-navigation.default .menu-item .children li:after, header #main-navigation.default .page_item .sub-menu li:after, header #main-navigation.default .page_item .children li:after { content: ""; display: none; } header #main-navigation.default .menu-item .sub-menu a, header #main-navigation.default .menu-item .children a, header #main-navigation.default .page_item .sub-menu a, header #main-navigation.default .page_item .children a { line-height: 36px; } header #main-navigation.default .menu-item .sub-menu a:hover, header #main-navigation.default .menu-item .children a:hover, header #main-navigation.default .page_item .sub-menu a:hover, header #main-navigation.default .page_item .children a:hover { text-decoration: line-through !important; color: #fff; } header #main-navigation.default .menu-item .sub-menu .menu-item, header #main-navigation.default .menu-item .sub-menu .page_item, header #main-navigation.default .menu-item .sub-menu .menu-item:hover, header #main-navigation.default .menu-item .sub-menu.current-menu-item, header #main-navigation.default .menu-item .children .menu-item, header #main-navigation.default .menu-item .children .page_item, header #main-navigation.default .menu-item .children .menu-item:hover, header #main-navigation.default .menu-item .children.current-menu-item, header #main-navigation.default .page_item .sub-menu .menu-item, header #main-navigation.default .page_item .sub-menu .page_item, header #main-navigation.default .page_item .sub-menu .menu-item:hover, header #main-navigation.default .page_item .sub-menu.current-menu-item, header #main-navigation.default .page_item .children .menu-item, header #main-navigation.default .page_item .children .page_item, header #main-navigation.default .page_item .children .menu-item:hover, header #main-navigation.default .page_item .children.current-menu-item { background: #fdfdfe; position: relative; padding: 0; height: auto; border: none !important; border-radius: 0 !important; } header #main-navigation.default .menu-item .sub-menu .menu-item a, header #main-navigation.default .menu-item .sub-menu .menu-item a:hover, header #main-navigation.default .menu-item .sub-menu .page_item a, header #main-navigation.default .menu-item .sub-menu .page_item a:hover, header #main-navigation.default .menu-item .sub-menu .menu-item:hover a, header #main-navigation.default .menu-item .sub-menu .menu-item:hover a:hover, header #main-navigation.default .menu-item .sub-menu.current-menu-item a, header #main-navigation.default .menu-item .sub-menu.current-menu-item a:hover, header #main-navigation.default .menu-item .children .menu-item a, header #main-navigation.default .menu-item .children .menu-item a:hover, header #main-navigation.default .menu-item .children .page_item a, header #main-navigation.default .menu-item .children .page_item a:hover, header #main-navigation.default .menu-item .children .menu-item:hover a, header #main-navigation.default .menu-item .children .menu-item:hover a:hover, header #main-navigation.default .menu-item .children.current-menu-item a, header #main-navigation.default .menu-item .children.current-menu-item a:hover, header #main-navigation.default .page_item .sub-menu .menu-item a, header #main-navigation.default .page_item .sub-menu .menu-item a:hover, header #main-navigation.default .page_item .sub-menu .page_item a, header #main-navigation.default .page_item .sub-menu .page_item a:hover, header #main-navigation.default .page_item .sub-menu .menu-item:hover a, header #main-navigation.default .page_item .sub-menu .menu-item:hover a:hover, header #main-navigation.default .page_item .sub-menu.current-menu-item a, header #main-navigation.default .page_item .sub-menu.current-menu-item a:hover, header #main-navigation.default .page_item .children .menu-item a, header #main-navigation.default .page_item .children .menu-item a:hover, header #main-navigation.default .page_item .children .page_item a, header #main-navigation.default .page_item .children .page_item a:hover, header #main-navigation.default .page_item .children .menu-item:hover a, header #main-navigation.default .page_item .children .menu-item:hover a:hover, header #main-navigation.default .page_item .children.current-menu-item a, header #main-navigation.default .page_item .children.current-menu-item a:hover { border-radius: 0; width: 240px; left: 15px; position: relative; float: left; text-align: left !important; padding: 10px 0 !important; line-height: 20px; } header #main-navigation.default .menu-item .sub-menu .menu-item a:hover, header #main-navigation.default .menu-item .sub-menu .menu-item a:hover:hover, header #main-navigation.default .menu-item .sub-menu .page_item a:hover, header #main-navigation.default .menu-item .sub-menu .page_item a:hover:hover, header #main-navigation.default .menu-item .sub-menu .menu-item:hover a:hover, header #main-navigation.default .menu-item .sub-menu .menu-item:hover a:hover:hover, header #main-navigation.default .menu-item .sub-menu.current-menu-item a:hover, header #main-navigation.default .menu-item .sub-menu.current-menu-item a:hover:hover, header #main-navigation.default .menu-item .children .menu-item a:hover, header #main-navigation.default .menu-item .children .menu-item a:hover:hover, header #main-navigation.default .menu-item .children .page_item a:hover, header #main-navigation.default .menu-item .children .page_item a:hover:hover, header #main-navigation.default .menu-item .children .menu-item:hover a:hover, header #main-navigation.default .menu-item .children .menu-item:hover a:hover:hover, header #main-navigation.default .menu-item .children.current-menu-item a:hover, header #main-navigation.default .menu-item .children.current-menu-item a:hover:hover, header #main-navigation.default .page_item .sub-menu .menu-item a:hover, header #main-navigation.default .page_item .sub-menu .menu-item a:hover:hover, header #main-navigation.default .page_item .sub-menu .page_item a:hover, header #main-navigation.default .page_item .sub-menu .page_item a:hover:hover, header #main-navigation.default .page_item .sub-menu .menu-item:hover a:hover, header #main-navigation.default .page_item .sub-menu .menu-item:hover a:hover:hover, header #main-navigation.default .page_item .sub-menu.current-menu-item a:hover, header #main-navigation.default .page_item .sub-menu.current-menu-item a:hover:hover, header #main-navigation.default .page_item .children .menu-item a:hover, header #main-navigation.default .page_item .children .menu-item a:hover:hover, header #main-navigation.default .page_item .children .page_item a:hover, header #main-navigation.default .page_item .children .page_item a:hover:hover, header #main-navigation.default .page_item .children .menu-item:hover a:hover, header #main-navigation.default .page_item .children .menu-item:hover a:hover:hover, header #main-navigation.default .page_item .children.current-menu-item a:hover, header #main-navigation.default .page_item .children.current-menu-item a:hover:hover { color: #5ebecd; } header #main-navigation.default .menu-item .sub-menu .menu-item:last-child, header #main-navigation.default .menu-item .sub-menu .page_item:last-child, header #main-navigation.default .menu-item .sub-menu .menu-item:hover:last-child, header #main-navigation.default .menu-item .sub-menu.current-menu-item:last-child, header #main-navigation.default .menu-item .children .menu-item:last-child, header #main-navigation.default .menu-item .children .page_item:last-child, header #main-navigation.default .menu-item .children .menu-item:hover:last-child, header #main-navigation.default .menu-item .children.current-menu-item:last-child, header #main-navigation.default .page_item .sub-menu .menu-item:last-child, header #main-navigation.default .page_item .sub-menu .page_item:last-child, header #main-navigation.default .page_item .sub-menu .menu-item:hover:last-child, header #main-navigation.default .page_item .sub-menu.current-menu-item:last-child, header #main-navigation.default .page_item .children .menu-item:last-child, header #main-navigation.default .page_item .children .page_item:last-child, header #main-navigation.default .page_item .children .menu-item:hover:last-child, header #main-navigation.default .page_item .children.current-menu-item:last-child { padding-bottom: 15px; } header #main-navigation.default .menu-item .sub-menu .menu-item:last-child a, header #main-navigation.default .menu-item .sub-menu .page_item:last-child a, header #main-navigation.default .menu-item .sub-menu .menu-item:hover:last-child a, header #main-navigation.default .menu-item .sub-menu.current-menu-item:last-child a, header #main-navigation.default .menu-item .children .menu-item:last-child a, header #main-navigation.default .menu-item .children .page_item:last-child a, header #main-navigation.default .menu-item .children .menu-item:hover:last-child a, header #main-navigation.default .menu-item .children.current-menu-item:last-child a, header #main-navigation.default .page_item .sub-menu .menu-item:last-child a, header #main-navigation.default .page_item .sub-menu .page_item:last-child a, header #main-navigation.default .page_item .sub-menu .menu-item:hover:last-child a, header #main-navigation.default .page_item .sub-menu.current-menu-item:last-child a, header #main-navigation.default .page_item .children .menu-item:last-child a, header #main-navigation.default .page_item .children .page_item:last-child a, header #main-navigation.default .page_item .children .menu-item:hover:last-child a, header #main-navigation.default .page_item .children.current-menu-item:last-child a { border-bottom: none; } header #main-navigation.default .menu-item .sub-menu .menu-item:first-child, header #main-navigation.default .menu-item .sub-menu .page_item:first-child, header #main-navigation.default .menu-item .sub-menu .menu-item:hover:first-child, header #main-navigation.default .menu-item .sub-menu.current-menu-item:first-child, header #main-navigation.default .menu-item .children .menu-item:first-child, header #main-navigation.default .menu-item .children .page_item:first-child, header #main-navigation.default .menu-item .children .menu-item:hover:first-child, header #main-navigation.default .menu-item .children.current-menu-item:first-child, header #main-navigation.default .page_item .sub-menu .menu-item:first-child, header #main-navigation.default .page_item .sub-menu .page_item:first-child, header #main-navigation.default .page_item .sub-menu .menu-item:hover:first-child, header #main-navigation.default .page_item .sub-menu.current-menu-item:first-child, header #main-navigation.default .page_item .children .menu-item:first-child, header #main-navigation.default .page_item .children .page_item:first-child, header #main-navigation.default .page_item .children .menu-item:hover:first-child, header #main-navigation.default .page_item .children.current-menu-item:first-child { padding-top: 15px; } header #main-navigation.default .menu-item .sub-menu .menu-item .sub-menu, header #main-navigation.default .menu-item .sub-menu .menu-item .children, header #main-navigation.default .menu-item .sub-menu .page_item .sub-menu, header #main-navigation.default .menu-item .sub-menu .page_item .children, header #main-navigation.default .menu-item .sub-menu .menu-item:hover .sub-menu, header #main-navigation.default .menu-item .sub-menu .menu-item:hover .children, header #main-navigation.default .menu-item .sub-menu.current-menu-item .sub-menu, header #main-navigation.default .menu-item .sub-menu.current-menu-item .children, header #main-navigation.default .menu-item .children .menu-item .sub-menu, header #main-navigation.default .menu-item .children .menu-item .children, header #main-navigation.default .menu-item .children .page_item .sub-menu, header #main-navigation.default .menu-item .children .page_item .children, header #main-navigation.default .menu-item .children .menu-item:hover .sub-menu, header #main-navigation.default .menu-item .children .menu-item:hover .children, header #main-navigation.default .menu-item .children.current-menu-item .sub-menu, header #main-navigation.default .menu-item .children.current-menu-item .children, header #main-navigation.default .page_item .sub-menu .menu-item .sub-menu, header #main-navigation.default .page_item .sub-menu .menu-item .children, header #main-navigation.default .page_item .sub-menu .page_item .sub-menu, header #main-navigation.default .page_item .sub-menu .page_item .children, header #main-navigation.default .page_item .sub-menu .menu-item:hover .sub-menu, header #main-navigation.default .page_item .sub-menu .menu-item:hover .children, header #main-navigation.default .page_item .sub-menu.current-menu-item .sub-menu, header #main-navigation.default .page_item .sub-menu.current-menu-item .children, header #main-navigation.default .page_item .children .menu-item .sub-menu, header #main-navigation.default .page_item .children .menu-item .children, header #main-navigation.default .page_item .children .page_item .sub-menu, header #main-navigation.default .page_item .children .page_item .children, header #main-navigation.default .page_item .children .menu-item:hover .sub-menu, header #main-navigation.default .page_item .children .menu-item:hover .children, header #main-navigation.default .page_item .children.current-menu-item .sub-menu, header #main-navigation.default .page_item .children.current-menu-item .children { position: absolute; left: 170px; top: 0px; padding-top: 0px; z-index: 999; } header #main-navigation.default .menu-item .sub-menu .menu-item .sub-menu li a:hover, header #main-navigation.default .menu-item .sub-menu .menu-item .children li a:hover, header #main-navigation.default .menu-item .sub-menu .page_item .sub-menu li a:hover, header #main-navigation.default .menu-item .sub-menu .page_item .children li a:hover, header #main-navigation.default .menu-item .sub-menu .menu-item:hover .sub-menu li a:hover, header #main-navigation.default .menu-item .sub-menu .menu-item:hover .children li a:hover, header #main-navigation.default .menu-item .sub-menu.current-menu-item .sub-menu li a:hover, header #main-navigation.default .menu-item .sub-menu.current-menu-item .children li a:hover, header #main-navigation.default .menu-item .children .menu-item .sub-menu li a:hover, header #main-navigation.default .menu-item .children .menu-item .children li a:hover, header #main-navigation.default .menu-item .children .page_item .sub-menu li a:hover, header #main-navigation.default .menu-item .children .page_item .children li a:hover, header #main-navigation.default .menu-item .children .menu-item:hover .sub-menu li a:hover, header #main-navigation.default .menu-item .children .menu-item:hover .children li a:hover, header #main-navigation.default .menu-item .children.current-menu-item .sub-menu li a:hover, header #main-navigation.default .menu-item .children.current-menu-item .children li a:hover, header #main-navigation.default .page_item .sub-menu .menu-item .sub-menu li a:hover, header #main-navigation.default .page_item .sub-menu .menu-item .children li a:hover, header #main-navigation.default .page_item .sub-menu .page_item .sub-menu li a:hover, header #main-navigation.default .page_item .sub-menu .page_item .children li a:hover, header #main-navigation.default .page_item .sub-menu .menu-item:hover .sub-menu li a:hover, header #main-navigation.default .page_item .sub-menu .menu-item:hover .children li a:hover, header #main-navigation.default .page_item .sub-menu.current-menu-item .sub-menu li a:hover, header #main-navigation.default .page_item .sub-menu.current-menu-item .children li a:hover, header #main-navigation.default .page_item .children .menu-item .sub-menu li a:hover, header #main-navigation.default .page_item .children .menu-item .children li a:hover, header #main-navigation.default .page_item .children .page_item .sub-menu li a:hover, header #main-navigation.default .page_item .children .page_item .children li a:hover, header #main-navigation.default .page_item .children .menu-item:hover .sub-menu li a:hover, header #main-navigation.default .page_item .children .menu-item:hover .children li a:hover, header #main-navigation.default .page_item .children.current-menu-item .sub-menu li a:hover, header #main-navigation.default .page_item .children.current-menu-item .children li a:hover { border-color: #001b4b; } .mobile-logo { display: none; } #mega-menu-wrap-main-menu { float: left; margin-top: 30px; margin-right: 45px; width: 100%; } #mega-menu-wrap-main-menu ul li.mega-menu-item .mega-menu-link { position: relative; } #mega-menu-wrap-main-menu ul li.mega-menu-item .mega-menu-link:hover { color: #001b4b !important; } #mega-menu-wrap-main-menu ul li.mega-menu-item .mega-menu-link:first-child:before { content: ''; background: #001b4b; height: 4px; position: absolute !important; top: -30px; width: 0; left: -2%; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #mega-menu-wrap-main-menu ul li.mega-menu-item .mega-menu-link:first-child:hover:before { width: 96%; } #mega-menu-wrap-main-menu ul li:first-child { padding-left: 33% !important; } #mega-menu-wrap-main-menu ul li.mega-current-menu-item a { color: #001b4b !important; font-weight: 700 !important; } #mega-menu-wrap-main-menu ul li.mega-current-menu-item a:before { width: 96% !important; } #mega-menu-wrap-main-menu ul li:before { content: ''; background: #001b4b; height: 4px; position: absolute; top: 0; width: 0; left: -2%; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } #mega-menu-wrap-main-menu ul li .mega-sub-menu { -webkit-box-shadow: -1px 7px 12px 0px #d7d7d7 !important; -moz-box-shadow: -1px 7px 12px 0px #d7d7d7 !important; box-shadow: -1px 7px 12px 0px #d7d7d7 !important; border-top: 2px solid #000; position: relative; } #mega-menu-wrap-main-menu ul li .mega-sub-menu:before { content: ""; width: 100%; height: 2px; background: #252525; position: absolute; top: 0px; left: 0; z-index: 9; } #mega-menu-wrap-main-menu ul li .mega-sub-menu li .mega-menu-link { position: relative; } #mega-menu-wrap-main-menu ul li .mega-sub-menu li .mega-menu-link:first-child:before { display: none !important; } #mega-menu-wrap-main-menu ul li .mega-sub-menu li .mega-menu-link:first-child:hover:before { display: none !important; } #mega-menu-wrap-main-menu ul li .mega-sub-menu li:before { content: ""; width: 100%; height: 2px; background: #252525; position: absolute; top: 0px; left: 0; z-index: 9; } #mega-menu-wrap-main-menu ul li .mega-sub-menu li:first-child { padding-left: 0 !important; } #mega-menu-wrap-main-menu ul li .mega-sub-menu li .mega-sub-menu { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } #mega-menu-wrap-main-menu ul li .mega-sub-menu li a { font-weight: normal !important; color: #898989; } #mega-menu-wrap-main-menu ul li .mega-sub-menu li a:hover { text-decoration: line-through !important; } #mySearch { background-color: #f2f2f2; opacity: 0.95; z-index: 99999; } #mySearch .modal-dialog { width: 65%; } #mySearch .modal-dialog button { background: url("../images/close_white.png") no-repeat; color: transparent; border: none; float: right; top: -200px; right: -10%; position: absolute; } #mySearch .modal-dialog .modal-content { border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; margin: 50px 0; padding-left: 10%; } #mySearch .modal-dialog .modal-content .modal-body { margin-top: 30%; padding-left: 15%; } @media only screen and (max-width: 1025px) { #mySearch .modal-dialog .modal-content .modal-body { margin-top: 45%; padding-left: 0; } } #mySearch .modal-dialog .modal-content .modal-body .ajaxsearchpro .innericon { position: relative; } #mySearch .modal-dialog .modal-content .modal-body .ajaxsearchpro .innericon:after { content: ''; position: absolute; border-right: 2px solid #646464; width: 3px; height: 80px; right: 10px; top: 0; } #mySearch .modal-dialog .modal-content .modal-body .ajaxsearchpro .proinput .orig { padding-top: 5px !important; width: 700px !important; padding-left: 10% !important; letter-spacing: 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #mySearch .modal-dialog .modal-content .modal-body .ajaxsearchpro .proinput .autocomplete { padding-top: 5px !important; padding-left: 10% !important; } #mySearch .modal-dialog .modal-content .modal-body .icon-search:before { content: ''; background: url(../images/icon-spa.png) no-repeat -185px -102px; height: 25px; width: 30px; left: 0; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #mySearch .modal-dialog .modal-content .modal-body .icon-search:after { content: ''; background: #898989; height: 80px; width: 2px; left: 60px; position: absolute; } #mySearch .modal-dialog .modal-content .modal-body input[type="text"] { border: none; background-color: transparent; width: 90%; height: 80px; position: relative; color: #898989; font-size: 3.5em; letter-spacing: 3px; } #bleute-mobile-menu { display: none; } #bleute-mobile-menu .mobile-menu .menu { padding: 0; position: relative; } #bleute-mobile-menu .mobile-menu .menu.show-menu-mobile { width: 85% !important; background: #fff; height: 100vh; left: 15%; padding-top: 100px; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; position: fixed; overflow-y: scroll; } #bleute-mobile-menu .mobile-menu .menu li { list-style: none; padding: 15px 25px; border-bottom: 1px solid #CDCDCD; position: relative; } #bleute-mobile-menu .mobile-menu .menu li .arrow-menu { position: absolute; top: 10px; right: 25px; font-size: 2em; } #bleute-mobile-menu .mobile-menu .menu li a { font-size: 1.2em; font-weight: 600; } #bleute-mobile-menu .mobile-menu .menu li .sub-menu, #bleute-mobile-menu .mobile-menu .menu li .children { display: none; padding: 0; } #bleute-mobile-menu .mobile-menu .menu li .sub-menu li, #bleute-mobile-menu .mobile-menu .menu li .children li { border-bottom: none; } #bleute-mobile-menu .mobile-menu .menu li .sub-menu a, #bleute-mobile-menu .mobile-menu .menu li .children a { text-transform: capitalize; font-size: 1.1em; font-weight: normal; } #bleute-mobile-menu .mobile-menu .menu li .sub-menu.active, #bleute-mobile-menu .mobile-menu .menu li .children.active { display: block; margin: 10px 0; } .to-bottom { position: relative; top: -25px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .to-bottom:hover { top: -15px; } .to-bottom .title-back-to-top { color: #5ebecd; font-size: 0.92308em; font-weight: 500; margin-bottom: 16px; font-style: italic; letter-spacing: 0.5px; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; position: relative; top: -30px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .to-bottom:hover .title-back-to-top { top: -40px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .to-bottom:hover.bottom { -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .to-bottom:hover.bottom i { top: -15px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .to-bottom.bottom { top: -30px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .to-bottom.bottom i { padding: 4px 27px 32px 27px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; top: -5px; } .to-bottom i { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); color: #fff; position: absolute; z-index: 1; padding: 12px 17px; background: #001b4b; font-size: 25px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .border-bottom { border-bottom: 1px solid #CDCDCD; } .content { position: relative; z-index: 1; } .content.margin-bottom { margin-bottom: 40px; } .content.member { padding-top: 40px; } .content.page .description { margin-bottom: 80px; } .content .title { color: #001b4b; font-size: 2.30769em; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 50px; } .content .description { font-style: italic; font-size: 1em; color: #898989; text-align: center; margin-bottom: 65px; margin-top: 5px; letter-spacing: 1.6px; } .background-page { position: absolute; top: -50px; } /* 2. Style login */ .woocommerce #tab-reviews { max-width: 710px; position: relative; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .woocommerce #tab-reviews #respond .comment-form { width: 100%; } .woocommerce #tab-reviews #respond .form-submit input { background: #001b4b; color: #fff; border-radius: 0; text-transform: uppercase; padding: 8px 27px; font-weight: 600; } .woocommerce #tab-reviews #review_form .title-post { font-size: 1.38462em; text-transform: uppercase; } .woocommerce #tab-reviews #review_form #comments { margin-top: 30px; } .woocommerce #tab-reviews #review_form #comments ol.commentlist li .comment-text { border-radius: 0; padding: 25px; } .woocommerce #tab-reviews #review_form #comments ol.commentlist li .comment-text p { color: #898989; } .woocommerce #tab-reviews #review_form #comments ol.commentlist li .comment-text p.meta { color: #5ebecd; font-size: 14px; } .woocommerce #tab-reviews #review_form #comments ol.commentlist li .comment-text p.meta [itemprop="author"] { font-size: 1em; font-weight: normal; text-transform: uppercase; } .woocommerce #tab-reviews #review_form #comments ol.commentlist li .comment-text p.meta [itemprop="datePublished"] { font-size: 0.92308em; } .woocommerce #tab-reviews #review_form #comments .star-rating { left: auto; right: 0; position: absolute; top: 10px; font-size: 0.92308em; } .woocommerce .woocommerce-tabs { position: relative; min-height: 80px; } .woocommerce .woocommerce-tabs .panel { border: none; -webkit-box-shadow: none; box-shadow: none; } .woocommerce .woocommerce-tabs .panel table.shop_attributes { border: none; margin-top: 50px; } .woocommerce .woocommerce-tabs .panel table.shop_attributes td { border: none; } .woocommerce .woocommerce-tabs .panel table.shop_attributes td p { padding-left: 30px; font-style: normal; color: #898989; font-weight: bold; } .woocommerce .woocommerce-tabs .panel table.shop_attributes th { border: none; border-right: 1px solid #e5e5e5; padding-left: 20px; font-weight: normal; text-transform: uppercase; } .woocommerce .woocommerce-tabs .panel table.shop_attributes tr { border: 1px solid #e5e5e5; border-bottom: 1px dashed #e5e5e5; height: 55px; } .woocommerce .woocommerce-tabs #tab-description, .woocommerce .woocommerce-tabs #tab-additional_information, .woocommerce .woocommerce-tabs #tab-reviews { display: block !important; } .woocommerce .woocommerce-tabs #tab-description h2, .woocommerce .woocommerce-tabs #tab-additional_information h2 { display: none; } .woocommerce .woocommerce-tabs .bg-tab.stick-scroll { position: fixed; left: 0; top: 0; z-index: 1; background: #fff; width: 100%; height: 60px; -webkit-box-shadow: -5px 1px 6px 0px #d7d7d7; -moz-box-shadow: -5px 1px 6px 0px #d7d7d7; box-shadow: -5px 1px 6px 0px #d7d7d7; } .woocommerce .woocommerce-tabs .bg-tab.stick-scroll .wc-tabs { top: 0; position: fixed; } .woocommerce .woocommerce-tabs .wc-tabs { padding: 20px 0; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: -85px; } .woocommerce .woocommerce-tabs .wc-tabs:hover li.active:before { width: 0; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .woocommerce .woocommerce-tabs .wc-tabs:hover li.active a { color: #898989; } .woocommerce .woocommerce-tabs .wc-tabs li { list-style: none; float: left; text-transform: uppercase; position: relative; padding: 0 25px; } .woocommerce .woocommerce-tabs .wc-tabs li:before { content: ''; height: 2px; width: 0; background: #001b4b; position: absolute; bottom: -5px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .woocommerce .woocommerce-tabs .wc-tabs li:hover:before { width: 60px !important; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .woocommerce .woocommerce-tabs .wc-tabs li:hover a { color: #001b4b !important; } .woocommerce .woocommerce-tabs .wc-tabs li.active:before { width: 60px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .woocommerce .woocommerce-tabs .wc-tabs li.active a { color: #001b4b; } .woocommerce .woocommerce-tabs .wc-tabs li a { font-size: 1.23077em; color: #898989; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .woocommerce .woo-account { clear: both; } .woocommerce .woo-account .container { padding: 70px 0; } .woocommerce .woo-login { clear: both; } .woocommerce .woo-login .container { padding: 70px 0; } .woocommerce .woo-login .login-page { position: relative; } .woocommerce .woo-login .login-page:after { content: ''; position: absolute; border-right: 1px solid #e8e4d9; height: 100%; width: 3px; right: 0; top: 0; } .woocommerce .woo-login .login-page .login { border: none; } .woocommerce .woo-login .register { border: none; } .woocommerce .woo-login h2 { font-size: 3em; text-transform: capitalize; color: #001b4b; } .woocommerce .woo-login form { border: none; padding: 0; } .woocommerce .woo-login form label { font-weight: normal; color: rgba(0, 0, 0, 0.8); } .woocommerce .woo-login form input { min-height: 40px; border-radius: 40px; border: 1px solid #CDCDCD; } .woocommerce .woo-login form input.input-text { width: 90%; padding-left: 20px; } .woocommerce .woo-login form input.button { background: #001b4b; color: #fff; font-weight: normal; text-transform: uppercase; padding: 0 35px; display: block; margin: 25px 0 15px 0; border-radius: 0; border: none; } .woocommerce .woo-login form input.button:hover { background: rgba(0, 0, 0, 0.8); color: #fff; } .woocommerce .woo-login form .inline { color: rgba(0, 0, 0, 0.8); } .woocommerce .woo-login form .lost_password a { color: rgba(0, 0, 0, 0.8); } .woocommerce .woo-login form .lost_password a:hover { color: #001b4b; } /*end login*/ /* 05. Blog Header full screen */ .blog-header { position: absolute; bottom: 85px; right: 85px; max-width: 265px; } .blog-header .new-header .swiper-slide { overflow: hidden; opacity: 0; padding-top: 60px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .blog-header .new-header .swiper-slide.swiper-slide-active { opacity: 1; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .blog-header .new-header .swiper-slide.swiper-slide-active .date { right: 10px; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .blog-header .new-header .swiper-slide .date { font-size: 7.69231em; font-family: "Oswald", sans-serif; color: #5ebecd; position: absolute; max-width: 105px; right: -105px; top: -20px; z-index: 1; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .blog-header .new-header .swiper-slide .date:after { content: ''; height: 3px; width: 40px; background: #5ebecd; position: absolute; right: 5px; bottom: 10px; } .blog-header .new-header .swiper-slide .img-new { position: relative; } .blog-header .new-header .swiper-slide .img-new .img { position: relative; } .blog-header .new-header .swiper-slide .img-new .img:before { content: ''; background: #001b4b; opacity: 0.8; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .blog-header .new-header .swiper-slide .img-new .content { -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; color: #fff; background: #001b4b; font-size: 1.07692em; position: relative; padding: 0 25px; height: 0; position: relative; max-height: 60px; overflow: hidden; } .blog-header .new-header .swiper-slide .img-new .content p { height: 0; overflow: hidden; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .blog-header .new-header .swiper-slide .img-new:hover .img:before { opacity: 0; } .blog-header .new-header .swiper-slide .img-new:hover .content { height: 75px; line-height: 22px; padding: 15px 25px; overflow: hidden; max-height: 75px; } .blog-header .new-header .swiper-slide .img-new:hover .content p { height: 40px; overflow: hidden; } .blog-header .swiper-button-next { background: #CDCDCD; width: 25px; height: 22px; position: relative; left: 30px; bottom: -25px; } .blog-header .swiper-button-next:hover { background: #5ebecd; } .blog-header .swiper-button-next:before { content: ''; background: url(../images/icon-spa.png) no-repeat -225px -43px; height: 15px; width: 27px; right: 15%; position: absolute; margin-left: -20px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .blog-header .swiper-button-prev { background: #CDCDCD; width: 25px; height: 22px; position: relative; left: 0; bottom: -25px; } .blog-header .swiper-button-prev:hover { background: #5ebecd; } .blog-header .swiper-button-prev:before { content: ''; background: url(../images/icon-spa.png) no-repeat -195px -43px; height: 15px; width: 27px; right: -20%; position: absolute; margin-left: -20px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* 07. History */ .history.full-width { width: 100%; } .history.half { height: 600px; background: #f2f2f2; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .history.half:hover { background: #EFEFEF; } .history.half .width-history { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 47%; float: right; margin-right: 90px; } .history.half .history-title { margin-top: 0; } .history.half .history-title .title-element { font-weight: 600; color: rgba(94, 190, 205, 0.1); width: 100%; font-size: 7.69231em; line-height: 100px; } .history.half .history-content { margin-top: 40px; margin-left: 0; width: 100%; } .history.half .history-content .content-bold { font-size: 1.84615em; line-height: 36px; max-height: 75px; overflow: hidden; } .history.half .history-content .content-small { margin-bottom: 25px; max-height: 70px; overflow: hidden; } .history.center .history-title { float: initial; text-align: center; margin-top: 38px; } .history.center .history-title .title-element { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: relative; letter-spacing: 5px; } .history.center .history-title .shop-name { position: relative; margin-top: -15px; line-height: 40px; } .history.center .history-title .description { position: relative; } .history.center .history-content { margin-top: 10px; padding: 0 25%; text-align: center; margin-left: 0; padding-bottom: 53px; border-bottom: 1px solid #e1e1e1; width: 100%; } .history.center .history-content .content-small { letter-spacing: 0.6px; } .history .history-title { float: left; position: relative; margin-top: 35%; } .history .history-title .title-element { font-family: "Oswald", sans-serif; font-size: 9.23077em; text-transform: uppercase; color: rgba(94, 190, 205, 0.15); line-height: 120px; letter-spacing: 22px; word-break: break-all; width: 88%; font-weight: 500; -webkit-font-smoothing: auto; } .history .history-title .shop-name { color: #001b4b; font-size: 2.76923em; font-weight: 700; text-transform: uppercase; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 42%; } .history .history-title .description { color: #5ebecd; font-size: 1.53846em; font-family: "HLT SIGNERICA MEDIUM", sans-serif; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 59%; font-weight: 600; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .history .history-image { float: left; width: 370px; height: 480px; overflow: hidden; position: relative; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; margin-top: 30px; } .history .history-image:before { content: ''; width: 100%; height: 100%; background: none; top: 0; left: 0; position: absolute; } .history .history-image:hover { opacity: 0.5; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .history .history-image img { min-width: 100%; width: auto; min-height: 100%; height: auto; overflow: hidden; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .history .history-content { float: left; margin-top: 38%; margin-left: 35px; width: 90%; } .history .history-content .content-bold { font-size: 1.84615em; font-weight: 500; color: #898989; line-height: 36px; margin-bottom: 20px; letter-spacing: 1.6px; max-height: 110px; overflow: hidden; } .history .history-content .content-small { color: #898989; font-size: 1em; line-height: 24px; margin-bottom: 30px; letter-spacing: 0.7px; max-height: 165px; overflow: hidden; } .history .history-content a { color: #5ebecd; font-size: 0.92308em; font-style: italic; text-decoration: underline; letter-spacing: 2px; } .history .history-content a:hover { color: #001b4b; } /* 06. Open time */ .open-time { background: #f6f6f6; -webkit-box-sizing: border-box; box-sizing: border-box; height: 600px; } .open-time .title { font-size: 7.69231em; font-family: "Oswald", sans-serif; text-transform: uppercase; color: rgba(94, 190, 205, 0.1); font-weight: 900; letter-spacing: 15px; width: 300px; word-break: break-all; line-height: 110px; margin-bottom: 40px; } .open-time .content { font-weight: 500; margin-bottom: 40px; } .open-time .content .hotline { font-size: 1em; color: #898989; } .open-time .content .phone { font-size: 1.84615em; color: #001b4b; padding-left: 20px; } .open-time .content .sub-text { font-size: 0.84615em; color: #898989; position: relative; padding-left: 35px; } .open-time .content .sub-text:before { content: ''; height: 10px; width: 1px; background: #898989; left: 30px; top: 2px; position: absolute; } .open-time .content .hours { font-size: 1em; color: #898989; display: block; } .open-time .content .time { font-size: 1.38462em; color: #001b4b; line-height: 40px; padding-left: 20px; } .open-time .content .sat-sun { font-size: 1em; color: #898989; display: block; } .open-time .content .sat-sun span { font-size: 1.07692em; color: #001b4b; font-weight: 500; line-height: 40px; margin-left: 5px; } /* 08. Service */ .service.service-odds { clear: both; } .service.service-odds ul { width: 100%; padding: 0; margin-bottom: 60px; } .service.service-odds ul:nth-child(odd) { float: left; } .service.service-odds ul:nth-child(odd) li { list-style: none; } .service.service-odds ul:nth-child(odd) li .image-left { float: left; } .service.service-odds ul:nth-child(odd) li .content-service { float: left; } .service.service-odds ul:nth-child(odd) li .content-service .text-top .title-element { left: 0; } .service.service-odds ul:nth-child(odd) li .content-service .text-top .description { left: 0; } .service.service-odds ul:nth-child(odd) li .content-service .text-bottom:after { left: 0; } .service.service-odds ul:nth-child(even) { float: right; } .service.service-odds ul:nth-child(even) li { list-style: none; } .service.service-odds ul:nth-child(even) li:nth-child(even) .service-content .image-left { margin-right: -10px; } .service.service-odds ul:nth-child(even) li:nth-child(even) .content-service:nth-child(2) { margin-right: 20px; } .service.service-odds ul:nth-child(even) li .image-left { float: right; margin-left: 35px; margin-right: 10px; } .service.service-odds ul:nth-child(even) li .content-service { float: right; text-align: right; width: 49%; } .service.service-odds ul:nth-child(even) li .content-service .text-top { margin-bottom: 35px; } .service.service-odds ul:nth-child(even) li .content-service .text-top .number { margin-top: -20px; } .service.service-odds ul:nth-child(even) li .content-service .text-top .title-element { right: 0; top: 55%; text-transform: uppercase; font-size: 1.23077em; letter-spacing: 0.6px; } .service.service-odds ul:nth-child(even) li .content-service .text-top .description { right: 0; } .service.service-odds ul:nth-child(even) li .content-service .text-bottom { padding-left: 50px; } .service.service-odds ul:nth-child(even) li .content-service .text-bottom:after { top: -55px; right: 2px; } .service.service-odds ul:nth-child(even) li .content-service .text-bottom .content { padding-right: 0; padding-top: 5px; } .service.service-odds .service-content:nth-child(even) .image-left { margin-left: 15px; } .service.service-odds .image-left { width: 35%; } .service.service-odds .image-left .image { width: 100%; max-width: 200px; position: relative; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .service.service-odds .image-left .image:before { content: ''; width: 100%; height: 100%; background: none; top: 0; left: 0; position: absolute; } .service.service-odds .image-left .image:hover { opacity: 0.5; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .service.service-odds .image-left .image img { width: 100%; height: auto; } .service.service-odds .content-service { position: relative; width: 55%; margin-left: 30px; } .service.service-odds .content-service .text-top { margin-bottom: 10px; } .service.service-odds .content-service .text-top .number { font-size: 7.69231em; text-transform: uppercase; color: rgba(94, 190, 205, 0.15); line-height: 160px; font-family: "Oswald", sans-serif; margin-left: -5px; } .service.service-odds .content-service .text-top .title-element { font-weight: 600; color: #001b4b; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 25%; } .service.service-odds .content-service .text-top .title-element span.for { font-weight: 600; font-size: 1.53846em; margin-right: 5px; } .service.service-odds .content-service .text-top .title-element span.name { font-family: "HLT SIGNERICA MEDIUM", sans-serif; font-weight: 600; font-size: 3.07692em; } .service.service-odds .content-service .text-top .description { font-style: italic; font-size: 1em; color: #898989; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 37%; letter-spacing: 1.6px; } .service.service-odds .content-service .text-bottom { position: relative; } .service.service-odds .content-service .text-bottom:after { content: ''; background: #5ebecd; height: 3px; width: 45px; position: absolute; top: -13px; } .service.service-odds .content-service .text-bottom .content { font-size: 1em; color: #898989; font-weight: 400; line-height: 24px; max-height: 75px; overflow: hidden; letter-spacing: 0.6px; padding-right: 60px; } .service.service-odds .content-service a { color: #5ebecd; font-size: 0.84615em; font-style: italic; clear: both; display: block; padding-top: 25px; letter-spacing: 2px; } .service.service-odds .content-service a:hover { color: #001b4b; } .service.service-full.padding .service:nth-child(odd) .image-left { width: 785px; height: auto; float: left; overflow: hidden; position: relative; } .service.service-full.padding .service:nth-child(even) .image-left { width: 965px; height: auto; } .service.service-full.padding .service .content-service.right { left: 0; } .service.service-full.padding .service .content-service.left { right: 0; } .service.service-full .image-left { float: left; width: 960px; min-height: 500px; overflow: hidden; max-width: 100%; position: relative; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; float: right; } .service.service-full .image-left.right { min-height: 580px; float: left; } .service.service-full .image-left:before { content: ''; width: 100%; height: 100%; background: none; top: 0; left: 0; position: absolute; } .service.service-full .image-left:hover { opacity: 0.5; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); } .service.service-full .image-left img { min-width: 100%; width: auto; min-height: 100%; height: auto; overflow: hidden; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .service.service-full .content-service { position: relative; margin-top: 65px; width: 44%; } .service.service-full .content-service.right { left: 80px; } .service.service-full .content-service.right .text-bottom:after { left: 0; } .service.service-full .content-service.left { right: 85px; float: right; text-align: right; } .service.service-full .content-service.left .text-top { right: 0; } .service.service-full .content-service.left .text-top .title-element { right: 0; } .service.service-full .content-service.left .text-top .description { right: 0; } .service.service-full .content-service.left .text-bottom:after { right: 0; left: auto; } .service.service-full .content-service.left a { float: right; } .service.service-full .content-service .text-top { margin-bottom: 35px; } .service.service-full .content-service .text-top .number { font-size: 12.30769em; text-transform: uppercase; color: rgba(94, 190, 205, 0.15); line-height: 160px; font-family: "Oswald", sans-serif; margin-right: -5px; } .service.service-full .content-service .text-top .title-element { color: #001b4b; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 19%; left: 6px; } .service.service-full .content-service .text-top .title-element span.for { font-weight: 600; font-size: 2.30769em; margin-right: 10px; } .service.service-full .content-service .text-top .title-element span.name { font-family: "HLT SIGNERICA MEDIUM", sans-serif; font-size: 1.38462em; font-weight: 600; font-size: 3.84615em; } .service.service-full .content-service .text-top .description { font-style: italic; font-size: 1.23077em; color: #898989; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 36%; left: 7px; letter-spacing: 1.6px; } .service.service-full .content-service .text-bottom { position: relative; margin-left: 5px; } .service.service-full .content-service .text-bottom:after { content: ''; background: #5ebecd; height: 3px; width: 46px; position: absolute; top: -10px; left: 10px; } .service.service-full .content-service .text-bottom .content { font-size: 1em; color: #898989; font-weight: 400; line-height: 24px; letter-spacing: 0.6px; max-height: 70px; overflow: hidden; } .service.service-full .content-service .text-bottom a { color: #5ebecd; } .service.service-full .content-service a { color: #001b4b; font-size: 0.92308em; font-style: italic; clear: both; display: block; margin-top: 30px; letter-spacing: 2px; } .service.service-full .content-service a:hover { color: #898989; } .service.service-small .content-type:nth-child(odd) .content-small { float: right; } .service.service-small .content-type:nth-child(even) .content-small { float: left; } .service.service-small .content-small { max-width: 385px; margin-top: -85px; } .service.service-small .content-small .image-small { width: 385px; height: 450px; overflow: hidden; max-width: 100%; position: relative; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; } .service.service-small .content-small .image-small:before { content: ''; width: 100%; height: 100%; background: none; top: 0; left: 0; position: absolute; } .service.service-small .content-small .image-small:hover { -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); } .service.service-small .content-small .image-small:hover:before { background: #fff; opacity: 0.5; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; } .service.service-small .content-small .content-service { display: block; clear: both; text-align: center; padding: 10px 10%; position: relative; top: -100px; } .service.service-small .content-small .content-service .text-small .number { font-size: 7.69231em; color: #ecf6f8; font-family: "Oswald", sans-serif; position: relative; } .service.service-small .content-small .content-service .text-small .number:after { content: ''; background: #5ebecd; height: 3px; width: 50px; position: absolute; bottom: 5px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .service.service-small .content-small .content-service .text-small .title-element a { color: #001b4b; font-size: 1.23077em; font-weight: 700; text-transform: uppercase; margin-top: 20px; line-height: 24px; padding: 0; font-style: normal; letter-spacing: 0.6px; } .service.service-small .content-small .content-service .text-small .title-element a:hover { color: #5ebecd; } .service.service-small .content-small .content-service .text-small .content { font-size: 1em; padding: 10px 40px; color: #898989; line-height: 24px; letter-spacing: 0.6px; max-height: 85px; overflow: hidden; } .service.service-small .content-small .content-service .text-small a { color: #5ebecd; font-size: 0.92308em; font-style: italic; clear: both; display: block; padding-top: 20px; letter-spacing: 2px; } .service.service-small .content-small .content-service .text-small a:hover { color: #001b4b; } .service.service-icon .title-element { color: #001b4b; font-size: 2.30769em; font-weight: 800; text-transform: uppercase; text-align: center; top: 45%; } .service.service-icon .description { font-style: italic; font-size: 1em; color: #898989; text-align: center; margin-bottom: 60px; } .service.service-icon .image-service { position: relative; width: 180px; height: 180px; overflow: hidden; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .service.service-icon .image-service img { width: 100%; height: auto; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; } .service.service-icon .item-service { margin-bottom: 70px; min-width: 380px; max-height: 350px; overflow: hidden; } .service.service-icon .item-service .title { text-align: center; font-size: 1.38462em; font-weight: 600; text-transform: uppercase; color: #001b4b; margin-top: 30px; padding: 0 40px; max-height: 50px; overflow: hidden; } .service.service-icon .item-service .content { text-align: center; font-size: 1em; line-height: 24px; color: #898989; padding: 20px 40px 70px 40px; max-height: 115px; overflow: hidden; } .service-page .content-small { padding: 0 15px; min-height: 810px; } .service-page .image-small { width: 385px; height: 450px; overflow: hidden; max-width: 100%; position: relative; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .service-page .image-small:before { content: ''; width: 100%; height: 100%; background: none; top: 0; left: 0; position: absolute; } .service-page .image-small:hover { opacity: 0.5; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); } .service-page .content-service { display: block; clear: both; text-align: center; padding: 0 10%; position: relative; top: -90px; } .service-page .content-service .text-small .number { font-size: 7.69231em; color: #ecf6f8; font-family: "Oswald", sans-serif; position: relative; line-height: initial; } .service-page .content-service .text-small .number:after { content: ''; background: #5ebecd; height: 3px; width: 45px; position: absolute; bottom: 6px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .service-page .content-service .text-small .title-element a { color: #001b4b; font-size: 1.23077em; font-weight: 700; text-transform: uppercase; line-height: 24px; font-style: inherit; } .service-page .content-service .text-small .title-element a:hover { color: rgba(0, 27, 75, 0.5); } .service-page .content-service .text-small .content { font-size: 1em; padding: 10px 40px; color: #898989; letter-spacing: 0.6px; line-height: 24px; max-height: 180px; overflow: hidden; } .service-page .content-service .text-small a { color: #5ebecd; font-size: 0.84615em; font-style: italic; clear: both; display: block; padding-top: 20px; letter-spacing: 1px; } .service-page .content-service .text-small a:hover { color: #001b4b; } .banner-details-service { position: relative; } .banner-details-service .img-banner-service img { max-width: 100%; } .banner-details-service .content-banner-service { position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 260px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 500px; } .banner-details-service .content-banner-service .title-service { font-weight: 600; color: #252525; font-size: 4.61538em; line-height: 90px; } .banner-details-service .content-banner-service .description-service { font-style: italic; color: #898989; font-size: 1.38462em; margin-bottom: 65px; line-height: 24px; } /* 09. Experts */ .experts { display: block; clear: both; } .experts .avatar { min-height: 200px; position: relative; padding: 0 80px; } .experts .avatar .img-avatar { width: 230px; height: 270px; overflow: hidden; position: relative; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .experts .avatar:hover .social-list { right: 12%; } .experts .avatar:hover .social-list li:nth-child(1) { left: 0; opacity: 1; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .experts .avatar:hover .social-list li:nth-child(2) { left: 0; opacity: 1; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .experts .avatar:hover .social-list li:nth-child(3) { left: 0; opacity: 1; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .experts .avatar:hover .social-list li:nth-child(4) { left: 0; opacity: 1; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .experts .avatar:hover .social-list li:nth-child(5) { left: 0; opacity: 1; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .experts .avatar .social-list { margin: 0; padding: 0; position: absolute; top: 15px; right: 18%; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .experts .avatar .social-list li { list-style: none; padding-bottom: 10px; position: relative; left: -25px; opacity: 0; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .experts .avatar .social-list li i { color: rgba(0, 27, 75, 0.2); -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; font-size: 1.38462em; } .experts .avatar .social-list li i:hover { color: #e2131b; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; cursor: pointer; } .experts .avatar .social-list li i:hover.fa-pinterest { color: #D01820; } .experts .avatar .social-list li i:hover.fa-twitter { color: #55acee; } .experts .avatar .social-list li i:hover.fa-facebook { color: #4A66A0; } .experts .title .name { font-size: 1.38462em; color: #001b4b; text-transform: uppercase; font-weight: 700; line-height: 60px; letter-spacing: 2px; } .experts .title .name span { font-size: 0.69231em; color: #898989; font-weight: 500; } .experts .swiper-button-next { background: #001b4b; width: 60px; height: 50px; right: 35px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .experts .swiper-button-next:hover:before { background: url(../images/icon-spa.png) no-repeat -257px -27px; } .experts .swiper-button-next:before { content: ''; background: url(../images/icon-spa.png) no-repeat -195px -27px; height: 15px; width: 55px; left: 10%; position: absolute; margin-left: -20px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .experts .swiper-button-prev { background: #001b4b; width: 60px; height: 50px; left: 35px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .experts .swiper-button-prev:hover:before { background: url(../images/icon-spa.png) no-repeat -257px 0; } .experts .swiper-button-prev:before { content: ''; background: url(../images/icon-spa.png) no-repeat -195px 0; height: 15px; width: 55px; right: -20%; position: absolute; margin-left: -20px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* 10. Element gallery */ .gallery-element.full .title { padding-left: 0; } .gallery-element.full .title .title-element { text-align: center; margin-top: 0; margin-bottom: 5px; } .gallery-element.full .title .description { text-align: center; width: 100%; padding-right: 0; } .gallery-element.full .img-gallery { clear: both; } .gallery-element.full .img-gallery .left { width: 23%; float: left; } .gallery-element.full .item-iso { max-width: 100%; height: auto; min-height: 440px; } .gallery-element.full .item-iso .gallery-img { height: inherit; min-height: 440px; } .gallery-element.full .item-iso.item-iso-height { width: 31.25%; min-height: 880px; } .gallery-element.full .item-iso.item-iso-height .gallery-img { min-height: 880px; } .gallery-element.full .item-iso.item-iso-width { width: 45.57%; } .gallery-element.padding .content-title { width: 780px; } .gallery-element.padding .content-top { max-width: 55%; } .gallery-element.padding .content-small { max-width: 33%; } .gallery-element .title { width: 100%; float: left; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 50%; } .gallery-element .title .title-element { color: #001b4b; font-size: 2.30769em; font-weight: 700; text-transform: uppercase; text-align: left; margin-top: 95px; } .gallery-element .title .description { font-style: italic; font-size: 1em; color: #898989; text-align: left; margin-bottom: 60px; letter-spacing: 1.6px; padding-right: 50px; width: 80%; } .gallery-element .img-gallery { width: 100%; } .gallery-element .img-left { width: 960px; min-height: 400px; overflow: hidden; max-width: 100%; } .gallery-element .item-iso { width: 585px; min-height: 370px; overflow: hidden; float: left; max-width: 60%; } .gallery-element .item-iso .gallery-img { float: left; width: 100%; min-height: 450px; overflow: hidden; position: relative; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .gallery-element .item-iso .gallery-img.big { min-height: 560px; } .gallery-element .item-iso .gallery-img:before { content: ''; width: 100%; height: 100%; background: none; top: 0; left: 0; position: absolute; } .gallery-element .item-iso .gallery-img:hover { opacity: 0.5; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); } .gallery-element .item-iso .gallery-img img { -o-object-fit: cover; object-fit: cover; height: auto; width: auto; min-width: 100%; min-height: 100%; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; } .gallery-element .item-iso .gallery:before { content: ''; width: 100%; height: 100%; background: none; top: 0; left: 0; position: absolute; } .gallery-element .item-iso .gallery:hover { opacity: 0.5; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .gallery-element .item-iso-v { min-height: 450px; float: left; max-width: 24%; } .gallery-element .content-small { width: 575px; float: left; max-width: 26%; } .gallery-element .content-title { width: 960px; min-height: 800px; overflow: hidden; float: left; max-width: 50%; } .gallery-element .right { right: 0px !important; } .gallery-element .content-top { width: 960px; overflow: hidden; float: left; max-width: 50%; } .gallery-element img { height: auto; width: 100%; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; } /* 11. Skin-care */ .skin-care { position: relative; padding-bottom: 90px; } .skin-care.no-bg .product { border-bottom: none; } .skin-care.no-bg .product .item-product .img-product { background: none; margin: 0; } .skin-care.no-bg .product .item-product .img-product:hover { background: none; } .skin-care.no-bg .product .item-product .title { margin-top: 0; } .skin-care.no-bg .product .item-product .content-product { padding: 0 15px; } .skin-care.no-bg .product .item-product .item-price { margin-left: 0; } .skin-care.no-bg .product .stick-product { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .skin-care:before { content: ''; background: #e1e1e1; height: 1px; width: 565px; position: absolute; bottom: 0; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .skin-care.slide-product:before { display: none; } .skin-care.slide-product .title-element { font-size: 1.38462em; font-weight: 600; position: relative; } .skin-care.slide-product .title-element.selling { font-size: 1.23077em; font-weight: 500; } .skin-care.slide-product .title-element.selling:before { background-color: #001b4b; } .skin-care.slide-product .title-element:before { content: ''; background: #e1e1e1; height: 2px; width: 120px; position: absolute; bottom: -10px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .skin-care.slide-product .product { margin-top: 50px; padding-left: 0; } .skin-care.slide-product .product .item-product { position: relative; } .skin-care.slide-product .product .item-product .content { margin-top: 0; } .skin-care.slide-product .product .item-product .title { margin-top: 25px; margin-bottom: 5px; } .skin-care.slide-product .product .item-product h3 { font-size: 1.07692em; } .skin-care.slide-product .product .item-product .item-price-slide { margin-top: 15px; font-size: 1.38462em; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; } .skin-care.slide-product .product .item-product .item-price-slide .sale-price { float: left; position: relative; color: #333; opacity: 1; text-decoration: none; font-weight: normal; font-size: 0.9em; padding-right: 10px; line-height: 30px; text-decoration: line-through; } .skin-care.slide-product .product .item-product .item-price-slide .price { text-decoration: none; position: relative; left: 0; font-size: 1.1em; } .skin-care.slide-product .product .item-product .price { margin-top: 15px; font-size: 1.38462em; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; min-width: 55%; } .skin-care.slide-product .product .item-product .price del { float: left; position: relative; color: #333; opacity: 1; font-weight: normal; font-size: 0.9em; padding-right: 10px; line-height: 30px; } .skin-care.slide-product .product .item-product .price ins { text-decoration: none; } .skin-care.slide-product .product .item-product .img-product { margin: 0; } .skin-care.slide-product .product .item-product .img-product img { width: 100%; height: auto; } .skin-care.slide-product .product .item-product .woocommerce .star-rating span:before { color: #898989; } .skin-care.slide-product .product .item-product .star-rating { font-size: 1.1em; } .skin-care.slide-product .product .item-product .star-rating span:before { color: #898989; } .skin-care.slide-product .product .item-price { position: relative; top: 15px; } .skin-care.slide-product .product .item-price .sale-price { font-size: 1.07692em; margin-right: 3px; } .skin-care.slide-product .slide-skin { padding-bottom: 120px; } .skin-care.slide-product .swiper-slide { padding: 0 15px; } .skin-care.slide-product .swiper-button-next { background: #CDCDCD; width: 25px; height: 22px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: relative; left: 50.9%; bottom: -115px; } .skin-care.slide-product .swiper-button-next:hover { background: #5ebecd; } .skin-care.slide-product .swiper-button-next:before { content: ''; background: url(../images/icon-spa.png) no-repeat -225px -43px; height: 15px; width: 27px; right: 15%; position: absolute; margin-left: -20px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .skin-care.slide-product .swiper-button-prev { background: #CDCDCD; width: 25px; height: 22px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: relative; left: 48.6%; bottom: -115px; } .skin-care.slide-product .swiper-button-prev:hover { background: #5ebecd; } .skin-care.slide-product .swiper-button-prev:before { content: ''; background: url(../images/icon-spa.png) no-repeat -195px -43px; height: 15px; width: 27px; right: -20%; position: absolute; margin-left: -20px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .skin-care .title-element { color: #001b4b; font-size: 2.30769em; font-weight: 800; text-transform: uppercase; text-align: center; } .skin-care .description { font-style: italic; font-size: 1em; color: #898989; text-align: center; margin-bottom: 30px; margin-top: 0; } .skin-care .visit { font-size: 0.92308em; border: 1px solid #CDCDCD; color: #898989; position: absolute; text-transform: uppercase; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); padding: 6px 15px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .skin-care .visit:hover { color: #fff; border: 1px solid #001b4b; background: #001b4b; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .skin-care .product { margin-top: 110px; border: none; } .skin-care .product .item-product { position: relative; margin-left: -6px; margin-bottom: 40px; } .skin-care .product .item-product .img-product { max-width: 100%; height: 340px; overflow: hidden; background: #edeef0; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; position: relative; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin: 0 15px; } .skin-care .product .item-product .img-product:hover { -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; background: #5ebecd; } .skin-care .product .item-product .img-product:hover a { opacity: 1; } .skin-care .product .item-product .img-product img { width: 100%; height: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .skin-care .product .item-product .img-product a { font-size: 1.07692em; background: #001b4b; line-height: 24px; color: #fff; position: absolute; text-transform: uppercase; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding: 3px 19px; font-weight: 600; opacity: 0; } .skin-care .product .item-product .content-product { padding-left: 35px; } .skin-care .product .item-product .title { text-align: center; font-weight: 500; font-size: 1.46154em; color: #001b4b; margin-top: 25px; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; max-height: 75px; overflow: hidden; } .skin-care .product .item-product .content { text-align: center; font-weight: 400; font-size: 1em; color: #898989; line-height: 24px; margin-top: 10px; padding: 0 10px; max-height: 100px; overflow: hidden; margin-bottom: 20px; } .skin-care .product .item-product .sale-price { text-decoration: line-through; } .skin-care .product .item-product .price { text-align: center; font-weight: 500; font-size: 1.38462em; color: #5ebecd; margin-top: 20px; margin-left: 10px; } .skin-care .product .item-product .price.only { margin-left: 7px; } .skin-care .product .item-product .item-price { position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-left: 20px; } /* 12. Element Blog */ .blog-element .section-blog { min-height: 225px; } .blog-element .blog-width { width: 87%; margin-left: 20px; } .blog-element .title-element { color: #001b4b; font-size: 2.30769em; font-weight: 800; text-transform: uppercase; text-align: center; } .blog-element .description { font-style: italic; font-size: 1em; color: #898989; text-align: center; margin-bottom: 65px; margin-top: 5px; } .blog-element .date .day { font-size: 7.69231em; color: rgba(94, 190, 205, 0.15); font-family: "Oswald", sans-serif; margin-top: -20px; } .blog-element .date .month { font-size: 2.30769em; color: #001b4b; font-family: "HLT SIGNERICA MEDIUM", sans-serif; font-weight: 700; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-transform: capitalize; } .blog-element .content-blog { padding: 0; margin-top: 0; } .blog-element .content-blog .title { font-size: 1.53846em; font-weight: 500; line-height: 30px; margin-bottom: 10px; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; max-height: 90px; overflow: hidden; } .blog-element .content-blog .title a { color: #5ebecd; } .blog-element .content-blog .title a:hover { color: #001b4b; } .blog-element .content-blog .details-blog { font-size: 0.84615em; font-style: italic; color: #898989; margin-bottom: 30px; } .blog-element .content-blog .content { color: #898989; font-size: 1em; line-height: 24px; height: 75px; overflow: hidden; } .paragraph { float: left; width: 100%; padding-top: 110px; padding-bottom: 90px; text-align: center; color: #898989; line-height: 48px; background-attachment: fixed; } .paragraph strong { font-weight: bold; font-style: normal; } .paragraph .content { font-size: 3.07692em; padding: 0 15%; letter-spacing: 0.5px; line-height: 48px; } .paragraph .author { font-size: 1.36923em; color: #001b4b; font-weight: 600; position: relative; line-height: 20px; padding-top: 35px; text-transform: uppercase; } .paragraph .author:before { content: ''; background: url(../images/icon-spa.png) no-repeat 0 0; height: 120px; width: 130px; position: absolute; margin-left: -20px; top: -30px; } .paragraph .job { color: #5ebecd; font-weight: 500; font-size: 0.92308em; font-style: italic; } /* 15. Widget footer */ .widget-footer.two-widget { border-top: 1px solid #e1e1e1; } .widget-footer.two-widget .sale-footer { letter-spacing: 0.5px; } .widget-footer.two-widget .sale-footer .sale { font-size: 7.69231em; color: #001b4b; font-weight: 700; text-align: center; margin-top: 10px; line-height: initial; } .widget-footer.two-widget .sale-footer .title { font-size: 2.30769em; text-transform: uppercase; color: #898989; text-align: center; margin-bottom: 25px; } .widget-footer.two-widget .sale-footer .description { font-size: 1em; color: #898989; text-align: center; margin-bottom: 65px; margin-top: 5px; padding: 0 90px; letter-spacing: 0.5px; line-height: 24px; } .widget-footer.two-widget .twitter-footer { padding: 35px 86px 0; width: 96%; border-left: 1px solid #e1e1e1; margin-bottom: 85px; letter-spacing: 0.5px; text-align: left; } .widget-footer.two-widget .twitter-footer .title { font-weight: 600; color: #001b4b; text-transform: uppercase; font-size: 2.30769em; margin-bottom: 15px; } .widget-footer.two-widget .twitter-footer .title-twitter { font-size: 1em; color: #c2c2c2; line-height: 24px; position: relative; margin-bottom: 20px; padding-left: 30px; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .widget-footer.two-widget .twitter-footer .title-twitter:before { content: '\f099'; color: #5ebecd; font-family: "FontAwesome"; font-size: 1.38462em; position: absolute; left: 2px; } .widget-footer.two-widget .twitter-footer .title-twitter span { color: #252525; } .widget-footer.two-widget .twitter-footer .title-twitter .time-up { display: none; } .widget-footer.two-widget .twitter-footer a { color: #252525; } .widget-footer.two-widget .twitter-footer a:hover { color: #5ebecd; } .top-footer { float: left; width: 100%; padding-bottom: 60px; padding-top: 85px; border-top: 1px solid #CDCDCD; } .top-footer .footer-logo { margin-bottom: 30px; } .title-box { text-transform: uppercase; color: #001b4b; letter-spacing: 0.1px; font-size: 1.23077em; font-family: "Raleway", sans-serif; font-weight: 600; float: left; margin-bottom: 40px; } .title-box span { float: left; width: 100%; clear: both; } .title-box span a { margin-left: 8px; font-family: "Raleway", sans-serif; font-size: 0.875em; text-transform: none; color: rgba(0, 0, 0, 0.5); font-style: italic; font-weight: normal; } .title-box span a:before { content: "/"; margin-right: 8px; } .title-box span a:hover { color: #001b4b; } .title-box span a:hover:before { color: #001b4b; } .title-box:after { border-bottom: 2px solid rgba(0, 0, 0, 0.1); width: 60px; float: left; margin-top: 10px; content: ""; } .footer-widget { float: left; width: 100%; height: auto; text-align: left; } .footer-widget .widget-title { width: 100%; } .footer-widget .img-logo img { max-width: 100%; } .footer-widget .widget-body { font-family: "Raleway", sans-serif; line-height: 20px; color: rgba(0, 0, 0, 0.5); } .footer-widget .widget-body .menu { list-style: none; padding-left: 0px; margin-bottom: 0px; } .footer-widget .widget-body .menu li { float: left; width: 100%; height: auto; margin-bottom: 5px; line-height: 25px; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .footer-widget .widget-body .menu li.col-md-6, .footer-widget .widget-body .menu li.col-sm-6 { width: 50%; } .footer-widget .widget-body .menu li a { color: #898989; } .footer-widget .widget-body .menu li a:hover { color: #001b4b; } .footer-widget .widget-body .book-info { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; } .footer-widget .widget-body .book-info .book-rate { margin-top: 5px; } .footer-widget .widget-body .book-info .book-price { margin-top: 12px; font-size: 1.23077em; color: rgba(0, 0, 0, 0.7); } .footer-widget .widget-footer { float: left; width: 100%; margin-top: 20px; } /* 16. Page 404 */ .bg-404 { position: relative; } .bg-404 .bg img { width: 100%; } .bg-404 .logo { position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 20%; } .bg-404 .title { font-size: 3.69231em; color: #001b4b; text-transform: uppercase; font-weight: 600; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 45%; } .bg-404 .description { font-size: 1.53846em; color: #5ebecd; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 52%; } .bg-404 .title-404 { font-size: 26.92308em; color: rgba(94, 190, 205, 0.15); font-family: "Oswald", sans-serif; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 25%; } /* 18. Breadcrumb */ .tranfarent { position: absolute; } .menu-breadcrumb { margin-top: 35px; } .breadcrumb { background: none; padding-bottom: 35px; } .breadcrumb.top { margin-top: 40px; } .breadcrumb ul { position: absolute; padding: 0; margin-left: -15px; } .breadcrumb ul li { list-style: none; float: left; padding: 0 10px; position: relative; letter-spacing: 0.6px; font-weight: 500; } .breadcrumb ul li:first-child { padding-left: 0; } .breadcrumb ul li:last-child:after { display: none; } .breadcrumb ul li:after { content: '/'; color: #001b4b; position: absolute; right: -5px; } .breadcrumb ul li.active a { color: #5ebecd; } .breadcrumb ul li a { color: #001b4b; text-decoration: underline; } .breadcrumb ul li a:hover { color: rgba(0, 27, 75, 0.5); } .contact .contact-details { padding-left: 70px; margin-top: 30px; } .contact .contact-details .title { color: rgba(94, 190, 205, 0.15); font-size: 7.69231em; text-transform: uppercase; letter-spacing: 20px; font-family: "Oswald", sans-serif; word-break: break-all; width: 75%; line-height: 100px; } .contact .contact-details .description { color: #898989; font-size: 1em; line-height: 24px; margin-top: 25px; margin-bottom: 50px; width: 85%; letter-spacing: 0.6px; } .contact .contact-details .details { margin-bottom: 15px; width: 190px; } .contact .contact-details .text { color: #001b4b; text-transform: uppercase; font-weight: 600; margin-bottom: 5px; letter-spacing: 0.6px; } .contact .contact-details .text-info { color: #898989; font-size: 1.07692em; letter-spacing: 0.6px; line-height: 24px; } .contact .contact-details .social-list { padding: 0; } .contact .contact-details .social-list li { list-style: none; float: left; padding-right: 15px; } .contact .contact-details .social-list li:hover i { opacity: 1; cursor: pointer; } .contact .contact-details .social-list li i { color: #898989; opacity: 0.5; } .contact .contact-details img { width: 100%; } .contact .book-map-address { float: left; height: auto; margin-top: 15px; } .contact .book-map-address #book-map-contact { float: left; width: 100%; height: 700px; } .contact .book-map-address .title { color: #5ebecd; position: relative; margin-bottom: 70px; padding-top: 65px; clear: both; } .contact .book-map-address .title:after { content: ''; height: 1px; width: 40px; background: #CDCDCD; position: absolute; bottom: -20px; left: 0; } .wpcf7-form, .form-input { margin-bottom: 50px; } .wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .form-input input[type="text"], .form-input input[type="tel"] { width: 100%; border: none; border-bottom: 1px solid #CDCDCD; margin-bottom: 20px; } .wpcf7-form input[type="email"], .form-input input[type="email"] { width: 100%; border: none; border-bottom: 1px solid #CDCDCD; margin-bottom: 20px; } .wpcf7-form input[type="button"], .form-input input[type="button"] { display: block; clear: both; border: none; font-size: 1em; font-weight: 500; } .wpcf7-form input[type="button"]:hover, .form-input input[type="button"]:hover { background: #5ebecd; } .wpcf7-form textarea, .form-input textarea { clear: both; display: block; border: 0; border-bottom: 1px solid #CDCDCD; width: 100%; margin-bottom: 25px; height: 40px; } .wpcf7-form p, .form-input p { clear: both; color: #5ebecd; font-weight: 500; font-size: 1em; } .wpcf7-form .wpcf7-submit, .form-input .wpcf7-submit { font-size: 1.07692em; background: #001b4b; color: #fff; text-transform: uppercase; padding: 8px 27px; font-weight: 600; border: none; } .wpcf7-form .wpcf7-submit:hover, .form-input .wpcf7-submit:hover { color: #fff; background: #5ebecd; } .menu .title { color: #001b4b; font-size: 2.30769em; font-weight: 800; text-transform: uppercase; text-align: center; } .menu .description { font-style: italic; font-size: 1em; color: #898989; text-align: center; margin-bottom: 65px; margin-top: 5px; } .menu-padding:nth-child(odd) .block-menu { padding-right: 10%; } .menu-padding:nth-child(even) .block-menu { padding-left: 10%; } .block-menu { margin-bottom: 70px; clear: both; } .block-menu.none { padding: 0 !important; margin-bottom: 0; } .block-menu.none .title.big { margin-bottom: 0; } .block-menu .title { text-transform: uppercase; color: #252525; padding-bottom: 23px; margin-top: 55px; } .block-menu .title.big { padding-bottom: 15px; text-align: center; font-size: 1.84615em; border-bottom: 1px solid #CDCDCD; margin-bottom: 50px; } .block-menu .table tr { padding-bottom: 10px; } .block-menu .table tr:hover td { color: #001b4b; } .block-menu .table tr:hover td.name-option { color: #001b4b; } .block-menu .table tr td { border: none; color: #898989; } .block-menu .table tr td.name-option { color: #252525; padding: 10px 0px; } .block-menu .table tr td.time-option { font-style: italic; } .block-menu .table tr td.price-option { float: right; } .banner { min-height: 410px; clear: both; display: block; } .banner .content-banner-paragraph { padding-left: 10%; } .banner .content-banner-paragraph .title { font-size: 2.76923em; color: #898989; margin-top: 10%; } .banner .content-banner-paragraph .sale { font-size: 5.53846em; color: #898989; font-weight: bold; line-height: 50px; margin-bottom: 20px; } .banner .content-banner-paragraph .description { font-size: 1.53846em; color: #898989; margin-bottom: 55px; } .about.padding-left { margin-left: 205px; } .about .header-about { padding-top: 15px; } .about .header-about .img-author-shop { width: 570px; height: 620px; position: relative; overflow: hidden; } .about .header-about .img-author-shop img { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -o-object-fit: cover; object-fit: cover; } .about .history { margin-left: 10px; } .about .history-title { float: left; position: relative; margin-top: 20%; } .about .history-title .title-element { font-family: "Oswald", sans-serif; font-size: 9.23077em; text-transform: uppercase; color: rgba(94, 190, 205, 0.15); line-height: 120px; letter-spacing: 16px; width: 55%; } .about .history-title .shop-name { color: #001b4b; font-size: 2.76923em; font-weight: 700; text-transform: uppercase; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 45%; } .about .history-title .description { color: #5ebecd; font-size: 1.38462em; font-family: "HLT SIGNERICA MEDIUM", sans-serif; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 60%; } .about .reward-img { padding-top: 55px; display: block; clear: both; } .about .introduce { padding-top: 35px; clear: both; display: block; } .about .introduce .introduce-left { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 95px; clear: both; position: relative; } .about .introduce .introduce-left:before { content: ''; height: 1px; width: 70%; background: #CDCDCD; position: absolute; top: 0; left: -20px; } .about .introduce .title { font-size: 2.38462em; color: #001b4b; font-weight: 500; line-height: 20px; padding-top: 55px; text-transform: capitalize; margin-bottom: 35px; letter-spacing: 0.6px; } .about .introduce .description { color: #898989; font-weight: 500; font-size: 1.23077em; line-height: 30px; position: relative; letter-spacing: 0.6px; } .about .introduce .description:before { content: ''; background: url(../images/icon-spa.png) no-repeat 0 0; height: 120px; width: 130px; position: absolute; top: 10px; left: 0; } .about .introduce .introduce-image { float: left; max-width: 35%; padding-right: 5%; } .about .introduce .introduce-image .images-intro { width: 270px; height: 320px; position: relative; overflow: hidden; } .about .introduce .introduce-image .images-intro img { width: 100%; height: auto; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; } .about .introduce .introduce-image.left { padding: 0 2.5%; } .about .introduce .introduce-image .content { margin-top: 35px; font-size: 1em; color: #898989; line-height: 24px; letter-spacing: 0.6px; } .about .bottom-about { display: block; clear: both; margin-top: 80px; letter-spacing: 0.6px; } .about .bottom-about .bottom-left { margin-top: 70px; padding-left: 92px; } .about .bottom-about .details { margin-bottom: 25px; } .about .bottom-about .text { color: #001b4b; text-transform: uppercase; font-weight: 600; margin-bottom: 5px; } .about .bottom-about .text-info { color: #898989; font-size: 1.07692em; padding-right: 20%; line-height: 24px; } .about .bottom-about .text-info.small { font-size: 1em; } .about .bottom-about .social-list { padding: 0; } .about .bottom-about .social-list li { list-style: none; float: left; padding-right: 15px; } .about .bottom-about .social-list li:hover i { opacity: 1; cursor: pointer; } .about .bottom-about .social-list li i { color: #898989; opacity: 0.5; } .about .bottom-about .title { font-size: 1.46154em; color: #001b4b; font-weight: 500; line-height: 24px; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 0.6px; } .about .bottom-about .content { color: #898989; font-weight: 500; font-size: 1em; line-height: 24px; position: relative; letter-spacing: 0.6px; padding-right: 33%; } .about .bottom-about .content img { margin-top: 90px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: relative; margin-bottom: 150px; clear: both; display: block; max-width: 100%; } .shopping-cart .title-page { color: #001b4b; font-size: 2.30769em; font-weight: 800; text-transform: uppercase; text-align: center; margin-bottom: 70px; } .shopping-cart .title-page-light { color: #001b4b; font-weight: 600; font-size: 1.84615em; text-transform: uppercase; text-align: center; margin-bottom: 40px; letter-spacing: 1.3px; margin-top: 10px; } .shopping-cart .main-cart { -webkit-box-sizing: border-box; box-sizing: border-box; } .shopping-cart .main-cart .shop_table { float: left; width: 100%; height: auto; border: 1px solid #CDCDCD; border-radius: 0; } .shopping-cart .main-cart .shop_table tr { float: left; width: 100%; } .shopping-cart .main-cart .shop_table tr:last-child { border: none; } .shopping-cart .main-cart .shop_table tr.border-bottom { border-bottom: 2px solid rgba(0, 0, 0, 0.2); } .shopping-cart .main-cart .shop_table thead tr { border: none; padding-left: 0px; padding-right: 0px; } .shopping-cart .main-cart .shop_table thead tr:first-child { padding-top: 0px; } .shopping-cart .main-cart .shop_table thead tr th { text-align: center !important; float: left !important; font-weight: 300; color: rgba(0, 0, 0, 0.7); background: #f6f7f7; border-right: 1px solid #CDCDCD; padding: 10px 25px; } .shopping-cart .main-cart .shop_table thead tr th:first-child { text-align: left !important; } .shopping-cart .main-cart .shop_table thead tr th:last-child { border-right: none; } .shopping-cart .main-cart .shop_table tbody { float: left; width: 100%; height: auto; position: relative; } .shopping-cart .main-cart .shop_table tbody td { text-align: center; float: left !important; padding: 32px 22px; border-right: 1px solid #CDCDCD; min-height: 195px; position: relative; } .shopping-cart .main-cart .shop_table tbody td:first-child { text-align: left; } .shopping-cart .main-cart .shop_table tbody td:first-child .product-item .product-image img { width: 120px; } .shopping-cart .main-cart .shop_table tbody td:last-child { border-right: none; } .shopping-cart .main-cart .shop_table tbody td.product-price, .shopping-cart .main-cart .shop_table tbody td.product-subtotal { font-size: 1em; color: #898989; } .shopping-cart .main-cart .shop_table tbody td .quantity { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .shopping-cart .main-cart .shop_table tbody td .quantity label { display: none; } .shopping-cart .main-cart .shop_table tbody td .quantity .select-style { padding: 0; margin: 0; border: 1px solid #eeeff4; width: 88px; height: 20px; overflow: hidden; background-color: #e2e5ec; background: #e2e5ec url("../images/arrowdown.gif") no-repeat 93% 50%; position: relative; } .shopping-cart .main-cart .shop_table tbody td .quantity .select-style:before { content: ''; height: 30px; width: 2px; background-color: #fff; right: 25px; top: 0; position: absolute; } .shopping-cart .main-cart .shop_table tbody td .quantity .select-style select { padding: 0px 20px; width: 130%; height: 20px; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #001b4b; line-height: 15px; } .shopping-cart .main-cart .shop_table tbody td .quantity .select-style select:focus { outline: none; } .shopping-cart .main-cart .shop_table tbody td span.amount { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .shopping-cart .main-cart .shop_table tbody td input { width: 50px; padding-left: 10px; padding-right: 10px; border: none; background: #CDCDCD; text-align: center; margin-bottom: 10px; color: #898989; height: 40px; } .shopping-cart .main-cart .shop_table tbody tr { border-bottom: 1px solid #CDCDCD; } .shopping-cart .main-cart .shop_table tbody .number-pro { float: left; width: 20px; margin-right: 10px; height: 100%; font-weight: bold; font-size: 1.38462em; } .shopping-cart .main-cart .shop_table tbody .product-item { float: left; } .shopping-cart .main-cart .shop_table tbody .product-item .product-image { background: #EDEDED; padding-bottom: 10px; } .shopping-cart .main-cart .shop_table tbody .product-info-name { float: left; margin-left: 25px; width: 184px; text-align: left; } .shopping-cart .main-cart .shop_table tbody .product-info-name.name-full { width: 65%; margin-top: 15px; } .shopping-cart .main-cart .shop_table tbody .product-info-name a, .shopping-cart .main-cart .shop_table tbody .product-info-name span { float: left; width: 100%; } .shopping-cart .main-cart .shop_table tbody .product-info-name a { font-weight: 500; font-size: 1.53846em; color: #000; line-height: 22px; } .shopping-cart .main-cart .shop_table tbody .product-info-name a:hover { color: #001b4b; } .shopping-cart .main-cart .shop_table tbody .product-info-name span { color: rgba(0, 0, 0, 0.5); font-size: 1em; } .shopping-cart .main-cart .shop_table tbody .product-info-name span.book-desc { margin-top: 10px; line-height: 24px; } .shopping-cart .main-cart .shop_table tbody .remove-subtotal { padding: 0; position: relative; } .shopping-cart .main-cart .shop_table tbody .remove-subtotal .remove { position: absolute; padding: 5px 0px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .shopping-cart .main-cart .shop_table tbody .remove-subtotal .remove:hover:before { background-color: #5ebecd; } .shopping-cart .main-cart .shop_table tbody .remove-subtotal .remove:before { content: ''; background: url(../images/icon-spa.png) no-repeat -230px -58px; background-color: #001b4b; height: 20px; width: 20px; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-radius: 25px; } .shopping-cart .main-cart .shop_table tfoot { background: #5ebecd; color: #fff; font-size: 1em; letter-spacing: 0.6px; } .shopping-cart .main-cart .shop_table tfoot tr { padding: 14px 0; } .shopping-cart .main-cart .shop_table tfoot tr { padding: 0; } .shopping-cart .main-cart .shop_table tfoot td { padding-left: 20px; border-top: none; font-weight: normal; } .shopping-cart .main-cart .shop_table tfoot td input, .shopping-cart .main-cart .shop_table tfoot td a { border: none; background: none; color: white; font-weight: normal; text-transform: capitalize; } .shopping-cart .main-cart .shop_table tfoot td input:hover, .shopping-cart .main-cart .shop_table tfoot td a:hover { color: rgba(0, 27, 75, 0.5); } .shopping-cart .main-cart .shop_table tfoot .center { text-align: center; } .shopping-cart .main-cart .shop_table tfoot .right { text-align: left; } .shopping-cart .main-cart .shop_table .amount-center { float: left !important; text-align: center !important; font-weight: bold; font-size: 1.38462em; line-height: 23px; } .info-cart { margin-bottom: 130px; } .info-cart .coupon { letter-spacing: 0.5px; } .info-cart .coupon .pull-left { margin-top: 30px; } .info-cart .coupon .pull-left .coupon-cart { color: #001b4b; font-weight: 500; font-size: 1em; text-transform: uppercase; } .info-cart .coupon .pull-left span { color: #5ebecd; font-size: 0.84615em; font-style: italic; letter-spacing: 0.5px; } .info-cart .coupon .pull-left .input-coup-on { margin-top: 20px; } .info-cart .coupon .pull-left .input-coup-on #coupon_code { min-width: 315px; padding: 10px; } .info-cart .coupon .pull-left .input-coup-on .button { font-size: 1.07692em; background: #001b4b; color: #fff; text-transform: uppercase; padding: 13px 27px; font-weight: 600; border-radius: 0; } .info-cart .coupon .pull-left .input-coup-on .button:hover { color: #fff; background: #5ebecd; } .info-cart .pull-right { text-align: right; width: 350px; margin-top: 20px; } .info-cart .pull-right .cart_totals .cart-collaterals { width: 100%; } .info-cart .pull-right .cart_totals .cart-collaterals .cart_totals { width: 70%; } .info-cart .pull-right .cart_totals .cart-collaterals .cart_totals table .order-total th { border-top: none; } .info-cart .pull-right .cart_totals .cart-collaterals .cart_totals table .order-total .total { border-top: none; } .info-cart .pull-right .cart_totals .cart-collaterals .cart_totals table .shipping ul li input { margin: 4px 27px 0px; } .info-cart .pull-right .cart_totals .cart-collaterals .cart_totals table .shipping .woocommerce-shipping-calculator a { color: #5ebecd; } .info-cart .pull-right .cart_totals .cart-collaterals .subtotal { color: #898989; margin-bottom: 20px; letter-spacing: 0.5px; } .info-cart .pull-right .cart_totals .cart-collaterals .total { color: #001b4b; font-size: 1.23077em; text-transform: uppercase; font-weight: 500; margin-bottom: 30px; letter-spacing: 0.5px; } .info-cart .pull-right .cart_totals .cart-collaterals .total span { color: #ed1c24; font-weight: 600; padding-left: 10px; } .info-cart .pull-right .cart_totals .cart-collaterals .wc-proceed-to-checkout { padding: 0; } .info-cart .pull-right .cart_totals .cart-collaterals .button { font-size: 1.07692em; background: #001b4b; color: #fff; text-transform: uppercase; padding: 14px 31px; font-weight: 600; border-radius: 0; } .info-cart .pull-right .cart_totals .cart-collaterals .button:hover { color: #fff; background: #5ebecd; } .woocommerce-checkout #payment { background: none; } .woocommerce-checkout #payment .button { padding: 12px 64px; color: #fff; background: #5ebecd; border-color: rgba(0, 0, 0, 0.3); font-size: 1em; font-weight: 400; border-radius: 0; } .woocommerce-checkout #payment .button:hover { background-color: #001b4b; border-color: #001b4b; color: #fff; } .woocommerce-checkout .box-check-out { float: left; width: 100%; height: auto; } .woocommerce-checkout .box-check-out .title-box-checkout { float: left; width: 100%; text-transform: capitalize; color: #001b4b; font-size: 1em; font-weight: 500; position: relative; padding-left: 40px; padding-bottom: 40px; } .woocommerce-checkout .box-check-out .title-box-checkout:first-letter { text-transform: uppercase; } .woocommerce-checkout .box-check-out .title-box-checkout:before { content: '1'; border-radius: 20px; width: 28px; height: 28px; position: absolute; left: 5px; top: -4px; line-height: 27px; text-align: center; border: 1px solid #001b4b; } .woocommerce-checkout .box-check-out .title-box-checkout.shipping:before { content: '2'; } .woocommerce-checkout .box-check-out .title-box-checkout.payment:before { content: '3'; } .woocommerce-checkout .box-check-out #ship-to-different-address-checkbox { position: absolute; right: 0; } .woocommerce-checkout .box-check-out .woocommerce-shipping-fields .title-box-checkout { display: none; } .woocommerce-checkout .box-check-out .form-row { width: 100%; padding-bottom: 15px; } .woocommerce-checkout .box-check-out .form-row label { display: none; } .woocommerce-checkout .box-check-out .form-row input[type="text"], .woocommerce-checkout .box-check-out .form-row input[type="email"], .woocommerce-checkout .box-check-out .form-row input[type="tel"], .woocommerce-checkout .box-check-out .form-row textarea { float: left; background: transparent; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; width: 100%; font-size: 1em; font-weight: 500; } .woocommerce-checkout .box-check-out .form-row input[type="text"]::-webkit-input-placeholder, .woocommerce-checkout .box-check-out .form-row input[type="email"]::-webkit-input-placeholder, .woocommerce-checkout .box-check-out .form-row input[type="tel"]::-webkit-input-placeholder, .woocommerce-checkout .box-check-out .form-row textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } .woocommerce-checkout .box-check-out .form-row input[type="text"]::-moz-placeholder, .woocommerce-checkout .box-check-out .form-row input[type="email"]::-moz-placeholder, .woocommerce-checkout .box-check-out .form-row input[type="tel"]::-moz-placeholder, .woocommerce-checkout .box-check-out .form-row textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.5); } .woocommerce-checkout .box-check-out .form-row input[type="text"]:-moz-placeholder, .woocommerce-checkout .box-check-out .form-row input[type="email"]:-moz-placeholder, .woocommerce-checkout .box-check-out .form-row input[type="tel"]:-moz-placeholder, .woocommerce-checkout .box-check-out .form-row textarea:-moz-placeholder { color: rgba(0, 0, 0, 0.5); } .woocommerce-checkout .box-check-out .form-row input[type="text"]:-ms-input-placeholder, .woocommerce-checkout .box-check-out .form-row input[type="email"]:-ms-input-placeholder, .woocommerce-checkout .box-check-out .form-row input[type="tel"]:-ms-input-placeholder, .woocommerce-checkout .box-check-out .form-row textarea:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } .woocommerce-checkout .box-check-out .form-row .select2-choice { border: none; border-bottom: 1px solid #CDCDCD; overflow: hidden; background-color: transparent; color: rgba(0, 0, 0, 0.5); font-size: 1em; } .woocommerce-checkout .box-check-out .form-row .select2-choice select:focus { outline: none; } .woocommerce-checkout .box-check-out div.shipping-address { width: auto; clear: none; } @media only screen and (min-width: 1170px) { .woocommerce-checkout .box-check-out div.shipping-address { width: 25% !important; } } .woocommerce-checkout .box-check-out .checkout-list-input { float: left; list-style: none; padding-left: 0px; width: 100%; margin-bottom: 0px; margin-top: 40px; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .woocommerce-checkout .box-check-out .checkout-list-input li { float: left; width: 100%; height: auto; margin-bottom: 25px; } .woocommerce-checkout .box-check-out .checkout-list-input li.half input[type="text"] { width: 46%; } .woocommerce-checkout .box-check-out .checkout-list-input li.half input[type="text"]:first-child { margin-right: 30px; } .woocommerce-checkout .box-check-out .show-box-checkout { float: left; width: 100%; margin-top: 30px; margin-bottom: 15px; color: #898989; } .woocommerce-checkout .box-check-out .shipping-method { text-align: left; } .woocommerce-checkout .box-check-out .list-radio { float: left; padding-left: 10px; margin-bottom: 0px; list-style: none; } .woocommerce-checkout .box-check-out .list-radio li { float: left; width: 100%; height: auto; color: #898989; font-size: 1em; } .woocommerce-checkout .box-check-out .list-radio li input { margin-right: 20px; cursor: pointer; } .woocommerce-checkout .box-check-out .list-radio li:last-child { height: 35px; margin-top: 35px; margin-bottom: 65px; margin-left: -20px; } .woocommerce-checkout .box-check-out .list-radio li:last-child a { padding: 12px 64px; color: #fff; background: #5ebecd; border-color: rgba(0, 0, 0, 0.3); font-size: 1em; font-weight: 400; } .woocommerce-checkout .box-check-out .list-radio li:last-child a:hover { background-color: #001b4b; border-color: #001b4b; color: #fff; } .woocommerce-checkout .box-check-out .list-card { float: left; width: 100%; list-style: none; padding-left: 20px; margin-bottom: 0px; margin-top: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; } .woocommerce-checkout .box-check-out .list-card li { float: left; width: 25%; } .woocommerce-checkout .box-check-out .list-card li img { width: 62px; height: 30px; } .woocommerce-checkout .box-check-out .woocomerce-book-message { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; } .woocommerce-checkout .box-check-out .woocomerce-book-message ul { list-style: none; padding-left: 0px; margin-bottom: 0px; float: left; width: 100%; height: auto; } .woocommerce-checkout .box-check-out .woocomerce-book-message ul li { float: left; width: 100%; font-size: 1em; font-weight: 300; margin-bottom: 5px; } .woocommerce-checkout .box-check-out .woocomerce-book-message ul li .fa { margin-right: 15px; } .woocommerce-checkout .box-check-out .woocomerce-book-message ul li a { color: #898989; } .woocommerce-checkout .box-check-out .woocomerce-book-message ul li a:hover { color: #001b4b; } .woocommerce-checkout .box-check-out .woocomerce-book-message ul li:last-child { margin-top: 20px; font-size: 1.08462em; color: rgba(0, 0, 0, 0.3); } .woocommerce-checkout .box-check-out .woocomerce-book-message ul li.link a { color: #5ebecd; text-decoration: underline; } .blog-page { margin-bottom: 150px; } .blog-page.padding .article { margin-bottom: 30px; } .blog-page .article { position: relative; } .blog-page .article:nth-child(odd) .images { width: 54%; float: left; overflow: hidden; } .blog-page .article:nth-child(odd) .images .img-blog { width: 100%; height: 400px; } .blog-page .article:nth-child(odd) .content-blog { float: left; width: 44%; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; padding-left: 60px; top: 54%; } .blog-page .article:nth-child(odd) .content-blog .author { left: 36%; top: 10px; } .blog-page .article:nth-child(odd) .title { -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 25%; } .blog-page .article:nth-child(even) .images { width: 46%; float: right; } .blog-page .article:nth-child(even) .images .img-blog { height: 500px; } .blog-page .article:nth-child(even) .content-blog { float: right; width: 52%; padding-right: 45px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding-left: 20%; } .blog-page .article:nth-child(even) .content-blog .author { right: 52%; top: -65px; } .blog-page .article:nth-child(even) .title { padding-right: 30px; } .blog-page .article .img-blog { position: relative; overflow: hidden; width: 100%; height: 400px; } .blog-page .article .img-blog img { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -o-object-fit: cover; object-fit: cover; } .blog-page .article .img-product { width: 460px; height: 370px; position: relative; overflow: hidden; } .blog-page .article img { width: 100%; height: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .blog-page .article .content-blog { font-weight: 500; } .blog-page .article .content-blog.product { width: 55%; padding-right: 150px; } .blog-page .article .content-blog .author { font-size: 2.30769em; font-family: "HLT SIGNERICA MEDIUM", sans-serif; color: #5ebecd; line-height: 24px; position: absolute; } .blog-page .article .content-blog .date-time { position: relative; } .blog-page .article .content-blog .date-time .date { font-size: 7.69231em; font-family: "Oswald", sans-serif; line-height: 36px; color: rgba(94, 190, 205, 0.15); } .blog-page .article .content-blog .date-time .month { font-size: 1.38462em; color: #001b4b; position: absolute; left: 0; text-transform: uppercase; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 30%; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .blog-page .article .content-blog .title { font-size: 1.53846em; color: #001b4b; line-height: 30px; margin-top: 20px; margin-bottom: 15px; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; letter-spacing: 0.5px; } .blog-page .article .content-blog .comment { font-size: 0.84615em; color: #5ebecd; font-style: italic; margin-bottom: 26px; } .blog-page .article .content-blog .readmore { color: #898989; font-size: 1em; font-style: italic; letter-spacing: 2px; } .blog-page .article .content-blog .readmore:hover { color: #001b4b; } .blog-page .article .content-blog .short-desc { max-height: 90px; overflow: hidden; } .alm-btn-wrap { position: relative; margin-top: 80px; margin-bottom: 150px; } .alm-btn-wrap button { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: relative; background: #5ebecd; padding: 25px; border: none; } .alm-btn-wrap button:before { content: ''; background: url(../images/icon-spa.png) no-repeat -210px -62px; height: 15px; width: 25px; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 55%; } .pagging { width: 100%; float: left; text-align: center; padding-bottom: 100px; margin-top: 30px; } .pagging ul { list-style: none; display: inline-block; padding-left: 0; margin-bottom: 0; } .pagging ul li { display: inline; text-transform: uppercase; margin-right: 5px; } @media only screen and (max-width: 767px) { .pagging ul li { float: left; margin-bottom: 10px; } } .pagging ul li .page-numbers { display: inline-block; color: rgba(0, 0, 0, 0.5); width: 30px; height: 30px; text-align: center; line-height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Lato", sans-serif; font-weight: bold; } .pagging ul li .page-numbers:hover { line-height: 26px; border: 2px solid rgba(0, 0, 0, 0.2); } .pagging ul li .page-numbers.current { background: #001b4b; color: #fff; } .pagging ul li .page-numbers.current:hover { border-color: #001b4b; } .pagging ul li .page-numbers.prev, .pagging ul li .page-numbers.next { width: auto !important; } .pagging ul li .page-numbers.prev:hover, .pagging ul li .page-numbers.next:hover { line-height: 30px; border: none; color: #001b4b !important; } .pagging ul li .page-numbers.prev { margin-right: 15px; } .pagging ul li .page-numbers.next { margin-left: 15px; } .pagging ul li.current:hover { background: none; color: #001b4b; } .comment-list { margin-top: 30px; } .content-details { margin-bottom: 150px; } .title-comment-box { width: 100%; clear: both; display: block; } #reply-title { padding-top: 30px; text-transform: uppercase; } .comment-form { width: 50%; } .comment-form .logged-in-as { color: #898989; font-size: 0.92308em; padding-bottom: 20px; } .comment-form input[type="text"] { clear: both; display: block; border: 0; border-bottom: 1px solid #CDCDCD; width: 100%; margin-bottom: 25px; height: 20px; } .comment-form label { display: block; } .comment-form textarea { clear: both; display: block; border: 0; border-bottom: 1px solid #CDCDCD; width: 100%; margin-bottom: 25px; height: 40px; } .form-submit input[type="submit"] { font-size: 1.07692em; background: #001b4b; color: #fff; text-transform: uppercase; padding: 8px 27px; font-weight: 600; border: none; } .form-submit input[type="submit"]:hover { color: #fff; background: #5ebecd; } .content-blog-details { position: relative; margin-top: 65px; padding: 0 110px; margin-bottom: 50px; font-weight: 500; } .content-blog-details .wp-caption { max-width: 100%; } .content-blog-details .img-details-blog { width: 970px; height: 570px; position: relative; overflow: hidden; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .content-blog-details .img-details-blog img { width: 100%; height: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .content-blog-details .content-service { display: block; clear: both; text-align: center; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; top: -75px; } .content-blog-details .content-service .text-small .number { font-size: 7.69231em; color: #ecf6f8; font-family: "Oswald", sans-serif; position: relative; } .content-blog-details .content-service .text-small .number:after { content: ''; background: #5ebecd; height: 3px; width: 50px; position: absolute; bottom: 5px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .content-blog-details .content-service .text-small .title-element { color: #001b4b; font-size: 1.23077em; text-transform: uppercase; margin-top: 20px; line-height: 24px; letter-spacing: 0.6px; } .content-blog-details .content-details { padding: 0 95px; margin-top: 40px; margin-bottom: 0; } .content-blog-details .content-details .title { font-size: 2.76923em; text-align: center; color: #001b4b; line-height: 50px; } .content-blog-details .content-details .comment { text-align: center; position: relative; margin-bottom: 65px; font-style: italic; margin-top: 8px; color: #898989; } .content-blog-details .content-details .comment:after { content: ''; background: #737373; height: 1px; width: 200px; position: absolute; bottom: -5px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .content-blog-details .content-details .comment-form { margin-bottom: 100px; width: 100%; } .content-blog-details .content-details .comment-form label { color: #898989; font-weight: normal; } .content-blog-details .content-details .comment-form input[type="text"] { width: 100%; } .content-blog-details .content-details .comment-form .submit { font-size: 1.07692em; background: #001b4b; color: #fff; text-transform: uppercase; padding: 8px 27px; font-weight: 600; border: none; } .content-blog-details .content-details .comment-form .submit:hover { color: #fff; background: #5ebecd; } .content-blog-details .content-details #reply-title { display: none; } .content-blog-details .content-details img { max-width: 100%; height: auto; } .content-blog-details .content { font-size: 1em; line-height: 24px; color: #898989; } .content-blog-details .content strong { font-size: 1.53846em; line-height: 36px; color: #252525; letter-spacing: 0.5px; font-weight: normal; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .content-blog-details .content .slide { margin-top: 30px; margin-bottom: 80px; } .content-blog-details .content .slide .img { width: 65%; float: left; margin-bottom: 50px; } .content-blog-details .content .slide .navigate { float: left; width: 34%; padding-left: 5px; padding-top: 135px; margin-bottom: 70px; } .content-blog-details .content .slide .next-prev { color: #898989; border-bottom: 1px solid #CDCDCD; } .content-blog-details .content .slide .next-prev .fa { font-size: 1.15385em; padding-right: 10px; color: #252525; } .content-blog-details .content .slide .next-prev span { font-size: 2.30769em; } .content-blog-details .content .slide .content-slide { color: #898989; text-transform: uppercase; height: 125px; overflow: hidden; margin-top: 30px; line-height: 26px; letter-spacing: 0.5px; } .content-blog-details .author { margin-top: 65px; border-bottom: 1px solid #CDCDCD; padding-bottom: 45px; } .content-blog-details .author.home { border-bottom: none; } .content-blog-details .author img { padding-right: 15px; width: 40px; height: 25px; } .content-blog-details .author span { color: #898989; line-height: 24px; } .content-blog-details .author span.author-name { font-size: 2.30769em; color: #5ebecd; font-family: "HLT SIGNERICA MEDIUM", sans-serif; padding-left: 25px; } .content-blog-details .author .share { float: right; margin-top: 15px; } .content-blog-details .author .share .pull-right li { display: inline-block; } .content-blog-details .author .share i { color: #5ebecd; padding-right: 15px; } .content-blog-details .author .share .like { padding: 0 15px; position: relative; } .content-blog-details .author .share .like:before { content: ''; background: #CDCDCD; height: 12px; width: 1px; position: absolute; right: 0; top: 2px; } .content-blog-details .author .share .social { padding-left: 15px; } .content-blog-details .blog-slide-details { padding: 70px 0 65px 0; } .content-blog-details .blog-slide-details .img-new { float: right; } .content-blog-details .blog-slide-details .swiper-slide .content-blog-details { padding-left: 30px; position: absolute; padding-top: 23px; margin-top: 0; } .content-blog-details .blog-slide-details .swiper-slide .content-blog-details .date-time { position: relative; } .content-blog-details .blog-slide-details .swiper-slide .content-blog-details .date-time .date { font-size: 3.07692em; font-family: "Oswald", sans-serif; line-height: 36px; color: rgba(94, 190, 205, 0.15); } .content-blog-details .blog-slide-details .swiper-slide .content-blog-details .date-time .month { font-size: 1.07692em; font-family: "HLT SIGNERICA MEDIUM", sans-serif; color: #001b4b; line-height: 24px; position: absolute; left: 0; top: 5px; text-transform: capitalize; } .content-blog-details .blog-slide-details .swiper-slide .content-blog-details .title { font-size: 1.07692em; color: #001b4b; line-height: 24px; text-align: left; margin-bottom: 10px; } .content-blog-details .blog-slide-details .swiper-slide .content-blog-details .comment-title { font-size: 0.84615em; color: #5ebecd; font-style: italic; margin-bottom: 20px; } .content-blog-details .blog-slide-details .swiper-button-next { background: #CDCDCD; width: 25px; height: 22px; position: absolute; right: 10px; } .content-blog-details .blog-slide-details .swiper-button-next:hover { background: #5ebecd; } .content-blog-details .blog-slide-details .swiper-button-next:before { content: ''; background: url(../images/icon-spa.png) no-repeat -225px -43px; height: 15px; width: 27px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -5px; } .content-blog-details .blog-slide-details .swiper-button-prev { background: #CDCDCD; width: 25px; height: 22px; position: absolute; left: 10px; } .content-blog-details .blog-slide-details .swiper-button-prev:hover { background: #5ebecd; } .content-blog-details .blog-slide-details .swiper-button-prev:before { content: ''; background: url(../images/icon-spa.png) no-repeat -195px -43px; height: 15px; width: 27px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 5px; } .content-blog-details .comments-area { float: left; width: 100%; height: auto; margin-top: 5px; padding-bottom: 50px; margin-bottom: 60px; background: #f7f7f7; padding: 35px 0px 20px 95px; } .content-blog-details .comments-area .comment-avatar { width: 70px; height: 70px; position: relative; overflow: hidden; } .content-blog-details .comments-area .comment-avatar img { width: 100%; height: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .content-blog-details .comments-area .title-comment-box { float: left; width: 100%; height: auto; margin-bottom: 0; text-transform: lowercase; font-size: 1.53846em; } .content-blog-details .comments-area .title-comment-box:after { border: none; } .content-blog-details .comments-area .comment { width: 90%; float: left; position: relative; } .content-blog-details .comments-area .comment:after { content: ""; width: 60px; position: absolute; bottom: 10px; left: 0px; } .content-blog-details .comments-area .comment:last-child { border-bottom: none; } .content-blog-details .comments-area .comment:last-child:after { display: none; } .content-blog-details .comments-area .comment .comment-body { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; color: rgba(0, 0, 0, 0.9); width: 85%; float: left; padding-left: 25px; } .content-blog-details .comments-area .comment .comment-body .comment-message { clear: both; font-size: 1em; line-height: 24px; } .content-blog-details .comments-area .title-comment { float: left; width: 100%; padding-bottom: 30px; margin-top: 35px; border-bottom: 1px solid #CDCDCD; } .content-blog-details .comments-area .title-comment:last-child { border: none; } .content-blog-details .comments-area .title-comment span { float: left; } .content-blog-details .comments-area .title-comment span.comment-name { text-transform: uppercase; font-size: 1em; } .content-blog-details .comments-area .title-comment span.time { font-size: 0.92308em; } .content-blog-details .comments-area .title-comment span.category { font-size: 0.92308em; } .content-blog-details .comments-area .title-comment span.comment-posted-in { color: #5ebecd; margin-bottom: 10px; } .content-blog-details .comments-area .title-comment span a { font-size: 0.92308em; } .content-blog-details .comments-area .sub-comment { -webkit-box-sizing: border-box; box-sizing: border-box; } .content-blog-details .comments-area .sub-comment .title-comment { border-bottom: none; position: relative; margin-left: 70px; } .content-blog-details .comments-area .sub-comment .title-comment:after { content: ''; background: #CDCDCD; height: 1px; width: 100%; position: absolute; bottom: 0; left: -70px; } .content-details-service { margin-top: 80px; margin-bottom: 55px; } .content-details-service .content-top { color: #252525; margin-bottom: 100px; } .content-details-service .content-top .title { font-size: 1.84615em; line-height: 30px; text-transform: uppercase; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 50%; margin-bottom: 25px; } .content-details-service .content-top .content { color: #898989; line-height: 24px; } .content-details-service .expert .expert-content .img-expert { padding-right: 30px; } .content-details-service .expert .expert-content .img-expert img { width: 100%; height: auto; } .content-details-service .expert .expert-content .title { font-size: 1.84615em; line-height: 30px; text-transform: uppercase; color: #252525; margin-top: 80px; margin-bottom: 30px; } .content-details-service .expert .expert-content .content { font-size: 1em; color: #898989; line-height: 24px; padding-right: 15%; } .gallery-details-service { border-top: 1px solid #CDCDCD; margin-bottom: 150px; } .gallery-details-service .title { font-size: 1.84615em; text-transform: uppercase; line-height: 30px; color: #252525; text-align: center; margin-bottom: 50px; margin-top: 110px; } .gallery-details-service .img { margin: 10px; width: 270px; height: 230px; position: relative; overflow: hidden; } .gallery-details-service .img:before { content: ''; background: #fff; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .gallery-details-service .img:hover:before { opacity: 0.3; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .gallery-details-service .img img { width: 100%; height: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* 14. Form subcribe */ .form-subcribe { position: relative; float: left; width: 100%; min-height: 160px; background: #f2f2f2; } .form-subcribe .subcribe-form-view { float: left; text-align: left; padding: 53px 0 47px 50px; } .form-subcribe .subcribe-form-view .title-subcribe { font-size: 1.84615em; margin-bottom: 10px; } .form-subcribe .subcribe-form-view .title-subcribe strong { color: #5ebecd; font-weight: 600; } .form-subcribe .subcribe-form-view .description { color: #898989; font-size: 0.92308em; font-style: italic; } .form-subcribe .form-subcribe-view { padding: 65px 0 60px 0; margin-left: -50px; } .form-subcribe .txt-subcrible-text { width: 61%; padding: 8px; border: 1px solid #CDCDCD; color: #a1a1a1; font-style: italic; background: transparent; margin-right: -2px; font-size: 0.8em; } .form-subcribe .book-button { font-size: 1.08em; background: #001b4b; color: #fff; text-transform: uppercase; padding: 6px 35px; font-weight: 600; border: none; position: relative; top: 1px; left: -1px; } .form-subcribe .book-button:hover { color: #fff; background: #5ebecd; } .gallery-page .side-bar-gallery.stick-scroll { position: fixed; top: 30px; } .gallery-page .side-bar-gallery .sidebar { padding: 0; } .gallery-page .side-bar-gallery .sidebar li { list-style: none; padding: 10px 0; } .gallery-page .side-bar-gallery .sidebar li a { color: #898989; font-size: 1.53846em; padding: 13px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .gallery-page .side-bar-gallery .sidebar li a:hover { background: #001b4b; text-decoration: none; color: #fff; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .gallery-page .side-bar-gallery .sidebar li.active a { background: #001b4b; text-decoration: none; color: #fff; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .gallery-page .social-gallery ul { padding: 0; } .gallery-page .social-gallery ul li { list-style: none; padding: 10px 13px; } .gallery-page .social-gallery ul li i { color: #5ebecd; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; font-size: 1.40769em; } .gallery-page .social-gallery ul li i:hover { color: #001b4b; cursor: pointer; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .gallery-page .social-gallery ul li i:hover.fa-facebook { color: #3B5A9B; } .gallery-page .social-gallery ul li i:hover.fa-twitter { color: #3E8DC8; } .gallery-page .social-gallery ul li i:hover.fa-pinterest { color: #D01820; } .gallery-page .social-gallery ul li i:hover.fa-google-plus { color: #D84A38; } .gallery-page .gallery-content { float: left; max-width: 100%; } .gallery-page .gallery-content img { max-width: 100%; } .gallery-page .gallery-content.gallery-video-thumb { width: 100%; } .gallery-page .gallery-content.gallery-video-thumb img { width: 100%; } .gallery-page .gallery-content .gallery-slide-farm { width: 100%; overflow: hidden; } .gallery-page .gallery-content .gallery-slide-farm img { max-width: inherit; } .gallery-page .gallery-content .gallery-slide-farm .swiper-container { max-height: 500px; } .gallery-page .gallery-content .gallery-slide-farm .swiper-button-next { background: none; width: 35px; height: 40px; position: absolute; right: 35px; } .gallery-page .gallery-content .gallery-slide-farm .swiper-button-next:before { content: ''; background: url(../images/icon-spa.png) no-repeat -315px -50px; height: 40px; width: 35px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -5px; } .gallery-page .gallery-content .gallery-slide-farm .swiper-button-prev { background: none; width: 35px; height: 40px; position: absolute; left: 35px; } .gallery-page .gallery-content .gallery-slide-farm .swiper-button-prev:before { content: ''; background: url(../images/icon-spa.png) no-repeat -280px -48px; height: 40px; width: 35px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 5px; } .gallery-page .modal.in { background: rgba(0, 0, 0, 0.9); } .gallery-page .modal .modal-dialog { margin: 100px auto; } .gallery-page .modal .modal-dialog.gallery-video-thumb { width: 750px; } .gallery-page .modal .modal-dialog button { background: url(../images/icon-spa.png) no-repeat -194px -140px; border: none; color: transparent; width: 40px; height: 40px; position: absolute; right: -55px; top: -40px; } .gallery-page .modal .modal-dialog .modal-content { background: transparent; } .gallery-page .modal .modal-dialog .modal-content .modal-body { color: #fff; text-align: center; } .gallery-page .modal .modal-dialog .modal-content .modal-body h1 { font-size: 2.30769em; line-height: 24px; margin-top: 44px; } .gallery-page .modal .modal-dialog .modal-content .modal-body h4 { font-size: 1em; line-height: 24px; letter-spacing: 0.6px; margin-top: 30px; } .gallery-page .modal .modal-dialog .modal-content .modal-body h2 { font-size: 2.76923em; line-height: 48px; letter-spacing: 0.5px; color: #5ebecd; font-family: "HLT SIGNERICA MEDIUM", sans-serif; margin-top: 90px; } .gallery-page .modal .modal-dialog .modal-content .modal-body img { max-width: 100%; } .side-bar-shop.grid-custom { margin-bottom: 150px; } .side-bar-shop.grid-custom .sidebar-widget { border-bottom: 1px solid #CDCDCD; padding-bottom: 5px; width: 90%; margin-top: 45px; } .side-bar-shop.grid-custom .sidebar-widget:first-child { margin-top: 0; } .side-bar-shop.grid-custom .sidebar-widget:first-child h2 { margin-top: 0; } .side-bar-shop.grid-custom .sidebar-widget:last-child { border: none; } .side-bar-shop.grid-custom .sidebar-widget h2 { clear: both; width: 100%; font-size: 1.07692em; line-height: 18px; color: #252525; margin-bottom: 20px; letter-spacing: 0.1px; font-weight: 600; text-transform: uppercase; } .side-bar-shop.grid-custom .sidebar-widget h2:after { display: none; } .side-bar-shop.grid-custom .sidebar-widget .product-categories { padding: 0; } .side-bar-shop.grid-custom .sidebar-widget .product-categories li { padding: 0; list-style: none; line-height: 36px; } .side-bar-shop.grid-custom .sidebar-widget .product-categories li:hover a { color: #5ebecd; } .side-bar-shop.grid-custom .sidebar-widget .product-categories li.current-cat a { text-decoration: none; color: #5ebecd; } .side-bar-shop.grid-custom .sidebar-widget .product-categories li a { font-size: 1em; color: #898989; line-height: 36px; padding: 0; text-transform: capitalize; } .side-bar-shop.grid-custom .sidebar-widget .product-categories li a:hover { text-decoration: none; color: #5ebecd; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .side-bar-shop.grid-custom .sidebar-widget .product-categories li span { color: #898989; } .side-bar-shop.grid-custom .sidebar-widget .price_slider_wrapper { padding-top: 10px; } .side-bar-shop.grid-custom .sidebar-widget .price_slider_wrapper .price_label { text-align: left; color: #898989; } .side-bar-shop.grid-custom .sidebar-widget .price_slider_wrapper .button { float: right; padding: 0 14px; border: none; background-color: #CDCDCD; color: #898989; height: 18px; line-height: 18px; font-weight: 400; margin-right: -5px; } .side-bar-shop.grid-custom .sidebar-widget .tagcloud a { clear: both; display: block; font-size: 1em !important; color: #898989; line-height: 36px; } .side-bar-shop.grid-custom .sidebar-widget .tagcloud a:hover { color: #5ebecd; } .side-bar-shop .product-categories { padding: 0; } .side-bar-shop .product-categories li { list-style: none; text-transform: uppercase; line-height: 43px; } .side-bar-shop .product-categories li a { color: #898989; font-size: 1.38462em; padding: 0 13px; } .side-bar-shop .product-categories li a:hover { text-decoration: none; color: #001b4b; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .side-bar-shop .product-categories li.active a { text-decoration: none; color: #001b4b; } .breadthums-navigation { border-bottom: 1px solid #CDCDCD; padding-bottom: 30px; } .breadthums-navigation .gridlist-toggle { width: 100px; float: left; padding: 0 !important; line-height: 0 !important; } .breadthums-navigation .gridlist-toggle #grid { position: relative; padding: 0 15px 0 0; background: none; } .breadthums-navigation .gridlist-toggle #grid:before { content: ""; background: url("../images/icon-spa.png") no-repeat scroll -195px -74px; height: 25px; width: 15px; position: absolute; } .breadthums-navigation .gridlist-toggle #grid span { display: none; } .breadthums-navigation .gridlist-toggle #list { position: relative; background: none; padding: 0; } .breadthums-navigation .gridlist-toggle #list:before { content: ""; background: url("../images/icon-spa.png") no-repeat scroll -210px -74px; height: 25px; width: 15px; position: absolute; } .breadthums-navigation .gridlist-toggle #list span { display: none; } .breadthums-navigation .woocommerce-ordering { color: #898989; float: right; min-width: 200px; position: absolute; right: 15px; } .breadthums-navigation .woocommerce-ordering span { padding-right: 15px; } .breadthums-navigation .woocommerce-ordering .orderby { background-color: #CDCDCD; border: none; width: 120px; margin-right: 5px; padding: 0px 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; } .breadthums-navigation .woocommerce-ordering .dropdown-border { position: relative; } .breadthums-navigation .woocommerce-ordering .dropdown-border:before { content: '\F0D7'; font-family: "FontAwesome"; display: inline-block; padding-right: 3px; font-size: 0.92308em; vertical-align: middle; position: absolute; color: #898989; right: 40px; top: 0; } .breadthums-navigation .woocommerce-ordering .dropdown-border:after { content: ""; background: url("../images/icon-spa.png") no-repeat scroll -224px -76px; background-color: #CDCDCD; height: 20px; width: 26px; position: absolute; right: -15px; top: 0px; } .breadthums-navigation .woocommerce-ordering .button { padding: 1px 13px; border: none; background-color: #CDCDCD; position: relative; top: 1px; } .breadthums-navigation .woocommerce-ordering .button:before { content: '\F0D7'; font-family: "FontAwesome"; display: inline-block; padding-right: 3px; font-size: 0.92308em; vertical-align: middle; position: absolute; color: #898989; right: 40px; top: 0; } .breadthums-navigation .woocommerce-ordering .button:after { content: ""; background: url("../images/icon-spa.png") no-repeat scroll -230px -74px; height: 25px; width: 20px; position: absolute; left: 7px; top: -2px; } .breadthums-navigation .woocommerce-result-count { display: none; } .woocommerce table.shop_table { float: left; width: 100%; height: auto; border: 1px solid #CDCDCD; border-radius: 0; } .woocommerce table.shop_table.wishlist_table { margin-bottom: 150px; } .woocommerce table.shop_table.wishlist_table thead tr th { min-height: 40px; color: #252525; font-weight: 600; padding: 11px 12px; } .woocommerce table.shop_table.wishlist_table .product-price { font-size: 1.25em; color: #252525; } .woocommerce table.shop_table.wishlist_table .product-price del { display: none; } .woocommerce table.shop_table.wishlist_table .product-price .remove { position: absolute; padding: 5px 0px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: transparent !important; top: 35%; } .woocommerce table.shop_table.wishlist_table .product-price .remove:hover:before { background-color: #5ebecd; } .woocommerce table.shop_table.wishlist_table .product-price .remove:before { content: ''; background: url(../images/icon-spa.png) no-repeat -230px -58px; background-color: #001b4b; height: 20px; width: 20px; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-radius: 25px; } .woocommerce table.shop_table.wishlist_table .product-stock-status span { font-size: 1.2em; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; color: #5ebecd; } .woocommerce table.shop_table.wishlist_table .product-add-to-cart a { background-color: #5ebecd; color: #fff; border-radius: 0; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-weight: normal; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .woocommerce table.shop_table.wishlist_table .product-add-to-cart a:hover { background-color: #898989; } .woocommerce table.shop_table.wishlist_table .product-quantity .quantity input { width: 65px; height: 40px; color: #252525; } .woocommerce table.shop_table.wishlist_table .product-thumbnail a { max-width: 70%; } .woocommerce table.shop_table.wishlist_table .product-thumbnail a:hover { color: #5ebecd; } .woocommerce table.shop_table.wishlist_table .product-thumbnail .book-item .book-image { width: 120px; height: auto; background-color: #EDEEF0; float: left; } .woocommerce table.shop_table tr { float: left; width: 100%; } .woocommerce table.shop_table tr:last-child { border: none; } .woocommerce table.shop_table tr.border-bottom { border-bottom: 2px solid rgba(0, 0, 0, 0.2); } .woocommerce table.shop_table thead tr { border: none; padding-left: 0px; padding-right: 0px; } .woocommerce table.shop_table thead tr:first-child { padding-top: 0px; } .woocommerce table.shop_table thead tr th { text-align: center !important; float: left !important; font-weight: 300; color: rgba(0, 0, 0, 0.7); background: #f6f7f7; border-right: 1px solid #CDCDCD; padding: 10px 25px; font-size: 1.15385em; } .woocommerce table.shop_table thead tr th:first-child { text-align: left !important; padding-left: 25px; } .woocommerce table.shop_table thead tr th:last-child { border-right: none; } .woocommerce table.shop_table tbody { float: left; width: 100%; height: auto; position: relative; } .woocommerce table.shop_table tbody td { text-align: center; float: left !important; padding: 32px 22px; border-right: 1px solid #CDCDCD; min-height: 195px; position: relative; } .woocommerce table.shop_table tbody td:first-child { text-align: left; } .woocommerce table.shop_table tbody td:first-child .product-info-name { width: 300px; margin-top: 15px; } .woocommerce table.shop_table tbody td:first-child a { font-size: 2em; } .woocommerce table.shop_table tbody td:first-child .product-item .product-image img { width: 120px; } .woocommerce table.shop_table tbody td:first-child .by-author { display: none; } .woocommerce table.shop_table tbody td:last-child { border-right: none; } .woocommerce table.shop_table tbody td.product-price, .woocommerce table.shop_table tbody td.product-subtotal { font-size: 1em; color: #898989; } .woocommerce table.shop_table tbody td .quantity { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .woocommerce table.shop_table tbody td span.amount { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .woocommerce table.shop_table tbody td input { width: 50px; padding-left: 10px; padding-right: 10px; border: none; background: #CDCDCD; text-align: center; margin-bottom: 10px; color: #898989; height: 40px; } .woocommerce table.shop_table tbody tr { border-bottom: 1px solid #CDCDCD; } .woocommerce table.shop_table tbody .number-pro { float: left; width: 20px; margin-right: 10px; height: 100%; font-weight: bold; font-size: 1.38462em; } .woocommerce table.shop_table tbody .product-item { float: left; } .woocommerce table.shop_table tbody .product-item .product-image { background: #EDEDED; padding-bottom: 10px; } .woocommerce table.shop_table tbody .product-info-name { float: left; margin-left: 25px; width: 184px; text-align: left; } .woocommerce table.shop_table tbody .product-info-name.name-full { width: 65%; margin-top: 15px; } .woocommerce table.shop_table tbody .product-info-name a, .woocommerce table.shop_table tbody .product-info-name span { float: left; width: 100%; } .woocommerce table.shop_table tbody .product-info-name a { font-weight: 500; font-size: 1.53846em; color: #000; line-height: 22px; } .woocommerce table.shop_table tbody .product-info-name a:hover { color: #001b4b; } .woocommerce table.shop_table tbody .product-info-name span { color: rgba(0, 0, 0, 0.5); font-size: 1em; } .woocommerce table.shop_table tbody .product-info-name span.book-desc { margin-top: 10px; line-height: 24px; } .woocommerce table.shop_table tbody .remove-subtotal { padding: 0; position: relative; } .woocommerce table.shop_table tbody .remove-subtotal .remove { position: absolute; padding: 5px 0px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .woocommerce table.shop_table tbody .remove-subtotal .remove:hover:before { background-color: #5ebecd; } .woocommerce table.shop_table tbody .remove-subtotal .remove:before { content: ''; background: url(../images/icon-spa.png) no-repeat -230px -58px; background-color: #001b4b; height: 20px; width: 20px; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-radius: 25px; } .woocommerce table.shop_table tfoot { background: transparent; color: #001b4b; font-size: 1em; letter-spacing: 0.6px; } .woocommerce table.shop_table tfoot tr { padding: 14px 0; } .woocommerce table.shop_table tfoot tr { padding: 0; border-top: 1px solid #E1E1E1 !important; } .woocommerce table.shop_table tfoot td { padding-left: 20px; border-top: none; font-weight: normal; } .woocommerce .bottom-wishlist .result { float: left; margin-top: 30px; } .woocommerce .bottom-wishlist .result .title-rs { padding-right: 10px; } .woocommerce .bottom-wishlist .result .title-show { padding-left: 30px; padding-right: 10px; } .woocommerce .bottom-wishlist .result .select-result { padding: 4px; margin: 0; border: 1px solid #CDCDCD; width: 40px; height: 25px; overflow: hidden; background-color: transparent; position: relative; background: url("../images/arrowdown.gif") no-repeat 90% 50%; } .woocommerce .bottom-wishlist .result .select-result select { padding: 0px 5px; width: 40px; height: 25px; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #001b4b; line-height: 24px; } .woocommerce .bottom-wishlist .result .select-result select:focus { outline: none; } .woocommerce .bottom-wishlist .woocommerce-pagination { float: right; margin-top: 24px; } .woocommerce .content-shop { position: relative; padding: 0 15px; } .woocommerce .content-shop ul.products { text-align: center; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .top-item .add_to_cart_button { opacity: 1; top: 125px; left: 41%; z-index: 1; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .top-item .item-hover ul .quick-view-button { display: block; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .item-right { position: absolute; top: 20px; left: 290px; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .item-right .description { margin-bottom: 50px; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .item-right .title h3 { width: 100%; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .item-right .price { width: 100%; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .yith-wcwl-add-to-wishlist a:after { display: none; } .woocommerce .content-shop ul.products.list .custom-product .content-item-product .bottom-item .description { margin-bottom: 15px; } .woocommerce .content-shop ul.products.list .custom-product .content-item-product .bottom-item .item-price { margin-top: 20px; } .woocommerce .content-shop ul.products.list .custom-product .content-item-product .bottom-item .item-price .sale-price { margin-right: 15px; } .woocommerce .content-shop ul.products.list .custom-product .content-item-product .quick-view-button { display: block; } .woocommerce .content-shop ul.products.list li.product .content-item-product { margin-bottom: 30px; } .woocommerce .content-shop ul.products.list li.product .content-item-product .quick-view-button { display: none; } .woocommerce .content-shop ul.products.list li.product .content-item-product .stick-product { left: 198px; position: absolute; width: 63px; } .woocommerce .content-shop ul.products.list li.product .content-item-product .title { margin-top: 0; padding-top: 10px; } .woocommerce .content-shop ul.products.list li.product .content-item-product .title h3 { margin-bottom: 5px; } .woocommerce .content-shop ul.products.list li.product .content-item-product .description { -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 32%; margin-bottom: 20px; } .woocommerce .content-shop ul.products.list li.product .content-item-product .price del { left: 0; } .woocommerce .content-shop ul.products.list li.product .content-item-product .price ins { margin-left: 25px; } .woocommerce .content-shop ul.products.list li.product .content-item-product .star-rating { position: absolute; left: 130px; top: 20px; font-size: 1.15385em; } .woocommerce .content-shop ul.products.list li.product .content-item-product .star-rating:before { color: #001b4b; } .woocommerce .content-shop ul.products.list li.product hr { display: none; } .woocommerce .content-shop ul.products.grid .custom-product .content-item-product .title { margin-bottom: 5px; } .woocommerce .content-shop ul.products.grid .custom-product .content-item-product .quick-view-button { display: block; } .woocommerce .content-shop ul.products.grid .custom-product .content-item-product .compare { display: block; } .woocommerce .content-shop ul.products.grid .custom-product .content-item-product .yith-wcwl-add-to-wishlist { display: block; } .woocommerce .content-shop ul.products.grid .custom-product .content-item-product .yith-wcwl-add-to-wishlist a:after { display: none; } .woocommerce .content-shop ul.products.grid .custom-product .content-item-product .star-rating { position: relative; margin-bottom: 15px; font-size: 1em; } .woocommerce .content-shop ul.products.grid .custom-product .content-item-product .star-rating span:before { color: #898989; } .woocommerce .content-shop ul.products.grid .content-item-product .top-item .item-product .wc-forward { display: none; } .woocommerce .content-shop ul.products.grid .content-item-product .description { display: none; } .woocommerce .content-shop ul.products.grid .content-item-product .quick-view-button { display: none; } .woocommerce .content-shop ul.products.grid .content-item-product .compare { display: none; } .woocommerce .content-shop ul.products.grid .content-item-product .yith-wcwl-add-to-wishlist { display: none; } .woocommerce .content-shop ul.products li.product { margin-bottom: 0; } .woocommerce .content-shop ul.products li.product .content-item-product { position: relative; margin-bottom: 60px; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item { position: relative; overflow: hidden; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item.list { width: 31%; float: left; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item:hover .item-hover { bottom: -10px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item:hover .add_to_cart_button { opacity: 1; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover { position: absolute; bottom: -55px; background-color: rgba(255, 255, 255, 0.5); padding: 10px 0; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; width: 100%; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover ul { padding: 0; margin-left: 5px; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover ul .quick-view-button { left: 35px; top: 0; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover ul .yith-wcwl-add-to-wishlist { left: 125px; top: 8px; width: 100px; position: absolute; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover ul .yith-wcwl-add-to-wishlist:before { content: ""; height: 40px; width: 1px; background-color: #FFF; position: absolute; left: -40px; top: -8px; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover ul .yith-wcwl-add-to-wishlist:after { content: ""; height: 40px; width: 1px; background-color: #FFF; position: absolute; left: 50px; top: -8px; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover ul .yith-wcwl-add-to-wishlist .feedback { display: none; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover ul .compare { left: 130px; top: 0; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover ul .gridlist-buttonwrap { display: none; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover ul .compare-button { display: none; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover ul a { list-style: none; float: left; padding: 0 38px; position: relative; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; font-weight: normal; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover ul a:hover:before { color: #5ebecd; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .item-hover ul a:before { font-size: 1em; color: #898989; } .woocommerce .content-shop ul.products li.product .content-item-product .top-item .add_to_cart_button { font-size: 0.923077em; background: #5ebecd; font-weight: normal; color: #fff; position: absolute; text-transform: uppercase; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); padding: 8px 15px; border-radius: 0; opacity: 0; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .woocommerce .content-shop ul.products li.product .content-item-product .item-product { position: relative; background-color: #edeef0; } .woocommerce .content-shop ul.products li.product .content-item-product .item-product img { background-color: #edeef0; } .woocommerce .content-shop ul.products li.product .content-item-product .item-product .star-rating { position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 20px; font-size: 1.07692em; } .woocommerce .content-shop ul.products li.product .content-item-product .item-product .star-rating:before { color: rgba(0, 27, 75, 0.5); } .woocommerce .content-shop ul.products li.product .content-item-product .item-product .onsale { right: 6px; } .woocommerce .content-shop ul.products li.product .content-item-product .title { font-size: 1.38462em; margin-top: 20px; } .woocommerce .content-shop ul.products li.product .content-item-product .title a { -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .woocommerce .content-shop ul.products li.product .content-item-product .title a:hover { color: #5ebecd; text-decoration: none; cursor: pointer; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .woocommerce .content-shop ul.products li.product .content-item-product .description { color: #898989; font-size: 1em; line-height: 24px; margin-bottom: 20px; } .woocommerce .content-shop ul.products li.product .content-item-product div[itemprop="description"] { display: none; } .woocommerce .content-shop ul.products li.product .content-item-product .sale-price { font-size: 1.07692em; text-decoration: line-through; margin-right: 10px; color: #898989; } .woocommerce .content-shop ul.products li.product .content-item-product .price { margin-bottom: 10px; font-size: 1.38462em; color: #5ebecd; } .woocommerce .content-shop ul.products li.product .content-item-product .price span { font-weight: 500; } .woocommerce .content-shop ul.products li.product .content-item-product .price del { float: left; position: relative; left: 0px; color: #898989; opacity: 1; } .woocommerce .content-shop ul.products li.product .content-item-product .price ins { text-decoration: none; } .woocommerce .content-shop ul.products li.product .content-item-product .quick-view-button { position: relative; background: none; color: transparent; width: 26px; padding: 0; left: 200px; top: -46px; height: 26px; overflow: hidden; margin-top: 0; z-index: 9; } .woocommerce .content-shop ul.products li.product .content-item-product .quick-view-button:before { content: '\f002'; font-family: "FontAwesome"; font-size: 1.84615em; color: #5ebecd; position: absolute; left: 0; top: 0; } .woocommerce .content-shop ul.products li.product .content-item-product .quick-view-button span { display: none; } .woocommerce .content-shop ul.products li.product .content-item-product .gridlist-buttonwrap { z-index: 9; } .woocommerce .content-shop ul.products li.product .content-item-product .gridlist-buttonwrap .button { padding: 9px 23px; text-transform: uppercase; background: #CDCDCD; font-size: 1em; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; color: #fff; border-radius: 0; font-weight: normal; z-index: 9; } .woocommerce .content-shop ul.products li.product .content-item-product .gridlist-buttonwrap .button:after { position: absolute; } .woocommerce .content-shop ul.products li.product .content-item-product .gridlist-buttonwrap .button:hover { background: #5ebecd; cursor: pointer; font-weight: 500; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; text-decoration: none; } .woocommerce .content-shop ul.products li.product .content-item-product .gridlist-buttonwrap .added_to_cart { display: none; } .woocommerce .content-shop ul.products li.product .content-item-product .compare { position: relative; background: none; color: transparent; width: 26px; padding: 0; left: 240px; top: -46px; height: 26px; overflow: hidden; margin-top: 0; z-index: 9; } .woocommerce .content-shop ul.products li.product .content-item-product .compare:hover:before { color: #898989; } .woocommerce .content-shop ul.products li.product .content-item-product .compare:before { content: '\f074'; font-family: "FontAwesome"; font-size: 1.84615em; color: #5ebecd; position: absolute; left: 0; top: 0; } .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist { position: relative; left: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; left: 150px; top: -83px; margin: 0; } .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist a { position: relative; } .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist a:after { content: ''; background: #CDCDCD; height: 30px; width: 2px; color: #5ebecd; position: absolute; left: 55px; top: 0; } .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .feedback { display: none; } .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { position: relative; color: transparent; width: 26px; height: 26px; overflow: hidden; } .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:hover:before, .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover:before, .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover:before { color: #898989; } .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:before, .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before { content: '\f004'; font-family: "FontAwesome"; font-size: 1.84615em; color: #5ebecd; position: absolute; left: 0; top: 0; } .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading, .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .ajax-loading, .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .ajax-loading { width: 16px !important; clear: both; } .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .feedback, .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback { position: absolute; bottom: -15px; } .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before { opacity: 0.5; } .woocommerce .bottom nav.woocommerce-pagination ul { padding: 5px 0 20px; margin-bottom: 150px; } .woocommerce nav.woocommerce-pagination { float: left; } .woocommerce nav.woocommerce-pagination ul { padding: 35px 0 20px; border: none; display: inherit; } .woocommerce nav.woocommerce-pagination ul.top { padding: 40px 0 30px 0; } .woocommerce nav.woocommerce-pagination ul.bottom { padding: 10px 0 140px 0; float: right; } .woocommerce nav.woocommerce-pagination ul.bottom-list { padding: 10px 0 140px 0; float: left; } .woocommerce nav.woocommerce-pagination ul li { list-style: none; float: left; border: none; } .woocommerce nav.woocommerce-pagination ul li:last-child { padding-right: 0; } .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a { color: #898989; font-size: 0.92308em; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a.current { background: none; color: #898989; } .woocommerce nav.woocommerce-pagination ul li span:hover, .woocommerce nav.woocommerce-pagination ul li a:hover { color: #001b4b; } .woocommerce nav.woocommerce-pagination ul li span.page-numbers, .woocommerce nav.woocommerce-pagination ul li a.page-numbers { position: relative; margin-right: 5px; } .woocommerce nav.woocommerce-pagination ul li span.page-numbers:after, .woocommerce nav.woocommerce-pagination ul li a.page-numbers:after { content: ''; height: 12px; width: 1px; background-color: #898989; position: absolute; right: 0px; top: 8px; } .woocommerce nav.woocommerce-pagination ul li span.next, .woocommerce nav.woocommerce-pagination ul li a.next { padding-left: 5px; } .woocommerce nav.woocommerce-pagination ul li span.next:after, .woocommerce nav.woocommerce-pagination ul li a.next:after { display: none; } .woocommerce nav.woocommerce-pagination ul li span.prev, .woocommerce nav.woocommerce-pagination ul li a.prev { padding-left: 0; padding-right: 5px; } .woocommerce nav.woocommerce-pagination ul li span.prev:after, .woocommerce nav.woocommerce-pagination ul li a.prev:after { display: none; } .stick-product { padding: 20px; color: #fff; font-size: 0.84615em; padding: 3px 18px; text-transform: uppercase; position: absolute; top: 20px; right: 2px; height: 20px; } .stick-product:hover { background: #001b4b; } .stick-product.hot { background: #ff1744; } .stick-product.sale { background: #5ebecd; } .woocommerce span.onsale { color: #fff; font-size: 0.84615em; padding: 3px 18px; text-transform: uppercase; position: absolute; top: 25px; left: 0px; min-height: 20px; border-radius: 0; line-height: 15px; background-color: #5ebecd; font-weight: normal; max-width: 63px; } .woocommerce ul.products li.product .onsale { color: #fff; font-size: 0.84615em; padding: 3px 18px; text-transform: uppercase; position: absolute; top: 25px; right: 0px; min-height: 20px; border-radius: 0; line-height: 15px; background-color: #5ebecd; font-weight: normal; } .woocommerce #content .details-product-page.padding-left { margin-left: 105px; margin-bottom: 110px; } .woocommerce #content .details-product-page .details-right { margin-right: 35px; } .woocommerce #content .details-product-page .details-right .images { width: 100%; } .woocommerce #content .details-product-page .details-right .images .woocommerce-main-image img { background-color: #edeef0; } .woocommerce #content .details-product-page .slide-product-thumb { margin-top: 20px; width: 506px; position: relative; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .woocommerce #content .details-product-page .slide-product-thumb .swiper-slide:hover .img-product { -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .woocommerce #content .details-product-page .slide-product-thumb .swiper-slide:hover .img-product:before { border: 3px solid #001b4b; } .woocommerce #content .details-product-page .slide-product-thumb .swiper-slide .img-product { background-color: #edeef0; width: 115px; height: 130px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .woocommerce #content .details-product-page .slide-product-thumb .swiper-slide .img-product:before { content: ''; width: 100%; height: 100%; border: 1px solid #e1e1e1; position: absolute; top: 0; left: 0; } .woocommerce #content .details-product-page .slide-product-thumb .swiper-button-next { background: #CDCDCD; width: 25px; height: 22px; position: absolute; right: -35px; top: 60%; } .woocommerce #content .details-product-page .slide-product-thumb .swiper-button-next:hover { background: #5ebecd; } .woocommerce #content .details-product-page .slide-product-thumb .swiper-button-next:before { content: ''; background: url(../images/icon-spa.png) no-repeat -225px -43px; height: 15px; width: 27px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -5px; } .woocommerce #content .details-product-page .slide-product-thumb .swiper-button-prev { background: #CDCDCD; width: 25px; height: 22px; position: absolute; left: -35px; top: 60%; } .woocommerce #content .details-product-page .slide-product-thumb .swiper-button-prev:hover { background: #5ebecd; } .woocommerce #content .details-product-page .slide-product-thumb .swiper-button-prev:before { content: ''; background: url(../images/icon-spa.png) no-repeat -195px -43px; height: 15px; width: 27px; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 5px; } .woocommerce #content .details-product-page .details-content { padding: 70px 40px; } .woocommerce #content .details-product-page .details-content .summary { width: 100%; } .woocommerce #content .details-product-page .details-content .summary .star-rating { display: none; } .woocommerce #content .details-product-page .details-content .summary .woocommerce-product-rating .star-rating { display: block; } .woocommerce #content .details-product-page .details-content .summary .woocommerce-product-rating .woocommerce-review-link { margin-left: -70px; } .woocommerce #content .details-product-page .details-content .summary .product_meta { margin-top: 0; margin-bottom: 15px; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .woocommerce #content .details-product-page .details-content .summary .product_meta .posted_in { display: none; } .woocommerce #content .details-product-page .details-content .summary .product_meta .tagged_as { display: none; } .woocommerce #content .details-product-page .details-content .summary .sku_wrapper { font-size: 1em; color: #5ebecd; text-transform: uppercase; margin-bottom: 15px; } .woocommerce #content .details-product-page .details-content .summary .product_title { font-size: 2.30769em; text-transform: uppercase; line-height: 36px; font-weight: 500; margin-bottom: 10px; width: 80%; color: #001b4b; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .woocommerce #content .details-product-page .details-content .summary .item-price { margin-bottom: 45px; } .woocommerce #content .details-product-page .details-content .summary .sale-price { font-size: 1.23077em; text-decoration: line-through; margin-right: 10px; color: #898989; } .woocommerce #content .details-product-page .details-content .summary .price { margin-bottom: 30px; font-size: 1.84615em; color: #5ebecd; font-weight: 500; } .woocommerce #content .details-product-page .details-content .summary .price del { font-size: 0.8em; padding-right: 5px; line-height: 30px; color: #898989; } .woocommerce #content .details-product-page .details-content .summary .price ins { text-decoration: none; } .woocommerce #content .details-product-page .details-content .summary .capacity { color: #898989; margin-bottom: 10px; position: relative; } .woocommerce #content .details-product-page .details-content .summary .capacity:nth-child(2) { margin-bottom: 30px; } .woocommerce #content .details-product-page .details-content .summary .capacity label { font-weight: normal; } .woocommerce #content .details-product-page .details-content .summary .capacity span { position: absolute; left: 168px; top: 2px; } .woocommerce #content .details-product-page .details-content .summary .capacity span i { padding-right: 5px; } .woocommerce #content .details-product-page .details-content .summary .capacity span a { font-size: 0.84615em; display: block; clear: both; padding-left: 5px; } .woocommerce #content .details-product-page .details-content .summary .quantity { clear: both; margin-bottom: 30px; position: relative; } .woocommerce #content .details-product-page .details-content .summary .quantity:before { content: ''; height: 30px; width: 2px; background-color: #fff; right: 30px; top: 0; position: absolute; } .woocommerce #content .details-product-page .details-content .summary .quantity .qty { border: none; width: 88px; min-height: 20px; background: #e2e5ec url("../images/arrowdown.gif") no-repeat 90% 50%; } .woocommerce #content .details-product-page .details-content .summary button.button { color: #fff; background: #001b4b; border-radius: 0; clear: both; font-size: 1.23077em; font-weight: bold; padding: 12px 33px; } .woocommerce #content .details-product-page .details-content .summary .button { background: none; } .woocommerce #content .details-product-page .details-content .summary .button:hover { color: #898989; } .woocommerce #content .details-product-page .details-content .summary .button-class { margin-top: 45px; margin-bottom: 20px; } .woocommerce #content .details-product-page .details-content .summary .button-class .button { padding: 12px 39px; } .woocommerce #content .details-product-page .details-content .summary .yith-wcwl-add-to-wishlist, .woocommerce #content .details-product-page .details-content .summary .button { font-size: 1em; text-transform: uppercase; margin-bottom: 40px; position: relative; color: #5ebecd; font-weight: normal; padding-left: 15px; margin-bottom: 0; } .woocommerce #content .details-product-page .details-content .summary .yith-wcwl-add-to-wishlist:before, .woocommerce #content .details-product-page .details-content .summary .button:before { content: '\f0da'; color: rgba(0, 0, 0, 0.9); font-family: "FontAwesome"; position: absolute; left: 5px; } .woocommerce #content .details-product-page .details-content .summary .yith-wcwl-add-to-wishlist a, .woocommerce #content .details-product-page .details-content .summary .yith-wcwl-add-to-wishlist span, .woocommerce #content .details-product-page .details-content .summary .button a, .woocommerce #content .details-product-page .details-content .summary .button span { color: #5ebecd; } .woocommerce #content .details-product-page .details-content .summary .yith-wcwl-add-to-wishlist a:hover, .woocommerce #content .details-product-page .details-content .summary .yith-wcwl-add-to-wishlist span:hover, .woocommerce #content .details-product-page .details-content .summary .button a:hover, .woocommerce #content .details-product-page .details-content .summary .button span:hover { color: #898989; } .woocommerce #content .details-product-page .details-content .summary .quick { font-size: 1em; text-transform: uppercase; margin-bottom: 40px; } .woocommerce #content .details-product-page .details-content .summary .quick i { padding-right: 5px; } .woocommerce #content .details-product-page .details-content .summary .quick a { color: #5ebecd; } .woocommerce #content .details-product-page .details-content .summary label { float: left; padding-right: 15px; font-weight: normal; color: #898989; } .woocommerce #content .details-product-page .details-content .summary ul { padding: 0 10px; width: 90%; margin-bottom: 25px; } .woocommerce #content .details-product-page .details-content .summary ul li { list-style: none; position: relative; line-height: 21px; font-size: 1em; color: #898989; } .woocommerce #content .details-product-page .details-content .summary ul li:before { content: '+'; color: #001b4b; font-size: 1.38462em; position: absolute; left: -10px; top: 0px; } .woocommerce #content .details-product-page .details-content .summary .label { color: #898989; font-size: 1em; padding: 2px; } .woocommerce #content .details-product-page .details-content .summary .label label { margin-top: 5px; } .woocommerce #content .details-product-page .details-content .summary .reset_variations { position: relative; line-height: 20px; padding-left: 20px; color: #898989; } .woocommerce #content .details-product-page .details-content .summary .reset_variations:before { content: '\f0da'; color: #001b4b; font-family: "FontAwesome"; font-size: 1.07692em; position: absolute; left: 12px; } .woocommerce #content .details-product-page .details-content .summary .value select { width: 130px; padding-left: 10px; min-height: 20px; border: 1px solid #eeeff4; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background-color: #e2e5ec; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #001b4b; line-height: 15px; } .woocommerce #content .details-product-page .details-content .summary .value select:focus { outline: none; } .woocommerce #content .details-product-page .details-content .summary .select-style { padding: 0; margin: 0; margin-bottom: 30px; border: 1px solid #eeeff4; width: 88px; height: 20px; overflow: hidden; background-color: #e2e5ec; background: #e2e5ec url("../images/arrowdown.gif") no-repeat 93% 50%; position: relative; } .woocommerce #content .details-product-page .details-content .summary .select-style:before { content: ''; height: 30px; width: 2px; background-color: #fff; right: 25px; top: 0; position: absolute; } .woocommerce #content .details-product-page .details-content .summary .select-style select { padding: 0px 20px; width: 130%; height: 20px; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #001b4b; line-height: 15px; } .woocommerce #content .details-product-page .details-content .summary .select-style select:focus { outline: none; } .woocommerce #content .banner-details-product { margin-bottom: 150px; margin-top: 180px; } .banner-full-option { position: relative; min-height: 600px; } .banner-full-option .content-banner { padding-right: 30%; padding-left: 15%; text-align: right; } .banner-full-option .content-banner h2 { margin-bottom: 20px; } .banner-full-small { position: relative; min-height: 350px; } .banner-full-small.left .content-banner { padding-left: 48%; width: 97%; } .banner-full-small.left .content-banner h4 { line-height: 24px; } .banner-full-small.left .content-banner h2 { margin-bottom: 20px; margin-top: 0; } .banner-full-small.right .content-banner { padding-left: 110px; width: 97%; } .banner-full-small.right .content-banner ol { padding: 0 15px; } .banner-full-small.right .content-banner ol li { line-height: 24px; } .banner-full-small.right .content-banner h2 { margin-bottom: 20px; } .banner-full { position: relative; min-height: 600px; } .img-banner { width: 100%; position: relative; overflow: hidden; } .img-banner img { width: 100%; height: auto; } .content-banner { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 55%; position: absolute; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 80%; } .content-banner .title { width: 270px; color: rgba(94, 190, 205, 0.15); font-family: "Oswald", sans-serif; text-transform: uppercase; line-height: 30px; position: relative; } .content-banner .title span { font-size: 5.53846em; } .content-banner .description { font-size: 2.30769em; color: #001b4b; font-family: "HLT SIGNERICA MEDIUM", sans-serif; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-transform: lowercase; top: 33%; left: 41%; } .content-banner .subtitle { font-size: 2.07692em; font-weight: 500; line-height: 30px; color: #001b4b; padding-left: 5px; margin-bottom: 40px; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .content-banner ul { padding: 0; padding-left: 8px; } .content-banner ul li { font-size: 1em; color: #898989; list-style: none; position: relative; line-height: 24px; } .content-banner ul li:before { content: ''; background: #5ebecd; width: 6px; height: 6px; border-radius: 10px; position: absolute; left: -13px; top: 10px; } .content-banner h4 { line-height: 24px; font-size: 1em; color: #898989; } .content-banner h2 { font-size: 1.23077em; text-transform: uppercase; font-weight: 500; color: #001b4b; } .table-membership { position: relative; margin-top: 300px; } .table-membership .content-pack .bg { background: #fff; margin: 0 15px; width: 22%; float: left; border: 1px solid #ebebeb; } .table-membership .content-pack .active { background: #5ebecd; position: relative; top: -45px; margin: 0 15px; width: 22%; float: left; -webkit-box-shadow: -1px 7px 12px 0px #d7d7d7; -moz-box-shadow: -1px 7px 12px 0px #d7d7d7; box-shadow: -1px 7px 12px 0px #d7d7d7; } .table-membership .content-pack .active ul li.popular { color: #252525; text-transform: uppercase; } .table-membership .content-pack .active ul li.popular:hover { color: #fff; } .table-membership .content-pack .active ul li.title { color: #252525; } .table-membership .content-pack .active ul li.title:hover { color: #fff; } .table-membership .content-pack .active ul li.title:before { background: #6dc3d1; } .table-membership .content-pack .active ul li.text { color: #252525; } .table-membership .content-pack .active ul li.text:hover { color: #fff; } .table-membership .content-pack .active ul li.text:before { background: #6dc3d1; } .table-membership .content-pack .active ul li .button { background: #001b4b; color: #fff; } .table-membership .content-pack ul { padding: 0; } .table-membership .content-pack ul li { list-style: none; text-align: center; padding: 20px; } .table-membership .content-pack ul li.popular { color: #252525; position: relative; text-transform: uppercase; } .table-membership .content-pack ul li.title { color: #252525; position: relative; padding: 10px; } .table-membership .content-pack ul li.title:before { content: ''; height: 1px; width: 203px; background: #f4f3f4; position: absolute; bottom: 0; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .table-membership .content-pack ul li.text { position: relative; font-size: 1em; color: #898989; } .table-membership .content-pack ul li.text:before { content: ''; height: 1px; width: 203px; background: #f4f3f4; position: absolute; bottom: 0; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .table-membership .content-pack ul li.price { color: #252525; position: relative; padding: 18px; } .table-membership .content-pack ul li.price .icon { font-size: 1.23077em; } .table-membership .content-pack ul li.price .icon:first-child { position: absolute; margin-top: 18px; margin-left: -20px; } .table-membership .content-pack ul li.price .big-price { font-size: 4.61538em; } .table-membership .content-pack ul li .button { background: #eaeaea; color: #252525; font-weight: normal; padding: 8px 31px; } .table-membership .content-pack ul li .button:hover { background: #898989; } .contact-membership { margin-top: 55px; margin-bottom: 170px; } .contact-membership .membership-left { color: #898989; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 8%; } .contact-membership .membership-left h4 { font-size: 1.23077em; line-height: 30px; letter-spacing: 1.6px; margin-bottom: 70px; } .contact-membership .membership-left h6 { font-size: 1em; line-height: 24px; margin-bottom: 20px; font-style: italic; } .contact-membership .membership-left .form-contact .button { background: #CDCDCD; color: #252525; padding: 6px 41px; } .contact-membership .membership-right { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 6%; } .contact-membership .membership-right .text-member { color: #898989; margin-bottom: 70px; } .contact-membership .membership-right .text-member h3 { font-size: 1.84615em; line-height: 30px; letter-spacing: 1.6px; margin-bottom: 35px; color: #252525; } .contact-membership .membership-right .text-member p { font-size: 1em; line-height: 24px; margin-bottom: 30px; width: 90%; } .contact-membership .membership-right .text-member a { color: #5ebecd; } .contact-membership .membership-right .text-member a:hover { color: #898989; } /* 13. Testimonial */ .testimonial { float: left; width: 100%; padding-top: 110px; padding-bottom: 90px; background: url(../images/bg-image-01.png) no-repeat center center; text-align: center; color: #898989; line-height: 48px; background-attachment: fixed; margin-bottom: 150px; } .testimonial strong { font-weight: bold; font-style: normal; } .testimonial .content { font-size: 3.07692em; padding: 0 15%; letter-spacing: 0.5px; line-height: 48px; } .testimonial .author { font-size: 1.36923em; color: #001b4b; font-weight: 600; position: relative; line-height: 20px; padding-top: 35px; text-transform: uppercase; } .testimonial .author:before { content: ''; background: url(../images/icon-spa.png) no-repeat 0 0; height: 120px; width: 130px; position: absolute; margin-left: -20px; top: -30px; } .testimonial .job { color: #5ebecd; font-weight: 500; font-size: 0.92308em; font-style: italic; } .item-product-full ul .type-product:nth-child(even) { top: 185px; } .item-product-full .woocommerce-pagination { width: 100%; float: left; text-align: center; padding-bottom: 100px; margin-top: 40px; position: relative; } .item-product-full .woocommerce-pagination ul { list-style: none; display: inline-block; padding-left: 0; margin-bottom: 0; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; } .item-product-full .woocommerce-pagination ul li { display: inline; text-transform: uppercase; } @media only screen and (max-width: 767px) { .item-product-full .woocommerce-pagination ul li { float: left; margin-bottom: 10px; } } .item-product-full .woocommerce-pagination ul li a:after, .item-product-full .woocommerce-pagination ul li span:after { display: none; } .item-product-full .woocommerce-pagination ul li .page-numbers { display: inline-block; color: rgba(0, 0, 0, 0.3); width: 30px; height: 30px; text-align: center; line-height: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Lato", sans-serif; font-weight: bold; border: 1px solid rgba(204, 204, 204, 0.1); border-right: none; margin-right: 0 !important; } .item-product-full .woocommerce-pagination ul li .page-numbers:hover { background: #5ebecd; color: #fff; } .item-product-full .woocommerce-pagination ul li .page-numbers.current { background: #5ebecd !important; color: #fff; } .item-product-full .woocommerce-pagination ul li .page-numbers.current:hover { border-color: #5ebecd; } .item-product-full .woocommerce-pagination ul li .page-numbers.prev, .item-product-full .woocommerce-pagination ul li .page-numbers.next { width: auto !important; margin-left: 0; } .item-product-full .woocommerce-pagination ul li .page-numbers.prev:hover, .item-product-full .woocommerce-pagination ul li .page-numbers.next:hover { line-height: 18px; color: #fff !important; border: 1px solid rgba(204, 204, 204, 0.1); } .item-product-full .woocommerce-pagination ul li .page-numbers.next { border-right: 1px solid rgba(204, 204, 204, 0.1); } .item-product-full .woocommerce-pagination ul li .page-numbers.prev { padding-left: 5px; } .item-product-full .woocommerce-pagination ul li.current:hover { background: none; color: #5ebecd; } .item-product-full .border-col { padding: 0 5%; -webkit-box-sizing: border-box; box-sizing: border-box; } .item-product-full .border-col.margin-top { margin-top: 185px; } .item-product-full .border-item { margin-bottom: 140px; } .item-product-full .item-product { position: relative; background: #edeef0; } .item-product-full .item-product:hover { pointer: cursor; } .item-product-full .item-product:hover:before { opacity: 0.3; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; pointer: cursor; } .item-product-full .item-product:hover .icon { opacity: 1; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .item-product-full .item-product:before { content: ''; background: #5ebecd; opacity: 0; width: 90%; height: 90%; position: absolute; top: 25px; left: 25px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .item-product-full .item-product .content { position: absolute; top: 75px; left: -30px; max-width: 300px; visibility: hidden; } .item-product-full .item-product .content .price del { color: #333; font-size: 0.76923em; } .item-product-full .item-product .content .price del span { color: #333; } .item-product-full .item-product .content .price ins { font-size: 0.92308em; padding-left: 15px; text-decoration: none; font-weight: normal; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .item-product-full .item-product h4 { font-weight: 500; line-height: 18px; font-size: 1.84615em; text-transform: uppercase; } .item-product-full .item-product .woocommerce-Price-amount { line-height: 24px; font-size: 1.38462em; color: #5ebecd; } .item-product-full .item-product .icon-border { padding: 0 10px; } .item-product-full .item-product [itemprop="description"] { display: none; } .item-product-full .item-product .icon { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0; } .item-product-full .item-product .icon i { font-size: 1.84615em; line-height: 18px; padding: 0 35px; } .item-product-full .item-product .icon hr { display: none; } .item-product-full .item-product .icon .quick-view-button { display: none; } .item-product-full .item-product .icon .gridlist-buttonwrap { z-index: 9; top: 45px; position: relative; } .item-product-full .item-product .icon .gridlist-buttonwrap .button { background: #001b4b; color: #fff; border-radius: 0; padding: 12px 30px; text-transform: uppercase; font-size: 1.1em; } .item-product-full .item-product .icon .gridlist-buttonwrap .button:hover { background: #5ebecd; } .item-product-full .item-product .icon .gridlist-buttonwrap .added_to_cart { display: none; } .item-product-full .item-product .icon .compare { position: relative; background: none; color: transparent; width: 35px; padding: 0; left: 105px; top: -47px; height: 35px; overflow: hidden; margin-top: 0; z-index: 9; } .item-product-full .item-product .icon .compare:hover { background: none; } .item-product-full .item-product .icon .compare:hover:before { color: #898989; } .item-product-full .item-product .icon .compare:before { content: '\f074'; font-family: "FontAwesome"; font-size: 2.5em; color: #001b4b; position: absolute; left: 0; top: 0; } .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist { position: relative; left: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: -95px; margin: 0; } .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist:before { content: ''; background: #001b4b; height: 30px; width: 2px; left: 70px; top: 9px; position: absolute; } .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .feedback { display: none; } .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { position: relative; color: transparent; width: 26px; height: 26px; overflow: hidden; } .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:hover:before, .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover:before, .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover:before { color: #898989; } .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a:before, .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:before, .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before { content: '\f004'; font-family: "FontAwesome"; font-size: 2.5em; color: #001b4b; position: absolute; left: 0; top: 0; } .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading, .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .ajax-loading, .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .ajax-loading { width: 16px !important; clear: both; } .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .feedback, .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback { position: absolute; bottom: -15px; } .item-product-full .item-product .icon .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:before { opacity: 0.5; } .item-product-full .sub-item { margin-top: 35px; } .item-product-full .sub-item .item-left { float: left; position: relative; width: 265px; height: 220px; overflow: hidden; background: #edeef0; max-width: 45%; } .item-product-full .sub-item .item-left:nth-child(2) { margin-top: 85px; float: left; margin-left: 10%; } .item-product-full .sub-item .item-left img { position: absolute; width: 100%; height: auto; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } div.quick-view div.quick-view-image a.button { color: #001b4b; background: none; } .woocommerce div.quick-view .quick-view-image .quick-view-detail-button { color: #001b4b; } .woocommerce div.quick-view .quick-view-content .product_meta { margin-top: 0; margin-bottom: 15px; } .woocommerce div.quick-view .quick-view-content .product_meta .posted_in { display: none; } .woocommerce div.quick-view .quick-view-content .product_meta .tagged_as { display: none; } .woocommerce div.quick-view .quick-view-content .sku_wrapper { font-size: 1em; color: #5ebecd; text-transform: uppercase; margin-bottom: 15px; } .woocommerce div.quick-view .quick-view-content .product_title { font-size: 2.30769em; text-transform: uppercase; line-height: 36px; font-weight: 500; margin-bottom: 10px; width: 80%; color: #001b4b; } .woocommerce div.quick-view .quick-view-content .item-price { margin-bottom: 45px; } .woocommerce div.quick-view .quick-view-content .sale-price { font-size: 1.23077em; text-decoration: line-through; margin-right: 10px; color: #898989; } .woocommerce div.quick-view .quick-view-content .price { margin-bottom: 30px; font-size: 1.84615em; color: #5ebecd; font-weight: 500; } .woocommerce div.quick-view .quick-view-content .price del { font-size: 0.8em; padding-right: 5px; line-height: 30px; color: #898989; } .woocommerce div.quick-view .quick-view-content .price ins { text-decoration: none; } .woocommerce div.quick-view .quick-view-content .button { clear: both; font-size: 1.11538em; background: #001b4b; color: #fff; text-transform: uppercase; padding: 13px 40px; font-weight: 500; border-radius: 0; } .woocommerce div.quick-view .quick-view-content .button:hover { color: #fff; background: #5ebecd; } .woocommerce div.quick-view .quick-view-content label { float: left; padding-right: 15px; font-weight: normal; color: #898989; } .woocommerce div.quick-view .quick-view-content ul { padding: 0 10px; width: 90%; margin-bottom: 25px; } .woocommerce div.quick-view .quick-view-content ul li { list-style: none; position: relative; line-height: 21px; font-size: 1em; color: #898989; } .woocommerce div.quick-view .quick-view-content ul li:before { content: '+'; color: #001b4b; font-size: 1.38462em; position: absolute; left: -10px; top: 0px; } .woocommerce div.quick-view .quick-view-content .label { color: #898989; font-size: 1em; padding: 2px; } .woocommerce div.quick-view .quick-view-content .label label { margin-top: 5px; } .woocommerce div.quick-view .quick-view-content .reset_variations { position: relative; line-height: 20px; padding-left: 20px; color: #898989; } .woocommerce div.quick-view .quick-view-content .reset_variations:before { content: '\f0da'; color: #001b4b; font-family: "FontAwesome"; font-size: 1.07692em; position: absolute; left: 12px; } .woocommerce div.quick-view .quick-view-content .value select { width: 130px !important; padding-left: 10px; min-height: 20px; border: 1px solid #eeeff4; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background-color: #e2e5ec; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #001b4b; line-height: 15px; } .woocommerce div.quick-view .quick-view-content .value select:focus { outline: none; } .woocommerce div.quick-view .quick-view-content .select-style { padding: 0; margin: 0; margin-bottom: 30px; border: 1px solid #eeeff4; width: 88px; height: 20px; overflow: hidden; background-color: #e2e5ec; background: #e2e5ec url("../images/arrowdown.gif") no-repeat 93% 50%; position: relative; } .woocommerce div.quick-view .quick-view-content .select-style:before { content: ''; height: 30px; width: 2px; background-color: #fff; right: 25px; top: 0; position: absolute; } .woocommerce div.quick-view .quick-view-content .select-style select { padding: 0px 20px; width: 130%; height: 20px; border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #001b4b; line-height: 15px; } .woocommerce div.quick-view .quick-view-content .select-style select:focus { outline: none; } /* 17. Footer */ footer { color: rgba(255, 255, 255, 0.5); text-align: center; } footer .bottom-footer { clear: both; display: block; background: #001b4b; width: 100%; } footer .footer { background: #001b4b; padding: 35px 0; font-style: italic; letter-spacing: 0.5px; font-size: 0.92308em; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } footer .footer.footer-left { text-transform: uppercase; font-style: normal; text-align: center; float: left; } footer .footer.footer-right { text-align: left; float: right; } footer .footer.footer-short { padding: 21px 0; } .footer-widget-content { background: #001b4b; color: #fff; } .footer-widget-content a { color: #fff; } .footer-widget-content .title-box { color: #fff; } .footer-widget-content .title-box:after { border-bottom: 2px solid rgba(255, 243, 243, 0.5); } .footer-widget-content .sidebar-widget { width: 100%; } .footer-widget-content ul { padding: 0; } .footer-widget-content ul li { clear: both; } .sticky-note { background: #5ebecd; padding: 5px; color: #fff; position: absolute; left: 0; } /* 18. Woocomerce profile account */ .woocommerce-account .woocommerce-padding { padding: 50px 0; } .woocommerce-edit-address .woocommerce-MyAccount-navigation { padding: 75px 0; } .woocommerce-MyAccount-navigation ul li.is-active { font-weight: bold; } /* 19. Booking */ body .ab-booking-form label { letter-spacing: 0.6px; } body .ab-booking-form { color: #001b4b; } body .ab-service-step .ab-time-range select { width: 100px !important; } body li.ab-step-tabs.active div, body .ab-booking-form .picker__frame, body .ab-service-step .ab-week-days li label, body .ab-progress-bar .ab-step-tabs .step { background: #dbdbdb !important; opacity: 0.5; } body .ab-next-step, body .ab-mobile-next-step { background: #001b4b !important; } body .ab-back-step, body .ab-mobile-prev-step { background: #f6f7f7 !important; } body .ab-back-step span, body .ab-mobile-prev-step span { color: #898989 !important; } body .ab-time-next[data-style=zoom-in], body .ab-time-prev[data-style=zoom-in] { background: #001b4b !important; } body .ab-back-step:hover, body .ab-next-step:hover, body .ab-mobile-next-step:hover, body .ab-mobile-prev-step:hover { opacity: 0.8; } body .ab-service-step .ab-week-days li label.active { background: #fff url(../images/checkbox-blue.png) 0 -1px no-repeat !important; border: #001b4b 1px solid; } body .ab-label-error, body li.ab-step-tabs.active a, body .ab-cart .ab-error, body label.ab-formLabel, body div.ab-error { color: #001b4b !important; } body .ab-progress-bar .ab-step-tabs:first-child .step { border-radius: 0; } body .ab-progress-bar .ab-step-tabs .step { height: 1px; } body .ab-progress-bar .ab-step-tabs { padding-left: 0; text-align: center; } body .ab-btn, body .ab-formGroup .ab-formField .ab-formElement, body .ab-service-step .ab-time-range select { border-radius: 0 !important; border: none; background: none; margin: 0; } body .ab-service-step .ab-time-from div, body .ab-service-step .ab-time-to div { border: 1px solid #e6e6e6; margin-top: 10px; width: 185px !important; } body .ab-service-step .ab-time-from div select, body .ab-service-step .ab-time-to div select { width: 175px !important; } body .ab-formGroup .ab-formField { border: 1px solid #e6e6e6; } body .ab-btn span { font-size: 0.8em; text-transform: capitalize !important; letter-spacing: 0.6px; line-height: 24px; } body .ab-next-step span { padding-right: 60px; } body .ab-next-step:after { content: ''; background: url(../images/icon-spa.png) no-repeat -505px -26px; height: 15px; width: 55px; right: 10%; position: absolute; margin-left: -20px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } body .ab-back-step span { padding-left: 60px; } body .ab-back-step:after { content: ''; background: url(../images/icon-spa.png) no-repeat -190px 0px; height: 15px; width: 55px; left: 20%; position: absolute; margin-left: -20px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } body .ab-service-step .ab-time-range { float: right !important; } body .ab-time-step { margin: 0; width: 100% !important; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; } body .ab-desc { text-align: center; padding: 30px 0; font-size: 1.23077em; line-height: 36px; } body .ab-desc b { color: #5ebecd; } body .ab-columnizer .ab-available-day, body .ab-columnizer .ab-available-hour { border-radius: 0 !important; margin: 0 !important; border-color: #f3f3f3; border-bottom: none; border-right: none; height: 55px; } body .ab-columnizer .ab-column { width: 130px; margin: 0; } body .ab-columnizer .ab-available-hour .ab-hour-icon { display: none; } body .ab-columnizer .ab-available-day { background: #5ebecd !important; border-color: #5ebecd !important; } body .ab-columnizer .ab-available-hour:hover { color: #5ebecd !important; border-color: #5ebecd !important; } body input.ab-field-error, body textarea.ab-field-error, body div.ab-error select, body .ab-extra-step input:checked + div.ab-thumb { border-color: #5ebecd !important; } body .ab-details-step .ab-formGroup .ab-formField { border: none; border-bottom: 1px solid #e6e6e6; } body .ab-details-step .ab-formGroup .ab-formField .ab-formElement.ab-user-phone { height: 28px !important; } body .ab-details-step .ab-formGroup .ab-formLabel { color: #5ebecd !important; } .single-product.woocommerce .thumbnails.slider { padding: 1em 60px; } .single-product.woocommerce .thumbnails.slider #slider-prev { background: #e1e1e1; width: 25px; height: 22px; position: absolute; left: 30px; top: 40%; display: block !important; } .single-product.woocommerce .thumbnails.slider #slider-prev:before { content: ''; background: url(../images/icon-spa.png) no-repeat -195px -43px; height: 15px; width: 27px; position: absolute; top: 50%; bottom: auto; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 20px; } .single-product.woocommerce .thumbnails.slider #slider-next { background: #e1e1e1; width: 25px; height: 22px; position: absolute; right: 30px; top: 40%; display: block !important; } .single-product.woocommerce .thumbnails.slider #slider-next:before { content: ''; background: url(../images/icon-spa.png) no-repeat -225px -43px; height: 15px; width: 27px; position: absolute; top: 50%; bottom: auto; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); left: 5px; } div.pp_woocommerce a.pp_expand { background: #001b4b; width: 70px; height: 25px; border-radius: 0; font-size: 1.15385em !important; top: 60px !important; left: 60px !important; } div.pp_woocommerce a.pp_expand:before { content: '+ zoom'; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; top: 40%; } .caroufredsel_wrapper .yith_magnifier_gallery li { background: #edeef0; margin: 3px 10px; max-width: 125px; overflow: hidden; position: relative; outline: 1px solid #e1e1e1; } .caroufredsel_wrapper .yith_magnifier_gallery li:hover { outline: 3px solid #001b4b; } .caroufredsel_wrapper .yith_magnifier_gallery li.last { margin-right: 10px; } .crunchify-link { padding: 4px 8px 6px 8px; color: white; font-size: 12px; border-radius: 2px; margin-right: 2px; cursor: pointer; -moz-background-clip: padding; -webkit-background-clip: padding-box; box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2); } .crunchify-link:hover, .crunchify-link:active { color: white; } .crunchify-twitter { background: #00aced; } .crunchify-twitter:hover, .crunchify-twitter:active { background: #0084b4; } .crunchify-facebook { background: #3B5997; } .crunchify-facebook:hover, .crunchify-facebook:active { background: #2d4372; } .crunchify-googleplus { background: #D64937; } .crunchify-googleplus:hover, .crunchify-googleplus:active { background: #b53525; } .crunchify-buffer { background: #444; } .crunchify-buffer:hover, .crunchify-buffer:active { background: #222; } .crunchify-pinterest { background: #bd081c; } .crunchify-pinterest:hover, .crunchify-pinterest:active { background: #bd081c; } .crunchify-social { margin: 20px 0px 25px 0px; -webkit-font-smoothing: antialiased; font-size: 12px; } /* =Price Filter Widget -------------------------------------------------------------- */ .price_slider_wrapper .price_slider { margin-bottom: 1em; } .price_slider_wrapper .price_slider_amount { text-align: right; line-height: 2.4em; font-size: 0.8751em; } .price_slider_wrapper .price_slider_amount .button { font-size: 1.15em; } .price_slider_wrapper .price_slider_amount .button { float: left; } .price_slider_wrapper .ui-slider { position: relative; text-align: left; } .price_slider_wrapper .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.9em; height: 0.9em; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; border: 2px solid #CDCDCD; cursor: pointer; background: #fff; outline: none; top: -0.3em; } .price_slider_wrapper .ui-slider .ui-slider-handle:hover { border-color: #001b4b; } .price_slider_wrapper .ui-slider .ui-slider-handle:last-child { margin-left: -0.5em; } .price_slider_wrapper .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: #CDCDCD; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } .price_slider_wrapper .price_slider_wrapper .ui-widget-content { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; background: #d5d5d5; margin-top: 15px; } .price_slider_wrapper .ui-slider-horizontal { height: 2px; background: #E1E1E1 none repeat scroll 0% 0%; } .price_slider_wrapper .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background: #001b4b; } .price_slider_wrapper .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .price_slider_wrapper .ui-slider-horizontal .ui-slider-range-max { right: -1px; } /* 25. Popup add to cart */ body div#festi-cart-pop-up-content { margin-top: 5% !important; background: #fff; } div#festi-cart-pop-up-content span.festi-cart-closed.b-close { right: 50% !important; } div#festi-cart-pop-up-content span.festi-cart-closed.b-close span.festi-cart-closed-button { color: transparent !important; background: url("../images/close_white.png") no-repeat; position: absolute; top: -50px; width: 35px; height: 35px; } div#festi-cart-pop-up-content div.festi-cart-pop-up-body { max-height: 600px; overflow-y: scroll; width: 300px !important; } @media only screen and (min-width: 768px) { div#festi-cart-pop-up-content div.festi-cart-pop-up-body { width: 500px !important; } } div.festi-cart-pop-up-footer span.festi-cart-continue.b-close span.festi-cart-continue-shopping { margin: 35px 0 30px 40px !important; font-family: "Lato", sans-serif; } body div.festi-cart-pop-up-products-content table.festi-cart-list tr { border: 1px solid #e1e1e1 !important; } body div.festi-cart-pop-up-products-content table.festi-cart-list tr:last-child { border-bottom: none; } body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-delete a.festi-cart-remove-product { position: relative; color: transparent !important; } body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-delete a.festi-cart-remove-product:after { content: ''; background: url("../asset/images/icon-organic.png") no-repeat -258px -144px; position: absolute; top: 0; width: 16px; left: -15px; height: 16px; } body div#festi-cart-pop-up-content div.festi-cart-pop-up-body { border-color: transparent !important; border-radius: 0 !important; padding: 0; } body div.festi-cart-pop-up-body div.festi-cart-pop-up-header span.festi-cart-added-to-cart-msg { color: #252525; font-size: 1.7em; float: left; padding: 25px; font-family: "Lato", sans-serif; } body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item .festi-cart-product-delete { padding: 40px 5px 0 31px; } body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-title a.festi-cart-title { color: #001b4b !important; font-size: 1.2em !important; float: left; text-align: left; line-height: 25px; width: 100%; } body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-title a.festi-cart-title:hover { color: rgba(0, 0, 0, 0.5) !important; } body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-title .festi-cart-product-count { float: left; } body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-title .festi-cart-product-price { float: left; } div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-img { width: 23%; border-right: 1px solid #e1e1e1; } div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-img a img { width: 75px !important; max-width: 75px !important; height: auto; } div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-title { width: 67%; border-right: 1px solid #e1e1e1; font-family: "Lato", sans-serif; padding: 10px; } div.festi-cart-pop-up-products-content p.festi-cart-buttons { position: relative; top: -40px; } div.festi-cart-pop-up-products-content div.festi-cart-total { padding-bottom: 40px !important; margin-top: 0 !important; border-top: 1px solid #e1e1e1 !important; } body div.festi-cart-pop-up-products-content p.festi-cart-buttons a.festi-cart-view-cart { position: absolute; left: 40px; top: -45px; font-family: "Lato", sans-serif; border: none !important; color: #252525 !important; } body div.festi-cart-pop-up-products-content p.festi-cart-buttons a.festi-cart-view-cart:hover { background: none !important; color: #001b4b !important; } div.festi-cart-pop-up-products-content table.festi-cart-list { width: 85%; margin-left: 8% !important; } body div.festi-cart-pop-up-products-content p.festi-cart-buttons a.festi-cart-checkout { position: absolute; left: 120px; top: -45px; font-family: "Lato", sans-serif; border: none !important; color: #252525 !important; } body div.festi-cart-pop-up-footer span.festi-cart-continue.b-close span.festi-cart-continue-shopping { color: #fff; padding: 17px; line-height: 30px; border-radius: 30px !important; line-height: 5px; float: left; font-size: 1.153846154em; font-weight: bold; font-family: "Lato", sans-serif; background: #001b4b; text-transform: uppercase; } body div.festi-cart-pop-up-products-content p.festi-cart-buttons a.festi-cart-checkout:hover { background: none !important; color: #001b4b !important; } body div.festi-cart-pop-up-footer span.festi-cart-continue.b-close span.festi-cart-continue-shopping:hover { color: #fff !important; background: #000; } body div.festi-cart-pop-up-products-content div.festi-cart-total { font-family: "Lato", sans-serif; font-weight: normal; border-radius: 0 !important; color: #252525 !important; padding-right: 35px !important; } body div.festi-cart-pop-up-products-content div.festi-cart-total span { display: block; color: #ff0000; } @media only screen and (max-width: 1200px) { .blog-page .article:nth-child(odd) .images { width: 54%; } .service.service-icon .item-service { min-width: inherit; } .history.half .width-history { padding-left: 50px; } .history .history-image { width: 100%; } .about .header-about .img-author-shop { width: 100%; } .about .history-title { margin-top: 15%; } .about .history-title .title-element { width: 80%; } .table-membership { margin-top: 50px; } .table-membership .content-pack .bg { width: 45%; margin-bottom: 50px; } .table-membership .content-pack .active { top: 0; } } @media only screen and (max-width: 1100px) { header.tranfarent .menu-main .menu-bottom #main-nav { width: 78%; } header #main-navigation.default .menu-item:first-child, header #main-navigation.default .page_item:first-child { margin-left: 0%; } .contact .contact-details .title { letter-spacing: 2px; font-size: 6.5em; } } @media only screen and (max-width: 1025px) { header.tranfarent .menu-main .menu-bottom #main-nav { width: 70%; } header.sticker { display: none; } header #main-navigation.default { max-width: 90%; } #mySearch .modal-dialog .modal-content { margin: 0; padding-left: 0; } #mySearch .modal-dialog .modal-content .icon-search:before { left: -60px; } #mySearch .modal-dialog .modal-content .icon-search:after { left: 0px; } #mySearch .modal-dialog .modal-content .modal-body input[type="text"] { font-size: 3.3em; letter-spacing: 1px; margin-left: 100px; } .history.half .width-history { margin-right: 75px; } .history .history-title .title-element { font-size: 8em; letter-spacing: 6px; } .open-time .title { font-size: 8em; letter-spacing: 6px; } .open-time .content .phone, .open-time .content .time { font-size: 1em; } .service.service-full .image-left { min-height: 400px; } .service.service-full .image-left.right { min-height: 450px; } .service.service-full .content-service { width: 72%; margin-top: 40px; } .service.service-full .content-service.right { left: 50px; margin-top: 50px; } .service.service-full .content-service.left { right: 50px; } .service.service-full .content-service .text-top .title-element { left: 4px; } .service.service-small .content-small { margin-top: 0; } .service.service-odds ul:nth-child(odd) li .content-service { left: 35px; } .service.service-odds ul:nth-child(even) li .content-service { margin-left: 0; } .service.service-odds .service-content:nth-child(even) .image-left { margin-left: 0; } .form-subcribe .form-subcribe-view { margin: 0; padding: 40px 0 45px 25px; } .form-subcribe .subcribe-form-view { padding: 40px 0 0 25px; width: 100%; } .form-subcribe .subcribe-form-view .title-subcribe { font-size: 1.7em; } .testimonial .content { padding: 0 5%; } .about.padding-left { margin-left: 70px; } .about .history-title .title-element { line-height: 103px; } .about .introduce .introduce-image .images-intro { width: 225px; height: 265px; } .about .bottom-about .bottom-left { padding-left: 0; } .experts .avatar { padding: 0 50px; } .experts .swiper-button-next { top: 40%; right: 0; } .experts .swiper-button-prev { top: 40%; left: 0; } .gallery.full .img-gallery .left { width: 50%; } .gallery.full .item-iso.item-iso-height { width: 50%; } .gallery.full .item-iso.item-iso-width { width: 50%; } .gallery .title { padding-left: 35%; } .gallery .title .title-element { margin-top: 0; } .gallery .title .description { padding-right: 0; width: 100%; } .gallery .item-iso { min-height: 375px; } .gallery .item-iso .gallery-img { min-height: 375px; } .gallery .item-iso .gallery-img.big { min-height: 400px; } .skin-care { padding-bottom: 50px; margin-top: -30px; } .skin-care.slide-product .product .item-product .price { margin-top: 25px; font-size: 1.1em; } .skin-care.slide-product .product .item-product .item-price-slide .sale-price { padding-right: 0; } .skin-care .product .item-product .img-product { height: 260px; } .blog-element { margin-top: -40px; } .blog-element .date .day { font-size: 4.69231em; margin-top: -15px; } .service-page .content-service .text-small .content { padding: 10px 20px; max-height: 105px; } .row-details-service .row { margin-right: 0; margin-left: 0; } .banner-details-service .content-banner-service { right: 15px; max-width: 430px; } .gallery-details-service .img { width: 220px; height: 185px; } .gallery-element .content-title, .gallery-element .content-top, .gallery-element .content-small, .gallery-element .item-iso-v { max-width: inherit; width: 100%; min-height: initial; } .blog-page .article:nth-child(even) .content-blog { width: 60%; } .blog-page .article .img-blog { width: 60%; } .skin-care .product .item-product .img-product a { font-size: 0.9em; padding: 3px 7px; } .content-blog-details .content-details { padding: 0; } .about .history-title { margin-top: 35px; } .about .reward-img .img { width: 150px; max-height: 140px; overflow: hidden; } .about .reward-img .img img { width: 100%; } .about .header-about .img-author-shop { height: 515px; } .about .introduce .introduce-left { padding-left: 0; margin-right: 30px; } .shopping-cart .main-cart .shop_table thead .remove-subtotal { padding: 10px; } .shopping-cart .main-cart .shop_table tbody td { min-height: 275px; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .top-item .add_to_cart_button { left: 42%; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .item-right { left: 240px; } .woocommerce .content-shop ul.products.grid .custom-product li.product .content-item-product .price del { left: 0px; } .woocommerce #content .details-product-page.padding-left { margin-left: 75px; } .woocommerce #content .banner-details-product .tab ul li { padding: 0 20px; } .item-product-full .item-product:before { width: 86.5%; height: 86.5%; opacity: 0.3; } .item-product-full .item-product .icon { opacity: 1; } .content-banner { width: 97%; } .content-banner .title span { font-size: 5em; } .content-banner .subtitle { margin-bottom: 10px; } .content-banner ul li { line-height: 20px; } .banner-full-option .content-banner { padding-right: 47%; padding-left: 4%; } .banner-full-small.right .content-banner { padding-left: 60px; } .widget-footer.two-widget .twitter-footer { padding: 35px 20px 0 86px; width: 100%; min-height: 300px; } } @media only screen and (max-width: 780px) { #mega-menu-wrap-main-menu .mega-menu-toggle { display: none; } header.tranfarent .menu-main .menu-bottom #main-nav { width: 80%; } header.tranfarent .menu-main .menu-bottom #main-nav ul li { margin-right: 17px !important; min-width: 50px; } header .menu-main .menu-bottom #main-nav { width: 70%; } header #main-navigation.default .menu-item { margin-right: 15px; } header .slider-header { min-height: inherit; } #mega-menu-wrap-main-menu ul li:first-child { padding-left: 0 !important; } #mega-menu-wrap-main-menu ul li a { font-size: 0.95em !important; } .woocommerce .woo-login { margin: 0 25px; } .woocommerce .woo-login .login-page:after { display: none; } .woocommerce .woo-login form input { max-width: 500px; } .shopping-cart .main-cart .shop_table thead .remove-subtotal { padding: 10px 0; } .shopping-cart .main-cart .shop_table tbody td { min-height: 285px; } .shopping-cart .main-cart .shop_table tbody td.product-thumbnail { display: block; } .shopping-cart .main-cart .shop_table tbody td .product-info-name { margin-left: 0; } .info-cart .coupon .pull-left .input-coup-on #coupon_code { min-width: 220px; } .info-cart .coupon .pull-left .input-coup-on .button { padding: 13px 20px; } .info-cart .pull-right .cart_totals .cart-collaterals .cart_totals { width: 83%; } .info-cart .pull-right .cart_totals .cart-collaterals .button { margin-left: 60px; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .top-item .add_to_cart_button { left: 43%; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .item-right { left: 175px; } .woocommerce .content-shop ul.products.grid .custom-product { width: 47%; float: left; } .woocommerce .content-shop ul.products.grid .custom-product:nth-child(odd) { margin-right: 25px; } .woocommerce .content-shop ul.products.grid .custom-product li { width: 100%; } .woocommerce .content-shop ul.products.grid .custom-product li.product .content-item-product .price del { left: 0px; } .item-product-full { margin-top: 25px; } .item-product-full .item-product:before { width: 83.5%; height: 83.5%; opacity: 0.3; } .item-product-full .item-product .content { width: 100%; top: -100px; left: 0; text-align: center; } #mySearch .modal-dialog { width: 85%; } #mySearch .modal-dialog button { right: -30px; } .history.center .history-content { padding: 0 15%; } .history.half .history-title { margin-left: 0; } .history.half .history-title .title-element { width: 100% !important; } .history.half .width-history { margin-right: 25px; padding-left: 5%; } .history.half .history-content { width: 320px; } .history .history-title { margin-top: 50%; margin-left: 20px; } .history .history-title .title-element { font-size: 4em; line-height: 70px; width: 70%; letter-spacing: 12px; } .history .history-title .description { font-size: 1.1em; } .history .history-content { margin-top: 25%; width: 335px; } .history .history-content .content-small { max-height: 100px; } .history .history-image { width: 250px; height: 325px; } .open-time { padding: 65px 25px 65px 60px; } .open-time .content .phone { font-size: 1.6em; padding-left: 10px; } .open-time .content .time { font-size: 1.2em; } .open-time .content .sat-sun span { line-height: 25px; } .service.service-full .content-service { margin-top: 40px; } .service.service-full .content-service .text-top .title-element span.for { font-size: 1.9em; } .service.service-full .content-service .text-top .title-element span.name { font-size: 2.6em; } .service.service-small .content-type .content-small { max-width: 90%; } .service.service-icon .item-service .content { max-height: 145px; } .service.service-odds .image-left { width: 40%; } .service.service-odds .service-content:nth-child(even) .image-left { margin-left: 5px; } .service.service-odds ul:nth-child(odd) li .content-service { left: 75px; } .service.service-odds ul:nth-child(even) { position: relative; right: 45px; } .service.service-odds ul:nth-child(even) li .image-left { margin-left: 25px; } .service.service-odds ul li .content-service { margin-left: 0; } .service.service-odds ul li .content-service .text-top .title-element span.for { font-size: 1.4em; } .service.service-odds ul li .content-service .text-top .title-element span.name { font-size: 2.2em; } .service.service-odds ul li .content-service .text-top .description { letter-spacing: 1px; } .testimonial .content { padding: 0 5%; font-size: 2.6em; } .service-page .content-service .text-small .content { padding: 10px 0; } .content-blog-details { padding: 0 60px; } .about .header-about .img-author-shop { height: 400px; } .about .history-title { margin-top: 20px; } .about .history-title .title-element { font-size: 5.5em !important; width: 85%; } .about .introduce .introduce-image { max-width: 220px; } .about .introduce .introduce-image.left { padding: 0 10px; } .about .introduce .introduce-image .images-intro { width: 190px; height: 195px; } .contact .contact-details { padding-left: 40px; } .contact .contact-details .title { letter-spacing: 5px; font-size: 7em; line-height: 95px; } .form-subcribe .subcribe-form-view { padding: 40px 0 45px 10px; } .form-subcribe .subcribe-form-view .title-subcribe { font-size: 1.3em; } .form-subcribe .subcribe-form-view .description { font-size: 0.9em; margin-right: 20px; } .form-subcribe .txt-subcrible-text { width: 185px; } .experts { margin-top: -30px; } .experts .avatar { padding: 0 10px; } .experts .swiper-button-next { width: 50px; height: 40px; } .experts .swiper-button-prev { width: 50px; height: 40px; } .gallery { margin-top: -50px; } .gallery.full .item-iso { margin-bottom: 0; } .gallery.full .item-iso.item-iso-height { left: 25%; } .gallery.full .item-iso.item-iso-width { left: 25%; } .gallery .title { padding-left: 0; } .gallery .title .title-element { text-align: center; } .gallery .title .description { text-align: center; } .gallery .content-small { width: 100%; } .gallery .item-iso { max-width: 85%; position: relative; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 20px; } .gallery .item-iso-v { width: 100%; } .gallery-element.full .img-gallery .left { width: 100%; } .gallery-element.full .item-iso { width: 100%; } .gallery-element.full .item-iso.item-iso-height { width: 100%; } .gallery-element.full .item-iso.item-iso-width { width: 100%; } .blog-page .article:nth-child(odd) .images .img-blog { height: 350px; } .blog-page .article:nth-child(even) .images .img-blog { height: 430px; } .skin-care { padding-bottom: 20px; margin-top: -20px; } .skin-care.slide-product .swiper-button-next { left: 51.9%; bottom: -55px; } .skin-care.slide-product .swiper-button-prev { bottom: -55px; } .skin-care.slide-product .product .item-product .price del { position: absolute; } .skin-care.slide-product .product .item-product .price ins { position: relative; top: 25px; } .skin-care .product .item-product .title { font-size: 1.2em; } .skin-care .product .item-product .img-product { height: 205px; } .stick-product { padding: 3px 10px; } .blog-element .content-blog .title { max-height: 60px; } .blog-element .content-blog .details-blog { margin-bottom: 15px; } .blog-element .date .day { font-size: 6em; } .blog-element .date .month { font-size: 2em; } .woocommerce .content-shop ul.products li.product { width: 45%; } .woocommerce #content .details-product-page.padding-left { margin-left: 25px; } .woocommerce #content .details-product-page .slide-product-thumb { width: 400px; } .woocommerce #content .details-product-page .details-content .summary .value select { width: 60px; margin-top: 20px; } .woocommerce #content .details-product-page .details-content .summary .reset_variations { top: 20px; } .woocommerce #content .details-product-page .details-content .summary ul { width: 100%; } .woocommerce #content .details-product-page .details-content .summary .yith-wcwl-add-to-wishlist { margin-bottom: 10px; } .woocommerce #content .banner-details-product { margin-top: 0; } .woocommerce #content .banner-details-product .tab ul { width: 70%; } .banner-details-service .content-banner-service { max-width: 305px; } .banner-details-service .content-banner-service .title-service { font-size: 4em; } .banner-details-service .content-banner-service .description-service { font-size: 1.2em; margin-bottom: 30px; } .banner-details-service .img-banner { padding-bottom: 0; } .row-details-service .row { margin-right: 15px; margin-left: 15px; } .content-details-service { margin-top: 50px; margin-bottom: 20px; } .content-details-service .expert .expert-content .img-expert { padding-right: 20px; } .gallery-details-service .title { margin-bottom: 35px; margin-top: 60px; } .gallery-details-service .img { width: 175px; height: 160px; margin: 0 5px; } .table-membership .content-pack { padding: 0 15px; } .table-membership .content-pack .bg { width: 100%; margin-left: 0; padding: 0; } .img-banner { padding-bottom: 400px; } .content-banner { padding: 0 20px; width: 100%; top: 70%; } .content-banner .subtitle { padding-left: 0; } .content-banner ul { padding-left: 10px; } .banner-full-option .content-banner { text-align: left; padding: 0 20px; } .banner-full-small .img-banner { padding-bottom: 225px; } .banner-full-small.left .content-banner { padding-left: 0; padding: 0 20px; text-align: left; } .banner-full-small.right .content-banner { padding: 0 20px; } .widget-footer.two-widget .sale-footer .description { padding: 0 50px; } .widget-footer.two-widget .twitter-footer { padding: 35px 5px 0 50px; } footer .footer.footer-right { padding-left: 20px; } } @media only screen and (max-width: 767px) { .history.half { padding: 60px 0; height: 330px; } .history.half .history-title { width: 50%; float: left; } .history.half .history-title .title-element { width: 215px; font-size: 6em; } .history.half .history-content { width: 50%; margin-top: 0; } .history.half .history-content .content-bold { margin-bottom: 10px; } .history.half .history-content .content-small { display: block; } .history .history-title { margin-top: 30px; float: right; } .history .history-image { width: 250px; height: 325px; position: absolute; top: -200px; left: 15px; } .history .history-content { margin-top: 0; width: 50%; float: right; } .history .history-content .content-bold { font-size: 1.4em; line-height: 28px; margin-right: 15px; } .history .history-content .content-small { display: none; } .open-time { padding: 60px 15px 65px 15px; height: 330px; } .open-time .title { font-size: 6em; font-weight: 600; letter-spacing: 12px; width: 50%; line-height: 85px; padding-right: 40px; float: left; padding-left: 15px; } .open-time .content { width: 50%; float: left; } .open-time .content .sub-text { padding-left: 0; clear: both; display: block; } .open-time .content .sub-text:before { display: none; } .open-time .content .phone { font-size: 1.5em; } .open-time .content .time { font-size: 1.1em; } .open-time .content .sat-sun span:first-child { padding-right: 115px; } .service.service-full .content-service { width: 100%; text-align: center; padding: 0 50px; } .service.service-full .content-service .text-top .title-element { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 25px; } .service.service-full .content-service .text-top .description { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 90px; } .service.service-full .content-service .text-top .number { text-align: center; } .service.service-full .content-service .text-bottom { padding: 0 50px; } .service.service-full .content-service.left { right: initial; text-align: center; position: absolute; top: 450px; } .service.service-full .content-service.left .text-top .title-element { right: initial; } .service.service-full .content-service.left .text-bottom:after { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .service.service-full .content-service.left a { float: inherit; } .service.service-full .content-service.right { left: 0; margin-bottom: 50px; } .service.service-full .content-service.right .text-bottom:after { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .service.service-full .image-left { max-width: 90%; margin-right: 30px; } .service.service-full .image-left.right { margin-left: 30px; margin-bottom: 400px; } .service.service-small .content-type .content-small { max-width: 100%; } .service.service-small .content-type .content-small .image-small { position: relative; width: 450px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .service.service-small .content-type .content-small .image-small img { width: 100%; height: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .service.service-odds { padding: 0 30px; } .service.service-odds .service-content:nth-child(even) .image-left { margin-left: 0; } .service.service-odds ul { margin-bottom: 20px; } .service.service-odds ul:nth-child(odd) li .content-service { left: 35px; } .service.service-odds ul:nth-child(even) { right: -10px; } .service.service-odds ul:nth-child(even) li .content-service { right: 10px; } .service.service-odds ul li { margin-bottom: 50px; min-height: 325px; } .service.service-odds .content-service .text-bottom .content { padding-right: 0; } .service.service-icon .image-service { width: 155px; height: 155px; } .service.service-icon .image-service .title { margin-top: -5px; } .service.service-icon .item-service .content { padding: 20px 50px 70px; } .gallery.full { padding: 0 30px; } .gallery.full .title .description { letter-spacing: 0.1px; } .gallery.full .img-gallery .left { width: 100%; } .gallery.full .item-iso { margin-bottom: 15px; } .gallery.full .item-iso.item-iso-height { width: 100%; left: 50%; min-height: 300px; } .gallery.full .item-iso.item-iso-height .gallery-img { min-height: 300px; } .gallery.full .item-iso.item-iso-width { width: 100%; left: 50%; } .service-page { padding: 0 15px; } .service-page .image-small { width: 100%; position: relative; } .service-page .image-small img { width: 100%; height: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .menu-padding:nth-child(odd) .block-menu { padding: 0 5%; } .menu-padding:nth-child(even) .block-menu { padding: 0 5%; } .about.padding-left { margin-left: 25px; } .about .header-about .img-author-shop { height: 385px; } .about .history-title { margin-top: 20px; margin-left: 40px; } .about .introduce .introduce-left { width: 50%; margin-bottom: 65px; } .about .introduce .introduce-left:before { left: 0; } .about .introduce .introduce-image { max-width: 285px; } .about .introduce .introduce-image .images-intro { width: 245px; height: 290px; } .about .reward-img { padding-top: 15px; margin-left: 40px; } .about .reward-img .img { width: 150px; height: 155px; position: relative; overflow: hidden; } .about .reward-img .img img { position: absolute; width: 100%; height: auto; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .about .bottom-about .content { padding-right: 20px; } .item-product-full ul .type-product:nth-child(even) { top: 0; } .item-product-full ul .item-product .content { max-width: inherit; } .contact .contact-details { padding-left: 25px; } .contact .book-map-address { margin: 0 25px; width: 91%; margin-top: 30px; } .form-subcribe .subcribe-form-view { padding: 40px 0 25px 35px; } .form-subcribe .form-subcribe-view { padding: 0 0 40px; margin-left: 35px; } .form-subcribe .txt-subcrible-text { width: 340px; } body .vc_row.testimonial { margin-top: -50px; margin-bottom: 50px !important; } body .vc_row.testimonial .content { padding: 0; font-size: 2.1em; line-height: 35px; } .experts .avatar { padding: 0 25px; } .experts .swiper-button-next { right: 10px; } .experts .swiper-button-prev { left: 10px; } .skin-care.slide-product .product .item-product .img-product { max-width: 100%; } .skin-care.slide-product .swiper-button-next { left: 52.9%; } .skin-care .product .item-product { margin-bottom: 70px; } .skin-care .product .item-product .img-product { height: 300px; max-width: 45%; margin: 0; } .skin-care .product .item-product .content-product { padding-left: 0; } .skin-care .product .item-product .item-price { margin-left: 0; } .stick-product.sale { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: 67%; } .blog-element .section-blog { min-height: 195px; } .blog-element .blog-width .date { position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .blog-page .blog-items { padding: 0 10px; } .blog-page .blog-items .article .img-blog { width: 50%; } .blog-page .article:nth-child(odd) .images { overflow: hidden; } .blog-page .article:nth-child(even) .images { width: 46%; } .blog-page .article:nth-child(even) .images .img-blog { width: 100%; } .blog-page .article:nth-child(even) .content-blog .author { top: 0; } .blog-page .article .content-blog .author { font-size: 1.5em; } .blog-page .article .content-blog .date-time .date { font-size: 5.69231em; } .blog-page .article .content-blog .title { font-size: 1.3em; line-height: 24px; } .woocommerce .content-shop { padding: 0; margin: 0 25px; width: 85%; } .woocommerce .content-shop ul.products.grid .custom-product { width: 100%; } .woocommerce .content-shop ul.products.grid .custom-product .top-item .item-hover { display: none; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .top-item { min-height: 165px; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .top-item .add_to_cart_button { top: 90px; left: 61%; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .top-item .onsale { padding: 5px 0; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .item-right { left: 110px; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .item-right .title { padding: 0; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .item-right h3 { margin: 0; padding: 0; } .woocommerce .content-shop ul.products.list .custom-product li.product .content-item-product .item-right .description { display: none; } .woocommerce .content-shop ul.products.list .custom-product li.product img { width: 37% !important; } .woocommerce .content-shop ul.products li.product { width: 100%; } .woocommerce .content-shop ul.products li.product .onsale { padding: 5px 11px; line-height: 10px; } .woocommerce .content-shop ul.products li.product .content-item-product .price { margin-bottom: 40px; } .woocommerce .content-shop ul.products li.product .content-item-product .item-product img { margin-top: 20px; } .woocommerce .content-shop ul.products li.product .content-item-product .yith-wcwl-add-to-wishlist { left: 96px; top: -82px; } .woocommerce .content-shop ul.products li.product .content-item-product .compare { top: -45px; left: 145px; } .side-bar-shop.grid-custom { margin: 0 25px; width: 92%; } .gallery-details-service .img { width: 88%; height: 265px; margin: 0 20px; } .widget-footer.two-widget .sale-footer .sale { font-size: 6em; line-height: 85px; margin-top: 35px; } .widget-footer.two-widget .sale-footer .title { font-size: 2em; } .widget-footer.two-widget .sale-footer .description { padding: 0 30px; margin-bottom: 130px; } .widget-footer.two-widget .twitter-footer { min-height: 240px; padding: 40px 5px 0 50px; border-left: none; } .widget-footer.two-widget .twitter-footer .title-twitter { overflow: hidden; max-height: 60px; line-height: 20px; margin-right: 30px; } .widget-footer.two-widget .twitter-footer .title { margin-right: 20px; font-size: 2.1em; } .banner .content-banner-paragraph .title { margin-top: 25%; } .banner-full, .banner-full-option { min-height: 400px; } .content-banner { top: 50%; } footer { margin-top: -40px; } footer .footer { padding: 25px 0 20px 0; } footer .footer.footer-right { text-align: center; padding: 25px; float: initial; } footer .footer.footer-left { display: none; } footer .footer-column { padding: 0 15px; } } @media only screen and (max-width: 500px) { header.tranfarent .menu-main .shipping { display: none; } header.header-default { height: 160px; } header .slider-header { min-height: 165px; } #mega-menu-wrap-main-menu .mega-menu-toggle { display: none; } .content .description { padding: 0 15px; } .history.half { height: 540px; } .history.half .width-history { margin-right: 25px; padding-left: 25px; } .history.half .history-title { width: 100%; margin-bottom: 20px; } .history.half .history-title .title-element { font-size: 5em; text-align: center; width: 100% !important; padding-top: 50px; letter-spacing: 7px; } .history.half .history-content { width: 100%; text-align: center; } .history.half .history-content .content-bold { margin-right: 0; } .history.center .history-title { margin-left: 0; width: 100%; } .history.center .history-title .shop-name { position: absolute; left: 35%; top: 50%; } .history.center .history-title .description { position: absolute; left: 30%; } .history.center .history-content { padding-bottom: 50px; } .history.full-width { overflow: hidden; } .history .history-title { text-align: left; } .history .history-title .title-element { font-size: 6em; line-height: 85px; top: 50%; width: 100%; } .history .history-image { position: relative; top: 0; width: 92%; height: 400px; } .history .history-content { position: static; float: left; width: 100%; margin-left: 0; padding: 0 20px; } .open-time { min-height: 460px; } .open-time .title { width: 100% !important; padding: 0; text-align: center; font-size: 5em; letter-spacing: 7px; } .open-time .content { width: 100%; text-align: center; } .open-time .content .sat-sun span:first-child { padding-right: 0; } .open-time .button { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 40px; } .service { overflow: hidden; } .service.service-full .image-left { max-width: 84%; margin-right: 28px; } .service.service-full .content-service.left .text-top .description { font-size: 1.2em; top: 5px; position: relative; } .service.service-small .content-type .content-small .image-small { max-width: 93%; } .service.service-small .content-type .content-small .text-small { margin-top: -35px; } .service.service-odds { padding: 0 10px; margin-top: -30px; } .service.service-odds .image-left { width: 132px; } .service.service-odds .content-service { width: 45%; } .service.service-odds .content-service .text-top .number { line-height: 125px; } .service.service-odds .content-service .text-bottom .content { max-height: 45px; } .service.service-odds ul:nth-child(odd) li .content-service { left: 20px; } .service.service-odds ul:nth-child(odd) li .image-left { margin-top: 15px; } .service.service-odds ul:nth-child(even) li .image-left { margin-left: 10px; } .service.service-odds ul:nth-child(even) li .content-service { width: 46%; } .service.service-odds ul:nth-child(even) li .content-service .text-bottom:after { top: -35px; } .service.service-odds ul li { min-height: 225px; margin-bottom: 45px; } .service.service-odds ul li .content-service .text-top .title-element span.name { font-size: 1.9em; } .service.service-icon .item-service { width: 100%; } #mySearch .modal-dialog .modal-content .modal-body input[type="text"] { font-size: 1.3em; margin-left: 60px; } #mySearch .modal-dialog .modal-content .modal-body .icon-search:after { top: 28px; height: 55px; left: 40px; } .form-subcribe .subcribe-form-view { padding: 40px 25px 25px 25px; } .form-subcribe .txt-subcrible-text { width: 270px; margin-bottom: 20px; } .form-subcribe .form-subcribe-view { margin: 0 25px; } .gallery-element { width: 100%; overflow-x: hidden; } .gallery-element .title { padding-left: 0; } .gallery-element .title .title-element { text-align: center; } .gallery-element .title .description { text-align: center; padding-right: 0; width: 94%; } .gallery-element .content-top { max-width: 94%; } .gallery-element .content-title { max-width: 94%; } .gallery-element .content-small { max-width: 94%; } .gallery-element .item-iso-v { max-width: 94%; } .gallery-element .item-iso .gallery-img { margin: 0 20px; } .gallery-element .item-iso .gallery-img.big { min-height: 565px; } .service-page .col-xs-6 { width: 100%; } .service-page .content-service { top: -140px; margin-bottom: -100px; } .gallery-page .side-bar-gallery { margin-bottom: 50px; } .gallery-page .side-bar-gallery.stick-scroll { position: relative; } .gallery-page .gallery-content { width: 100%; padding: 0 20px; } .gallery-page .gallery-content img { width: 100%; height: auto; } body .vc_row.testimonial .content { font-size: 1.8em; } .skin-care { overflow-x: hidden; } .skin-care.slide-product .swiper-button-next { left: 55.9%; } .skin-care .product .item-product .img-product { max-width: 70%; height: 400px; } .stick-product.sale { left: 248px; } .blog-element .section-blog { min-height: 220px; } .blog-element .content-blog { padding-left: 20px; } .block-menu.none .title.big { margin: 0 15px; } .about.padding-left { margin: 0 25px; } .about .reward-img { display: none; } .about .history { text-align: center; } .about .history .history-title { margin-left: 0; } .about .history .history-title .title-element { width: 100%; text-align: center; } .about .history .history-title .shop-name { left: 25%; } .about .history .history-title .description { left: 15%; } .about .header-about .col-xs-6, .about .header-about .col-xs-4, .about .header-about .col-xs-8 { width: 100%; } .about .header-about .img-author-shop { width: 270px; height: 295px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .about .introduce .introduce-image { margin: 0 10px; margin-bottom: 20px; max-width: inherit; } .about .introduce .introduce-image.left { padding: 0; } .about .introduce .introduce-image .images-intro { width: 100%; height: 330px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .about .introduce .introduce-left { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .about .bottom-about { margin-top: 0; } .about .bottom-about .title { margin-top: 30px; } .about .bottom-about .content { padding-right: 0; } .content-blog-details { padding: 0 25px; } .content-blog-details .content-service { top: -62px; } .content-blog-details .content-service .text-small .number { font-size: 5.5em; } .content-blog-details .content-service .text-small .title-element { margin-top: 5px; } .content-blog-details .img-details-blog { width: 510px; height: 300px; } .content-blog-details .content-details .title { font-size: 2em; line-height: 35px; } .content-blog-details .content-details .content strong { font-size: 1.3em; line-height: 25px; } .content-blog-details .content-details .content .slide { margin-top: 15px; margin-bottom: 50px; } .content-blog-details .content-details .comment { margin-top: 10px; } .content-blog-details .content-details .author span.author-name { font-size: 1.6em; } .content-blog-details .content-details .comment-form { width: 100%; } .content-blog-details .comments-area { padding: 35px 0px; background: none; } .content-blog-details .comments-area .comment { width: 100%; } .content-blog-details .comments-area .comment-avatar { width: 35px; } .banner .content-banner { padding-top: 60px; } .banner .sale { font-size: 4.7em; } .contact .contact-details { padding-left: 20px; } .contact .contact-details .description { width: 92%; } .contact .book-map-address { margin: 0 20px; width: 87%; } .contact .book-map-address #book-map-contact { margin-top: 30px; } .widget-footer.two-widget .sale-footer .description { margin-bottom: 0; } .content-details-service .expert .expert-content .img-expert { padding-right: 0; } .banner-details-service .content-banner-service { bottom: 95px; margin: 0 45px; } .banner-details-service .content-banner-service .title-service { font-size: 3.5em; line-height: 55px; } .banner-details-service .img-banner { padding-bottom: 210px; } .expert { margin: 0 10px; } .blog-page .blog-items .article .img-blog { width: 100%; } .blog-page .article { padding: 0; margin: 0; } .blog-page .article:nth-child(odd) .images { width: 100%; padding: 15px; } .blog-page .article:nth-child(odd) .images .img-blog { width: 100%; min-height: 220px; height: inherit; } .blog-page .article:nth-child(even) .images { width: 100%; padding: 15px; } .blog-page .article:nth-child(even) .images .img-blog { width: 100%; } .blog-page .article .content-blog { position: inherit !important; padding-left: 10% !important; width: 100% !important; margin: 30px 0 !important; -webkit-transform: inherit !important; -moz-transform: inherit !important; -ms-transform: inherit !important; -o-transform: inherit !important; transform: inherit !important; } .blog-page .article .content-blog .author { left: 30% !important; } .woocommerce #content .details-product-page .slide-product-thumb { width: 200px; } footer { width: 100%; overflow-x: hidden; } footer .col-xs-6 { width: 100%; } } .history.half .history-title .title-element, .open-time .title { width: 100%; letter-spacing: 5px; font-size: 4.61538em; line-height: 60px; } @media only screen and (min-width: 1200px) { .history.half .history-title .title-element, .open-time .title { letter-spacing: 10px; font-size: 5.38462em; line-height: 70px; } } @media only screen and (min-width: 1440px) { .history.half .history-title .title-element, .open-time .title { width: 330px; letter-spacing: 22px; font-size: 7.69231em; line-height: 100px; } } .history.half, .open-time { height: auto; display: inline-block; } @media only screen and (min-width: 1440px) { .history.half, .open-time { min-height: 600px; } } .history.half .width-history { padding: 65px 90px; } @media only screen and (min-width: 1440px) { .history.half .width-history { padding-left: 47%; } } .open-time { padding: 65px 90px; width: 100%; } .woocommerce .content-shop .products .custom-product .product .content-item-product .top-item .item-hover { top: 45%; bottom: auto; background: none; } .woocommerce .content-shop .products .custom-product .product .content-item-product .top-item .item-hover .add_to_cart_button { border-radius: 0; padding: 12px 30px; text-transform: uppercase; font-size: 1.1em; } @media only screen and (max-width: 1023px) { #mega-menu-wrap-main-menu { display: none; } header .spa-logo { left: 25px; margin-top: 5px; } header .spa-logo img { max-height: 55px; } header.tranfarent .menu-main .menu-bottom { padding-bottom: 45px; } header.tranfarent .menu-main .shipping { margin-left: 25px; } header.sticker { display: none; } header.padding .search-form { top: 65px; } header.padding .search-form:after { width: 130px; } header.padding .search-form input { width: 90px; } header .menu-main .menu-top .menu-login ul { padding-right: 20px; } header .menu-main .menu-bottom #main-nav .search-header-right { float: right; top: -3px; } header .menu-main .menu-bottom #main-nav .search-header-right:after { right: -10px; left: inherit; } header .menu-main .menu-bottom #main-nav .search-header-right i { left: -20px; position: relative; } .img-logo { display: none; } .mobile-logo { display: block; } .padding-left { margin-left: 0px; } .blog-header { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 11; } .breadcrumb { margin-left: 25px; } #mySearch .modal-dialog button { top: -100px; } #mySearch .modal-dialog .modal-content .modal-body { margin-top: 23%; } #mySearch .modal-dialog .modal-content .modal-body input[type="text"] { font-size: 2.5em; } #bleute-mobile-menu { display: block; position: relative; z-index: 10; } #bleute-mobile-menu button { float: left; width: 30px; height: 30px; padding: 0px; background: transparent; border: none; position: absolute; left: 20px; top: 65px; z-index: 1; } #bleute-mobile-menu button.show-menu-mobile { position: fixed; } #bleute-mobile-menu button i { float: left; width: 100%; height: 2px; background: rgba(0, 0, 0, 0.3); margin: 3px 0px; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } #bleute-mobile-menu button:hover i { background: #001b4b; } #bleute-mobile-menu .mobile-menu .menu { position: absolute; width: 300px; left: -310px; } } @media only screen and (max-width: 780px) { #mySearch .modal-dialog .modal-content .modal-body input[type="text"] { font-size: 1.5em; } .ab-booking-form { padding: 0 20px; } } /*# sourceMappingURL=bleute.css.map */