/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'); /* font-family: 'Nunito', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap'); /* font-family: 'Open Sans', sans-serif; */

@font-face {
	font-family: 'Neo Sans';
	font-weight: 500;
	font-style: normal;
	src: url('../fonts/neo-sans/NeoSans-Medium.woff2') format('woff2'), url('../fonts/neo-sans/NeoSans-Medium.woff') format('woff');
	font-display: swap;
}

/* #Site Styles
================================================== */
:root {
	scroll-behavior: unset;
}

/* ### general ### */
html,
body { font-family: 'Nunito', sans-serif; font-size: 15px; line-height: 1.5; color: #5c647d; }
body { background: #fff; }
input::placeholder,
textarea::placeholder { color: #232323; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration { display: none; }
img { display: block; max-width: 100%; border: 0; }
ul { margin: 0; padding: 0; list-style: none; }
a { display: inline-block; text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 20px; font-family: 'Neo Sans', sans-serif; line-height: 1.2; color: #071c1f; }
.h1 { font-size: 50px; }
h1 { font-size: 43px; }
.h2 { font-size: 44px; }
h2 { font-size: 36px; }
.h3 { font-size: 40px; }
h3 { font-size: 32px; }
.h4 { font-size: 30px; }
h4 { font-size: 26px; }
.h5 { font-size: 24px; }
h5 { font-size: 23px; }
.h6 { font-size: 20px; }
h6 { font-size: 18px; }
:focus { outline: none; }

/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.container { max-width: 1200px; }
.custom-select { padding: 10px 17px; width: 100%; height: 47px; border-radius: 2px; background: #f5f5f7 url('../images/select-arrow.png') no-repeat center right 17px; -webkit-appearance: none; }
.form-control { padding: 10px 13px; width: 100%; height: 51px; font-family: 'Nunito', sans-serif; font-size: 16px; color: #232323; border: 1px solid #b7b7b7; border-radius: 2px; background-color: transparent; }
.form-control:focus { outline: inherit; box-shadow: none; }
.btn { padding: 14px 24px; display: inline-block; font-family: 'Neo Sans', sans-serif; font-size: 15px; line-height: 1.2; letter-spacing: 0.5px; text-transform: uppercase; border-radius: 2px; transition: all 0.3s; cursor: pointer; }
.btn-primary { color: #fff; border: 1px solid #3da8b0; background-color: #3da8b0; }
.btn-primary:hover { border: 1px solid #247b81; background-color: #247b81; }
.btn-outline-primary { color: #3da8b0; border: 1px solid #3da8b0; background-color: transparent; }
.btn-outline-primary:hover { color: #fff; border: 1px solid #3da8b0; background-color: #3da8b0; }
.link { margin-top: 15px; padding-right: 30px; font-family: 'Neo Sans', serif; font-size: 16px; text-transform: uppercase; text-decoration: underline; color: #fff; }
.link:hover { text-decoration: none; color: #fff; }
.link:after { padding-left: 7px; position: absolute; top: 2px; right: 0; width: 20px; height: 20px; font-family: 'icomoon', sans-serif; font-size: 13px; color: #3da8b0; border-radius: 50%; background-color: #fff; content: '\e902'; }

/* ### wrapper ### */
#wrapper { padding-top: 203px; position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { padding-bottom: 31px; top: 0; left: 0; z-index: 9; width: 100%; background-color: #fff; transition: all 0.3s; }
#headerCntr:before { position: absolute; top: 0; left: 0; z-index: 1; display: none; width: 100%; height: 100%; border-bottom: 1px solid #3da8b0; background-color: #fff; content: ''; }
#headerCntr.active:before { display: block; }
#headerCntr.sticky { padding-bottom: 15px; transform: translateY(-52px); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); }

/* ### top box ### */
.topBox { padding-top: 10px; z-index: 2; }
.topBox .holder { padding-bottom: 4px; border-bottom: 1px solid rgba(148, 152, 162, 0.18); }
.topBox .login > li { margin-right: 20px; }
.topBox .login > li > a { font-size: 12px; font-weight: 800; text-transform: uppercase; color: #071c1f; transition: all 0.3s; }
.topBox .login > li > a:hover { color: #3da8b0; }
.topBox .social-media { padding-left: 19px; }
.topBox .social-media:before { position: absolute; top: 50%; left: 0; width: 1px; height: 16px; background-color: #3da8b0; transform: translateY(-50%); content: ''; }
.topBox .social-media > li { margin-right: 6px; }
.topBox .social-media > li:last-child { margin-right: 0; }
.topBox .social-media > li > a { font-size: 14px; color: #071c1f; transition: all 0.3s; }
.topBox .social-media > li > a:hover { color: #3da8b0; }
.topBox .icons { padding-top: 4px; padding-right: 17px; }
.topBox .icons:after { position: absolute; top: 50%; right: 0; font-family: 'icomoon', sans-serif; transform: translateY(-50%); content: '\e901'; }
.topBox .icons > li { margin-right: 12px; }
.topBox .icons > li:last-child { margin-right: 0; }
.topBox .icons > li > a { font-size: 22px; color: #202834; transition: all 0.3s; }
.topBox .icons > li > a span { position: absolute; top: -2px; right: -2px; width: 12px; height: 12px; font-size: 8px; font-weight: 400; color: #fff; border-radius: 25px; background-color: #3da8b0; }
.topBox .icons > li > a:hover { color: #3da8b0; }

/* ### header box ### */
.headerBox .logo { z-index: 2; width: 22%; }
.headerBox .search-box { padding-top: 10px; padding-bottom: 24px; }
.headerBox .search-field { width: 78%; }
.headerBox .form-control { padding: 10px 80px 10px 22px; height: 49px; color: #666e77; border: 0; border-radius: 0; background-color: #f5f5f6; }
.headerBox .form-control::placeholder { color: #666e77; }
.headerBox .search-btn { padding: 3px; top: 0; right: 0; }
.headerBox .search-open { padding-right: 50px; width: 46%; }
.headerBox .search-icon,
.headerBox button { width: 60px; height: 42px; color: #fff; border: 0; background-color: #3da8b0; }
.headerBox .category { padding-right: 15px; width: 22%; }
.headerBox .card-category { max-width: 221px; }
.headerBox .call { width: 20%; }
.headerBox .tel { padding-left: 43px; font-family: 'Neo Sans', sans-serif; font-size: 18px; line-height: 1.25; color: #071c1f; transition: all 0.3s; }
.headerBox .tel span { display: block; font-family: 'Nunito', sans-serif; font-size: 12px; color: #666e77; }
.headerBox .tel:before { position: absolute; top: 50%; left: 0; font-family: 'icomoon', sans-serif; font-size: 30px; color: #3da8b0; transform: translateY(-50%); content: '\e916'; }
.headerBox .tel:hover { color: #3da8b0; }

/* ### card-category ### */
.card-category ul > li { position: relative; }
.card-category ul > li:hover ul { opacity: 1; visibility: visible; }
.card-category ul > li:hover ul > li > ul { opacity: 0; visibility: hidden; }
.card-category ul > li > a { padding: 8px 30px 8px 39px; display: block; font-family: 'Neo Sans', sans-serif; font-size: 14px; text-transform: capitalize; color: #fff; background-color: #3da8b0; }
.card-category ul > li > a .list { position: absolute; top: 50%; left: 13px; font-size: 10px; transform: translateY(-50%); }
.card-category ul > li > a.title:after { position: absolute; top: 50%; right: 12px; font-family: 'icomoon', sans-serif; font-size: 15px; transform: translateY(-50%); content: '\e900'; }
.card-category ul > li > ul { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; width: 100%; background-color: #fff; transition: all 0.3s; }
.card-category ul > li > ul > li:hover ul { opacity: 1; visibility: visible; }
.card-category ul > li > ul > li > a { padding: 10px 30px 8px 12px; display: block; font-family: 'Neo Sans', sans-serif; font-size: 12px; text-transform: uppercase; color: #071c1f; border-bottom: 1px solid #e6e6e6; background-color: #fff; }
.card-category ul > li > ul > li.dropdown > a:before { position: absolute; top: 50%; right: 15px; font-family: 'icomoon', sans-serif; font-size: 12px; color: #3da8b0; transform: translateY(-50%) rotate(-90deg); content: '\e900'; }
.card-category ul > li > ul > li > ul { top: 0; left: 100%; }
.card-category ul > li > ul > li > ul > li > a { padding: 10px 12px 8px; }

/* ### menu box ### */
.menuBox { width: 58%; }
.menuBox ul > li { margin-right: 35px; position: relative; }
.menuBox ul > li:last-child { margin-right: 0; }
.menuBox ul > li:hover ul { opacity: 1; visibility: visible; }
.menuBox ul > li:hover ul > li > ul { opacity: 0; visibility: hidden; }
.menuBox ul > li > a { position: relative; font-family: 'Neo Sans', sans-serif; font-size: 17px; color: #071c1f; transition: all 0.3s; }
.menuBox ul > li.dropdown > a:before { position: absolute; top: 50%; right: 0; display: none; font-family: 'icomoon', sans-serif; font-size: 16px; color: #3da8b0; transform: translateY(-50%) rotate(-90deg); content: '\e900'; }
.menuBox ul > li > a:hover { color: #3da8b0; }
.menuBox ul > li > ul { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; width: 220px; background-color: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05); transition: all 0.3s; }
.menuBox ul > li > ul > li { margin-right: 0; }
.menuBox ul > li > ul > li:hover ul { opacity: 1; visibility: visible; }
.menuBox ul > li > ul > li > a { padding: 10px 30px 8px 12px; display: block; font-family: 'Neo Sans', sans-serif; font-size: 12px; text-transform: uppercase; color: #071c1f; border-bottom: 1px solid #e6e6e6; background-color: #fff; }
.menuBox ul > li > ul > li.dropdown > a:before { position: absolute; top: 50%; right: 15px; display: block; font-family: 'icomoon', sans-serif; font-size: 12px; color: #3da8b0; transform: translateY(-50%) rotate(-90deg); content: '\e900'; }
.menuBox ul > li > ul > li > ul { top: 0; left: 100%; }
.menuBox ul > li > ul > li > ul > li > a { padding: 10px 12px 8px; }

/* ### mobileMenu ### */
.mobileMenu { position: absolute; top: 54px; right: 7px; z-index: 15; display: none; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 0; transition: all 0.3s; cursor: pointer; overflow: hidden; }
.mobileMenu span { position: absolute; top: 50%; left: 50%; display: block; width: 30px; height: 3px; text-indent: -9999px; border-radius: 0; background: #3da8b0; transform: translateX(-50%) translateY(-50%); transition: 0.2s; }
.mobileMenu span:before,
.mobileMenu span:after { position: absolute; left: 0; display: block; width: 100%; height: 3px; border-radius: 0; background-color: #3da8b0; transition-duration: 0.2s, 0.2s; content: ''; }
.mobileMenu span:before { top: -8px; }
.mobileMenu span:after { bottom: -8px; }
.mobileMenu.active span { background: none; }
.mobileMenu.active span:before,
.mobileMenu.active span:after { transition-delay: 0s, 0.2s; }
.mobileMenu.active span:before { top: 0; transform: rotate(45deg); }
.mobileMenu.active span:after { bottom: 0; transform: rotate(-45deg); }

/* ### content container ### */
#contentCntr { width: 100%; }

/* ### hero box ### */
.heroBox { padding-top: 50px; padding-bottom: 50px; min-height: 632px; }
.heroBox:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(to right, rgba(61, 168, 176, 0.86) 0%, rgba(31, 84, 88, 0) 100%); content: ''; }
.heroBox .content { z-index: 2; max-width: 570px; }
.heroBox span { margin-bottom: 24px; padding: 6px 20px 5px; display: inline-block; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #3da8b0; border-radius: 25px; background-color: #fff; }
.heroBox h1 { margin-bottom: 10px; color: #fff; }
.heroBox .subtitle { margin-bottom: 30px; display: block; font-size: 17px; color: #fff; }
.heroBox .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.heroBox .hero-bg img { width: 100%; height: 100%; object-fit: cover; }

/* ### service box ### */
.serviceBox { padding-top: 67px; padding-bottom: 67px; background-color: rgba(61, 168, 176, 0.12); }

/* ### card service ### */
.card-service { margin: 0 5px; padding: 23px 0; background-color: #fff; transition: 0.3s; }
.card-service:hover { border-bottom: 2px solid #3da8b0; transition: 0.3s; }
.card-service h6 { margin-bottom: -3px; text-transform: uppercase; }
.card-service span { font-size: 14px; color: #666e77; }
.card-service .details { padding: 0 10px; }
.card-service img { padding: 0 10px; object-fit: contain; max-width: 65px; max-height: 41px; }

/* ### product box ### */
.productBox { margin-bottom: 130px; padding-top: 85px; }
.productBox .heading { margin-bottom: 48px; }
.productBox h2 { margin-bottom: 10px; }
.productBox .item { margin-bottom: 29px; }
.productBox .filters { margin-bottom: 46px; }
.productBox .filters ul > li { margin-right: 20px; margin-bottom: 10px; }
.productBox .filters ul > li:last-child { margin-right: 0; margin-bottom: 0; }
.productBox .filters ul > li .btn { padding: 8px 20px; }
.productBox h3 { margin-bottom: 12px; }
.productBox .select { padding-right: 30px; }
.productBox .select span { padding-right: 10px; display: inline-block; font-family: 'Neo Sans', sans-serif; font-size: 16px; font-weight: 500; color: #232323; }
.productBox .custom-select { padding: 4px 15px; width: 154px; height: 28px; font-size: 12px; color: #9c9fb7; border: 1px solid #9c9fb7; background: url('../images/select-icon1.png') no-repeat center right 12px; cursor: pointer; }
.productBox .form-control { padding: 8px 45px 8px 13px; height: 31px; font-size: 14px; color: #797d95; border: 0; background-color: #f6f6f6; }
.productBox .submit-search { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 31px; color: #fff; border: 0; background-color: #3da8b0; }
.productBox .h2 { font-size: 42px; }
.productBox.inner { margin-bottom: 70px; padding-top: 0; }

/* ### card product ### */
.card-product .image img { width: 100%; border-radius: 5px; }
.card-product .text { padding-top: 10px; }
.card-product h6 { margin-bottom: 4px; font-family: 'Neo Sans', sans-serif; font-size: 17px; color: #232323; }
.card-product span { display: block; color: #232323; }
.card-product ul { position: absolute; top: 20px; right: 25px; }
.card-product ul > li { margin-bottom: 5px; }
.card-product ul > li:last-child { margin-bottom: 0; }
.card-product ul > li .icon-shopping-cart { font-size: 17px; }
.card-product ul > li .icon-heart { font-size: 16px; }
.card-product ul > li > a { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; color: #232323; border-radius: 50px; transition: all 0.3s; }
.card-product ul > li > a:hover { background-color: #fff; }
.card-product img { height: auto; object-fit: cover; aspect-ratio: 1 / 1.1; }

/* ### product card ### */
.product-card { padding-top: 27px; padding-right: 25px; padding-bottom: 25px; padding-left: 29px; height: 100%; border-radius: 5px; background-color: #3da8b0; }
.product-card:before { position: absolute; right: 15px; bottom: 17px; width: 175px; height: 175px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.11); content: ''; }
.product-card .text { z-index: 2; }
.product-card .sub-title { margin-bottom: 6px; padding-left: 11px; display: block; font-size: 11px; font-weight: 600; text-transform: uppercase; color: #fff; }
.product-card .sub-title:before { position: absolute; top: 50%; left: 0; width: 9px; height: 1px; background-color: #fff; transform: translateY(-50%); content: ''; }
.product-card .h5 { margin-bottom: 2px; font-size: 22px; color: #fff; }
.product-card .direct-order { padding-right: 15px; display: inline-block; font-size: 14px; font-weight: 600; color: #fff; }
.product-card .direct-order:after { position: absolute; top: 53%; right: 0; display: flex; align-items: center; justify-content: center; width: 8px; height: 8px; font-family: 'icomoon', sans-serif; font-size: 8px; color: #3da8b0; border-radius: 50px; background-color: #fff; transform: translateY(-50%); content: '\e902'; }
.product-card .image { bottom: -20px; left: -2px; }

/* ### teenager box ### */
.teenagerBox { padding-top: 50px; padding-bottom: 50px; min-height: 597px; }
.teenagerBox:before { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(to left, rgba(61, 168, 176, 0.86) 0%, rgba(31, 84, 88, 0) 100%); content: ''; }
.teenagerBox .content { margin-left: auto; z-index: 2; max-width: 500px; }
.teenagerBox h2 { margin-bottom: 10px; color: #fff; }
.teenagerBox .subtitle { font-size: 16px; color: #fff; }
.teenagerBox p { margin-bottom: 24px; display: inline-block; font-size: 16px; color: #fff; }
.teenagerBox ul { margin: 0; list-style: none; }
.teenagerBox ul > li { margin-bottom: 20px; display: flex; align-items: center; width: 50%; font-family: 'Neo Sans', serif; font-size: 18px; color: #fff; }
.teenagerBox ul > li span { padding-left: 12px; font-size: 18px; color: #fff; }
.teenagerBox .bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.teenagerBox .bg-image img { width: 100%; height: 100%; object-fit: cover; }

/* ### news box ### */
.newsBox { padding-top: 100px; padding-bottom: 150px; }
.newsBox .intro { margin-bottom: 50px; }
.newsBox .intro h2 { margin-bottom: 15px; }

/* ### news-card ### */
.news-card .content { padding: 30px 25px 30px 15px; box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1); }
.news-card img { min-width: 100%; max-width: 100%; aspect-ratio: 10 / 7.5; object-fit: cover; height: auto; }
.news-card .date, .news-item-content .date { margin-bottom: 10px; }
.news-card .date span, .news-item-content .date span { padding-left: 3px; color: #68697d; }
.news-card .date i, .news-item-content .date i { font-size: 10px; color: #3da8b0; }
.news-card h5 { margin-bottom: 10px; transition: 0.3s; }
.news-card:hover h5 { color: #3da8b0; }
.news-card p { color: #68697d; }
.news-card:hover .link { color: #3da8b0; }
.news-card:hover .link:after { background-color: #3da8b0; }
.news-card .link { font-family: 'Nunito', serif; font-weight: 600; text-transform: none; text-decoration: none; color: #000; transition: 0.3s; }
.news-card .link:after { color: #fff; background-color: #000; transition: 0.3s; }

/* ### about box ### */
.aboutBox img { width: 100%; }
.aboutBox h2 { margin-top: 30px; }
.aboutBox p { margin-bottom: 40px; font-size: 16px; }
.aboutBox .content { padding-left: 50px; }
.aboutBox.call { width: 20%; }
.aboutBox .tel { padding: 22px 30px 22px 70px; font-family: 'Neo Sans', sans-serif; font-size: 18px; line-height: 1.25; color: #071c1f; border-bottom: 2px solid #3da8b0; background-color: rgba(61, 168, 176, 0.12); transition: all 0.3s; }
.aboutBox .tel span { display: block; font-family: 'Nunito', sans-serif; font-size: 12px; color: #666e77; }
.aboutBox .tel:before { position: absolute; top: 50%; left: 25px; font-family: 'icomoon', sans-serif; font-size: 30px; color: #3da8b0; transform: translateY(-50%); content: '\e916'; }
.aboutBox .tel:hover { color: #3da8b0; }

/* ### review box ### */
.reviewBox { padding-top: 150px; padding-bottom: 150px; }
.reviewBox .title { margin-bottom: 50px; }
.reviewBox .title h2 { margin-bottom: 10px; }
.reviewBox .slick-arrow { position: absolute; top: 50%; left: -100px; z-index: 1; transform: translateY(-50%); }
.reviewBox .next-arrow { right: -100px; left: unset; }
.reviewBox .js-recent-slider { box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.07); }
.reviewBox .slick-dots { position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); }

/* ### review-card ### */
.review-card { padding: 60px 130px 125px; }
.review-card h6 { margin-bottom: 5px; }
.review-card .intro { margin-bottom: 35px; }

/* ### slick-dots ### */
.slick-track { margin-right: unset; margin-left: unset; }
.slick-dots { margin: 0 10px; padding: 0; display: flex; justify-content: center; list-style: none; }
.slick-dots > li { margin: 0 8px; display: inline-flex; width: 10px; height: 10px; }
.slick-dots > li button { padding: 0; width: 10px; height: 10px; font-size: 0; border: 0; border-radius: 100%; background-color: #3da8b0; }
.slick-dots > li.slick-active button { border: 1px solid #3da8b0; background-color: transparent; transform: scale(1.5); }
.slick-arrow { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; font-size: 21px; text-decoration: none; color: #fff; border-radius: 50%; background-color: #3da8b0; }
.slick-arrow:active { color: #fff; }
.slick-arrow:hover { color: #fff; }

/* ### login box ### */
.loginBox { margin-bottom: 117px; padding-top: 106px; }
.loginBox .row { margin-right: -45px; margin-left: -45px; }
.loginBox .item { padding-right: 45px; padding-left: 45px; }

/* ### card-login ### */
.card-login { padding: 39px 50px 25px; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.07); background-color: #fff; }
.card-login h3 { margin-bottom: 7px; }
.card-login .heading { margin-bottom: 42px; }
.card-login .heading p { font-size: 16px; color: #232323; }
.card-login .form-group i,
.card-login .form-group p, .card-login .form-group a { font-size: 16px; color: #232323; }
.card-login .form-group { margin-bottom: 28px; }
.card-login .btn { display: block; width: 100%; }
.card-login p { font-size: 16px; }
.card-login label { padding-left: 20px; display: block; }
.card-login input[type='checkbox'] { padding: 0; position: absolute; top: 6px; left: 0; display: flex; align-items: center; justify-content: center; width: 13px; height: 13px; border: 1px solid #3da8b0; border-radius: 25px; -webkit-appearance: none; }
.card-login input[type='checkbox']:checked:before { position: absolute; top: -1px; left: -1px; display: flex; align-items: center; justify-content: center; width: 13px; height: 13px; font-family: 'icomoon', sans-serif; font-size: 8px; color: #fff; border-radius: 25px; background-color: #3da8b0; content: '\e906'; }
.card-login .form-group span { display: block; font-size: 16px; color: #232323; }

/* ### contact box ### */
.contactBox { margin-bottom: 115px; margin-top: 95px; }

/* ### contact box ### */
.contact-box { padding: 107px 65px 65px; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.07); }
.contact-box .h3 { margin-bottom: 60px; }
.contact-box ul { max-width: 400px; }
.contact-box ul > li { margin-bottom: 35px; }
.contact-box ul > li > a { padding: 14px 20px 10px 86px; position: relative; display: block; font-size: 16px; color: #666e77; border-radius: 50px; transition: all 0.3s; }
.contact-box ul > li > a:hover { background-color: rgba(61, 168, 176, 0.08); }
.contact-box ul > li > a strong { margin-bottom: 5px; display: block; font-family: 'Neo Sans', sans-serif; font-size: 15px; color: #232323; }
.contact-box address { padding: 14px 20px 10px 86px; position: relative; display: block; }
.contact-box address strong { margin-bottom: 5px; display: block; font-family: 'Neo Sans', sans-serif; font-size: 15px; color: #232323; }
.contact-box .icon-tel,
.contact-box .icon-comment,
.contact-box .icon-location-add { position: absolute; top: 3px; left: 4px; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; font-size: 28px; color: #fff; border-radius: 50px; background-color: #3da8b0; }
.contact-box .holder { margin-right: -7px; margin-left: -7px; }
.contact-box .form-group { margin-bottom: 40px; padding-right: 7px; padding-left: 7px; }
.contact-box .form-control { padding: 10px 15px; height: 47px; color: #232323; border: 0; background-color: #f5f5f7; }
.contact-box .form-control::placeholder { color: #232323; }
.contact-box .custom-select { border: 0; }
.contact-box textarea { min-height: 196px; }
.contact-box .btn { padding: 18px 24px 17px 53px; font-size: 18px; text-transform: capitalize; }
.contact-box .btn i { margin-left: 34px; display: inline-block; font-size: 8px; }

/* ### intro box ### */
.introBox { padding-top: 60px; padding-bottom: 55px; background-color: #f2f5f7; }
.introBox h1 { margin-bottom: 10px; }

/* ### breadcrumb ### */
.breadcrumb ul > li { font-size: 18px; color: #133344; }
.breadcrumb ul > li:after { margin: 0 9px 0 8px; display: inline-block; font-family: 'icomoon', sans-serif; font-size: 13px; vertical-align: middle; content: '\e902'; }
.breadcrumb ul > li:last-child:after { display: none; }
.breadcrumb ul > li > a { font-size: 18px; color: #133344; transition: all 0.3s; }
.breadcrumb ul > li > a:hover { color: #3da8b0; }

/* ### latest box ### */
.latestBox { margin-bottom: 53px; padding-top: 79px; }
.latestBox .left { padding-right: 15px; width: 32%; }
.latestBox .right { padding-left: 13px; width: 68%; }
.latestBox h3 { margin-bottom: 12px; }
.latestBox .paragraph { margin-bottom: 16px; max-width: 300px; font-size: 16px; line-height: 1.75; }
.latestBox .h6 { margin-bottom: 17px; }
.latestBox .view-more { margin-bottom: 12px; font-size: 14px; text-decoration: underline; color: #232323; transition: all 0.3s; }
.latestBox .view-more:hover { color: #3da8b0; }

/* ### card-user ### */
.card-user { max-width: 235px; }
.card-user ul > li > a { padding-top: 18px; padding-right: 30px; padding-bottom: 18px; padding-left: 44px; display: block; font-size: 16px; color: #232323; border-bottom: 1px solid #e6e6e6; transition: all 0.3s; }
.card-user ul > li > a:hover { color: #3da8b0; }
.card-user ul > li > a:before { position: absolute; top: 50%; left: 4px; font-family: 'icomoon', sans-serif; font-size: 22px; color: #3da8b0; transform: translateY(-50%); content: '\e917'; }
.card-user ul > li > a:after { position: absolute; top: 50%; right: 10px; font-family: 'icomoon', sans-serif; font-size: 14px; color: #3da8b0; transform: translateY(-50%); content: '\e902'; }
.card-user ul > li.active > a { color: #3da8b0; font-weight: 500; }

/* ### latest-card-box ### */
.latest-card-box { margin-bottom: 40px; padding: 18px 55px 17px 20px; border: 1px solid #e6e6e6; border-radius: 2px; }
.latest-card-box .item { margin-bottom: 5px; }
.latest-card-box .your-order { margin-bottom: 26px; }
.latest-card-box .your-order strong { display: block; font-size: 14px; color: #232323; }
.latest-card-box .your-order span { display: inline-block; font-weight: 400; }
.latest-card-box .view-more { margin-bottom: 0; font-size: 14px; text-decoration: underline; color: #232323; transition: all 0.3s; }
.latest-card-box .view-more:hover { color: #3da8b0; }
.latest-card-box img { object-fit: cover; }

/* ### card-latest ### */
.card-latest { color: #232323; }
.card-latest .image img { width: 100%; border-radius: 2px; }
.card-latest .content { padding-top: 14px; }
.card-latest .title { margin-bottom: 10px; font-family: 'Neo Sans', sans-serif; font-size: 12px; font-weight: 500; line-height: 1.3; }
.card-latest .price { display: block; font-size: 12px; font-weight: 600; }
.card-latest:hover { color: #232323; }

/* ### address-box ### */
.address-box { margin-bottom: 58px; }

/* ### card-latest ### */
.card-address { padding: 18px 20px; border: 1px solid #e6e6e6; border-radius: 2px; }
.card-address .title { margin-bottom: 10px; font-family: 'Neo Sans', sans-serif; font-size: 16px; font-weight: 500; color: #232323; }
.card-address address { margin-bottom: 16px; font-size: 14px; font-style: normal; color: #232323; }
.card-address strong { display: block; font-size: 14px; color: #232323; }

/* ### table-box ### */
.table-box .wrap { padding-right: 20px; padding-left: 20px; }
.table-box .title { margin-bottom: 17px; width: 20%; font-family: 'Neo Sans', sans-serif; font-size: 16px; font-weight: 500; color: #232323; }
.table-box .box { padding-right: 20px; padding-left: 20px; border: 1px solid #e6e6e6; border-radius: 2px; }
.table-box .holder { padding-top: 22px; padding-bottom: 22px; border-bottom: 1px solid #e6e6e6; }
.table-box .holder:last-child { border-bottom: 0; }
.table-box .item { width: 20%; font-size: 14px; color: #232323; }
.table-box .item .order-details { color: #3da8b0; }
.table-box .item strong { text-transform: uppercase; color: #3da8b0; }
.table-box .btn { padding: 8px 10px; min-width: 112px; font-family: 'Nunito', sans-serif; font-size: 14px; font-weight: 700; text-transform: capitalize; }

/* ### blog Box ### */
.blogBox { margin-bottom: 100px; }
.blogBox .image img { width: 100%; }
.blogBox .holder { padding: 30px 35px 57px; box-shadow: 0 0 11px 0 rgba(57, 106, 191, 0.11); }
.blogBox .holder .date { margin-bottom: 20px; }
.blogBox .holder .date span { padding-left: 3px; font-size: 16px; color: #68697d; }
.blogBox .holder .date i { font-size: 15px; color: #3da8b0; }
.blogBox h4 { margin-bottom: 15px; }
.blogBox p { margin-bottom: 27px; line-height: 1.8; color: #232323; }
.blogBox h5 { margin-bottom: 15px; }
.blogBox .quote { margin-bottom: 30px; padding: 28px 45px 25px 15px; line-height: 1.8; border-left: 5px solid #3da8b0; background-color: rgba(61, 168, 176, 0.12); }
.blogBox em { font-size: 17px; }
.blogBox ul > li { margin-bottom: 8px; padding-left: 15px; position: relative; max-width: 500px; line-height: 1.8; color: #232323; }
.blogBox ul > li:before { position: absolute; top: 10px; left: 0; width: 5px; height: 5px; border-radius: 50%; background-color: #3da8b0; content: ''; }
.blogBox ul > li:last-child { margin-bottom: 30px; }

/* ### video box ### */
.videoBox { padding-top: 51px; }
.videoBox .video { top: 50%; left: 50%; width: 60px; height: 60px; border-radius: 50%; background-color: #fff; transform: translate(-50%, -50%); }
.videoBox .video i { color: #3da8b0; }

/* ### pagination box ### */
.pagination { padding-top: 40px; }
.pagination ul { margin-right: 20px; margin-left: 20px; }
.pagination ul > li { margin-right: 20px; }
.pagination ul > li:last-child { margin-right: 0; }
.pagination ul > li > a { width: 40px; height: 40px; font-size: 16px; font-weight: 600; color: #72718f; border-radius: 50px; background-color: #fff; transition: all 0.3s; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08); }
.pagination ul > li > a.active,
.pagination ul > li > a:hover { color: #fff; background-color: #3da8b0; }
.pagination .prev-arrow,
.pagination .next-arrow { font-size: 12px; color: #232323; transition: all 0.3s; }
.pagination .prev-arrow:hover,
.pagination .next-arrow:hover { color: #3da8b0; }
.pagination .prev-arrow { transform: rotate(180deg); }

/* ### accordion box ### */
.accordionBox { margin-bottom: 82px; margin-top: 82px; }
.accordionBox h3 { margin-bottom: 30px; color: #3da8b0; }

/* ### accordion box ### */
.accordion-item { margin-bottom: 10px; border: 0; }
.accordion-item:first-of-type { border-top-left-radius: 0; border-bottom-right-radius: 0; }
.accordion-button { padding: 14px 40px 13px 20px; position: relative; font-family: 'Neo Sans', sans-serif; font-size: 17px; color: #232323; background-color: #e9e9e9; }
.accordion-button:not(.collapsed) { color: #232323; background-color: #e9e9e9; box-shadow: none; }
.accordion-button:focus { border-color: transparent; box-shadow: none; }
.accordion-item:first-of-type .accordion-button { border-top-left-radius: 0; border-bottom-right-radius: 0; }
.accordion-button:after { position: absolute; top: 15px; right: 15px; width: auto; height: auto; font-family: 'icomoon', sans-serif; color: #3da8b0; background-image: none; content: '\e903'; }
.accordion-button:not(.collapsed):after { background-image: none; transform: rotate(-90deg); }
.accordion-body { padding-top: 17px; padding-right: 0; padding-bottom: 10px; padding-left: 0; line-height: 1.8; color: #232323; }

/* ### web box ### */
.webBox { margin-bottom: 101px; padding-top: 93px; }
.webBox .content { padding-top: 34px; padding-left: 18px; }
.webBox .price { display: block; font-size: 31px; font-weight: 600; color: #3da8b0; }
.webBox .star { margin-bottom: 25px; }
.webBox .review > li { margin-right: 8px; font-size: 12px; color: #ffc107; }
.webBox .review > li:last-child { color: #72718f; }
.webBox .view-review { font-size: 14px; font-weight: 600; color: #292c58; }
.webBox p { margin-bottom: 20px; font-size: 16px; line-height: 1.8; }
.webBox .select span, .webBox .length-text { padding-right: 20px; display: inline-block; font-family: 'Neo Sans', sans-serif; font-weight: 500; color: #232323; }
.webBox .custom-select { padding: 4px 15px; width: auto; height: 28px; font-size: 12px; color: #9c9fb7; border: 1px solid #9c9fb7; background: url('../images/select-icon1.png') no-repeat center right 12px; cursor: pointer; }
.webBox .quantity { margin-bottom: 28px; margin-top:20px; }
.webBox .quantity .field { width: 107px; }
.webBox .quantity input { width: 59px; height: 23px; font-family: 'Neo Sans', sans-serif; text-align: center; border: 0; background-color: rgba(114, 113, 143, 0.1); }
.webBox .quantity button { display: flex; align-items: center; justify-content: center; width: 24px; height: 23px; color: #fff; border: 0; background-color: #3da8b0; }
.webBox .quantity .sub { border-radius: 2px 0 0 2px; }
.webBox .quantity .add { border-radius: 0 2px 2px 0; }
.webBox em { margin-bottom: 22px; display: block; font-weight: 600; }
.webBox .btn { padding: 12px 20px; width: 100%; font-family: 'Nunito', sans-serif; font-size: 18px; font-weight: 600; text-transform: unset; }
.webBox .stock { padding-top: 29px; font-size: 16px; }
.webBox .slider { padding-right: 7px; }
.webBox .slide img { width: 100%; border-radius: 5px; height:auto; object-fit: cover; aspect-ratio: 2 / 1.5; }
.webBox .slider-for { margin-bottom: 5px; }
.webBox .js-web-slider-nav .slick-list { margin-right: -5px; margin-left: -5px; }
.webBox .js-web-slider-nav .slide { padding-right: 5px; padding-left: 5px; }
.webBox .nav-arrows { position: absolute; right: 20px; bottom: 26px; z-index: 1; }
.webBox .slick-arrow { width: 26px; height: 26px; font-size: 14px; color: #fff; border: 0; background-color: #3da8b0; }
.webBox .prev-arrow { margin-right: 5px; transform: rotate(180deg); }

/* ### tab box ### */
.tabBox { margin-bottom: 60px; padding-top: 99px; padding-bottom: 125px; background-color: #f2f5f7; }
.tabBox .tabs-nav { margin-bottom: 41px; }
.tabBox .tabs-nav > li { margin-right: 60px; }
.tabBox .tabs-nav > li:last-child { margin-right: 0; }
.tabBox .tabs-nav > li > a { font-family: 'Neo Sans', sans-serif; font-size: 24px; color: #232323; transition: all 0.3s; }
.tabBox .tabs-nav > li.active a,
.tabBox .tabs-nav > li > a:hover { text-decoration: underline; color: #3da8b0; }

/* ### card-tabs### */
.card-tabs { padding: 66px 55px 33px; background-color: #fff; }
.card-tabs h5 { margin-bottom: 9px; font-size: 22px; }
.card-tabs p { margin-bottom: 27px; font-size: 16px; line-height: 1.8; }
.card-tabs .table { margin-bottom: 39px; padding-top: 11px; max-width: 632px; }
.card-tabs .table tbody { border: 0; box-shadow: none; }
.card-tabs .table th { padding-bottom: 18px; font-size: 16px; font-weight: 700; color: #3da8b0; }
.card-tabs .table td { padding: 18px 20px; font-size: 16px; color: #666e77; border-top: 1px solid #f2f5f7; border-right: 1px solid #f2f5f7; border-bottom: 0; }
.card-tabs .table td:first-child { border-left: 1px solid #f2f5f7; }
.card-tabs .table tr:nth-child(odd) td { background-color: #f2f5f7; }

/* ### shopping box ### */
.shoppingBox { margin-bottom: 116px; padding-top: 102px; }
.shoppingBox .right { padding-left: 30px; }
.shoppingBox .tel { margin-bottom: 47px; }
.shoppingBox .tel a { padding: 14px 15px 13px 48px; font-size: 16px; color: #fff; border-radius: 2px; background-color: #3da8b0; transition: all 0.3s; }
.shoppingBox .tel a:hover { background-color: #247b81; }
.shoppingBox .tel a strong { font-weight: 800; }
.shoppingBox .tel a:before { position: absolute; top: 50%; left: 17px; font-family: 'icomoon', sans-serif; font-size: 20px; transform: translateY(-50%); content: '\e916'; }

/* ### shopping-cart ### */
.shopping-cart { margin-bottom: 58px; }
.shopping-cart .headings { margin-bottom: 32px; }
.shopping-cart .title { width: 20%; font-family: 'Neo Sans', sans-serif; font-size: 22px; color: #232323; }
.shopping-cart .title:nth-child(1) { width: 40%; }
.shopping-cart .holder { padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #e0e0e4; }
.shopping-cart .column { width: 20%; }
.shopping-cart .column:nth-child(1) { width: 40%; }
.shopping-cart .image { min-width: 75px; max-width: 75px; }
.shopping-cart .image img { object-fit: cover; }
.shopping-cart .text { padding-top: 5px; padding-left: 17px; }
.shopping-cart h6 { margin-bottom: 2px; font-size: 16px; }
.shopping-cart p { font-size: 14px; }
.shopping-cart .price { padding-top: 25px; display: block; font-size: 14px; font-weight: 600; color: #232323; }
.shopping-cart .quantity { padding-top: 25px; }
.shopping-cart .quantity .field { width: 70px; }
.shopping-cart .quantity input { width: 38px; height: 20px; font-family: 'Neo Sans', sans-serif; font-size: 13px; text-align: center; color: #8d8f97; border: 0; background-color: #f0eff2; }
.shopping-cart .quantity button { display: flex; align-items: center; justify-content: center; width: 16px; height: 20px; font-size: 12px; color: #8d8f97; border: 0; background-color: #e7e7ef; }
.shopping-cart .quantity .sub { border-radius: 2px 0 0 2px; }
.shopping-cart .quantity .add { border-radius: 0 2px 2px 0; }
.shopping-cart .close { font-size: 13px; color: #666e77; }
.shopping-cart .close:before { margin-right: 4px; font-family: 'icomoon', sans-serif; font-size: 12px; color: #fb2b39; content: '\e907'; }
.shopping-cart .update { padding-top: 40px; }
.shopping-cart .btn { padding: 9px 24px; font-family: 'Nunito', sans-serif; font-size: 16px; text-transform: unset; }

/* ### interesting-box ### */
.interesting-box h5 { font-size: 22px; }

/* ### card-interesting ### */
.card-interesting { color: #232323; }
.card-interesting .image img { border-radius: 2px; height: auto; aspect-ratio: 1 / 1.1; object-fit: cover; }
.card-interesting .text { padding-top: 2px; }
.card-interesting .title { font-family: 'Neo Sans', sans-serif; font-size: 14px; }
.card-interesting .price { font-size: 13px; font-weight: 600; }
.card-interesting:hover { color: #232323; }

/* ### total-box ### */
.total-box { margin-bottom: 20px; }
.total-box h5 { font-size: 22px; text-align: center; }
.total-box .box { padding: 27px 30px 35px; border-radius: 2px; background-color: #f2f5f7; }
.total-box .holder { padding-top: 9px; padding-bottom: 9px; border-bottom: 1px solid #e1dfeb; }
.total-box h6 { margin-bottom: 0; font-size: 16px; }
.total-box .price { display: block; font-size: 15px; line-height: 1.3; color: #232323; }
.total-box .check { margin-top: 5px; padding-left: 21px; display: block; width: 100%; }
.total-box .check input[type='radio'] { position: absolute; top: 1px; left: 0; display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; border: 1px solid #3da8b0; background-color: transparent; -webkit-appearance: none; }
.total-box .check input[type='radio']:checked:before { display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; font-family: 'icomoon', sans-serif; font-size: 8px; color: #fff; background-color: #3da8b0; content: '\e906'; }
.total-box .check span { display: block; line-height: 1.1; color: #232323; }
.total-box .check i { display: block; }
.total-box .btn { padding: 10px 15px; width: 100%; font-family: 'Nunito', sans-serif; text-transform: unset; }
.total-box .continue { padding-top: 20px; }

/* ### shipping-box ### */
.shipping-box h6 { text-align: center; }
.shipping-box .box { padding: 29px 35px; border-radius: 2px; background-color: #f2f5f7; }
.shipping-box .form-group { margin-bottom: 20px; }
.shipping-box input { padding: 5px 0; width: 100%; font-size: 14px; color: #666e77; border-top: 0; border-right: 0; border-bottom: 1px solid rgba(102, 110, 119, 0.4); border-left: 0; background-color: transparent; }
.shipping-box input::placeholder { color: #666e77; }
.shipping-box .submit { padding-top: 5px; }
.shipping-box .btn { padding: 10px 20px; min-width: 122px; font-family: 'Nunito', sans-serif; font-size: 16px; text-transform: capitalize; }

/* ### form box ### */
.formBox { margin-bottom: 98px; padding-top: 102px; }
.formBox h3 { margin-bottom: 38px; }
.formBox .right { margin-left: 30px; padding: 11px 24px 20px; border-radius: 5px; background-color: #f2f5f7; }
.formBox .total { padding-top: 27px; }
.formBox .total span { display: block; font-size: 16px; text-transform: uppercase; color: #232323; }
.formBox .total strong { display: block; font-size: 16px; text-transform: uppercase; color: #3da8b0; }

/* ### form-box ### */
.form-box .head { margin-bottom: 32px; }
.form-box .head h5 { margin-bottom: 0; font-size: 20px; }
.form-box .head .account { font-size: 14px; color: #3da8b0; transition: all 0.3s; }
.form-box .radio-box { margin-bottom: 27px; }
.form-box .radio-btn { margin-right: 30px; padding-left: 26px; }
.form-box .radio-btn input[type='radio'] { position: absolute; top: 50%; left: 0; width: 15px; height: 15px; border: 1px solid #3da8b0; border-radius: 50px; transform: translateY(-50%); -webkit-appearance: none; }
.form-box .radio-btn input[type='radio']:checked:before { position: absolute; top: -1px; left: -1px; display: block; width: 15px; height: 15px; border-radius: 50px; background-color: #3da8b0; content: ''; }
.form-box .radio-btn input[type='radio']:checked:after { position: absolute; top: 3px; left: 3px; display: block; width: 7px; height: 7px; border-radius: 50px; background-color: #fff; content: ''; }
.form-box .radio-btn span { display: block; font-size: 16px; color: #232323; }
.form-box .radio-btn:last-child { margin-right: 0; }
.form-box .form-group { margin-bottom: 33px; }
.form-box .form-group label { margin-bottom: 9px; display: block; font-size: 16px; color: #232323; }
.form-box .form-control { height: 47px; }
.form-box .form-control:focus { border: 1px solid #3da8b0; }
.form-box .custom-select { border: 1px solid #b7b7b7; background-color: transparent; }
.form-box .check-box { padding-bottom: 26px; border-bottom: 1px solid #e6e6e6; }
.form-box .check { margin-right: 30px; padding-left: 26px; }
.form-box .check input[type='checkbox'] { position: absolute; top: 50%; left: 0; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1px solid #b7b7b7; transform: translateY(-50%); -webkit-appearance: none; }
.form-box .check input[type='checkbox']:checked:before { display: block; width: 16px; height: 16px; background-color: #b7b7b7; content: ''; }
.form-box .check span { font-size: 16px; color: #202834; }
.form-box .check:last-child { margin-right: 0; }
.form-box .method { padding-top: 32px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; }
.form-box .method p { font-size: 16px; color: #232323; }
.form-box .method.last { padding-bottom: 0; border-bottom: 0; }
.form-box blockquote { margin-bottom: 26px; padding: 25px 23px; font-size: 16px; color: #232323; border-radius: 3px; background-color: #f2f5f7; }
.form-box .method .btn { padding: 16px 20px; min-width: 236px; font-weight: 500; text-transform: unset; }

/* ### card-form ### */
.card-form { padding-top: 15px; padding-bottom: 15px; padding-left: 100px; border-bottom: 1px solid #e0e0e4; }
.card-form .image { position: absolute; top: 13px; left: 0; }
.card-form .image img { border-radius: 2px; height: auto; object-fit: cover; aspect-ratio: 1; width: 83px; }
.card-form .text { padding-top: 3px; }
.card-form h6 { margin-bottom: 2px; font-size: 16px; }
.card-form p { margin-bottom: 19px; font-size: 14px; }
.card-form span { display: block; font-size: 13px; }
.card-form strong { display: block; font-weight: 600; color: #232323; }

/* ### footer container ### */
#footerCntr { padding-top: 130px; padding-bottom: 50px; width: 100%; background-color: #071c1f; overflow: hidden; }

/* ### footer box ### */
.footerBox { margin-bottom: 62px; }
.footerBox .footer-logo { margin-bottom: 25px; }
.footerBox p { margin-bottom: 26px; font-size: 16px; line-height: 1.75; color: #fff; }
.footerBox address { margin-bottom: 25px; padding-left: 40px; position: relative; font-size: 16px; font-style: normal; color: #fff; }
.footerBox address span { position: absolute; top: 50%; left: 0; width: 29px; height: 29px; color: #fff; border-radius: 50px; background-color: #3da8b0; transform: translateY(-50%); transition: all 0.3s; }
.footerBox .info > li { margin-bottom: 21px; }
.footerBox .info > li:last-child { margin-bottom: 0; }
.footerBox .info > li > a { padding-left: 40px; }
.footerBox .info > li > a span .icon-email { font-size: 11px; }
.footerBox .title { margin-bottom: 25px; font-family: 'Neo Sans', sans-serif; font-size: 21px; color: #fff; }
.footerBox .navigation { padding-left: 75px; }
.footerBox ul > li { margin-bottom: 12px; line-height: 1.75; }
.footerBox ul > li > a { position: relative; font-size: 16px; color: #fff; transition: all 0.3s; }
.footerBox ul > li > a:hover { color: #3da8b0; }
.footerBox ul > li > a:hover span { color: #fff; background-color: #3da8b0; }
.footerBox ul > li > a span { position: absolute; top: 50%; left: 0; width: 29px; height: 29px; color: #3da8b0; border-radius: 50px; background-color: #fff; transform: translateY(-50%); transition: all 0.3s; }
.footerBox .form-control { padding: 10px 115px 10px 15px; height: 48px; color: #474665; border: 1px solid #fff; border-radius: 0; background-color: #fff; }
.footerBox .form-control::placeholder { color: #474665; }
.footerBox .submit-btn { padding: 10px 15px; position: absolute; top: 4px; right: 4px; width: 109px; height: 41px; font-family: 'Nunito', sans-serif; font-size: 16px; font-weight: 700; color: #fff; border: 0; background-color: #3da8b0; }

/* ### copyright ### */
.copyright { padding-bottom: 25px; }
.copyright p { margin-bottom: 0; font-size: 16px; color: #fff; }
.copyright p span { color: #3da8b0; }
.copyright p a { color: #3da8b0; transition: all 0.3s; }
.copyright p a:hover { color: #fff; }
.copyright ul > li { margin-right: 5px; }
.copyright ul > li:last-child { margin-right: 0; }
.copyright ul > li > a { width: 26px; height: 26px; font-size: 13px; color: #071c1f; border-radius: 50px; background-color: #fff; transition: all 0.3s; }
.copyright ul > li > a:hover { color: #fff; background-color: #3da8b0; }

/* ### news item page ### */
.news-item-container {
    margin: 50px 0px 75px 0px;
}
.news-item-container .news-item-content {
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1);
}
.news-item-container .news-item-content .content {
    padding: 30px;
    text-align: justify;
    font-size: 15px;
}

.news-item-container .news-item-content .content ul {
    margin-bottom: 1rem;
    padding-left: 2rem;
    list-style: initial;
}

.news-item-container .news-item-content .content blockquote {
    margin: 30px 0px;
    padding: 20px;
    border-left: 5px solid #3da8b0;
    background-color: rgba(61, 168, 176, 0.12);
}

.news-item-container .news-item-content .content blockquote p {
    margin: 0;
}

.news-item-container .image img {
    min-width: 100%;
    max-width: 100%;
    aspect-ratio: 3 / 1.2;
    object-fit: cover;
    height: auto;
}

.newsBox nav {
    justify-content: center;
    display: flex;
}

.pagination .page-item .page-link {
    border-radius: 50%;
    padding: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: none;
    color: #72718F;
}

.pagination .page-item.active .page-link {
    color: #fff;
}

.pagination .page-item:not(.arrow) .page-link {
    box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1);
}

.pagination .page-item.arrow button i {
    color: #3da8b0;
}

.pagination .page-item {
    margin-right: 15px;
}

.pagination .page-item:last-child {
    margin-right: 0;
}

.pagination .page-item.active .page-link {
    background-color: #3da8b0;
    border-color: #3da8b0;
}

/* ### basic page ### */
.basic-page {
    margin: 75px 0;
}

.basic-page .aboutBox img {
    object-fit: cover;
    max-width: 100%;
    min-width: 100%;
    aspect-ratio: 1 / 1.1;
    height: auto;
}

.basic-page .aboutBox .col-lg-12 .content {
    padding: 0 ;
}

.popular-products .card-product > a {
    width: 100%;
}

/* #Media Queries
================================================== */
@media only screen and (max-width: 1199px) {
	.heroBox { min-height: 500px; }
	.footerBox .navigation { padding-left: 40px; }
	.teenagerBox { min-height: 500px; }
	.loginBox .row { margin-right: -20px; margin-left: -20px; }
	.loginBox .item { padding-right: 20px; padding-left: 20px; }
	.latest-card-box { padding: 18px 20px 17px; }
	.table-box .item span { display: block; }
	.shopping-cart h6 { font-size: 14px; }
	.shopping-cart p { font-size: 13px; }
}

@media only screen and (max-width: 991px) {
	.headerBox .logo { width: 32%; }
	.headerBox .search-field { width: 68%; }
	.headerBox .category { width: 32%; }
	.headerBox .tel { padding-left: 35px; font-size: 15px; }
	.headerBox .tel:before { font-size: 24px; }
	.menuBox { width: 48%; }
	.menuBox ul > li { margin-right: 25px; }
	.menuBox ul > li > a { font-size: 16px; }
	.heroBox { min-height: 400px; }
	.productBox .filters ul > li { margin-right: 10px; }
	.teenagerBox { min-height: 400px; }
	.serviceBox { padding-top: 40px; padding-bottom: 40px; }
	.card-service { margin: 15px 5px; }
	.newsBox { padding-top: 40px; padding-bottom: 40px; }
	.news-card { margin-bottom: 30px; width: 100%; }
	.aboutBox .content { padding-left: 0; }
	.reviewBox { padding: 50px 0; }
	.reviewBox .prev-arrow { left: 10px; }
	.reviewBox .next-arrow { right: 10px; }
	.loginBox .item { margin-bottom: 30px; }
	.loginBox .item:last-child { margin-bottom: 0; }
	.contact-box { padding: 60px 50px 40px; }
	.contact-box .h3 { margin-bottom: 40px; }
	.contact-box .left { margin-bottom: 40px; }
	.latestBox { margin-bottom: 0; }
	.latestBox .left { margin-bottom: 40px; padding-right: 0; width: 100%; }
	.latestBox .right { padding-left: 0; width: 100%; }
	.card-user { max-width: 100%; }
	.table-box .item span { display: inline-block; }
	.webBox .slider { padding-right: 0; }
	.webBox .content { padding-left: 0; }
	.shoppingBox .left { margin-bottom: 40px; }
	.shoppingBox .right { padding-left: 0; }
	.shopping-cart .column:nth-child(1),
	.shopping-cart .column { margin-bottom: 15px; width: 100%; }
	.shopping-cart .column:last-child { margin-bottom: 0; }
	.shopping-cart .column .image img { width: 60px; }
	.shopping-cart h6 { font-size: 16px; }
	.shopping-cart p { margin-bottom: 0; font-size: 14px; }
	.shopping-cart .title:nth-child(1) { width: auto; }
	.shopping-cart .quantity,
	.shopping-cart .price { padding-top: 0; }
	.formBox .left { margin-bottom: 40px; }
	.formBox .right { margin-left: 0; }
	#footerCntr { padding-top: 80px; }
	.footerBox { margin-bottom: 40px; }
	.footerBox .item { margin-bottom: 30px; }
	.footerBox .navigation { padding-left: 0; }
    .basic-page .aboutBox img { margin-bottom: 20px; }
}

@media only screen and (min-width: 768px) {
	.card-category ul > li > ul { display: block !important; height: auto !important; }
	.menuBox ul > li > ul { display: block !important; height: auto !important; }
}

@media only screen and (max-width: 767px) {
	.h1 { font-size: 36px; }
	h1 { font-size: 30px; }
	.h2 { font-size: 36px; }
	h2 { font-size: 30px; }
    h3, .h3 { font-size: 35px; }
	#wrapper { padding-top: 105px; }
	#headerCntr { padding-bottom: 10px; }
	#headerCntr.sticky { padding-bottom: 10px; transform: translateY(0); }
	.topBox .login > li { margin-right: 10px; }
	.topBox .login > li > a { font-size: 10px; }
	.topBox .social-media { padding-left: 10px; }
	.topBox .social-media > li > a { font-size: 12px; }
	.topBox .icons > li { margin-right: 10px; }
	.topBox .icons > li > a { font-size: 16px; }
	.headerBox .logo { width: 54%; }
	.headerBox .logo img { max-width: 160px; }
	.headerBox .search-box { padding-bottom: 0; }
	.headerBox .search-field { padding: 10px 15px; position: absolute !important; top: 100%; left: 0; opacity: 0; visibility: hidden; width: 100%; border-top: 1px solid #3da8b0; background-color: #fff; transition: all 0.3s; }
	.headerBox .search-field.active { opacity: 1; visibility: visible; }
	.headerBox .search-btn { top: 11px; right: 16px; }
    .headerBox .navigation-wrapper { height: 100vh; opacity: 0; visibility: hidden; padding: 125px 20px 50px; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; transition: all 0.3s; overflow-y: scroll; overflow-x: hidden; }
    .headerBox .navigation-wrapper.open { opacity: 1; visibility: visible; }
    .headerBox .category { padding-right: 0; width: 100%; }
    .headerBox .call { width: 100%; position: absolute; bottom: 20px; }
	.headerBox .card-category { margin-bottom: 25px; max-width: 100%; }
	.headerBox .tel { padding-left: 43px; font-size: 18px; }
	.headerBox .tel:before { font-size: 30px; }
	.menuBox { padding-bottom: 35px; width: 100%; }
	.menuBox ul > li { margin-right: 0; margin-bottom: 10px; width: 100%; }
	.menuBox ul > li:last-child { margin-bottom: 0; }
	.menuBox ul > li.dropdown > a:before { display: block; }
	.menuBox ul > li > a { display: block; font-size: 18px; }
	.menuBox ul > li > ul { position: unset; display: none; opacity: 1; visibility: visible; width: 100%; transition: unset; box-shadow: none; }
	.menuBox ul > li > ul > li { margin-bottom: 0; }
	.menuBox ul > li > ul > li > a { padding-left: 0; font-size: 14px; }
	.menuBox ul > li > ul > li.dropdown > a:before { top: 8px; right: 0; font-size: 16px; transform: translateY(0) rotate(-90deg); transition: all 0.3s; }
	.menuBox ul > li > ul > li > ul > li > a { padding-left: 0; }
	.card-category ul > li > a { padding: 8px 50px; font-size: 18px; }
	.card-category ul > li > a .list { font-size: 14px; }
	.card-category ul > li > a.title:after { font-size: 21px; }
	.card-category ul > li > ul { position: unset; display: none; opacity: 1; visibility: visible; transition: unset; }
	.card-category ul > li > ul > li > a { font-size: 14px; }
	.card-category ul > li > ul > li.dropdown > a:before { top: 8px; right: 13px; font-size: 16px; transform: translateY(0) rotate(-90deg); transition: all 0.3s; }
	.card-category ul > li > ul > li.dropdown.active > a:before { transform: rotate(0); }
	.card-category ul > li:hover ul > li > ul { opacity: 1; visibility: visible; }
	.mobileMenu { display: flex; }
	.heroBox { min-height: auto; }
	.teenagerBox { min-height: auto; }
    .teenagerBox h2 { font-size: 25px; }
    .teenagerBox ul > li span { font-size: 16px; }
	.newsBox .intro { margin-bottom: 30px; }
	.review-card { padding: 50px; }
	.reviewBox .slick-dots { bottom: 30px; }
	.loginBox { margin-bottom: 70px; }
	.card-login { padding: 39px 30px 25px; }
	.contactBox { margin-bottom: 35px; margin-top: 55px; }
	.contact-box { padding: 40px 30px 30px; }
	.contact-box .form-group { margin-bottom: 25px; width: 100% !important; }
	.productBox { margin-bottom: 60px; }
	.productBox.inner { margin-bottom: 50px; }
	.productBox .h2 { font-size: 36px; }
	.productBox .search-filters { width: 100%; }
	.productBox .select { padding-right: 20px; width: 50%; }
	.productBox .custom-select { width: 100%; }
	.productBox .search { width: 50%; }
	.product-card { min-height: 300px; }
	.introBox { padding-top: 80px; padding-bottom: 70px; }
	.address-box { margin-bottom: 30px; }
	.address-box .item { margin-bottom: 30px; }
	.address-box .item:last-child { margin-bottom: 0; }
	.table-box { overflow-x: scroll; overflow-y: hidden; }
	.table-box .scroll { width: 770px; }
	.pagination { padding-top: 20px; }
	.blogBox { margin-bottom: 60px; }
	.blogBox .holder { padding: 20px; }
	.blogBox .videoBox { padding-top: 30px; }
	.blogBox .videoBox .image { margin-bottom: 25px; }
	.accordionBox { margin-bottom: 60px; }
	.webBox { margin-bottom: 60px; padding-top: 60px; }
	.webBox .price { margin-bottom: 10px; width: 100%; font-size: 25px; }
	.tabBox { padding-top: 60px; padding-bottom: 60px; }
	.tabBox .tabs-nav > li { margin-right: 40px; }
	.tabBox .tabs-nav > li > a { font-size: 18px; }
	.card-tabs { padding: 40px 20px 25px; }
	.card-tabs .table { max-width: 100%; overflow-x: scroll; overflow-y: hidden; }
	.card-tabs .scroll { width: 630px; }
	.shoppingBox { margin-bottom: 60px; padding-top: 60px; }
	.shopping-cart .title { font-size: 18px; }
	.shopping-cart .text { padding-top: 0; }
	.shopping-cart h6 { font-size: 15px; }
	.formBox { margin-bottom: 60px; }
	.form-box .form-group { margin-bottom: 20px; }
	.form-box .form-field { margin-bottom: 20px; }
	.form-box .form-field:last-child { margin-bottom: 0; }
	#footerCntr { padding-top: 60px; }
	.copyright p { margin-bottom: 15px; width: 100%; text-align: center; }
	.copyright ul { width: 100%; }
}

@media only screen and (max-width: 480px) {
	.productBox .select { margin-bottom: 20px; padding-right: 0; width: 100%; }
	.productBox .search { width: 100%; }
	.shopping-cart .title { font-size: 16px; }
}