@import url("../../Divi/style.css"); @import url("../style.css"); @import url("../fonts/stylesheet.css"); @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&family=Source+Serif+Pro:wght@200;300;400;600;700;900&display=swap'); /* font-size: calc(28px + (60 - 28) * (100vw - 375px) / (1900 - 375)); */ .fs14{font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375))} .fs15{font-size: calc(12px + (15 - 12) * (100vw - 375px) / (1900 - 375))} .fs16{font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375))} .fs17{font-size: calc(13px + (17 - 13) * (100vw - 375px) / (1900 - 375))} .fs18{font-size: calc(14px + (18 - 14) * (100vw - 375px) / (1900 - 375))} .fs19{font-size: calc(14px + (19 - 14) * (100vw - 375px) / (1900 - 375))} .fs20{font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375))} .fs21{font-size: calc(15px + (21 - 15) * (100vw - 375px) / (1900 - 375))} .fs22{font-size: calc(16px + (22 - 16) * (100vw - 375px) / (1900 - 375))} .fs23{font-size: calc(16px + (23 - 16) * (100vw - 375px) / (1900 - 375))} .fs24{font-size: calc(17px + (24 - 17) * (100vw - 375px) / (1900 - 375))} .fs25{font-size: calc(17px + (25 - 17) * (100vw - 375px) / (1900 - 375))} .fs26{font-size: calc(18px + (26 - 18) * (100vw - 375px) / (1900 - 375))} .fs27{font-size: calc(18px + (27 - 18) * (100vw - 375px) / (1900 - 375))} .fs28{font-size: calc(19px + (28 - 19) * (100vw - 375px) / (1900 - 375))} .fs29{font-size: calc(19px + (29 - 19) * (100vw - 375px) / (1900 - 375))} .fs30{font-size: calc(20px + (30 - 20) * (100vw - 375px) / (1900 - 375))} .fs31{font-size: calc(20px + (31 - 20) * (100vw - 375px) / (1900 - 375))} .fs32{font-size: calc(21px + (32 - 21) * (100vw - 375px) / (1900 - 375))} .fs33{font-size: calc(21px + (33 - 21) * (100vw - 375px) / (1900 - 375))} .fs34{font-size: calc(21px + (34 - 21) * (100vw - 375px) / (1900 - 375))} .fs35{font-size: calc(22px + (35 - 22) * (100vw - 375px) / (1900 - 375))} .fs36{font-size: calc(22px + (36 - 22) * (100vw - 375px) / (1900 - 375))} .fs37{font-size: calc(22px + (37 - 22) * (100vw - 375px) / (1900 - 375))} .fs38{font-size: calc(23px + (38 - 23) * (100vw - 375px) / (1900 - 375))} .fs39{font-size: calc(23px + (39 - 23) * (100vw - 375px) / (1900 - 375))} .fs40{font-size: calc(23px + (40 - 23) * (100vw - 375px) / (1900 - 375))} .fs41{font-size: calc(24px + (41 - 24) * (100vw - 375px) / (1900 - 375))} .fs42{font-size: calc(24px + (42 - 24) * (100vw - 375px) / (1900 - 375))} .fs43{font-size: calc(24px + (43 - 24) * (100vw - 375px) / (1900 - 375))} .fs44{font-size: calc(25px + (44 - 25) * (100vw - 375px) / (1900 - 375))} .fs45{font-size: calc(25px + (45 - 25) * (100vw - 375px) / (1900 - 375))} .fs46{font-size: calc(25px + (46 - 25) * (100vw - 375px) / (1900 - 375))} .fs47{font-size: calc(26px + (47 - 26) * (100vw - 375px) / (1900 - 375))} .fs48{font-size: calc(26px + (48 - 26) * (100vw - 375px) / (1900 - 375))} .fs49{font-size: calc(26px + (49 - 26) * (100vw - 375px) / (1900 - 375))} .fs50{font-size: calc(27px + (50 - 27) * (100vw - 375px) / (1900 - 375))} .fs55{font-size: calc(25px + (55 - 25) * (100vw - 375px) / (1900 - 375))} .fs56{font-size: calc(25px + (56 - 25) * (100vw - 375px) / (1900 - 375))} .fs60{font-size: calc(32px + (60 - 32) * (100vw - 375px) / (1900 - 375))} .fs63{font-size: calc(33px + (63 - 33) * (100vw - 375px) / (1900 - 375))} .fs65{font-size: calc(34px + (65 - 34) * (100vw - 375px) / (1900 - 375))} .fs72{font-size: calc(36px + (72 - 36) * (100vw - 375px) / (1900 - 375))} .fs75{font-size: calc(37px + (75 - 37) * (100vw - 375px) / (1900 - 375))} .fs83{font-size: calc(39px + (83 - 39) * (100vw - 375px) / (1900 - 375))} .pdt10{padding-top: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375))} .pdt15{padding-top: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375))} .pdt20{padding-top: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375))} .pdt25{padding-top: calc(10px + (25 - 10) * (100vw - 375px) / (1900 - 375))} .pdt30{padding-top: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375))} .pdt40{padding-top: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375))} .pdt45{padding-top: calc(20px + (45 - 20) * (100vw - 375px) / (1900 - 375))} .pdt50{padding-top: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375))} .pdt60{padding-top: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375))} .pdt80{padding-top: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375))} .pdt100{padding-top: calc(40px + (100 - 40) * (100vw - 375px) / (1900 - 375))} .pdt110{padding-top: calc(40px + (110 - 40) * (100vw - 375px) / (1900 - 375))} .pdt120{padding-top: calc(50px + (120 - 50) * (100vw - 375px) / (1900 - 375))} .pdt160{padding-top: calc(60px + (160 - 60) * (100vw - 375px) / (1900 - 375))} .pdt200{padding-top: calc(80px + (200 - 80) * (100vw - 375px) / (1900 - 375))} .pdt250{padding-top: calc(150px + (250 - 150) * (100vw - 375px) / (1900 - 375))} .pdb10{padding-bottom: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375))} .pdb15{padding-bottom: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375))} .pdb20{padding-bottom: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375))} .pdb25{padding-bottom: calc(10px + (25 - 10) * (100vw - 375px) / (1900 - 375))} .pdb30{padding-bottom: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375))} .pdb40{padding-bottom: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375))} .pdb45{padding-bottom: calc(20px + (45 - 20) * (100vw - 375px) / (1900 - 375))} .pdb50{padding-bottom: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375))} .pdb60{padding-bottom: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375))} .pdb80{padding-bottom: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375))} .pdb100{padding-bottom: calc(40px + (100 - 40) * (100vw - 375px) / (1900 - 375))} .pdb110{padding-bottom: calc(40px + (110 - 40) * (100vw - 375px) / (1900 - 375))} .pdb120{padding-bottom: calc(50px + (120 - 50) * (100vw - 375px) / (1900 - 375))} .pdb160{padding-bottom: calc(60px + (160 - 60) * (100vw - 375px) / (1900 - 375))} .pdb200{padding-bottom: calc(80px + (200 - 80) * (100vw - 375px) / (1900 - 375))} .pdb250{padding-bottom: calc(150px + (250 - 150) * (100vw - 375px) / (1900 - 375))} .pdl10{padding-left: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375))} .pdl15{padding-left: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375))} .pdl20{padding-left: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375))} .pdl25{padding-left: calc(10px + (25 - 10) * (100vw - 375px) / (1900 - 375))} .pdl30{padding-left: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375))} .pdl40{padding-left: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375))} .pdl45{padding-left: calc(20px + (45 - 20) * (100vw - 375px) / (1900 - 375))} .pdl50{padding-left: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375))} .pdl60{padding-left: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375))} .pdl80{padding-left: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375))} .pdl100{padding-left: calc(40px + (100 - 40) * (100vw - 375px) / (1900 - 375))} .pdl110{padding-left: calc(40px + (110 - 40) * (100vw - 375px) / (1900 - 375))} .pdl120{padding-left: calc(50px + (120 - 50) * (100vw - 375px) / (1900 - 375))} .pdl160{padding-left: calc(60px + (160 - 60) * (100vw - 375px) / (1900 - 375))} .pdl200{padding-left: calc(80px + (200 - 80) * (100vw - 375px) / (1900 - 375))} .pdl250{padding-left: calc(150px + (250 - 150) * (100vw - 375px) / (1900 - 375))} .pdr10{padding-right: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375))} .pdr15{padding-right: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375))} .pdr20{padding-right: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375))} .pdr25{padding-right: calc(10px + (25 - 10) * (100vw - 375px) / (1900 - 375))} .pdr30{padding-right: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375))} .pdr40{padding-right: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375))} .pdr45{padding-right: calc(20px + (45 - 20) * (100vw - 375px) / (1900 - 375))} .pdr50{padding-right: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375))} .pdr60{padding-right: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375))} .pdr80{padding-right: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375))} .pdr100{padding-right: calc(40px + (100 - 40) * (100vw - 375px) / (1900 - 375))} .pdr110{padding-right: calc(40px + (110 - 40) * (100vw - 375px) / (1900 - 375))} .pdr120{padding-right: calc(50px + (120 - 50) * (100vw - 375px) / (1900 - 375))} .pdr160{padding-right: calc(60px + (160 - 60) * (100vw - 375px) / (1900 - 375))} .pdr200{padding-right: calc(80px + (200 - 80) * (100vw - 375px) / (1900 - 375))} .pdr250{padding-right: calc(150px + (250 - 150) * (100vw - 375px) / (1900 - 375))} .pd10{padding: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375))} .pd15{padding: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375))} .pd20{padding: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375))} .pd25{padding: calc(10px + (25 - 10) * (100vw - 375px) / (1900 - 375))} .pd30{padding: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375))} .pd40{padding: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375))} .pd45{padding: calc(20px + (45 - 20) * (100vw - 375px) / (1900 - 375))} .pd50{padding: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375))} .pd60{padding: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375))} .pd80{padding: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375))} .pd100{padding: calc(40px + (100 - 40) * (100vw - 375px) / (1900 - 375))} .pd110{padding: calc(40px + (110 - 40) * (100vw - 375px) / (1900 - 375))} .pd120{padding: calc(50px + (120 - 50) * (100vw - 375px) / (1900 - 375))} .pd160{padding: calc(60px + (160 - 60) * (100vw - 375px) / (1900 - 375))} .pd200{padding: calc(80px + (200 - 80) * (100vw - 375px) / (1900 - 375))} .pd250{padding: calc(150px + (250 - 150) * (100vw - 375px) / (1900 - 375))} body { color: #282728; font-family: 'Source Sans Pro', sans-serif; font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375)); font-weight: 300; line-height: 1.7; overflow-x: hidden; } .title-breadcrumb h1 { font-family: 'Source Serif Pro', serif; font-weight: 700; font-size: calc(25px + (55 - 25) * (100vw - 375px) / (1900 - 375)); } h2, .et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2, .et_pb_column_2_5 h2{ } h3, .et_pb_column_1_3 h3, .et_pb_column_1_4 h3, .et_pb_column_1_5 h3, .et_pb_column_1_6 h3, .et_pb_column_2_5 h3{ } h4,.et_pb_column_1_3 h4, .et_pb_column_1_4 h4, .et_pb_column_1_5 h4, .et_pb_column_1_6 h4, .et_pb_column_2_5 h4{ } h5,.et_pb_column_1_3 h5, .et_pb_column_1_4 h5, .et_pb_column_1_5 h5, .et_pb_column_1_6 h5, .et_pb_column_2_5 h5{ } p{ } ul{ padding: 0; } .center{ text-align: center !important; } img{ display: block; width: 100%; } .container, .et_pb_row { width: 90%; max-width: 1675px; } #main-header > .container { max-width: 1700px; } .scontainer.et_pb_row, .scontainer .et_pb_row{ width: 80%; max-width: 1300px; margin: auto; } .scontainer2.et_pb_row, .scontainer2 .et_pb_row{ width: 80%; max-width: 950px; margin: auto; } .full.et_pb_row, .full .et_pb_row{ width: 100% !important; max-width: unset !important; margin: auto; } ul.flex{ list-style: none; } .flex{ display: -webkit-box; display: -ms-flexbox; display: flex; } #left-area ul, .comment-content ul, .entry-content ul, body.et-pb-preview #main-content .container ul { padding: 0 ; } a{ color: #000000; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; } a:hover{ color: #000000; opacity: 0.7; } .breadcrumb-container #breadcrumbs{ font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375)); } .breadcrumb-container #breadcrumbs a, .breadcrumb-container #breadcrumbs .breadcrumb_last { padding: 0 calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); } .breadcrumb-container #breadcrumbs > span > span > a:nth-of-type(1){ padding-left: 0; } #et-boc .pagebanner.et_pb_section{ padding:0; } #et-boc .pagebanner.et_pb_section *{ padding: 0; } #et-boc .breadcrumb-container{ padding: 0 !important; } #et-boc .breadcrumb-container .et_pb_row p { padding-bottom: 0; } /* #et-main-area .pagebanner.et_pb_section{ padding:0; } #et-main-area .pagebanner.et_pb_section *{ padding: 0; } */ #et-main-area .breadcrumb-container{ padding: 0 !important; } #et-main-area .breadcrumb-container .et_pb_row p { padding-bottom: 0; } .et_pb_button, .btn, #content-area .button,#main-content .button, .form-submit .et_pb_button, .woocommerce #respond input#submit{ line-height: 1 !important; font-weight: 600; color: #fff; font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)); background-color: #e51f26; border: 1px solid #e51f26; padding: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)) calc(15px + (25 - 10) * (100vw - 375px) / (1900 - 375)); border-radius: 50px; display: inline-block; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; letter-spacing: 0.05em; cursor: pointer; text-transform: uppercase; position: relative; opacity: 1 !important; } .woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #content input.button:before, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce #respond input#submit:before, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #content input.button:before, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page #respond input#submit:before, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page a.button:before, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page button.button:before, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after, .woocommerce-page input.button:before, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce a.button:before, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce button.button:before, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce input.button:before { display: none; } #content-area .button{ margin-top: 0; } .et_pb_more_button { margin-top: 30px; } .et_pb_button:hover, .et_pb_module .et_pb_button:hover, .btn:hover, #content-area .button:hover,.form-submit .et_pb_button:hover, #main-content .button:hover,.woocommerce #respond input#submit:hover { color: #e51f26; border: 1px solid #e51f26; padding: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)) calc(15px + (25 - 10) * (100vw - 375px) / (1900 - 375)); background: transparent; } .et_pb_button.width:hover, .btn.width:hover, #content-area .button.width:hover{ padding: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)) calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)); } .et_pb_button:hover:after, .et_pb_more_button:hover:after, .et_pb_newsletter_button:hover:after, .et_pb_pricing_table_button:hover:after, .et_pb_promo_button:hover:after { display: none; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background: #000000; } .woocommerce-error, .woocommerce-info, .woocommerce-message { background: #000000; } .woocommerce-error a, .woocommerce-info a, .woocommerce-message a{ color: #ffffff; } a { font-weight: 500; } /* header */ .et_header_style_left .logo_container a{ padding: 10px 0; } #logo { } .header-top{ position: relative; padding: 12px 0; background: #879FBB; line-height: 1; color: #ffffff; } .header-top span { line-height: 1.4; } .header-top .container{ text-align: center; } #main-header { background: #ffffff; } .et_header_style_left .logo_container a{ display: block; } #logo { /* max-height: 40px; */ width: auto; } #main-header { -webkit-box-shadow: none; -moz-box-shadow: unset; box-shadow: none; } #main-header > .container{ display: flex; position: relative; } #main-header span.logo_helper { display: none; } #main-header .logo_container { position: relative; width: 20%; height: auto; padding: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)) 0; padding: 10px 0; display: block; } .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { padding-top: 0 !important; align-self: center; width: 80%; padding-left: 0 !important; display: flex; align-items: center; justify-content: flex-end; } .et_search_outer { height: 100%; pointer-events: none; } .et_pb_menu_hidden .et_search_outer { pointer-events: auto; } .et_search_outer .et_search_form_container { height: 100% !important; width: 100%; } .et_search_outer .et_search_form_container.et_pb_search_visible { pointer-events: auto; } .et_search_outer .et_search_form_container .et-search-form{ background: #ffffff !important; } #top-menu-nav{ float: none; } #top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav{ float: none; text-align: center; } #main-header .container.et_menu_container .right-container{ display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; } #main-header .container.et_menu_container .right-container > *{ position: relative; margin-left: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); } #main-header .container.et_menu_container .right-container a img { width: 24px; } #main-header .container.et_menu_container .right-container a.cart-custom span { position: absolute; background: #d60c0c; width: 14px; height: 14px; text-align: center; line-height: 15px; border-radius: 50%; top: -10px; right: -10px; color: #000000; font-size: 10px; } #et_top_search { display: inline-block; float: none; vertical-align: middle; position: relative; width: 16px; height: 16px; margin: 0; margin-right: 10px; top: 2px; } #et_search_icon:before { position: absolute; content: ''; top: 0; left: 0; width: 24px; height: 21px; background-image: url('../img/header_search.png'); background-position: center; background-repeat: no-repeat; background-size: contain; } #top-menu li.mega-menu>ul { max-height: 80vh; overflow: auto; } .et-cart-info { vertical-align: middle; } #top-menu { padding-right: 10px; } #top-menu a { font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)); font-weight: 600; color: #000000; position: relative; text-transform: uppercase; } #top-menu li.current-menu-item>a { color: #000000; } /* menu link hover */ #top-menu li:not(.btn-red):not(.btn-blue) a:after { display: block; content: ''; background: #e51f26; transform: scaleX(0); transition: transform 250ms ease-in-out; position: relative; bottom: -14px; height: 0.2em; width: 100%; margin: auto; text-align: center; } #top-menu li:not(.btn-red):not(.btn-blue):hover a:after, #top-menu li:not(.btn-red):not(.btn-blue).active a:after{ transform: scaleX(1); } #top-menu li .sub-menu a:after { background: transparent; } #top-menu li .sub-menu a:after { background: transparent !important; } #top-menu li .sub-menu { padding: 0px !important; border-top: 3px solid #e51f26; } #top-menu li .sub-menu li a, #top-menu li .sub-menu li a:hover { background-color: transparent !important; } .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a { padding: 0 calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)) !important; } @media (min-width: 981px){ .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation { padding-top: 0; } .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a, .et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a { padding: 0 calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)) !important; } } #top-menu li { padding-right: 0; } #et-top-navigation #et_mobile_nav_menu .mobile_menu_bar_toggle { padding-bottom: 0; } /* max-width 980px in css */ .et_pb_menu .et_mobile_menu .menu-item-has-children > a, .et_pb_fullwidth_menu .et_mobile_menu .menu-item-has-children > a, #main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; } .menu-toggle { position:absolute; right:0; top:0; width:50px; height:40px; z-index:2; } .et_pb_menu .et_mobile_menu .menu-item-has-children > a > .menu-toggle:after, .et_pb_fullwidth_menu .et_mobile_menu .menu-item-has-children > a > menu-toggle:after, #main-header .et_mobile_menu .menu-item-has-children > a > .menu-toggle:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: 600; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; font-size: 18px; content: '\4c'; top: 11px; right: 13px; } .et_mobile_menu .menu-item-has-children { position:relative; } .et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a > .menu-toggle:after, .et_pb_fullwidth_menu .et_mobile_menu .menu-item-has-children.visible > a > .menu-toggle:after, #main-header .et_mobile_menu .menu-item-has-children.visible > a > .menu-toggle:after { content: '\4d'; } .et_pb_menu .et_mobile_menu ul.sub-menu, .et_pb_fullwidth_menu .et_mobile_menu ul.sub-menu, #main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important; transition: all 1.5s ease-in-out; } .et_pb_menu .et_mobile_menu .visible > ul.sub-menu, .et_pb_fullwidth_menu .et_mobile_menu .visible > ul.sub-menu, #main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; } .right-cta-container{ position: fixed; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); z-index: 8; width: calc(27px + (50 - 27) * (100vw - 375px) / (1900 - 375)); } .right-cta-container a{ display: block; width: 100%; padding: 5px 0; } .right-cta-container a img{ } @media (max-width: 980px) { #main-header .container.et_menu_container .right-container { padding-right: 10px; } .et_header_style_left #logo, .et_header_style_split #logo { max-width: 80%; } #main-header .logo_container { width: 40%; } .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation { width: 60%; } } /* footer */ #main-footer { background-color: #879FBB !important; color: #333333; font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375)); } #main-footer .footer-top{ padding: calc(40px + (100 - 40) * (100vw - 375px) / (1900 - 375)) 0 calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375)); } #main-footer .footer-top .container { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; } #main-footer .footer-top .container .footer-content:nth-of-type(1), #main-footer .footer-top .container .footer-content:nth-of-type(2) { width: 30%; } #main-footer .footer-top .container .footer-content:nth-of-type(1){ padding-top: 0; } #main-footer .footer-top .container .footer-content { width: 20%; padding-top: 0; } #main-footer .footer-top .container .img-container{ width: 60%; max-width: 280px; } #main-footer .footer-top .container .text-container{ width: 80%; max-width: 400px; font-weight: 500; padding-top: 0; letter-spacing: 0.05em; } #main-footer .footer-top .container p, #main-footer .footer-top .container a { font-size: calc(12px + (15 - 12) * (100vw - 375px) / (1900 - 375)); line-height: 1.6; } #main-footer h5, #main-footer .menu > li > a{ display: block; color: #fff; /* font-family: "Poppins",Arial,sans-serif; */ font-weight: 700; text-shadow: none; font-family: 'Source Serif Pro', serif; line-height: 1.2; font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375)) !important; font-weight: 500; line-height: 1em; letter-spacing: 0.1em; text-transform: uppercase; padding-bottom: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); } #main-footer .footer-content:nth-of-type(2) .sub-menu{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #main-footer .footer-content:nth-of-type(2) .sub-menu > li{ width: 40%; } #main-footer .footer-top .container .footer-content ul{ list-style: none; } #main-footer .footer-top .container .footer-content ul li{ padding: 0 0 15px 0; font-weight: 500; } #main-footer .footer-top .container .footer-content ul.sub-menu li { padding-bottom: 10px !important; } #main-footer .footer-top .container .footer-content ul.sub-menu a{ font-size: calc(12px + (15 - 12) * (100vw - 375px) / (1900 - 375)) !important; font-family: 'Source Sans Pro', sans-serif !important; } #main-footer .footer-top .container .footer-content ul:not(.sub-menu) .h5-title a{ color: #fff; font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375)); font-weight: 500; line-height: 1em; letter-spacing: 0.1em; text-transform: uppercase; font-family: 'Source Serif Pro', serif; } #main-footer .footer-top .container .footer-content.social-container ul { position: relative; } #main-footer .footer-top .container .footer-content.social-container ul{ list-style: none; } #main-footer .footer-top .container .footer-content.social-container ul li{ display: inline-block; padding-right: calc(10px + (25 - 10) * (100vw - 375px) / (1900 - 375)); } #main-footer .footer-top .container .footer-content.social-container ul li .li-container a{ display: block; width: 22px; } #main-footer .footer-top .container .footer-content .footer-contact ul li, #main-footer .footer-top .container .footer-content .footer-contact ul li p { display: flex; color: #fff; } #main-footer .btn-red { display: none !important; } .footer-contact ul li img { margin-right: 20px; } .footer-contact ul li a { color: #fff } @media (max-width: 980px) { #main-footer .footer-top .container { flex-wrap: wrap; } #et-main-area #main-footer .footer-top .container .footer-content { width: 50%; } } #footer-bottom { text-align: center; background-color: #879FBB !important; color: #ffffff; font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375)); padding: 10px 0; } #footer-bottom .container { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } #footer-bottom .container > div{ width: 50%; } #footer-bottom ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; grid-auto-rows: 1fr; width: 100%; } #footer-bottom ul li { width: 50%; font-size: calc(12px + (15 - 12) * (100vw - 375px) / (1900 - 375)); font-weight: 500; } #footer-bottom .container #footer-info{ text-align: right; color: #ffffff; width: 100%; } #footer-info { float: right; padding-bottom: 0; text-align: right; color: #ffffff; } #footer-info a { font-weight: 500; color: #ffffff; } @media (max-width: 980px) { #footer-bottom ul { flex-wrap: wrap; } #footer-bottom ul li { width: 100%; text-align: center; } #footer-bottom .container #footer-info{ text-align: center; } } /* account page */ .woocommerce-account #left-area .woocommerce-MyAccount-navigation ul{ list-style: none; } .woocommerce ul.products li.product .star-rating { display: none; } /* shop */ .woocommerce-info{ text-align: left; } .woocommerce .woocommerce-breadcrumb { display: none; } #open_filter{ display:none; } #close_filter{ display:none; } .shoppage-container{ display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: calc(50px + (120 - 50) * (100vw - 375px) / (1900 - 375)); padding-bottom: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375)); } .shoppage-container .left{ width: 25%; padding-right: calc(40px + (100 - 40) * (100vw - 375px) / (1900 - 375)); } .shoppage-container .left .woof_container { padding-bottom: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); /* margin-bottom: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); */ /* border-bottom: 1px solid #c2c2c2; */ } .shoppage-container .left .woof_container.woof_price_filter { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .shoppage-container h4{ font-size: calc(17px + (24 - 17) * (100vw - 375px) / (1900 - 375)); font-weight: 700; text-shadow: none; font-family: 'Source Serif Pro', serif; letter-spacing: 0; line-height: 1.2; } .single-product .variations { width: auto !important; display: inline-block !important; } .single-product .variations tr { margin-bottom: 0 !important; } .single_variation_wrap { display: flex !important; width: auto; /* align-items: flex-start; */ justify-content: flex-start; } #left-area .shoppage-container .widget_product_categories .product-categories{ list-style: none; padding-bottom: 30px; } #left-area .shoppage-container .widget_product_categories .product-categories > li{ padding-bottom: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)); } #left-area .shoppage-container .widget_product_categories .product-categories > li > a{ padding: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375)) calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); background-color: #ffffff; border: 1px solid #26269E; } #left-area .shoppage-container .widget_product_categories .product-categories > li a{ font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)); color: #26269E; letter-spacing: 0.5px; position: relative; display: block; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; line-height: 1; border-radius: 50px; font-weight: 700; } #left-area .shoppage-container .widget_product_categories .product-categories > li a:hover{ background-color: #26269E; color: #ffffff; opacity: 1; } #left-area .shoppage-container .widget_product_categories .product-categories > li ul{ list-style: none; padding: 0; /* padding-top: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)); */ display: none; } #left-area .shoppage-container .widget_product_categories .product-categories > li.active ul{ display: block; } #left-area .shoppage-container .widget_product_categories .product-categories > li ul a{ opacity: 1; padding: calc(10px + (10 - 5) * (100vw - 375px) / (1900 - 375)) calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); } #left-area .shoppage-container .widget_product_categories .product-categories > li ul a:hover{ color: #c9eddc; } .caret { display: block; position: absolute; top: 0; right: 0; border: none; width: calc(30px + (60 - 30) * (100vw - 375px) / (1900 - 375)); height: 100%; margin: 0; z-index: 10; } .caret::before { position: absolute; content: ''; top: 50%; left: 50%; width: 8px; height: 1px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: #000000; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; } .caret::after { position: absolute; content: ''; top: 50%; left: 50%; width: 1px; height: 8px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); background: #000000; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; } .active .caret::before { background: #ffffff; } .caret:hover::before, .caret:hover::after { background: #ffffff; } .active .caret::after { opacity: 0; } .woof_list label { padding-bottom: 0; font-weight: 600; font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)); } .woof_radio_count { display: none; } .woof_checkbox_count { display:none; } .shoppage-container .irs-line-mid, .shoppage-container .irs-line-left, .shoppage-container .irs-line-right, .shoppage-container .irs-bar, .shoppage-container .irs-bar-edge, .shoppage-container .irs-slider { background-image: none; } .shoppage-container .irs-bar { height: 2px; background-color: #26269E; top: 50px; } .shoppage-container .irs-slider { width: 16px; height: 16px; top: 43px; background-color: #26269E; border-radius: 50%; border: 1px solid #ffffff; } .shoppage-container .irs-line { height: 2px; background: #373939; top: 50px; } .shoppage-container .irs-min, .shoppage-container .irs-max { font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)); color: #373737; /* display: none; */ } .shoppage-container .irs-from, .shoppage-container .irs-to, .shoppage-container .irs-single { font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)); color: #373737; background: transparent; font-weight: 600; } /* .shoppage-container .irs-from { left: 0 !important; } .shoppage-container .irs-to { left: auto !important; right: 0 !important; } */ .shoppage-container .irs-with-grid .irs-grid { display: none; } .shoppage-container .irs-with-grid { height: 80px; } .shoppage-container .irs { height: 80px; } .shoppage-container .right{ width: 75%; text-align: right; } .shoppage-container .right .sortby-container{ display: inline-block; } /*.sortby, .orderby, .woocommerce div.product form.cart .variations td select {*/ /* padding: 4px 8px;*/ /* color: #000000 !important;*/ /* background-color: transparent;*/ /* font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375));*/ /* font-weight: normal;*/ /* border-radius: 0;*/ /* border: 1px solid #f2f2f2;*/ /* font-family: 'Roboto', Arial, sans-serif;*/ /*}*/ .sortby, .orderby, .woocommerce div.product form.cart .variations td select { padding: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)) calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); color: #262626 !important; background-color: transparent; font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375)); font-weight: 500; border-radius: 50px; border: 1px solid #f2f2f2; } .woocommerce .woocommerce-ordering { margin-left: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); } .woocommerce .woocommerce-ordering select { border-radius: 0; } .sortby option, .orderby option, .woocommerce div.product form.cart .variations td select option { color: #000000 !important; } .category-container{ font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375)); color: #000000; text-transform: uppercase; text-align: center; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { padding: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375)) 0 0; font-size: calc(14px + (18 - 14) * (100vw - 375px) / (1900 - 375)) !important; color: #373737; font-weight: 6=700; text-transform: none; text-shadow: none; width: 90%; margin: auto; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; font-family: 'Source Sans Pro', sans-serif; } .woocommerce ul.products li.product .location{ font-family: "Lora",Arial,sans-serif; font-weight: 400; font-size: calc(14px + (18 - 14) * (100vw - 375px) / (1900 - 375)); } .woocommerce ul.products li.product:hover .woocommerce-loop-category__title, .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .woocommerce ul.products li.product:hover h3 { /*color: #000000;*/ } .woocommerce ul.products li.product{ transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; } .woocommerce ul.products li.product:hover{ background-color: #ffffff; } .woocommerce ul.products li.product span.price{ width: 90%; margin: auto !important; display: block; text-align: center; display: flex; justify-content: center; } .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price, .woocommerce-page ul.products li.product .price del { margin: 0!important; font-size: calc(14px + (19 - 14) * (100vw - 375px) / (1900 - 375)) !important; /* font-family: "Didot",Arial,sans-serif; */ /* font-weight: normal; */ /* font-style: italic; */ color: #373737 !important; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; padding-top: 5px; } .woocommerce ul.products li.product .price del { color: #bababa !important; opacity: 1; padding: 0; order: 2; padding-left: 5px; font-weight: normal; } .woocommerce ul.products li.product:hover .price, .woocommerce ul.products li.product:hover .price del, .woocommerce-page ul.products li.product:hover .price { /*color: #000000 !important;*/ } .woocommerce ul.products li.product .price ins { color: #b02929 !important; font-weight: normal; } .woocommerce ul.products li.product .woocommerce-loop-category__title::after, .woocommerce ul.products li.product .woocommerce-loop-product__title::after { display: none; } #left-area ul.products { padding-top: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)) !important; display: flex; flex-wrap: wrap; width: 90%; margin: auto; } .et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products li.product, .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products li.product { width: 23.5%; margin-right: 2%; text-align: center; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; padding-bottom: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); border: 0; } @media (min-width: 981px){ .archive.et_right_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(3n){ margin-right: 2%; } .archive.et_right_sidebar.woocommerce-page #main-content ul.products li.product:nth-child(4n){ margin-right: 0; } } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center; width: 30%; margin: 0 3% 2.992em 0; } .woocommerce ul.products li.product .et_shop_image { border: 1px solid #f5f5f5; } .woocommerce ul.products li.product:hover .et_overlay , .woocommerce-page ul.products li.product:hover .et_overlay { -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); border: 0px; } .woocommerce ul.products li.product a { text-decoration: none; display: block; text-align: center; opacity: 1; } .woocommerce ul.products li.product a.button { display: inline-block; } /* .woocommerce ul.products li.product a .et_shop_image::before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-bottom: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)) solid #000000; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; box-sizing: border-box; } .woocommerce ul.products li.product:hover a .et_shop_image::before{ border-top: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; border-bottom: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)) solid #000000; } */ .woocommerce .woofrom{ /* display: none; */ padding-right: 5px; } .br_alabel > span b{ font-weight: normal; } /* .et_portfolio_image, .et_shop_image { position: static; display: block; background-color: #000000; } .et_overlay { border: none; background: transparent; } .et_overlay { position: absolute; top: 30%; left: auto; right: 52%; content: ''; margin: 0; background-image: url('../img/search_btn.png'); background-position: center; background-repeat: no-repeat; background-size: contain; width: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); height: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); opacity: 0 !important; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; z-index: 2; } .et_overlay:before { display: none; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; } .woocommerce ul.products li.product:hover a img, .woocommerce-page ul.products li.product:hover a img { opacity: 0.6; } */ /* #et-info-email:before, #et-info-phone:before, .comment-reply-link:after, .et-cart-info span:before, .et-pb-arrow-next:before, .et-pb-arrow-prev:before, .et-social-icon a:before, .et_audio_container .mejs-playpause-button button:before, .et_audio_container .mejs-volume-button button:before, .et_overlay:before, .et_password_protected_form .et_submit_button:after, .et_pb_button:after, .et_pb_contact_reset:after, .et_pb_contact_submit:after, .et_pb_font_icon:before, .et_pb_newsletter_button:after, .et_pb_pricing_table_button:after, .et_pb_promo_button:after, .et_pb_social_icon a.icon:before, .et_pb_testimonial:before, .et_pb_toggle_title:before, .form-submit .et_pb_button:after, .mobile_menu_bar:before, .woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after, .woocommerce a.button.alt:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce button.single_add_to_cart_button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, a.et_pb_more_button:after { display: none; } */ .woocommerce #content-area ul.products li.product .button, ul.products li.product .button{ /* margin: 0 !important; width: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); height: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); padding: 0; text-indent: -9999px; white-space: nowrap; overflow: hidden; border: none; position: absolute; right: auto; left: 52%; top: 30%; bottom: auto; background-image: url('../img/cart_btn.png'); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; opacity: 0 !important; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; */ } ul.products li.product:hover .et_overlay, ul.products li.product:hover .button, .woocommerce #content-area ul.products li.product:hover .et_overlay, .woocommerce #content-area ul.products li.product:hover .button{ /* opacity: 1 !important; */ } .woocommerce nav.woocommerce-pagination { padding-bottom: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)); } .woocommerce nav.woocommerce-pagination ul { border: 0; } .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block; border: 0; /* padding: 0 5px; */ } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { color: #222222; width: 20px; height: 20px; border-radius: 50%; margin: 0 12px; padding: 0; min-width: auto; background: transparent !important; font-weight: 400; line-height: 20px; font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #ffffff; background: #373737 !important; } /* .woocommerce-result-count{ display: none; } */ /* .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty { position: absolute; visibility: hidden; pointer-events: none; } */ .woocommerce #content div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity, .woocommerce div.product form.cart div.quantity { margin: 0!important; } .related.products .slick-track { display: flex; } .related.products .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width: 100%; } .related.products { margin: calc(50px + (120 - 50) * (100vw - 375px) / (1900 - 375)) 0; padding-bottom: 60px; } .related.products ul.products { align-items: center; } .related.products ul.products .slick-nav.left, .related.products ul.products .slick-nav.prev { left: -44px; } .related.products ul.products .slick-nav.right, .related.products ul.products .slick-nav.next { right: -44px; } .product .related > h2 { padding-bottom: 16px; font-size: 26px!important; text-align: center; } .et_pb_gutters3.et_left_sidebar.woocommerce-page .related.products ul.products li.product, .et_pb_gutters3.et_right_sidebar.woocommerce-page .related.products ul.products li.product { clear: none !important; width: 100%; margin: 0 calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)) !important; } .related.products ul{ overflow: visible; } .xoo-wl-btn-container span.xwh-heading { text-align: left !important; font-family: 'Source Serif Pro', serif !important; } span.xwh-subheading { margin: 5px 0 10px; font-size: calc(13px + (17 - 13) * (100vw - 375px) / (1900 - 375)); font-weight: 500; } .xoo-wl-btn-container { margin-top: 40px; border: 1px solid #ddd; padding: 20px 30px; border-radius: 20px; } .xoo-aff-group { margin-bottom: 0px; } .xoo-wl-submit-btn { width: 30% !important; height: 54px; padding: 0 !important; } .xoo-wl-btn-container .xoo-wl-form { display: flex; } /* singel product */ .single-product .breadcrumb{ display: none; } .single-product .title-header{ display: none; } .woocommerce div.product .product_title { font-size: calc(17px + (24 - 17) * (100vw - 375px) / (1900 - 375)); color: #373737; font-weight: 700; } .entry-summary p.price span { color: #373737; font-size: calc(19px + (28 - 19) * (100vw - 375px) / (1900 - 375)); /* font-family: "Didot",Arial,sans-serif; */ font-weight: normal; /* font-style: italic; */ } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #373737; font-size: calc(19px + (28 - 19) * (100vw - 375px) / (1900 - 375)); /* font-family: "Didot",Arial,sans-serif; */ font-weight: normal; /* font-style: italic; */ } .woocommerce div.product p.price { padding-bottom: 30px; } .variations tr{ display: block; padding: 0 !important; } .variations tr td{ display: inline-block; vertical-align: middle; } .woocommerce-product-details__short-description{ margin-top: 5px; border: 1px solid #ddd; padding: 20px; border-radius: 20px; } .entry-summary h4 { font-weight: 700; color: #373737; font-size: calc(13px + (17 - 13) * (100vw - 375px) / (1900 - 375)); } .woocommerce-product-details__short-description span{ display: block; padding-bottom: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)); } .woocommerce-product-details__short-description p{ font-weight: 400; } .woocommerce div.product form.cart .variations { display: flex; width: 100%; float: left; } .woocommerce div.product form.cart .variations tr td.label { display: flex; } .woocommerce div.product form.cart .variations td select { width: 200px; height: 55px; } .qty { display: flex; width: 100% !important; line-height: 0; } .wapf-wrapper .wapf-field-label, .qty, .woocommerce div.product form.cart .variations label{ width: 100px; display: inline-block; vertical-align: middle; font-weight: 700; color: #373737; font-size: calc(13px + (17 - 13) * (100vw - 375px) / (1900 - 375)); padding-bottom: 10px; } .woocommerce div.product form.cart .variations td { padding: 0 !important; } .qib-container:not(#qib_id):not(#qib_id) { /* height: 50px; */ width: calc(100% - 150px); vertical-align: middle; width: 40%; display: initial !important; } .qib-container { width: 50%; display: inline; flex-wrap: wrap; } .wapf-wrapper .wapf-field-input{ display: inline-block; width: calc(100% - 150px); vertical-align: middle; } .wapf-wrapper .wapf-field-input select{ width: 250px; color: #8a8a8a; line-height: 50px; height: 50px; padding: 0 calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); } .summary form.cart button[type='submit']:not(#qib_id):not(#qib_id), .summary form.cart .qib-container + div:not(#qib_id):not(#qib_id) { /* margin-top: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)) !important; */ height: 55px !important; } .woocommerce div.product form.cart .reset_variations { font-weight: 600; } body .qib-button:not(#qib_id):not(#qib_id) { background: transparent; border-color: #e1e1e1; color: #000; border-radius: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; height: 55px; } body .qib-button.minus { border-right: 0px !important; border-top-left-radius: 50px !important; border-bottom-left-radius: 50px !important; } body .qib-button.plus { border-left: 0px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; } body .qib-button:hover:not(#qib_id):not(#qib_id) { background: #e1e1e1; } body .qib-container .quantity input.qty:not(#qib_id):not(#qib_id) { background: transparent !important; border-color: #e1e1e1 !important; color: #000000 !important; border-width: 1px !important; font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)) !important; border-style: solid !important; width: 100px !important; height: 55px; border-left: 0 !important; border-right: 0 !important; } .woocommerce-page div.product form.cart, .woocommerce div.product form.cart { margin-bottom: 0 !important; } .share-container{ display: flex !important; text-align: left !important; margin: 10px 0 !important; align-items: center; } .share-container span{ width: 100px; display: inline-block; vertical-align: middle; font-weight: normal; color: #373737; font-weight: 700; color: #373737; font-size: calc(13px + (17 - 13) * (100vw - 375px) / (1900 - 375)) !important; } .share-container .addthis_inline_share_toolbox{ display: inline-block; vertical-align: middle; } /* contact us */ .input-2col-warpper { position: relative; } .input-2col-warpper > span:nth-of-type(1), .input-2col-warpper .select-wrapper:nth-of-type(1), .input-2col-warpper > p:nth-of-type(1) { margin-right: 10px; margin-left: 0; } .input-2col-warpper > span:nth-of-type(2), .input-2col-warpper .select-wrapper:nth-of-type(2), .input-2col-warpper .select-wrapper.right, .input-2col-warpper > p:nth-of-type(2) { margin-left: 10px; margin-right: 0; } .input-2col-warpper > span, .input-2col-warpper > p, .input-2col-warpper .select-wrapper { display: block; width: calc(50% - 10px); float: left; } .input-3col-warpper { position: relative; } .input-3col-warpper > span:nth-of-type(1), .input-3col-warpper .select-wrapper:nth-of-type(1), .input-3col-warpper > p:nth-of-type(1) { margin-right: 10px; margin-left: 0; } .input-3col-warpper > span:nth-of-type(2), .input-3col-warpper .select-wrapper:nth-of-type(2), .input-3col-warpper > p:nth-of-type(2) { margin-right: 5px; margin-left: 5px; } .input-3col-warpper > span:nth-of-type(3), .input-3col-warpper .select-wrapper:nth-of-type(3), .input-3col-warpper .select-wrapper.right, .input-3col-warpper > p:nth-of-type(3) { margin-left: 10px; margin-right: 0; } .input-3col-warpper > span, .input-3col-warpper > p, .input-3col-warpper .select-wrapper { display: block; width: calc(33.33% - 10px); float: left; } .wpcf7-form br { display: none; } .wpcf7-form p { padding-bottom: 0; } .form-input, .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=date], .wpcf7-form textarea, .wpcf7-form .select-wrapper select, .wpcf7-form input[type=tel] { width: 100%; padding: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375)) calc(10px + (25 - 10) * (100vw - 375px) / (1900 - 375)); margin: 10px 0; display: inline-block; border: 1px solid #f3f3f3; background: none; box-sizing: border-box; color: #000000; font-weight: normal; line-height: 1; background: #ffffff; border-radius: 0px; outline: 0; letter-spacing: 0.05em; font-weight: 400; border-radius: 10px; } .form-control, .form-group input[type=text], .form-group input[type=date], .form-group textarea, .form-group .select-wrapper select, .form-group input[type=tel] { width: 100%; padding: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375)) calc(10px + (25 - 10) * (100vw - 375px) / (1900 - 375)); margin: 0px 0; display: inline-block; border: 1px solid #f3f3f3; background: none; box-sizing: border-box; color: #000000; font-weight: normal; line-height: 1; background: #ffffff; border-radius: 0px; outline: 0; letter-spacing: 0.05em; font-weight: 400; border-radius: 10px; } .form-input:focus, .wpcf7-form input.text:focus, .wpcf7-form input.title:focus, .wpcf7-form input[type=text]:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus { border-color: #f3f3f3; color: #494949; } .wpcf7-form textarea { height: 150px; } .wpcf7-form input::-webkit-input-placeholder { /* Edge */ color: #494949; } .wpcf7-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #494949; } .wpcf7-form input::placeholder { color: #494949; } .wpcf7-form textarea::-webkit-input-placeholder { /* Edge */ color: #494949; } .wpcf7-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #494949; } .wpcf7-form textarea::placeholder { color: #494949; } .wpcf7 .btn-container { text-align: right; display: flex; /* justify-content: flex-end; */ align-items: center; flex: 1; } .wpcf7 .btn-container .btn { margin-left: calc(23px + (40 - 23) * (100vw - 375px) / (1900 - 375)); } .wpcf7 .btn-container .wpcf7-form-control-wrap { -ms-transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -ms-transform-origin: left center; -moz-transform-origin: left center; -webkit-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 50%; } .wpcf7 .btn-container p { width: 50%; } .contact_10 .et_pb_code_inner iframe{ width: 100%; } .contact_10.et_pb_section{ padding-bottom: 0; } .contact_10.et_pb_section .et_pb_row{ padding-bottom: 0; } /* news */ .newscontainer{ display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; padding-bottom: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)); padding-top: calc(50px + (120 - 50) * (100vw - 375px) / (1900 - 375)); } .newscontainer .container_left{ width: 25%; } .newscontainer .container_left .content{ width: 90%; padding-bottom: calc(10px + (25 - 10) * (100vw - 375px) / (1900 - 375)); } .newscontainer .container_left .content h4{ font-size: calc(23px + (40 - 23) * (100vw - 375px) / (1900 - 375)); } .newscontainer .container_left .category{ padding-bottom: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); } .newscontainer .container_left .category h4{ } .newscontainer .container_left .category ul, .archive-container{ position: relative; list-style: none; letter-spacing: 0; } .newscontainer .container_left .category ul li{ padding-bottom: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)); } .newscontainer .container_left .category ul li a, .archive-container a{ font-family: "Effra",Arial,sans-serif; font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375)); color: #212922; letter-spacing: 0.2em; position: relative; display: block; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; line-height: 1; } .newscontainer .container_left .category > ul > li > a, .archive-container .year{ position: relative; } .newscontainer .container_left .category > ul > li > a, .archive-container .year a{ padding: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375)) calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); background-color: #ffffff; border: 2px solid #6d7275; } .newscontainer .container_left .category > ul > li:hover >a, .archive-container .year:hover a{ background-color: #6d7275; color: #ffffff; opacity: 0.8; } .newscontainer .container_left .category > ul > li.current-cat > a,.newscontainer .container_left .category > ul > li.current-cat-parent > a, .archive-container.active a{ background-color: #6d7275; color: #ffffff; opacity: 1; } .newscontainer .container_left .category ul li ul, .archive-container ul{ list-style: none; padding: 0; display: none; padding-top: 5px; } .newscontainer .container_left .category ul li ul a, .archive-container ul a{ opacity: 1; padding: calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)) calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); } .newscontainer .container_left .category ul li ul a:hover, .newscontainer .container_left .category ul li ul li.current-cat a, .archive-container ul li.current-cat a, .archive-container ul li a:hover{ color: #c9eddc; } .newscontainer .container_left .category ul li.active ul, .newscontainer .container_left .category ul li.current-cat-parent ul, .newscontainer .container_left .category ul li.current-cat ul, .archive-container.active ul { display: block; } .newscontainer .container_right{ width: 75%; } .news_listing_ul{ list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news_listing_ul li{ width: 50%; padding-bottom: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); } .news_listing_ul.related_blog li{ width: 33.33%; padding-bottom: 0; } .news_listing_ul li .li-container{ width: 94%; margin: auto; background-color: #ffffff; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; -webkit-box-shadow: 4px 2px 17px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: 4px 2px 17px 2px rgba(0, 0, 0, 0.25); box-shadow: 4px 2px 17px 2px rgba(0, 0, 0, 0.25); } .news_listing_ul li .li-container:hover { /* -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); */ } .news_listing_ul li .li-container .img-container{ } .news_listing_ul li .li-container .img-container{ padding-bottom: 64%; position: relative; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; } .news_listing_ul li .li-container .img-container>a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .news_listing_ul li .li-container .img-container .hover-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(41, 41, 41, 0.7); opacity: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; pointer-events: none; } .news_listing_ul li .li-container:hover .img-container .hover-bg{ opacity: 1; } .news_listing_ul li .li-container .img-container .hover-bg .btn-container{ position: absolute; bottom: 7%; left: 0; right: 0; text-align: center; } .news_listing_ul li .li-container .img-container .hover-bg .btn-container .btn{ pointer-events: auto; } .news_listing_ul li .li-container .text-container{ position: relative; padding: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)) calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; color: #000000; } .news_listing_ul li .li-container:hover .text-container{ /* color: #ffffff; */ } .news_listing_ul .title{ font-size: calc(17px + (24 - 17) * (100vw - 375px) / (1900 - 375)); color: #000; letter-spacing: 0.05em; padding-bottom: 5px; position: relative; z-index: 2; /* transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; */ } .news_listing_ul .date{ font-family: "Effra",Arial,sans-serif; font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375)); padding-bottom: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375)); position: relative; z-index: 2; } .news_listing_ul .text-container p{ padding-bottom: 0; position: relative; z-index: 2; } /* .news_listing_ul .text-container .btn-container { position: relative; z-index: 2; padding-top: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); } .news_listing_ul .text-container .btn-container .read_more_btn { color: #5b2c7e; font-weight: 800; letter-spacing: 0.05em; display: inline-block; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; } .news_listing_ul .li-container:hover .text-container .btn-container .read_more_btn { color: #ffffff; } */ .custom-pagination{ text-align: center; letter-spacing: 0; padding-top: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); } .custom-pagination span, .custom-pagination a{ color: #262626; width: calc(10px + (25 - 10) * (100vw - 375px) / (1900 - 375)); display: inline-block; height: calc(10px + (25 - 10) * (100vw - 375px) / (1900 - 375)); line-height: calc(10px + (25 - 10) * (100vw - 375px) / (1900 - 375)); text-align: center; font-size: calc(13px + (17 - 13) * (100vw - 375px) / (1900 - 375)); margin: 0 calc(5px + (10 - 5) * (100vw - 375px) / (1900 - 375)); font-family: "Effra",Arial,sans-serif; font-weight: 500; } .custom-pagination span{ background-color: #ffbbae; color: #ffffff; } .custom-pagination a:hover{ background-color: #ffbbae; color: #ffffff; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; } i.arrow{ font-style: unset; } .category_page{ } /* single news */ .single_news .date { font-family: "Effra",Arial,sans-serif; font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375)); /* padding-bottom: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375)); */ display: block; } .single_news{ /* padding: calc(40px + (100 - 40) * (100vw - 375px) / (1900 - 375)) 0; background-image: url('../img/bg-1.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; */ padding-bottom: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)); } .single_news .single_news_10{ padding-top: calc(50px + (120 - 50) * (100vw - 375px) / (1900 - 375)); } .single_news .single_news_10 > .img-container{ position: relative; width: 100%; padding-bottom: 39%; background-position: center; background-repeat: no-repeat; background-size: cover; } .single_news .text-container{ padding-top: calc(20px + (40 - 20) * (100vw - 375px) / (1900 - 375)); } .single_news .text-container .content-container{ padding-top: calc(10px + (15 - 10) * (100vw - 375px) / (1900 - 375)); } .single_news .text-container h4{ padding-bottom: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375)); } .single_news .text-container .share-container{ display: inline-block; } .single_news .text-container .share-container span{ letter-spacing: 0.05em; font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375)); color: #000000; display: inline-block; vertical-align: middle; padding-top: 0; font-weight: bold; } .single_news .text-container .share-container .addthis_inline_share_toolbox{ display: inline-block; vertical-align: middle; } /* search */ .search #left-area{ display: flex; flex-wrap: wrap; } .search #left-area .et_pb_post{ width: 33.33%; padding: 0 calc(8px + (15 - 8) * (100vw - 375px) / (1900 - 375)); display: flex; flex-direction: column; } .search #left-area .et_pb_post h2{ font-size: calc(15px + (20 - 15) * (100vw - 375px) / (1900 - 375)); text-align: left; padding-bottom: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); margin-top: auto; } .search #left-area .et_pb_post .entry-featured-image-url{ max-width: 400px; margin: auto; width: 100%; margin-bottom: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); } .search #left-area .et_pb_post .img-container { background-position: center; background-repeat: no-repeat; background-size: contain; width: 100%; padding-bottom: 67.5%; } .woocommerce-order img{ width: auto; } .woocommerce-account #main-content{ padding-bottom: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)); } /* faq */ .accordion-content{ } .accordion-content ul{ list-style: none; } .accordion-content ul li{ padding-bottom: calc(10px + (20 - 10) * (100vw - 375px) / (1900 - 375)); } .accordion-content ul li .li-container{ position: relative; } .accordion-content ul li .li-container .title{ position: relative; list-style: none; cursor: pointer; color: #373737; background: #E9E9F5; transition: all .5s ease; border-radius: 10px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; border-bottom: 0; padding: calc(10px + (10 - 5) * (100vw - 375px) / (1900 - 375)) calc(20px + (30 - 15) * (100vw - 375px) / (1900 - 375)); } .accordion-content ul li .li-container.active .title{ /* background: #e3e3e3; */ } .accordion-content ul li .li-container .title strong{ display: inline-block; line-height: 1; font-weight: 600; font-size: calc(13px + (17 - 13) * (100vw - 375px) / (1900 - 375)); } .accordion-content ul li .li-container .title .plus-icon{ position: absolute; top: 50%; right: calc(15px + (30 - 15) * (100vw - 375px) / (1900 - 375)); width: 10px; height: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .accordion-content ul li .li-container .title .plus-icon span{ position: absolute; left: 0; right: 0; margin: auto; top: 2px; width: 10px; height: 2px; background: #000000; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; } .accordion-content ul li .li-container .title .plus-icon span:nth-of-type(1){ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .accordion-content ul li .li-container.active .title .plus-icon span:nth-of-type(1){ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); } .accordion-content ul li .li-container .content{ max-height: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; overflow: hidden; } .accordion-content ul li .li-container.active .content{ max-height: 2000px; transition: all 4s ease; -webkit-transition: all 4s ease; -moz-transition: all 4s ease; -o-transition: all 4s ease; -ms-transition: all 4s ease; } .accordion-content ul li .li-container .content .content-container{ border-top: 0; padding: calc(5px + (15 - 5) * (100vw - 375px) / (1900 - 375)) 40px; } .page.et_pb_pagebuilder_layout #main-content .entry-content { position: relative; } /***************************************** Added *****************************************/ .btn-red { min-width: 164px; padding: 18px 0; height: auto; min-height: 40px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; background-color: #e51f26; border: 1px solid #e51f26; text-transform: initial; text-align: center; } .btn-red:hover { background-color: #fff; color: #e51f26; border: 1px solid #e51f26; } .btn-blue { min-width: 164px; padding: 18px 0; height: auto; min-height: 40px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; background-color: #26269E; border: 1px solid #26269E; text-transform: initial; margin: 0 10px; text-align: center; } .btn-blue:hover { background-color: #fff; color: #26269E; border: 1px solid #26269E; } .btn-red a, .btn-blue a { color: #ffffff !important; } .btn-red:hover a, .btn-blue:hover a { color: #000 !important; } .header-top-contact { position: relative; padding: 5px 0; background: #26269E; line-height: 1; color: #ffffff; } .header-top-contact a { color: #ffffff; } .social-header li img { width: 20px; } .w20 { width: 20px } .w25 { width: 25px; height: 25px; } .contact-info { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; } .contact-info > div { display: flex; align-items: center; padding-left: 20px; } .contact-info > div img { margin-right: 10px; } h2 { font-size: calc(24px + (41 - 24) * (100vw - 375px) / (1900 - 375)) !important; font-weight: 700; text-shadow: none; font-family: 'Source Serif Pro', serif; letter-spacing: 0; line-height: 1.2; text-align: center; } p { font-size: calc(13px + (17 - 13) * (100vw - 375px) / (1900 - 375)); font-weight: 400; line-height: 1.5; } .relative { position: relative; } .absolute { position: absolute; } .pointer { cursor: pointer; } .position-center-center { top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); } @media only screen and (min-width: 1350px) { .et_pb_row { padding: 100px 0; } } .flex { display: flex; } .flex-wrap { flex-wrap: wrap; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .align-center { align-items: center; } .flex-column { flex-direction: column; } .flex_direction_row{ flex-direction: row; } .flex_direction_row_reverse{ flex-direction: row-reverse; } .list-style-none { list-style: none; } .hide { display: none; } .hidden { display: none !important; } .w100 { width: 100%; } .width_90 { width: 90%; } .width_80 { width: 80%; } .width_70 { width: 70%; } .width_60 { width: 60%; } .width_50 { width: 50%; } .width_40 { width: 40%; } .width_30 { width: 30%; } .width_20 { width: 20%; } .width_10 { width: 10%; } @media (min-width: 1024px){ .w95 { width: 95%; margin: auto; } .w90 { width: 90%; margin: auto; } .w80 { width: 80%; margin: auto; } .w70 { width: 70%; margin: auto; } .w60 { width: 60%; margin: auto; } .w50 { width: 50%; margin: auto; } .text-sm-center{ text-align: center; } .flex_100{ width: 100%; } .flex_66{ width: 63%; } .flex_50{ width: 50%; } .flex_56{ width: 56%; } .flex_52{ width: 52%; } .flex_48{ width: 48%; } .flex_53{ width: 53%; } .flex_47{ width: 47%; } .flex_47_special { width: 47%; } .flex_50_special{ width: 50%; } .flex_50_special2{ width: 50%; } .flex_33{ width: 33%; } .flex_33_special{ width: 33.33%; } .flex_33_special2{ width: 33.33%; } .flex_32{ width: 32%; } .flex_25{ width: 25%; } .flex_15{ width: 15%; } .flex_28{ width: 28%; } .flex_35{ width: 35%; } .flex_65{ width: 65%; } .flex_75{ width: 75%; } .flex_25_special{ width: 25%; } .flex_22{ width: 22%; } .flex_24{ width: 24%; } .flex_26{ width: 26%; } .flex_20{ width: 20%; } .flex_45{ width: 45%; } .flex_55{ width: 55%; } .flex_44{ width: 44%; } .flex_10{ width: 10%; } .flex_90{ width: 90%; } .flex_20_special{ width: 20%; } .flex_80_special{ width: 70%; } .flex_40{ width: 40%; } .flex_40_special{ width: 40%; } .flex_39{ width: 39%; } .flex_60{ width: 60%; } .flex_60_special{ width: 60%; } .flex_61{ width: 61%; } .flex_64{ width: 64%; padding-right: 20px; } .flex_20_special2{ width: 20%; padding-top: 30px; } .flex_80{ width: 80%; } .flex_80_special2{ width: 80%; } .flex_70{ width: 70%; } .flex_70_special{ width: 70%; } .flex_70_special2{ width: 70%; } .flex_70_special3{ width: 70%; } .flex_30{ width: 30%; } .flex_30_special { width: 30%; } .flex_30_special3 { width: 30%; } .flex_30_special4 { width: 30%; } .flex_36{ width: 36%; } .flex_25_special2{ width: 25%; } .flex_75_special2{ width: 75%; } .flex_19 { width: 19%; } .flex_30_special2{ width: 30%; } } @media (min-width: 768px) AND (max-width: 1023px){ .w70 { width: 80%; margin: auto; } .hide-sm { display: none; } .text-sm-center{ text-align: center; } .flex_100 { width: 100%; } .flex_66{ width: 100%; } .flex_50{ width: 50%; } .flex_52{ width: 52%; } .flex_48{ width: 48%; } .flex_53{ width: 100%; } .flex_56{ width: 50%; } .flex_44{ width: 50%; } .flex_47{ width: 47%; } .flex_47_special{ width: 100%; } .flex_33_special{ width: 50%; } .flex_33_special2{ width: 33.33%; } .flex_32{ width: 32%; } .flex_50_special{ width: 50%; } .flex_50_special2{ width: 50%; } .flex_33{ width: 33%; } .flex_25{ width: 25%; } .flex_15{ width: 33.33%; } .flex_75{ width: 75%; } .flex_28{ width: 28%; } .flex_35{ width: 35%; } .footer-newsletter.flex_35 { width: 100%; padding-top: 20px; } .flex_65{ width: 65%; } .flex_25_special{ width: 50%; } .flex_22{ width: 30%; } .flex_24{ width: 24%; } .flex_26{ width: 100%; } .flex_20{ width: 30%; } .flex_80{ width: 70%; } .flex_45{ width: 45%; } .flex_55{ width:100%; } .flex_10{ width: 10%; } .flex_90{ width: 90%; } .flex_20_special{ width: 100%; } .flex_80_special{ width: 70%; } .flex_40{ width: 40%; } .flex_40_special{ width: 100%; } .flex_39{ width: 100%; } .flex_60{ width: 60%; /* padding: 20px; */ } .flex_60_special2{ width: 100%; } .flex_61{ width: 100%; } .flex_64{ width: 64%; /* padding: 20px; */ } .flex_20_special2{ width: 20%; } .flex_80_special2{ width: 80%; } .flex_70{ width: 70%; } .flex_70_special{ width: 100%; } .flex_70_special2{ width: 70%; } .flex_70_special3{ width: 100%; } /* .flex_30{ width: 40%; } */ .flex_30{ width: 30%; } .flex_30_special2{ width: 100%; } .flex_30_special { width: 43%; } .flex_30_special3 { width: 30%; } .flex_30_special4 { width: 30%; } .flex_36 { width: 36%; /* padding: 20px 0; */ } .flex_19 { width: 19%; } .flex-direction-reverse { flex-direction: column-reverse; } } @media (max-width: 767px){ /* .w70 { width: 100%; margin: auto; } */ .flex_100{ width: 50%; } .flex_66{ width: 100%; } .flex_50{ width: 100%; } .flex_52{ width: 100%; } .flex_48{ width: 100%; } .flex_53{ width: 100%; } .flex_44{ width: 100%; } .flex_47{ width: 100%; } .flex_47_special { width: 100%; } .flex_50_special{ width: 100%; } .flex_33_special{ width: 100%; } .flex_33_special2{ width: 100%; } .flex_32{ width: 50%; } .flex_30_special2{ width: 100%; } .flex_50_special2{ width: 50%; } .flex_33{ width: 50%; } .flex_35{ width: 50%; } .flex_56{ width: 100%; } .flex_65{ width: 100%; } .flex_28{ width: 28%; } .flex_25 { width: 100%; } .flex_25_special{ width: 100%; } .flex_75{ width: 100%; } .flex_15{ width: 100%; } .flex_22{ width: 50%; } .flex_24{ width: 50%; } .flex_26{ width: 100%; } .flex_20{ width: 100%; } .flex_80{ width: 100%; } /* .flex_direction_row{ flex-direction: column-reverse; } */ .flex_direction_row_reverse{ flex-direction: row-reverse; } .flex_45{ width: 45%; } .flex_55{ width: 100%; } .flex_10{ width: 100%; } .flex_90{ width: 100%; } .flex_20_special{ width: 100%; text-align: center; } .flex_70_special{ width: 100%; } .flex_70_special3{ width: 100%; } .flex_80_special{ width: 100%; } .flex_20_special .w_80{ width: 30% !important; } .flex_40{ width: 50%; } .flex_40_special{ width: 100%; } .flex_39{ width: 100%; } .flex_60{ width: 50%; /* padding: 10px; */ } .flex_60_special{ width: 100%; } .flex_61{ width: 100%; } .flex_64{ width: 100%; /* padding: 10px; */ } .flex_20_special2{ width: 100%; } .flex_80_special2{ width: 100%; } .flex_70{ width: 70%; } .flex_70_special2{ width: 100%; } .flex_30{ width: 50%; } .flex_30_special { width: 100%; } .flex_30_special3 { width: 100%; } .flex_30_special4 { width: 30%; } .flex_36{ width: 36%; } .flex_19 { width: 19%; } } @media (max-width: 541px) { .flex_50_special2 { width: 100%; } } .pt-10 { padding-top: 10px; } .pt-20 { padding-top: 20px; } .pt-30 { padding-top: 30px; } .pt-40 { padding-top: 40px; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pt-70 { padding-top: 70px; } .pt-80 { padding-top: 80px; } .pt-90 { padding-top: 90px; } .pt-100 { padding-top: 100px; } .pt-120 { padding-top: 120px; } .pb-10 { padding-bottom: 10px; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; } .pb-50 { padding-bottom: 50px; } .pb-60 { padding-bottom: 60px; } .pb-70 { padding-bottom: 70px; } .pb-80 { padding-bottom: 80px; } .pb-90 { padding-bottom: 90px; } .pb-100 { padding-bottom: 100px; } .pb-120 { padding-bottom: 120px; } .pl-10 { padding-left: 10px; } .pl-20 { padding-left: 20px; } .pl-30 { padding-left: 30px; } .pl-40 { padding-left: 40px; } .pl-50 { padding-left: 50px; } .pl-60 { padding-left: 60px; } .pl-70 { padding-left: 70px; } .pl-80 { padding-left: 80px; } .pl-90 { padding-left: 90px; } .pl-100 { padding-bottom: 100px; } .pl-percent7{ padding-left: 7%; } .pr-percent7{ padding-right: 7%; } .pr-10 { padding-right: 10px; } .pr-20 { padding-right: 20px; } .pr-30 { padding-right: 30px; } .pr-40 { padding-right: 40px; } .pr-50 { padding-right: 50px; } .pr-60 { padding-right: 60px; } .pr-70 { padding-right: 70px; } .pr-80 { padding-right: 80px; } .pr-90 { padding-right: 90px; } .pr-100 { padding-bottom: 100px; } .pdlr-0 { padding-left: 0px; padding-right: 0px; } .plr-10 { padding-left: 10px; padding-right: 10px; } .plr-20 { padding-left: 20px; padding-right: 20px; } .plr-30 { padding-left: 30px; padding-right: 30px; } .ptb-100 { padding: 100px 0; } .mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-90 { margin-top: 90px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-100 { margin-top: 100px; } .mb-0 { margin-bottom: 0px !important; } .mb-10 { margin-bottom: 10px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-100 { margin-bottom: 100px; } .text-center { text-align: center; } h3 { font-size: calc(21px + (32 - 21) * (100vw - 375px) / (1900 - 375)); font-weight: 700; text-shadow: none; font-family: 'Source Serif Pro', serif; letter-spacing: 0; line-height: 1.2; } .round-image { border-radius: 50px; } #top-menu li.current-menu-ancestor>a { color: #000 !important; } #top-menu li.current-menu-item>a:after { opacity: 1; } #success_row { background-color: transparent; background-position: center center; background-size: cover; background-image: url('../img/pages_bg.jpg'); } #services-section, #enquiry-section { background-color: transparent; background-position: bottom center; background-size: cover; background-image: url('../img/page-bg.jpg'); } .text-left { text-align: left !important; } .text-right { text-align: right !important; } /* popover and tooltip */ .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .full-width-outside-container { height: 100%; width: 100vw; margin-left: calc(-50vw + 50% - 10px); position: relative; } /***************************************** Slider *****************************************/ #home-slider{ /* padding-bottom: 8%; */ } #home-slider .et_pb_slider .et_pb_slide { padding-bottom: 9%; } .et_pb_slide_description { top: 11%; position: relative; } .et-pb-controllers a { width: 12px; height: 12px; background-color: #ababab; } .et-pb-controllers .et-pb-active-control { background-color: #FEFF02; } .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description { padding: 0% 5%; } .et_pb_bg_layout_dark, .et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark h2, .et_pb_bg_layout_dark h3, .et_pb_bg_layout_dark h4, .et_pb_bg_layout_dark h5, .et_pb_bg_layout_dark h6 { color: #000!important; } .et_pb_bg_layout_dark h2 { font-size: calc(25px + (56 - 25) * (100vw - 375px) / (1900 - 375)) !important; font-weight: 700; text-shadow: none; font-family: 'Source Serif Pro', serif; letter-spacing: 0; line-height: 1.2; } .et_pb_slider .et_pb_container { margin: inherit; } .et-pb-arrow-prev:before { content: ''; background-image: url('../img/prev.png'); width: 54px; height: 54px; position: absolute; } .et_pb_slider:hover .et-pb-arrow-prev { left: 3%; } .et-pb-arrow-next:before { content: ''; background-image: url('../img/next.png'); width: 54px; height: 54px; position: absolute; } .et_pb_slider:hover .et-pb-arrow-next { right: 7%; } .et_pb_slide_content p { font-size: calc(14px + (19 - 14) * (100vw - 375px) / (1900 - 375)); line-height: 1.5; } /***************************************** Home about *****************************************/ .et_pb_section.home_about { padding: 0; } .home_about .et_pb_row { display: flex; flex-wrap: wrap; align-items: center; max-width: initial; padding: calc(40px + (110 - 40) * (100vw - 375px) / (1900 - 375)) 0; margin: 0; position: initial; width: 100%; } .home_about ul, .home_about ul li { list-style: none; } .home_about ul { flex-wrap: wrap; display: flex; padding-top: 30px; } .home_about ul li { display: flex; align-items: center; font-size: calc(13px + (17 - 13) * (100vw - 375px) / (1900 - 375)); font-weight: 600; line-height: 1.5; width: 35%; } .home_about ul li img{ width: 30px; margin-right: 10px; } .home_about .et_pb_image_wrap img { border-top-right-radius: 40px; border-bottom-right-radius: 40px; } .home_about .et_pb_column_1 { padding-right: calc(40px + (100 - 40) * (100vw - 375px) / (1900 - 375)); } /***************************************** Home What we provide *****************************************/ .what-we-provide-con .items-row { font-size: calc(14px + (18 - 14) * (100vw - 375px) / (1900 - 375)); font-weight: 600; margin-bottom: 50px; padding: 0 10px; } .what-we-provide-con .items-row .w-img { width: 30%; margin: 0; display: flex; } .what-we-provide-con .items-row .w-text { width: 70%; } .what-we-provide-con .items-row img { /* width: 75px; */ height: 75px; margin-right: 20px; object-fit: contain; } .what_we_provide .et_pb_row { display: flex; flex-wrap: wrap; align-items: center; max-width: initial; padding: calc(40px + (80 - 40) * (100vw - 375px) / (1900 - 375)) 0; margin: 0; position: initial; width: 100%; } .what_we_provide .et_pb_image_wrap img { border-top-left-radius: 40px; border-bottom-left-radius: 40px; } .what_we_provide .et_pb_column:not(.et-last-child) { padding-left: calc(50px + (120 - 50) * (100vw - 375px) / (1900 - 375)); } /***************************************** Home Helper *****************************************/ .home_helper { padding: calc(60px + (160 - 60) * (100vw - 375px) / (1900 - 375)) 0 calc(60px + (160 - 60) * (100vw - 375px) / (1900 - 375)) 40px !important; } .home_helper h2 { padding-bottom: 30px; } .home_helper .et_pb_text_inner { padding-right: 80px; } /***************************************** Our achievement *****************************************/ #achievement_slick, #media_slick, .main-slick { display: flex; height: 100%; align-items: center; justify-content: center; padding: 0 50px; } #achievement_slick .slick-nav, .location-slick .slick-nav, #media_slick .slick-nav, .main-slick .slick-nav { z-index: 1; top: 0px; width: 109px; height: 100%; } #achievement_slick .slick-nav.left, #achievement_slick .slick-nav.prev{ left: -44px; } #achievement_slick .slick-nav.right, #achievement_slick .slick-nav.next { right: -44px; } #achievement_slick .slick-slide { padding: 10px 20px 30px; } /***************************************** Contact Us *****************************************/ .contact-tab-tile li { display: flex; justify-content: center; width: auto; margin: 0 15px; list-style: none; background: #fff; border: 1px solid #fff; border-radius: 50px; padding: 15px 30px; color: #000; font-weight: 600; font-size: calc(14px + (18 - 14) * (100vw - 375px) / (1900 - 375)); white-space: nowrap; -webkit-box-shadow: 0px 3px 21px -3px rgb(112 112 112 / 21%); -moz-box-shadow: 0px 3px 21px -3px rgba(112,112,112,0.21); box-shadow: 0px 3px 21px -3px rgba(112,112,112,0.21); text-transform: uppercase; letter-spacing: 0.7px; } .contact-tab-tile li.active { color: #e51f26; } .contact-us-section .slick-track { display: flex !important; } .contact-us-section .slick-slide { height: 100% !important; padding: 20px; } .contact-us-info { display: flex !important; flex-wrap: wrap; } .contact-us-info .left-content img { border-radius: 70px; } .contact-us-info .right-content { background: #fff; border-radius: 50px; padding: 40px 30px; } .contact-us-info .c-details { } .contact-us-info .c-details img { width: 25px; height: 25px; } .contact-us-info .right-content { position: relative; margin-top: 3%; margin-left: -6%; z-index: 2; -webkit-box-shadow: 0px 3px 21px -3px rgb(112 112 112 / 21%); -moz-box-shadow: 0px 3px 21px -3px rgba(112,112,112,0.21); box-shadow: 0px 3px 21px -3px rgba(112,112,112,0.21); } .contact-us-info .right-content iframe { width: 100%; height: 300px; } .contact-us-info .right-content .c-details > div { display: flex; align-items: center; padding-bottom: 20px; font-weight: 600; font-size: calc(13px + (17 - 13) * (100vw - 375px) / (1900 - 375)); } .contact-us-info .right-content .c-details > div p { font-weight: 600; } .contact-us-info .right-content .c-details > div img { margin-right: 20px; } .contact-footer-text p { font-weight: 600; text-align: center; padding-bottom: 0.2em; } .location-slick { padding: 0px 40px 0; } .location-slick .slick-list { padding: 70px 0; } .location-slick .slick-nav.left, .location-slick .slick-nav.prev { left: -70px; } .location-slick .slick-nav.right, .location-slick .slick-nav.next { right: -70px; } .slick-dots li button::before { font-size: 13px; color: #ababab; } .slick-dots li.slick-active button:before { color: #FEFF02; } .wpcf7 form.sent .wpcf7-response-output, .wpcf7 form .wpcf7-response-output { font-weight: 600; } /***************************************** Breadcrumb *****************************************/ .breadcrumb-row { padding: 0 !important; } .breadcrumb-row .et_pb_row { padding: 0; width: 100%; max-width: 100%; } body:not(.page-id-276):not(.page-id-280) .title-breadcrumb { top: 6%; position: absolute; z-index: 2; left: 8%; text-align: left; } body.page-id-276 .title-breadcrumb, body.page-id-280 .title-breadcrumb { left: 6%; position: relative; padding-top: 30px; } .title-breadcrumb h2 { text-align: left !important; } .custom-banner .title-breadcrumb { left: 11%; } .table>thead>tr>th { font-weight: 600 !important; font-size: calc(12px + (15 - 12) * (100vw - 375px) / (1900 - 375)); } /***************************************** About us *****************************************/ .pl-custom { /* padding-left: calc(60px + (100 - 60) * (100vw - 375px) / (1900 - 375)); */ padding-right: calc(60px + (70 - 60) * (100vw - 375px) / (1900 - 375)); } .pr-custom { /* padding-right: calc(60px + (100 - 60) * (100vw - 375px) / (1900 - 375)); */ padding-left: calc(60px + (70 - 60) * (100vw - 375px) / (1900 - 375)); } .about-content img { border-radius: 40px; } .about-section { background-color: transparent; background-position: center center; background-size: cover; background-image: url('../img/about_bg.jpg'); } .about-section .about-content:not(:last-child) { padding-bottom: 70px; } /***************************************** Our Success *****************************************/ .success-inner { text-align: center; } .success-images .et_pb_image_wrap { margin: auto; text-align: center; width: 100%; } .success-images .et_pb_image img { position: relative; text-align: center; margin: auto; } .success-images .et_pb_column { position: relative } .success-images .badge-image { position: absolute; right: -1%; top: 22%; } .round-image img { border-radius: 50px; } .top-desc, .bottom-desc { margin: 0 auto 3%; width: 77%; } .top-desc p, .bottom-desc h5 { text-align: center; font-weight: 600; font-size: calc(16px + (22 - 16) * (100vw - 375px) / (1900 - 375)); } /* media */ /* #media-section { padding-top: 0; background-color: transparent; background-position: center center; background-size: cover; background-image: url('../img/line-bg.jpg'); } */ #media_slick { width: 85%; margin: auto; } #media_slick .slick-list { padding: 0; } .achievement-row { padding: 0 15px } .achievement-inner{ -webkit-box-shadow: 0px 3px 21px -3px rgb(112 112 112 / 21%); -moz-box-shadow: 0px 3px 21px -3px rgba(112,112,112,0.21); box-shadow: 0px 3px 21px -3px rgba(112,112,112,0.21); } #media_slick .slick-nav.left, #media_slick .slick-nav.prev{ left: -44px; } #media_slick .slick-nav.right, #media_slick .slick-nav.next { right: -44px; } /***************************************** Boarding *****************************************/ .boarding-desc { width: 80%; margin: auto; } .boarding-gallery { width: 70%; margin: auto; } .main-slick .slick-nav.left, .main-slick .slick-nav.prev{ left: -44px; } .main-slick .slick-nav.right, .main-slick .slick-nav.next { right: -44px; } .main-slick img { border-radius: 50px; } .thumbnail-slider img { border-radius: 30px; } .img-section .child-bg { background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; padding-bottom: 62%; border-radius: 20px; } .thumbnail-slider .slick-slide { padding: 20px 10px; } /* .tab-content > .text_tab:not(.active) { display: block !important; height: 0; overflow: hidden; } */ /***************************************** Contact Us *****************************************/ .enquiry-title { padding-top: 50px; } .enquiry-form { width: 55%; margin: auto; padding-bottom: 100px; } form label { font-weight: 600; font-size: calc(12px + (15 - 12) * (100vw - 375px) / (1900 - 375)); } /* faq section */ #faq-section { padding-bottom: 0; } .faq-inner { width: 70%; margin: auto; } /***************************************** Our Services *****************************************/ .services-content:not(:last-child) { padding-bottom: calc(50px + (120 - 50) * (100vw - 375px) / (1900 - 375)) } .bullet-icon { width: 30px; } .pr-custom2 { padding-left: calc(60px + (160 - 60) * (100vw - 375px) / (1900 - 375)); } .bullet-list img { margin-right: 10px; } .bullet-list { font-size: calc(14px + (18 - 14) * (100vw - 375px) / (1900 - 375)); font-weight: 600; } .our-achievement-section { padding-top: 90px; } /***************************************** Shop main *****************************************/ .post-type-archive .container, .single-product .container { padding-top: 0 !important; } .woocommerce #content-area ul.products li.product .button, ul.products li.product .button{ display: none ; } .woocommerce #content-area ul.products li.product:hover .button{ display: block; } .woocommerce ul.products li.product a.button { padding: 5px 0; color: inherit; background-color: #ffffff; text-transform: uppercase; } .woocommerce ul.products li.product:hover .et_overlay { opacity: 1; } .et_overlay:before { content: ''; } /* Transform add to cart and pricing on hover */ /* @media (min-width: 768px) { */ .woocommerce ul.products li.product a.button { transform: translateY(0); opacity: 0; transition: all 0.4s; position: absolute !important; top: 50%; z-index: 5; left: 27%; } .woocommerce ul.products li.product:hover a.button { transform: translateY(calc(-100% - 10px)); opacity: 1; } /* } */ /* inner */ .single-product .title-breadcrumb { left: 19vw; } .single-product-container { width: 90%; padding-top: 120px; margin: auto; } .single-product-container .slick-slide { border: 1px solid #ddd; margin: 0 20px; } #wpgis-gallery .slick-slide { margin: 10px; /* padding: 20px; */ } .single_add_to_cart_button { height: 55px; } /* arrow */ ul.flex-direction-nav { position: absolute; top: 30%; z-index: 99999; width: 100%; left: 0; margin: 0; padding: 0px; list-style: none;} li.flex-nav-prev {float: left;} li.flex-nav-next {float: right;} a.flex-next {visibility:hidden;} a.flex-prev {visibility:hidden;} a.flex-next::after { visibility:visible;content: '\f054'; font-family: 'Font Awesome 5 Free'; margin-right: 10px; font-size: 20px; font-weight: bold; } a.flex-prev::before { visibility:visible; content: '\f053'; font-family: 'Font Awesome 5 Free'; margin-left: 10px; font-size: 20px; font-weight: bold; } ul.flex-direction-nav li a { color: #ccc; } ul.flex-direction-nav li a:hover { text-decoration: none; } /* shop inner */ body.woocommerce .woocommerce-tabs { border: 0; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs, body.woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0!important; padding: 0 0px 0 3px!important; background: transparent; border: 0; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li { margin-right: 20px !important; border-top-left-radius: 20px; border-top-right-radius: 20px; background: #C0C0C0; color: #fff !important; border: none; border-right: 1px solid #d9d9d9; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active { background: #fff!important; border: 1px solid #e5e4e4; border-top-left-radius: 20px; border-top-right-radius: 20px; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a, body.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 12px 40px!important; font-weight: 600; font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)); color: #fff !important; } body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #343434!important } body.woocommerce #content-area div.product .woocommerce-tabs .panel, body.woocommerce div.product .woocommerce-tabs .panel { border: 1px solid #dbdbdb; } .yikes-custom-woo-tab-title-specifications { display: none; } /* review custom */ .woocommerce-Reviews-title { display: none; } .woocommerce div.product .woocommerce-product-rating { display: none; } #reply-title { font-size: calc(17px + (24 - 17) * (100vw - 375px) / (1900 - 375)) !important; font-weight: 700; text-shadow: none; font-family: 'Source Serif Pro', serif; text-transform: capitalize; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { margin-left: 0 !important; } .woocommerce-review__dash { display: none; } .woocommerce-review__published-date { float: right; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta { background: #e9e9e9; border-radius: 10px; font-weight: 500 !important; padding: 10px 20px!important; } .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { position: relative; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { font-weight: 600; color: #3e3e3e; font-size: calc(13px + (16 - 13) * (100vw - 375px) / (1900 - 375)); } .woocommerce #reviews .description { padding: 18px 20px; } .woocommerce #reviews #comments ol.commentlist li, .woocommerce-page #reviews #comments ol.commentlist li { margin-bottom: 20px!important; } .woocommerce-page .star-rating span:before { color: #FBD000; } .woocommerce .star-rating { font-size: 1.2em; padding: 10px; letter-spacing: 1.5px; width: 5.7em; } .woocommerce #reviews .commentlist .star-rating { position: absolute; bottom: 0; left: 1%; } .comment-form-rating .custom-rating .fa-star { color: #FBD000; border:0px; } .comment-form-rating .custom-rating .fa { font-size: 20px; } .comment-form-rating .custom-rating input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .comment-form-rating .custom-rating .fa-star-o { color: #000; } .comment-form-rating .custom-rating > *:hover { cursor: pointer; } .comment-form-rating label:first-child { padding-right: 20px; } .comment-form-rating { padding-bottom: 20px; } .comment-form-rating span.text-label{ font-weight: 600; padding: 0 20px; } .comment-form-rating { display: flex; flex-direction: row; flex-wrap: wrap; /* padding-left: 9px; */ } .comment-form-rating .custom-rating { margin: 0 2px; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; } .comment-form-rating .fa-star-o:before { content: "\f005" !important; color: #cccccc; } #review_form_wrapper { padding-left: 20px; } .woocommerce #reviews #comment { height: 155px; background: transparent; border: 1px solid #ddd; border-radius: 10px; } .comment-form-comment label, #review_form form label { display: block !important; } #commentform input[type=email], #commentform input[type=text], #commentform input[type=url], #commentform textarea { width: 100%; border: 1px solid #ddd; border-radius: 10px; background: transparent; } .woocommerce #review_form #respond p { margin: 0 } /***************************************** Submit Enquiry *****************************************/ .btn-container .left-btn, .btn-container .right-btn { width: 50%; } .btn-container .left-btn .wpcf7-form-control-wrap { width: 0%; } .wpcf7 .btn-container .btn { margin-left: calc(23px + (40 - 23) * (100vw - 375px) / (1900 - 375)); } .submit-enquiry-form, .employers-feedback { width: 57%; margin: auto; padding-bottom: 100px; } .wpcf7-list-item { font-weight: 500; } .wpcf7-list-item.first { margin-left: 0 !important; } .wpcf7 .btn-container .wpcf7-form-control-wrap iframe { -ms-transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -ms-transform-origin: left center; -moz-transform-origin: left center; -webkit-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } /***************************************** Maid Search *****************************************/ .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; font-weight: 600; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-danger{ color:#a94442; background-color:#f2dede; border-color:#ebccd1 } .alert-info{ color:#31708f; background-color:#d9edf7; border-color:#bce8f1 } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .pd-maid { padding-bottom: 59%; } .cover-bg { background-size: cover; } element.style { background-image: url(image/catalog/home/img11.jpg); } .image-zoom-hover .image-container .cover-bg { transform: scale(1); transition: all 0.3s; } .beauty-spotlight-con .image-con .cover-bg { transition: all 0.3s; } a[target], a[href], a.pointer, .pointer { cursor: pointer; } .pd-maid { padding-top: 95%; } .center-bg { background-position: center; } .maid-search .panel { margin-bottom: 40px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); box-shadow: 0 1px 1px rgb(0 0 0 / 5%); } .maid-search .panel-body { padding: 15px; } .maid-search .form-group { margin-bottom: 1rem; font-size: calc(13px + (17 - 13) * (100vw - 375px) / (1900 - 375)); font-weight: 400; line-height: 1.8; } .custom-banner .title-breadcrumb { top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); } .maid-search .i-form { padding: 0 10px; } .maid-search .maids-img { width: 14%; } .cart-list-table img, .maid-list-table img { width: 16px; height: 12px; } .cart-list-table { margin: auto; } .maid-contact-form form .form-group { padding: 0px 20px 20px 0px; } .maid-contact-con .custom-banner .title-breadcrumb { left: 16%; } .submit-btn-c { display: flex; align-items: flex-end; justify-content: flex-end; } /* panel */ .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); box-shadow: 0 1px 1px rgb(0 0 0 / 5%); } .panel-info>.panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-success>.panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success { border-color: #d6e9c6; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-info { border-color: #bce8f1; } .panel-body { padding: 15px; } /* */ table { margin-bottom: 10px !important; } .maid-table { margin-top: 50px !important; } .maid-search-con table { width: 100%; /* max-width: 100%; */ } .table-responsive { min-height: .01%; overflow-x: auto; } /* .qlwf-chat:before { content: "\e900"; } #qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon { margin: 0 12px 0 0; } */ /* print */ .maid-print .table>tbody>tr>td { border: 1px solid #ddd; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; border: 1px solid #ccc; } @media (min-width: 1200px){ .cart-list-con, .maid-search-con, .maid-contact-form, .maid-table, .maid-print { width: 80%; margin: auto; } } @media (max-width: 1200px){ .maid-search-con table { width: 1000px; } .cart-list-con table, .cart-list-table { width: 850px; } .maid-contact-con .custom-banner .title-breadcrumb { left: 20%; } } .blur { filter: blur(8px); -webkit-filter: blur(8px); } .full-desc img, .short-desc img, .popover-content img { width: 16px !important; } .btn-default { color: #fff; background-color: #26269E; border-color: #ccc; /* border-radius: 10px; */ padding: 10px 20px; } .btn-default:hover { color: #000; background-color: transparent; border-color: #26269E; padding: 10px 20px; } #comparison-count { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px } /* table */ .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 10px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; font-weight: 500; line-height: 1.7; } .single-product-container .berocket_better_labels .berocket_better_labels_position_left { position: absolute; left: 23%; } .single-product-container .related .berocket_better_labels .berocket_better_labels_position_left { left: 0; } .variations tbody { } .maid-print { padding-top: 70px; padding-bottom: calc(25px + (50 - 25) * (100vw - 375px) / (1900 - 375)); font-size: calc(12px + (14 - 12) * (100vw - 375px) / (1900 - 375)); font-weight: 500; } .maid-print h4 { font-size: calc(16px + (22 - 16) * (100vw - 375px) / (1900 - 375)); padding: 20px 0; line-height: 1.2; } .maid-print table, .maid-print p { font-size: calc(12px + (15 - 12) * (100vw - 375px) / (1900 - 375)) } .maid-print ul, .maid-print ol { margin-top: 0; margin-bottom: 10px; } .maid-print .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table-bordered { border: 1px solid #ddd; } .table-bordered>thead>tr>th, .table-bordered>thead>tr>td { border-bottom-width: 2px; } .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { /* border: 1px solid #ddd; */ } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { /* border: 1px solid #ddd; */ } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f9f9f9; } /*changes*/ .achievement-popups .modal{ top: 150px; } .achievement-row { cursor: pointer; } /*changes*/ @media (max-width: 1800px) { #top-menu { padding-right: 0px; } #main-header .container.et_menu_container .right-container > * { margin-left: 10px; } .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a { padding: 0 10px !important; } .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a, .et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a { padding: 0 10px !important; } } @media (max-width: 1550px) { .home_helper .et_pb_text_inner { padding-right: 40px; } .home_helper .et_pb_column:first-child { background: rgba(255, 255, 255, 0.555); padding: 30px; border-radius: 20px; } .success-images .badge-image { right: -40px; } .woocommerce div.product form.cart .variations td select { width: 185px; } } @media (max-width: 1400px) { #top-menu a { font-size: 13px; } #top-menu li li a { padding: 0px 10px; } .btn-blue, .btn-red { min-width: auto; } .btn-blue { margin: 0 5px; } #main-header > .container { width: 95%; } .what-we-provide-con .items-row .w-img { margin-right: 20px; } .success-images .badge-image img { width: 76% !important; } .success-images .badge-image { right: -80px; } .single_variation_wrap { display: block!important; } } @media (max-width: 1200px) { #main-header > .container { padding: 10px 0; } #home-slider { padding-bottom: 0; } .boarding-gallery { width: 90%; } .et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a { padding: 0 9px !important; } #top-menu li.btn-blue { margin-left: 20px; } #top-menu li.btn-red { margin-left: 2px; } #top-menu li.btn-blue a { padding: ; } } @media (min-width: 768px) and (max-width: 1023px) { .contact-us-info .right-content { margin-left: 0; } } @media (max-width: 991px) { /* p { font-size: 16px; } */ #main-header > .container { height: auto !important; } #main-header > .container { padding: 0px 0; } .mobile_menu_bar:before { color: #000; } .et_mobile_menu { border-top: 3px solid #e51f26; padding: 5% 2%; } #main-header .btn-blue, #main-header .btn-red{ padding: 0; min-height: 40px; margin: 10px 0; } .home_about .et_pb_column:not(:first-child) { padding: 20px 40px; } .what_we_provide .et_pb_row, .contact-us-info { flex-direction: column-reverse; } .what_we_provide .et_pb_column:not(.et-last-child) { padding: 40px; } .what_we_provide .et_pb_image .et_pb_image_wrap { padding-left: 20px; } .contact-us-info .right-content { margin-top: 0; margin-bottom: 3%; } .location-slick .slick-nav.right, .location-slick .slick-nav.next { right: -57px; } .location-slick .slick-nav.left, .location-slick .slick-nav.prev { left: -57px; } .home_helper { padding: calc(60px + (160 - 60) * (100vw - 375px) / (1900 - 375)) 0 calc(60px + (160 - 60) * (100vw - 375px) / (1900 - 375)) 0px !important; } .contact-us-info .right-content { margin-left: 0; } #et-main-area #main-footer .footer-top .container .footer-content { padding-bottom: 10px; } .title-breadcrumb { top: 4%; } .single-product .title-breadcrumb { left: 27vw; } .success-images .badge-image img { width: 61% !important; } .success-images .badge-image { right: -12%; } #media_slick { width: 100%; margin: auto; } .top-desc, .bottom-desc { margin: 0 auto 3%; width: 100%; } .pr-custom2 { padding-left: 30px; } .pl-custom { padding-right: 30px; } .submit-enquiry-form, .employers-feedback, .faq-inner { width: 90%; } .single-product-container { padding-top: 50px; } } @media (max-width: 767px) { p { font-size: 15px; } .et_mobile_device .et-pb-arrow-prev { left: -13% !important; } .et_pb_slider:hover .et-pb-arrow-prev { left: 3% !important; } .home_about .et_pb_image { padding-right: 20px; } .what_we_provide { padding-bottom: 0; } h2 { font-size: calc(26px + (48 - 26) * (100vw - 375px) / (1900 - 375)) !important; } .location-slick .slick-list { padding: 70px 0 30px; } .location-slick { padding: 0px 20px 0; } .location-slick .slick-nav.right, .location-slick .slick-nav.next { right: -50px; } .location-slick .slick-nav.left, .location-slick .slick-nav.prev { left: -50px; } .contact-us-info .c-details { padding-left: 0; } #achievement_slick .slick-slide { padding: 10px 10px 30px; } .title-breadcrumb { top: 2%; } .pr-custom { padding-left:0; padding-top: 30px; } .pl-custom { padding-top: 30px; padding-right: 0; } .pr-custom2 { padding-top: 30px; padding-left: 0px; } #et_mobile_nav_menu { top: 24% !important; } .title-breadcrumb h1 { padding-bottom: 0; } .success-images .badge-image { right: -18%; } .success-images .badge-image img { width: 51% !important; } .boarding-gallery { width: 100%; } .main-slick img { border-radius: 20px; } .custom-banner .title-breadcrumb { left: 19%; } .single-product .custom-banner .title-breadcrumb { left: 40vw; } .title-breadcrumb h2 { padding-bottom: 0; } #wpgis-gallery, .vertical-img-left.wpgis-slider-for { width: 100%; } .single-product-container .berocket_better_labels .berocket_better_labels_position_left { position: absolute; left: 5%; } .single-product-container { width: 95%; } .maid-search .form-group, form label { font-size: 16px; } .form-control, .form-group input[type=text], .form-group input[type=date], .form-group textarea, .form-group .select-wrapper select, .form-group input[type=tel], .form-input, .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=date], .wpcf7-form .select-wrapper select, .wpcf7-form input[type=tel] { border-radius: 5px; height: 40px; } .input-2col-warpper > span, .input-2col-warpper > p, .input-2col-warpper .select-wrapper { margin-left: 0 !important; width: 100%; } .maid-contact-con .custom-banner .title-breadcrumb { left: 25%; } .et_pb_slider:hover .et-pb-arrow-next { right: 12%; } } @media (max-width: 616px) { .success-images .badge-image img { width: 40% !important; } .success-images .badge-image { right: -23%; } } @media (max-width: 545px) { #et_mobile_nav_menu { top: 23%; } #home-slider .et_pb_slider .et_pb_container { width: 100%; } #home-slider .et_pb_slides .et_pb_slide_description { text-align: center; background: rgba(255, 255, 255, 0.555); padding: 20px 10px; border-radius: 20px; } .title-breadcrumb { top: 1%; } .maid-contact-con .custom-banner .title-breadcrumb { left: 36vw; } .form-control, .form-group input[type=text] { font-size: 15px; } } @media (max-width:479px) { .location-slick { padding: 0px 0; } .home_about ul li { width: 100%; padding-bottom: 20px; } .input-2col-warpper > span:nth-of-type(2), .input-2col-warpper .select-wrapper:nth-of-type(2), .input-2col-warpper .select-wrapper.right, .input-2col-warpper > p:nth-of-type(2) { width: 100%; } #et_top_search { margin-right: 7px; } #et_search_icon:before { width: 20px; height: 18px; } #main-header .container.et_menu_container .right-container a img { width: 20px; } #main-header .container.et_menu_container .right-container > * { margin-left: 5px; } .woocommerce ul.products li.product a.button { left: 31%; } .round-image img { border-radius: 20px; } .success-images .badge-image { right: -37%; } .success-images .badge-image img { width: 31% !important; } } @media (max-width:379px) { .success-images .badge-image img { width: 27% !important; } .success-images .badge-image { right: -43%; } }