@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
h1,h2,h3,h4,h5,h6{font-size: 35px; margin: 0px; padding: 0px; font-weight: 600; font-family: 'Playfair Display', serif;}
ul{padding: 0px; margin: 0px; list-style-type: none;}
li{padding: 0px; margin: 0px; font-size: 14px;}
a{font-size: 14px; font-family: 'Raleway', sans-serif;}
a:hover{text-decoration: none;}
p{font-size: 14px; padding: 0px; margin: 0px; font-family: 'Raleway', sans-serif;}
body{padding: 0px; margin: 0px; box-sizing: content-box;}
span{padding: 0px; margin: 0px; font-family: 'Raleway', sans-serif;}
.hk-hide{pointer-events: none;}
/*Global CSS*/
.nav-bar-top{background: url(img/header.png)no-repeat; width: 100%; height: auto; /*background-size: cover; background-position: center; position: absolute; top: 0px;}*/ background-position: 50%;}
.left-header i { font-size: 20px; color: #fff;}
.left-header { margin-top: 6px;}
.logo-main{position: relative;}
/*.logo-main::after{background: url(img/logo-apollo.png)no-repeat; height: 300px; position: absolute; content: ''; width: 500px; left: 35%; top: -38px;}*/
.right-header a{color: #fff;}
ul.nav-menu.align-to-left {margin-left: 16%;}
.about-img-panel img{box-shadow: 10px 10px 61px 0 rgba(0,0,0,.3); bottom: 40px; position: relative;}
.about-content-panel p { line-height: 26px;}
/* Bounce To Bottom */
.hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0f61cd; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color: white;}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
a.about-btn { background: #ff7ea1; padding: 10px 18px 10px 18px; color: #fff; font-size: 14px;}
.animated-section h2{font-family: 'Montserrat', sans-serif; background: url(img/special_offer_text_bg.jpg); font-size: 4.5rem; background-position: 50% 50%; background-repeat: no-repeat; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation-name: masked-animation; animation-name: masked-animation; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; font-weight: 800; font-size: 106px;}
@keyframes masked-animation{
0%, 100% {background-position: 50% 35%;}
50% {background-position: 50% 65%;}
}
.about-section{background: url(img/latest-product-bg.png)no-repeat; background-attachment: fixed; background-size: cover;}
.zik-zag{background: #f1f1f1;}
.zig-contet-panel span{ font-size: 39px; font-weight: 500; position: relative; z-index: 99; -moz-z-index: 999999; line-height: 48px; font-family: 'Playfair Display', serif; display: block; margin-bottom: 20px;}
.zig-contet-panel span:after{ position: absolute; width: 150px; height: 50px; background:; content: ''; top: 10px; z-index: -9; left: 333px;}
.zig-contet-panel p { line-height: 28px;}
.white-bg { background: #fff;}
.icon-type { margin-top: 10px;}
div#products-base .item{background: #fff; margin: 10px;}
.why-choose-us{background: url(img/bg_1.jpg)no-repeat; background-attachment: fixed; background-size: cover; overflow-x: hidden;}
.why-choose-us-cotent-panel{position: relative;}
.why-choose-us-cotent-panel::after{background: url(img/why_choose_bg.jpg)no-repeat; background-size: cover; position: absolute; content: ''; width: 100%; height: 433px; right: 30%;}
.under-metter { position: absolute; z-index: 9999; width: 100%; left: -22%; top: 2%;}
.under-metter h4 { color: #ffff;}
.text-type span { color: #fff; font-size: 25px;}
a.galley-btn {background: #ff7ea1; padding: 10px 20px; color: #fff; font-size: 14px;}
.box{ position: relative; overflow: hidden;}
.box img{ width: 100%; transition: all 0.3s ease;}
.box:hover img{ transform: scale(1.4); filter: grayscale(80%);}
.box .box-content{ color: #fff; background: linear-gradient(rgba(15,97,205,0.9),rgba(15,97,205,0.9)); width: 90%; padding: 15px 50px 10px 20px; opacity: 0; transform: translateY(-50%); position: absolute; top: 50%; left: -100%; z-index: 1; clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%); transition: all 0.3s ease;}
.box:hover .box-content{ opacity: 1; left: 0;}
.box .title{ font-size: 23px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 3px;}
.box .post{ font-size: 14px; text-transform: capitalize; margin: 0 0 10px; display: block;}
.box .icon{ padding: 0; text-align: center; margin: 0; list-style: none;}
.box .icon li{ margin: 0 5px; display: inline-block;}
.box .icon li a{ color: #fff; background: transparent; font-size: 14px; text-align: center; line-height: 27px; height: 30px; width: 30px; border: 1px solid #fff; border-radius: 50%; display: block; position: relative; transition: all 0.3s ease;}
.box .icon li a:hover{ color: #fff; box-shadow: 0 0 10px #000;}
@media only screen and (max-width:990px){
.box { margin: 0 0 30px; }
}
figure.effect-ming { background: #030c17;}
figure.effect-ming img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;}
figure.effect-ming figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 2px solid #fff; box-shadow: 0 0 0 30px rgba(255,255,255,0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4,1.4,1); transform: scale3d(1.4,1.4,1);}
figure.effect-ming h2 { margin: 20% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s;}
figure.effect-ming p { padding: 1em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5);}
figure.effect-ming:hover h2 { -webkit-transform: scale(0.9); transform: scale(0.9);}
figure.effect-ming:hover figcaption::before,figure
.effect-ming:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1);}
figure.effect-ming:hover figcaption { background-color: rgba(58,52,42,0);}
figure.effect-ming:hover img { opacity: 0.4;}
.grid { position: relative; clear: both; margin: 0 auto; padding: 1em 0 4em; max-width: 1000px; list-style: none; text-align: center;}
/* Common style */
.grid figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 100%; max-width: 100%; max-height: 360px; width: 100%; height: auto; /*background: #3085a3; */ text-align: center; cursor: pointer;}
.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8;}
.grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after { pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
.grid figure h2 { word-spacing: -0.15em; font-weight: 300;}
.grid figure h2 span { font-weight: 800;}
.grid figure h2,
.grid figure p { margin: 0;}
.grid figure p {letter-spacing: 1px; font-size: 68.5%;}
.why-choose-us-img-panel img { bottom: 80px; position: relative;}
.our-gallery {background: #f1f1f1;}
.client-says {background: #f1f1f1;}
.title-span{ font-size: 50px; margin: 0px; padding: 0px; font-weight: 600; }
#client-says .owl-buttons { display: none;}
div#client-says .item img{border: 2px solid #ccc; width: 10%;}
.border-dark { border-color: #e2e2e2!important;}
ul.position-type li { float: left; width: 100%;}
.vector-before{position: relative;}
.vector-before::before{position: absolute; content: ''; background: url(img/title-bg.png)no-repeat; width: 100%; height: 150px; z-index: -9;}
.content-app span{z-index: 9; font-size: 50px;}
/*.app-mobile{background: url(img/app-mobile-view.png); width: 100%; height: 420px;}*/
.content-app p{line-height: 28px;}
footer{background: #000;}
.widget-up span{color: #fff;}
.widget-up a{font-size: 14px; color: #fff; line-height: 30px;}
.widget-up i{font-size: 12px; transition: 0.5s;}
.widget-up i:hover{padding-left: 5px;}
.widget-up span{font-size: 20px;
font-weight: 500; color: #0f61cd;}.widget-up .columns-2{column-count: 2}
.widget-area span { font-size: 22px; font-weight: 600; font-family: 'Raleway', sans-serif; line-height: 58px; position: relative;}
.widget-area li { font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 35px; border-bottom: 2px dotted #ccc; margin-bottom: 0px;}
.widget-area a { color: #333;}
.widget-area span:after { position: absolute; top: 28px; bottom: 0; left: 0; right: 0; content: ""; height: 2px; width: 50px; background: #da353b;}
a.dk-hide { pointer-events: none;}
.widget-up li { color: #fff !important;}
.footer-logo-part{background: #232323;}
.social-media-part-footer { display: inline-block; position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.social-media-part-footer a { color: #fff; background: #0f61cd; border-radius: 4px; text-align: center; text-decoration: none; font-family: fontawesome; position: relative; display: inline-block; width: 35px; height: 30px; padding-top: 4px; margin: 0 2px; -o-transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-font-smoothing: antialiased;}
.social-media-part-footer a:hover { background: #ff7ea1;}
.social-media-part-footer a span { color:#666; position:absolute; font-family:sans-serif; bottom:0; left:-25px; right:-25px; padding:5px 7px; z-index:-1; font-size:14px; border-radius:2px; background:#fff; visibility:hidden; opacity:0; -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.social-media-part-footer a span:before { content:''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position:absolute; bottom:-5px; left:40px;}
.social-media-part-footer a:hover span { bottom:50px; visibility:visible; opacity:1;}
.social-media-part-footer a:nth-of-type(1):before {font-family: "Font Awesome 5 Brands"; content: "\f39e";}
.social-media-part-footer a:nth-of-type(2):before {font-family: "Font Awesome 5 Brands"; content: "\f099";}
.social-media-part-footer a:nth-of-type(3):before {font-family: "Font Awesome 5 Brands"; content: "\f16d";}
.social-media-part-footer a:nth-of-type(4):before {font-family: "Font Awesome 5 Brands"; content: "\f0e1";}
.social-media-part-footer a:nth-of-type(5):before {font-family: "Font Awesome 5 Brands"; content: "\f167";}
.footer-logo-panel a{font-size: 45px; color: #fff}
.footer-bottom { background-color: #000; padding: 0px 0; color: #b0b0b0; font-size: 14px; border-top: 1px solid rgba(255,255,255,.05);}
.company-side p { font-size: 14px;}
.footer-bottom a{color: #fff; }
/**{cursor: none;}*/
.full-populer-item { overflow: hidden;}
section.testimonial { overflow-x: hidden !important; overflow-y: hidden !important;}
/*.pointer { position: fixed; top: 50%; left: -100px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30px; height: 30px; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 999999999999999999999999999999; -webkit-transition-property: width, height, background; -o-transition-property: width, height, background; transition-property: width, height, background; -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: cubic-bezier(.2, .96, .34, 1); -o-transition-timing-function: cubic-bezier(.2, .96, .34, 1); transition-timing-function: cubic-bezier(.2, .96, .34, 1); /* border-radius: 50%; */ background: #7bb12c; overflow: hidden;}*/
body.out .pointer { width: 0; height: 0;}
.pointer.large { width: 65px; height: 65px; background: rgba(239,13,51,.15); -webkit-box-shadow: 0 0 30px rgba(239,13,51, 0.8); box-shadow: 0 0 30px rgba(239,13,51, 0.8);}
.pointer.small { width: 25px; height: 25px; background: rgba(239,13,51,0); -webkit-box-shadow: 0 0 30px #ef0d33; box-shadow: 0 0 30px #ef0d33;}
.pointer.right { width: 70px; height: 70px; background: rgba(239,13,51,0); border: 2px solid #ef0d33;}
.pointer.zoom,.pointer.open { width: 80px; height: 80px; background: rgba(239,13,51,0); border: 2px solid #ef0d33;}
.pointer .fa-long-arrow-alt-right,.pointer .fa-search,.pointer .fa-link { color: #ef0d33; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); opacity: 0; -webkit-transition: .4s cubic-bezier(.23, 1, .32, 1); -o-transition: .4s cubic-bezier(.23, 1, .32, 1); transition: .4s cubic-bezier(.23, 1, .32, 1);}
.pointer .fa-search,
.pointer .fa-link {-webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0);}
.pointer.right .fa-long-arrow-alt-right { opacity: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}
.pointer.zoom .fa-search,.pointer.open .fa-link { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}
.pointer.black {background: #1b2a2f;}
.pointer.black.large {background: rgba(27,42,47,.4); -webkit-box-shadow: 0 0 30px black; box-shadow: 0 0 30px black;}
.pointer.black.small {background: rgba(27,42,47,.5); -webkit-box-shadow: 0 0 30px black; box-shadow: 0 0 30px black;}
.pointer.black.right {background: rgba(27,42,47,0); border: 2px solid #1b2a2f;}
.pointer.black.zoom,.pointer.black.open {background: rgba(27,42,47,0); border: 2px solid #1b2a2f;}
.pointer.black .fa-long-arrow-alt-right,.pointer.black .fa-search,.pointer.black .fa-link { color: #1b2a2f;}
.touch .pointer {display: none;}
.su_button_circle{ border-radius: 1000px; position: absolute; left:0; top:0; width: 0px; height: 0px; margin-left: 0px; margin-top: 0px; pointer-events: none; /*animation-timing-function: ease-in-out; */}
.button_su_inner{ display: inline-block; background: #0943a0; color: #fff; font-size: 16px; font-weight: normal; text-align: center; border-radius: 3px; transition: 400ms; text-decoration: none; padding: 10px 20px 10px 20px; z-index: 100000;}
.button_text_container{position:relative; z-index: 10000; color: #fff;}
.explode-circle {animation: explode 0.5s forwards;}
.desplode-circle{animation: desplode 0.5s forwards;}
@keyframes explode {
0% {width: 0px; height: 0px; margin-left: 0px; margin-top: 0px; background-color: rgba(244, 192, 36,0.2); }
100% {width: 400px; height: 400px; margin-left: -200px; margin-top: -200px; background-color: rgba(244, 192, 36,0.9); }
}
@keyframes desplode {
0% {width: 400px;height: 400px; margin-left: -200px; margin-top: -200px; background-color: rgba(244, 192, 36,0.8); }
100% {width: 0px; height: 0px; margin-left: 0px; margin-top: 0px; background-color: rgba(244, 192, 36,0.6);}
}
#progressbar{position: fixed;top: 0px;right: 0px; width: 10px; height: 100%; border-radius: 10px; background-color: #333; /*background: linear-gradient(to top, #fff, #0943a0);*/ z-index: 9999;}
#products-base .owl-buttons{ top: -340px !important; }
#toTop{position:fixed; bottom:15px; right:15px; cursor:pointer; transition: 0.5s; z-index: 99999;}
.site-mobile-navigation { width: 100%; position: relative; z-index: 99; }
.site-mobile-nav { margin-right: 0 !important; max-width: none; }
.site-mobile-nav .dl-trigger { position: absolute; right: 0; top: -25px; }
.site-mobile-nav .hamburger { display: block; cursor: pointer; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; background-color: transparent; border: 0; margin: 0; overflow: visible; padding: 0; width: auto; height: auto; }
.site-mobile-nav .hamburger.dl-active, .site-mobile-nav .hamburger:hover, .site-mobile-nav .hamburger:focus { background-color: transparent; }
.site-mobile-nav .hamburger::after { display: none; }
.site-mobile-nav .hamburger .hamburger-box { width: 26px; height: 20px; display: block; position: relative; }
.site-mobile-nav .hamburger .hamburger-box .hamburger-inner { display: block; top: 50%; margin-top: -2px; }
.site-mobile-nav .hamburger .hamburger-box .hamburger-inner, .site-mobile-nav .hamburger .hamburger-box .hamburger-inner::before, .site-mobile-nav .hamburger .hamburger-box .hamburger-inner::after { width: 26px; height: 2px; background-color: #232324; border-radius: 4px; position: absolute; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }
.site-mobile-nav .hamburger .hamburger-box .hamburger-inner::before, .site-mobile-nav .hamburger .hamburger-box .hamburger-inner::after { content: ""; display: block; }
.site-mobile-nav .hamburger .hamburger-box .hamburger-inner::before { top: -8px; }
.site-mobile-nav .hamburger .hamburger-box .hamburger-inner::after { bottom: -8px; }
.site-mobile-nav .hamburger--spin .hamburger-inner { -webkit-transition-duration: 0.22s; -o-transition-duration: 0.22s; transition-duration: 0.22s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.site-mobile-nav .hamburger--spin .hamburger-inner::before { -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; -o-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.site-mobile-nav .hamburger--spin .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); -o-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.site-mobile-nav .hamburger--spin.dl-active .hamburger-inner { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.12s; -o-transition-delay: 0.12s; transition-delay: 0.12s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.site-mobile-nav .hamburger--spin.dl-active .hamburger-inner::before { top: 0; opacity: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; -o-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.site-mobile-nav .hamburger--spin.dl-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
.site-mobile-nav .dl-menu { background-color: #ffffff; overflow: hidden; -webkit-box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.1); margin: 40px 0 0 0; }
.site-mobile-nav .dl-menu li { border-bottom: 1px solid #eeeeee; }
.site-mobile-nav .dl-menu li:last-child { border-bottom: none; }
.site-mobile-nav .dl-menu li > a { color: #232324; display: block; position: relative; padding: 10px 25px; line-height: 30px; font-weight: 400; }
.site-mobile-nav .dl-menu li > a:not(:only-child)::after { font-family: "FontAwesome"; content: "\f105"; font-size: 18px; color: #232324; right: 25px; }
.site-mobile-nav .dl-menu li:hover > a { color: #ffffff; background-color: #333333; }
.site-mobile-nav .dl-menu li:hover > a::after { color: #ffffff; }
.site-mobile-nav .dl-menu li .dl-submenu { background-color: transparent !important; }
.site-mobile-nav .dl-menu li .dl-submenu li.dl-back a { background-color: transparent; text-align: right; color: #232324; z-index: 3; position: relative; }
.site-mobile-nav .dl-menu li .dl-submenu li.dl-back a::after { font-family: "FontAwesome"; content: "\f177"; left: 25px; color: #232324; z-index: -1; position: absolute; top: 0; line-height: 50px; width: auto; right: auto; }
.site-mobile-nav .dl-menu li .dl-submenu li.dl-back:hover a { color: #ffffff; background-color: #333333; }
.site-mobile-nav .dl-menu li .dl-submenu li.dl-back:hover a::after { color: #ffffff; }
.site-mobile-nav .dl-submenu { background-color: #ffffff !important; top: 40px !important; }
.overlay-navigation-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: table;}
.overlay-navigation-menu:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; content: ""; z-index: -1; opacity: 0.9; }
.overlay-navigation-menu .overlay-menu-close-icon { display: inline-block; position: absolute; top: 30px; right: 30px; }
.overlay-navigation-menu .overlay-menu-close-icon a { color: #333333; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.overlay-navigation-menu .overlay-menu-close-icon a:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.overlay-navigation-menu .overlay-menu-close-icon a i { font-size: 25px; }
.overlay-navigation-menu .overlay-navigation-menu-container { text-align: center; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: auto; }
.overlay-navigation-menu .overlay-navigation-menu-container nav { margin: auto; }
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li { margin-bottom: 20px; }
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li:last-of-type { margin-bottom: 0; }
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li a { font-size: 32px; line-height: 57px; color: #333333; position: relative; }
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li a:after { position: absolute; bottom: 0; left: auto; right: 0; width: 0; height: 2px; content: ""; background-color: #333; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li a:hover:after { left: 0; right: auto; width: 100%; }
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li.has-children ul li { margin-bottom: 0; }
.overlay-navigation-menu .overlay-navigation-menu-container nav ul li.has-children ul li a { font-size: 20px; line-height: 40px; }
.header-bottom-container {text-align: center;}
.header-bottom-container .logo-with-offcanvas { -ms-flex-preferred-size: 20%; flex-basis: 20%; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-bottom-container .logo-with-offcanvas {-ms-flex-preferred-size: 40%; flex-basis: 40%; }
}
@media only screen and (max-width: 767px) {
.header-bottom-container .logo-with-offcanvas {-ms-flex-preferred-size: 60%; flex-basis: 60%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-bottom-container .header-bottom-navigation {-ms-flex-preferred-size: 0; flex-basis: 0; }
}
@media only screen and (max-width: 767px) {
.header-bottom-container .header-bottom-navigation { -ms-flex-preferred-size: 0; flex-basis: 0; }
}
.header-bottom-container .header-right-container {-ms-flex-preferred-size: 20%; flex-basis: 20%; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-bottom-container .header-right-container {-ms-flex-preferred-size: 60%; flex-basis: 60%; }
}
@media only screen and (max-width: 767px) {
.header-bottom-container .header-right-container { -ms-flex-preferred-size: 40%; flex-basis: 40%; }
}
.header-sticky.is-sticky { position: fixed; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown; animation: 700ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 999; background-color: #ffffff; }
nav.center-menu > ul > li.menu-item-has-children ul.mega-menu {right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }
nav.site-nav > ul > li { display: inline-block; position: static; margin: 0 0px; text-align: left; line-height: 0px; }
nav.site-nav > ul > li a {position: relative; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
nav.site-nav > ul > li {margin: 0 20px; } }
nav.site-nav > ul > li:hover > a {position: relative; color: #0f61cd;}
nav.site-nav > ul > li:hover > a:after {width: 100%; right: auto; left: 0;}
nav.site-nav > ul > li.menu-item-has-children:hover .sub-menu { visibility: visible; opacity: 1; margin-top: 27px; }
nav.site-nav > ul > li.menu-item-has-children > a { position: relative; transition: 0.5s; text-transform: uppercase; font-weight: 700;}
nav.site-nav > ul > li > a {color: #fff; font-weight: 500; }
nav.site-nav > ul > li > a:after {position: absolute; bottom: 30px; left: auto; right: 0; width: 0; height: 1px; content: ""; background-color: #0f60cb; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
nav.site-nav > ul > li ul.sub-menu { position: absolute; -webkit-box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.3); box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.3); visibility: hidden; opacity: 0; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; margin-top: 45px; background-color: #ffffff; z-index: 9999; }
nav.site-nav > ul > li ul.sub-menu li { line-height: 35px; }
nav.site-nav > ul > li ul.single-column-menu {padding: 15px; min-width: 280px; max-width: 350px; }
nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li {position: relative; }
nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li:hover .multilevel-submenu {visibility: visible; opacity: 1; margin-top: 0; }
nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li .multilevel-submenu {position: absolute; top: 0; left: 106%; min-width: 280px; background-color: #ffffff; -webkit-box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.3); box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.3); padding: 15px; visibility: hidden; opacity: 0; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; margin-top: 15px; }
@media only screen and (min-width: 1200px) and (max-width: 1499px) {nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li .multilevel-submenu { left: 106%; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li .multilevel-submenu {left: -140%; }
}
nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li .multilevel-submenu li {display: block;}
nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li .multilevel-submenu li a { margin-bottom: 15px; }
nav.site-nav > ul > li ul.single-column-menu.single-column-has-children > li .multilevel-submenu li:last-child a {margin-bottom: 0; }
nav.site-nav > ul > li ul.single-column-menu li a {position: relative; margin-bottom: 15px; font-size: 16px; line-height: 22px; color: #7e7e7e; }
nav.site-nav > ul > li ul.single-column-menu li a:hover {color: #333333; }
nav.site-nav > ul > li ul.single-column-menu li a:hover:after {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7; content: ""; }
nav.site-nav > ul > li ul.single-column-menu li:last-child a {margin-bottom: 0; }
nav.site-nav > ul > li ul.mega-menu {padding: 30px 60px; overflow: hidden; z-index: 9999; }
nav.site-nav > ul > li ul.mega-menu > li {display: inline-block; border-right: 1px solid #e7e7e7; }
nav.site-nav > ul > li ul.mega-menu > li ul li {display: block; }
nav.site-nav > ul > li ul.mega-menu-column-4 {max-width: 1100px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; right: 400px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
nav.site-nav > ul > li ul.mega-menu-column-4 { max-width: 850px; }
}
nav.site-nav > ul > li ul.mega-menu-column-4 > li { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; padding-left: 30px; }
nav.site-nav > ul > li ul.mega-menu-column-4 > li:first-child {padding-left: 0; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
nav.site-nav > ul > li ul.mega-menu-column-4 > li:nth-of-type(3) {border-right: none; }
}
nav.site-nav > ul > li ul.mega-menu-column-4 > li:last-child {border-right: none; }
nav.site-nav > ul > li ul.mega-menu-column-4 > li:last-child .menu-image { position: absolute; padding-right: 60px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
nav.site-nav > ul > li ul.mega-menu-column-4 > li:last-child {display: none; padding-left: 0; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
nav.site-nav > ul > li ul.mega-menu-column-4 > li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; }
}
nav.site-nav > ul > li ul.mega-menu-column-4 > li a.mega-column-title { font-size: 15px; line-height: 18px; font-weight: 500; margin-bottom: 20px; color: #333333; }
nav.site-nav > ul > li ul.mega-menu-column-4 > li a.mega-column-title:after {display: none; }
nav.site-nav > ul > li ul.mega-menu-column-4 > li .mega-sub-menu li a {position: relative; margin-bottom: 15px; font-size: 15px; line-height: 22px; color: #7e7e7e; }
nav.site-nav > ul > li ul.mega-menu-column-4 > li .mega-sub-menu li a:hover {color: #333333;}
nav.site-nav > ul > li ul.mega-menu-column-4 > li .mega-sub-menu li a:hover:after {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7; content: ""; }
nav.site-nav > ul > li ul.mega-menu-column-4 > li .mega-sub-menu li:last-child a { margin-bottom: 0; }
nav.site-nav > ul > li ul.mega-menu-column-5 { max-width: 1170px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; right: 450px; } @media only screen and (min-width: 992px) and (max-width: 1199px) {
nav.site-nav > ul > li ul.mega-menu-column-5 {max-width: 950px; }
}
nav.site-nav > ul > li ul.mega-menu-column-5 > li { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; padding: 0 25px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
nav.site-nav > ul > li ul.mega-menu-column-5 > li { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }
}
nav.site-nav > ul > li ul.mega-menu-column-5 > li:first-child {padding-left: 0; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
nav.site-nav > ul > li ul.mega-menu-column-5 > li:nth-of-type(4) {border-right: none; }
}
nav.site-nav > ul > li ul.mega-menu-column-5 > li:last-child {border-right: none; padding-right: 0; }
nav.site-nav > ul > li ul.mega-menu-column-5 > li:last-child .menu-image {position: absolute; padding-right: 60px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
nav.site-nav > ul > li ul.mega-menu-column-5 > li:last-child {margin-left: 0; display: none; }
}
nav.site-nav > ul > li ul.mega-menu-column-5 > li a.mega-column-title { font-size: 15px; line-height: 18px; font-weight: 500; margin-bottom: 20px; color: #333333; }
nav.site-nav > ul > li ul.mega-menu-column-5 > li a.mega-column-title:after {display: none; }
nav.site-nav > ul > li ul.mega-menu-column-5 > li > .mega-sub-menu li { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
nav.site-nav > ul > li ul.mega-menu-column-5 > li > .mega-sub-menu li img { position: absolute; bottom: -20px; left: 50%; width: 250px; height: auto; border-radius: 5px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; z-index: 99; }
nav.site-nav > ul > li ul.mega-menu-column-5 > li > .mega-sub-menu li:hover img {visibility: visible; opacity: 1; bottom: -10px; }
nav.site-nav > ul > li ul.mega-menu-column-5 > li .mega-sub-menu li a { position: relative; margin-bottom: 15px; font-size: 15px; line-height: 22px; color: #7e7e7e; }
nav.site-nav > ul > li ul.mega-menu-column-5 > li .mega-sub-menu li a:hover { color: #333333; }
nav.site-nav > ul > li ul.mega-menu-column-5 > li .mega-sub-menu li a:hover:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7; content: ""; }
nav.site-nav > ul > li ul.mega-menu-column-5 > li .mega-sub-menu li a:before { position: absolute; top: 0; right: 0; width: 250px; height: auto; border-radius: 5px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); opacity: 1; visibility: visible; z-index: 99; content: ""; background-image: 'attr(data-homeimage)'; }
nav.site-nav > ul > li ul.mega-menu-column-5 > li .mega-sub-menu li:last-child a { margin-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-right-icons {margin-right: 55px; }
}
@media only screen and (max-width: 767px) {
.header-right-icons {margin-right: 45px; }
}
.header-right-icons .single-icon {margin-left: 30px; }
@media only screen and (max-width: 479px) {
.header-right-icons .single-icon {margin-left: 20px; }
}
@media only screen and (max-width: 479px) {
.header-right-icons .single-icon.wishlist {display: none; }
}
@media only screen and (max-width: 479px) {
.header-right-icons .single-icon.user-login {display: none; }
}
.header-right-icons .single-icon a {position: relative; }
.header-right-icons .single-icon a i { font-size: 20px; color: #333;}
.header-right-icons .single-icon a span.count {position: absolute; top: -5px; right: -10px; width: 16px; height: 16px; line-height: 16px; background-color: #D3122A; color: #ffffff; text-align: center; font-size: 14px; border-radius: 50%; font-weight: 500; }
.overlay-close, .wishlist-overlay-close, .cart-overlay-close { position: absolute; width: 100%; height: 100%; z-index: 2; }
.header-split { border-bottom: 1px solid #efefef; } .header-split:before { position: absolute; top: -3px; left: 0; width: 100%; height: 3px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); content: ""; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-split::before {display: none; }
}
@media only screen and (max-width: 767px) {
.header-split::before {display: none; }
}
.header-split.is-sticky::before {display: none;}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
.header-split .header-bottom .header-bottom-container .logo-with-offcanvas {-ms-flex-preferred-size: 10%; flex-basis: 10%; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-split .header-bottom .header-bottom-container .logo-with-offcanvas {-ms-flex-preferred-size: 10%; flex-basis: 10%; }
}
.header-split .header-bottom .header-bottom-container .logo-with-offcanvas .logo {position: absolute; left: 50%; }
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
.header-split .header-bottom .header-bottom-container .logo-with-offcanvas .logo {left: 45%; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-split .header-bottom .header-bottom-container .logo-with-offcanvas .logo {left: 45%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-split .header-bottom .header-bottom-container .logo-with-offcanvas .logo {position: relative; left: 0; }
}
@media only screen and (max-width: 767px) {
.header-split .header-bottom .header-bottom-container .logo-with-offcanvas .logo {position: relative; left: 0; }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
.header-split .header-bottom .header-bottom-container .header-bottom-navigation { -ms-flex-preferred-size: 70%; flex-basis: 70%; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-split .header-bottom .header-bottom-container .header-bottom-navigation {-ms-flex-preferred-size: 70%; flex-basis: 70%; }
}
.header-offcanvas-about {border-bottom: 1px solid #efefef; position: relative; }
.header-offcanvas-about:before { position: absolute; top: -3px; left: 0; width: 100%; height: 3px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); content: ""; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-offcanvas-about::before {display: none; }
}
@media only screen and (max-width: 767px) {
.header-offcanvas-about::before {display: none; }
}
.header-offcanvas-about.is-sticky::before {display: none;}
.offcanvas-about-icon a { color: #333; display: inline-block; }
.offcanvas-about-icon a i {font-size: 30px; }
.header-wide-topbar.is-sticky .header-top {display: none; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-wide-topbar {-webkit-box-shadow: none; box-shadow: none; }
}
@media only screen and (max-width: 767px) {
.header-wide-topbar { -webkit-box-shadow: none; box-shadow: none; }
}
.header-top { border-bottom: 1px solid #dedede; }
.header-top .header-separator { margin: 0 10px; color: #d8d8d8; }
.top-newsletter-subscription a {font-size: 14px; }
.top-newsletter-subscription a:hover {color: #333333; }
.order-online-text {font-size: 14px; }
.order-online-text a {font-size: 14px; line-height: 14px; color: #333333; border-bottom: 1px solid #333333;}
.header-top-container { display: -webkit-box; display: -ms-flexbox; display: flex; }
.header-top-container .header-top-left { -ms-flex-preferred-size: 50%; flex-basis: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-top-container .header-top-left {-ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
@media only screen and (max-width: 767px) {
.header-top-container .header-top-left { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}
.header-top-container .header-top-right {-ms-flex-preferred-size: 50%; flex-basis: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-top-container .header-top-right {display: none; }
}
@media only screen and (max-width: 767px) {
.header-top-container .header-top-right { display: none; }
}
.header-top-container .header-top-right .top-social-icons ul li {display: inline-block; }
.header-top-container .header-top-right .top-social-icons ul li a {color: #333333; margin-right: 20px; }
.header-top-container .header-top-right .top-social-icons ul li:last-child a {margin-right: 0; }
.change-dropdown { position: relative; margin-right: 15px; }
.change-dropdown > a { font-size: 14px; color: #7e7e7e; position: relative; }
.change-dropdown > a:hover {color: #333333; }
.change-dropdown > a:before {position: absolute; top: 0; right: -15px; content: "\f107"; font-family: fontAwesome; }
.change-dropdown:hover ul { visibility: visible; opacity: 1; margin-top: 0; }
.change-dropdown ul { position: absolute; top: 120%; background-color: #ffffff; -webkit-box-shadow: -1px 10px 80px -15px rgba(0, 0, 0, 0.3); box-shadow: -1px 10px 80px -15px rgba(0, 0, 0, 0.3); min-width: 150px; visibility: hidden; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-top: 10px; z-index: 999; }
.change-dropdown ul li a { font-size: 14px; display: block; padding: 8px 15px; color: #7e7e7e; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.change-dropdown ul li a:hover { color: #333333; padding-left: 20px; }
.header-box-topbar:before { position: absolute; top: -3px; left: 0; width: 100%; height: 3px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); content: ""; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-box-topbar::before {display: none; }
}
@media only screen and (max-width: 767px) {
.header-box-topbar::before {display: none; }
}
.header-box-topbar.is-sticky::before {display: none; }
.header-box-topbar.is-sticky .header-bottom {padding-top: 0 !important; }
.header-box-topbar.is-sticky .header-bottom-container .language-currency-change-container { display: none; }
.header-box-topbar.is-sticky .header-bottom-container .logo-with-offcanvas { -ms-flex-preferred-size: 20%; flex-basis: 20%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; text-align: left; }
.header-box-topbar.is-sticky .header-bottom-container .header-bottom-navigation { -ms-flex-preferred-size: 60%; flex-basis: 60%; margin-top: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
.header-box-topbar.is-sticky .header-bottom-container .header-right-container { -ms-flex-preferred-size: 20%; flex-basis: 20%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }
.header-box-topbar .header-bottom-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.header-box-topbar .header-bottom-container .language-currency-change-container {-ms-flex-preferred-size: 30%; flex-basis: 30%; display: -webkit-box; display: -ms-flexbox; display: flex; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-box-topbar .header-bottom-container .language-currency-change-container {display: none; }
}
@media only screen and (max-width: 767px) {
.header-box-topbar .header-bottom-container .language-currency-change-container {display: none; }
}
.header-box-topbar .header-bottom-container .language-currency-change-container .header-separator {margin: 0 20px; }
.header-box-topbar .header-bottom-container .logo-with-offcanvas { -ms-flex-preferred-size: 40%; flex-basis: 40%; text-align: center; }
.header-box-topbar .header-bottom-container .header-right-container {-ms-flex-preferred-size: 30%; flex-basis: 30%; }
.header-box-topbar .header-bottom-container .header-bottom-navigation { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 40px; }
.header-without-topbar { position: relative; }
.header-without-topbar:before { position: absolute; top: -3px; left: 0; width: 100%; height: 3px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); content: ""; }
.header-without-topbar.is-sticky::before {display: none;}
.header-without-topbar.no-shadow:before {display: none; }
.header-without-topbar.slider-bottom-header {position: static; z-index: 99;}
.header-without-topbar.slider-bottom-header.slider-bottom-header-sticky.is-sticky {position: fixed; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown; animation: 700ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 999; background-color: #ffffff; }
.header-transparent-background {position: absolute; top: 0; left: 0; width: 100%; z-index: 99; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.header-transparent-background .language-currency-change-container .change-dropdown > a {color: #ffffff; }
.header-transparent-background:before {position: absolute; top: -3px; left: 0; width: 100%; height: 3px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); content: ""; }
.header-transparent-background.is-sticky::before {display: none; }
.header-transparent-background.is-sticky {background-color: #ffffff; border-bottom: 1px solid #efefef; }
.header-transparent-background.is-sticky .logo a img:nth-child(1) {visibility: hidden; opacity: 0; display: none; }
.header-transparent-background.is-sticky .logo a img:nth-child(2) {visibility: visible; opacity: 1; display: block; }
.header-transparent-background.is-sticky .header-bottom-navigation .site-main-nav .site-nav > ul > li > a {color: #7e7e7e;}
.header-transparent-background.is-sticky .header-bottom-navigation .site-main-nav .site-nav > ul > li > a:hover {color: #333333;}
.header-transparent-background.is-sticky .header-right-container .header-right-icons .single-icon a i {color: #333;}
.header-transparent-background:hover {background-color: #ffffff;border-bottom: 1px solid #efefef;-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset; }
.header-transparent-background:hover .language-currency-change-container .change-dropdown > a {color: #7e7e7e; }
.header-transparent-background:hover .logo a img:nth-child(1) {visibility: hidden; opacity: 0; display: none;}
.header-transparent-background:hover .logo a img:nth-child(2) {visibility: visible; opacity: 1; display: block; }
.header-transparent-background:hover .header-bottom-navigation .site-main-nav .site-nav > ul > li > a {color: #7e7e7e;}
.header-transparent-background:hover .header-bottom-navigation .site-main-nav .site-nav > ul > li > a:hover {color: #333333;}
.header-transparent-background:hover .header-right-container .header-right-icons .single-icon a i {color: #333;}
.header-transparent-background:hover .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner {background-color: #333333; }
.header-transparent-background:hover .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner:before {background-color: #333333;}
.header-transparent-background:hover .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner:after {background-color: #333333; }
.header-transparent-background .logo a img:nth-child(2) {visibility: hidden; opacity: 0; display: none; }
.header-transparent-background .header-bottom-navigation .site-main-nav .site-nav > ul > li > a {color: #ffffff; }
.header-transparent-background .header-right-container .header-right-icons .single-icon a i {color: #ffffff; }
.header-transparent-background .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner {background-color: #ffffff; }
.header-transparent-background .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner:before {background-color: #ffffff; }
.header-transparent-background .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner:after {background-color: #ffffff; }
.header-transparent-background--black { -webkit-box-shadow: none; box-shadow: none; border-bottom: none; }
.header-transparent-background--black .logo a img:nth-child(1) { visibility: hidden; opacity: 0; display: none; }
.header-transparent-background--black .logo a img:nth-child(2) {visibility: visible; opacity: 1; display: block; }
.header-transparent-background--black .header-bottom-navigation {visibility: hidden; opacity: 0; }
.header-transparent-background--black .header-right-container .header-right-icons .single-icon a i { color: #333; }
.header-transparent-background--black .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner {background-color: #333; }
.header-transparent-background--black .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner:before {background-color: #333; }
.header-transparent-background--black .site-mobile-navigation .hamburger .hamburger-box .hamburger-inner:after {background-color: #333; }
.header-transparent-background--black:hover {background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border-bottom: none; }
.fa-sort-down:before, .fa-sort-desc:before{position: relative; bottom: 3px;}
.header-wide-topbar { background: #ff7ea1;}
.center-item{margin: 0px auto; border: 3px dashed #0f61cd;}
.center-item span{ font-size: 40px; line-height: 60px; }
.center-item p { font-size: 28px; font-weight: 600; color: #ff7ea1; padding-left: 120px; padding-right: 120px;}
.animaton-rotate{position: relative;}
.animaton-rotate img{ position: absolute; width: 20%; left: 12%; bottom: 0px; /* opacity: 0.2; */ /* transition: 50s; */ /* -webkit-animation: rotation 50s infinite linear;*/}
/*.animaton-rotate img:hover{ -webkit-transform: rotate(360deg) !important; transform: rotate(360deg) !important;}*/
@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}
img.roate-two { left: 62%; bottom: -105px; width: 22%;}
.top-header { margin-top: 15px; text-align: center;}
.social-media { margin-top: 10px;}
.page-title-section {padding: 150px 0; background-color: #f8f8f8; background-image: url(img/breadcumb.png); color: #fff; background-attachment: fixed; background-position: 50% 50%; background-size: cover;}
.color-site { transition: 0.5s; background-color: #0f61cd;}
.color-site:hover { background: #ff7ea1;}
.blog-sidebar { padding-right: 17px;}
.widget { background: #f4f4f4; padding: 15px;}
.sidebar-title h3 { font-size: 26px; color: #333; margin-bottom: 0; padding-left: 20px; position: relative; line-height: 1;}
.sidebar-title h3::before {content: ""; position: absolute; left: 0; top: 0; height: 20px; width: 2px; background: #ff7ea1;}
.sidebar-title h3::after {content: ""; position: absolute; left: 5px; top: -3px; height: 20px; width: 2px; background: #0f61cd;}
.sidebar-form form { position: relative; margin-bottom: 25px;}
.sidebar-form form input { width: 100%; border: none; padding: 10px 20px;}
.sidebar-form form button { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; border: none; padding: 0; background: none; color: #077f37; cursor: pointer; line-height: 1;}
.single-sidebar.white-bg { padding: 30px 25px;}
.cat-list ul li { display: block; padding-bottom: 10px; margin-bottom: 15px;border-bottom: 1px dashed #d6d6d6;}
.cat-list ul li:last-child { margin-bottom: 0px;}
.cat-list ul li a { color: #6b6b6b; display: block;}
.cat-list ul li a span { float: right;}
.cat-list ul li a:hover { color: #077f37;}
.rc-post ul li { display: flex; align-items: center; margin-bottom: 20px;}
.rc-post ul li:last-child { margin-bottom: 0;}
.rc-post-thumb { margin-right: 15px;}
.rc-post-content h5 { font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 5px; color: #4f405e;}
.rc-post-content h5 a:hover { color: #e32222;}
.rc-post-content span { font-size: 12px; display: block; color: #969696;}
.rc-post-content span { font-size: 12px; display: block; color: #969696;}
.s-blog-sidebar { padding-left: 17px;}
.blog-classic-post { box-shadow: none;}
.blog-classic-post .blog-content { padding: 0;}
.blog-classic-tag ul li { display: inline-block; margin-right: 3px; font-weight: 500;}
.blog-classic-tag ul li,.blog-classic-tag ul li a { font-size: 14px; color: #e32222;}
.blog-classic-post .blog-content h4 { color: #3c3444; font-size: 30px; margin-bottom: 25px; font-weight: 700; padding-right: 0; line-height: 1.4;}
.blog-classic-post .blog-content h4 a:hover { color: #e32222;}
.blog-classic-post .blog-content p { font-size: 15px; margin-bottom: 45px;}
.blog-classic-meta > ul { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 19px 0;}
.blog-classic-meta ul li.blog-post-date { font-size: 14px; color: #9a9999; font-weight: 400; text-transform: uppercase;}
.blog-classic-meta > ul > li.blog-post-date > i { margin-right: 5px;}
.blog-classic-meta ul li.blog-more-read a { font-size: 13px; text-transform: uppercase; letter-spacing: 2px; color: #3c3444;}
.blog-classic-meta ul li.blog-more-read a:hover { color: #e32222;}
.blog-classic-meta ul li.blog-post-share a,.post-avatar-social a { display: inline-block; height: 30px; width: 30px; line-height: 30px; background: #385594; text-align: center; font-size: 12px; border-radius: 50%; color: #fff; margin-left: 5px;}
.blog-classic-meta ul li.blog-post-share a:nth-child(2),.post-avatar-social a:nth-child(2) { background: #4eabee;}
.blog-classic-meta ul li.blog-post-share a:last-child,.post-avatar-social a:last-child { background: #cb2027;}
.blog-details-date li { display: inline-block; margin-right: 15px; color: #9a9999; font-size: 13px;}
.blog-details-date li a { color: #716f6f;}
.blog-details-date li i { margin-right: 5px;}
.blog-details-date li:last-child { margin-right: 0;}
.blog-classic-post .blog-details-content p { margin-bottom: 10px;}
.blog-details-img { display: flex; align-items: center; margin: 45px 0 40px;}
.blog-details-img img:first-child { margin-right: 20px;}
.blog-details-content .blog-classic-meta { margin-top: 75px;}
.blog-classic-meta .blog-details-tag i { font-size: 12px; color: #a6a5a5; margin-right: 15px;}
.blog-details-tag a { font-size: 13px; text-transform: capitalize; color: #a6a5a5; position: relative; display: inline-block; padding-right: 10px; margin-right: 10px;}
.blog-details-tag a::before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; background: #a6a5a5;}
.blog-details-tag a:last-child { margin-right: 0; padding-right: 0;}
.blog-details-tag a:last-child::before { display: none;}
.blog-details-tag a:hover { color: #e32222;}
.avatar-post { background: #f8f8f8; padding: 40px 50px;}
.avatar-post ul li { display: flex; align-items: center;}
.post-avatar-img { margin-right: 25px;}
.post-avatar-img img { border-radius: 50%; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.16);}
.post-avatar-content h5 { font-size: 18px; color: #4f405e; margin-bottom: 10px;}
.post-avatar-content p { font-size: 15px; line-height: 26px; margin-bottom: 0; color: #554e5c; font-weight: 400;}
.post-avatar-social a:first-child { margin-left: 0;}
.blog-next-prev ul { display: flex; align-items: center; justify-content: space-between;}
.blog-next-prev ul li a { display: block; font-size: 16px; font-weight: 500; color: #4f405e;}
.blog-prev img { margin-right: 15px;}
.blog-next img { margin-left: 15px;}
.blog-next-prev ul li a:hover { color: #e32222;}
.b-details-inner-title { font-size: 26px; margin-bottom: 35px; color: #4f405e;}
.blog-comment ul li { display: block; padding-bottom: 30px; border-bottom: 1px dashed #d2d2d2; overflow: hidden; margin-bottom: 30px;}
.blog-comment ul li .single-comment { display: flex; align-items: center;}
.comment-avatar-img { margin-right: 25px;}
.comment-avatar-info { overflow: hidden; margin-bottom: 15px;}
.comment-avatar-info h5 { font-size: 18px; margin-bottom: 0; display: inline-block; color: #4f405e;}
.comment-avatar-info h5 span { font-size: 13px; color: #a6a5a5; margin-left: 15px; font-weight: 500;}
.comment-reply-link { float: right; color: #9d9c9e; font-size: 14px; font-weight: 500;}
.comment-reply-link:hover { color: #e32222;}
.comment-text p { font-size: 15px; font-weight: 400; margin-bottom: 0; line-height: 2;}
.blog-comment ul li.comment-reply { margin-left: 50px;}
.comment-avatar-img img { border-radius: 50%; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.16);}
.comment-form textarea { width: 100%; padding: 20px 20px; border: none; margin-bottom: 20px; background: #f8f8f8; height: 160px; transition: .3s;}
.comment-form input { width: 100%; padding: 18px 20px; border: none; margin-bottom: 20px; background: #f8f8f8; transition: .3s;}
.comment-form textarea::placeholder,
.comment-form input::placeholder {color: #afabb3;}
.comment-form .btn { margin-top: 10px; border-radius: 0px; padding: 18px 40px;}
.blog-content a { font-size: 18px; color: #fff;}
.info-column p{font-size: 16px; line-height: 28px;}
.default-form .form-group input[type="text"], .default-form .form-group input[type="password"], .default-form .form-group input[type="tel"], .default-form .form-group input[type="email"], .default-form .form-group select { position: relative; display: block; width: 100%; color: #333; line-height: 26px; padding: 10px 20px; height: 48px; font-size: 16px; border-radius: 4px; background: rgba(0, 0, 0, 0.15); border: 1px solid rgba(255,255,255,0.40); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; background: rgba(0, 0, 0, 0.15);}
.default-form .form-group textarea { position: relative; display: block; width: 100%; line-height: 26px; padding: 10px 20px; color: #a5a5a5; height: 100px; font-size: 14px; resize: none; border-radius: 4px; border: 1px solid rgba(255,255,255,0.40); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; background: #9a9a9a57 !important; color: #333;}
.btn-style-four:hover { background: #fff; color: #ffffff; border-color: #fff; color: #333; border: 2px solid #ccc;}
.btn-style-four { position: relative; line-height: 25px; background: #0f61cd; color: #fff; font-size: 16px; font-weight: 400; border-radius: 50px; letter-spacing: 1px; border: 2px solid #0f61cd; text-transform: capitalize; padding: 10px 30px 10px 30px; transition: 0.5s; width: 100%; font-family: 'Raleway', sans-serif; cursor: pointer;}
.ttm-bgcolor-white{ background-color: #fff; min-height: 125px;}
.ttm-bgcolor-grey{ background-color: #f7f7f6;}
.featured-icon-box .ttm-icon { margin-bottom: 0px;}
.ttm-icon.ttm-icon_element-size-sm { height: 46px; width: 46px; line-height: 46px; margin-right: 18px;}
.ttm-icon_element-bgcolor-skincolor{background-color: #0f61cd;}
.ttm-icon.ttm-icon_element-size-sm i { font-size: 24px;}
.featured-icon-box.left-icon .featured-icon, .featured-icon-box.left-icon .featured-content { display: table-cell; vertical-align: middle;}
.featured-title span { font-weight: 700; font-size: 18px; display: block;}
.form-control.with-border{border: 1px solid #ebeded;}
.form-control:focus{ background-color: transparent; box-shadow: none;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, nput[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border: 1px solid #ff7ea1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
textarea:-moz-placeholder,textarea::-moz-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder ,input::-ms-input-placeholder,textarea::-webkit-input-placeholder,input::-webkit-input-placeholde { color: #fff;}
.spacing-6 { padding: 45px 45px 45px 45px; margin-top: 60px; margin-bottom: 60px;}
.form-control.with-border { border: 1px solid #ebeded;}
.form-control { padding: 13px 15px; height: auto; border-radius: 0; border: 1px solid transparent; font-size: 14px; background-color: transparent;}
textarea.form-control { height: auto;}
.ttm-btn.ttm-btn-bgcolor-darkgrey{ background-color: #232323; transition: 0.5s;}
.ttm-btn.ttm-btn-bgcolor-darkgrey:hover{background: #0f61cd;}
.ttm-btn.ttm-btn-size-md { font-family: 'Raleway', sans-serif; font-size: 15px; padding: 13px 30px 13px 30px; border: none; color: #fff; cursor: pointer;}
.heading-seperator { position: relative; z-index: 999; left: 48%; bottom: 20px;}
.presence-inner {text-align: center; background: #ffbd1f; padding-top: 15px; padding-bottom: 15px; position: relative; left: -28px; border-right: 1px solid #fff;}
.presence-box {background-color: #ffbd1f;}
.last-child-none {border-right: none;}
.full-width-type {background-color: #0f61cd; width: 100%; margin-left: 0; margin-bottom: 20px; padding: 8px 0; text-align: center;}
.full-width-type a { font-size: 22px;}
.presence-inner a {color: #fff; font-size: 18px;}
.inner-left-side-product li {display: inline-block; margin-right: 12px;}
ul.coloring li a {background: #ff7ea1; padding: 15px; color: #fff;}
ul.coloring {text-align: center;}
.inner-states {background-color: #333; text-align: left;}
.inner-states h4 {color: #fff; margin-bottom: 15px; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; font-size: 15px;}
.inner-states i {padding-right: 8px;}
.inner-states a {color: #fff; font-size: 14px;}
.final-products img{width: 100%; margin-bottom: 20px;}
.final-products p {line-height: 25px;}
.cover-product {padding-left: 0px; min-height: 250px; width: 385px; float: left; margin-right: 20px;}
.cover-product-this p {line-height: 24px; margin-bottom: 16px;}
.only-product h2 {font-size: 32px;}
.zoom-effect img {width: 100%;}
.cover-product-this p { line-height: 30px; color: #777;}
.products-fill { border-right: 1px solid #ccc;}
.listing-item span{font-weight: 600; font-size: 25px;}
.listing-item li{line-height: 40px; padding-left: 30px; font-size: 18px; font-weight: 600; background-position: 0% 25% !important;}
.listing-item span{position: relative;}
.listing-item span::after{ position: absolute; width: 60px; height: 4px; background: #3b55e6; content: ''; bottom: -8px; left: 3.9%; border-radius: 100px;}
.listing-item span::before{position: absolute; width: 20px; height: 4px; background: #fbba42; content: ''; bottom: -8px; left: 0%; border-radius: 100px;}
.site-listing ul { line-height: 33px;}
.site-listing i {color: #333 !important;}
.site-listing ul ul { padding-left: 20px;}
.site-listing ul li a{color: #333;}
.testimonial-client { margin: 0px auto; text-align: center;}
.under-box-shadow{border: 1px dashed #0f61cd;}
.under-box-shadow p { background: #ff7ea1; color: #fff;}
.border-top { border-top: 1px solid #3d4246!important;}
.border-right { border-right: 1px solid #3d4246!important;}
.gall-box { margin-bottom: 35px;}
.blog-thumb img { border: 1px dashed #ccc;}
.blog-content { background: #0f61cd; padding: 10px;}
.blog-content p { font-size: 14px; color: #fff; margin-bottom: 10px;}
.blog-content a:nth-child(3) { font-size: 14px;}
.zoom-effect img { border: 1px dashed #0f61cd;}
.header-sticky.fixed {position: fixed; top: 0; box-shadow: 5px 0px 5px #ccc; background-color: #fff; z-index: 99; width: 100%;}
.mobile-menu { display: none;}
ul.height_scroll { height: 500px; overflow-y: scroll;}
ul.height_scroll::-webkit-scrollbar { width: 10px;}
ul.height_scroll::-webkit-scrollbar-track { background: #f1f1f1; }
ul.height_scroll::-webkit-scrollbar-thumb {background: #888; }
ul.height_scroll::-webkit-scrollbar-thumb:hover { background: #555; }
.about-content-panel p { padding-bottom: 15px;}
div#client-says li strong { font-size: 18px; font-family: 'Raleway', sans-serif;}
.cover-product-this h2 {font-size: 25px; text-align: left !important; margin-bottom: 10px;}
.cover-product-this h3 {font-size: 25px; text-align: left !important; margin-bottom: 10px;}
.cover-product-this h4 {font-size: 25px; text-align: left !important; margin-bottom: 10px;}
.cover-product-this h5 {font-size: 25px; text-align: left !important; margin-bottom: 10px;}
.cover-product-this h6 {font-size: 25px; text-align: left !important; margin-bottom: 10px;}
.map_frame iframe{width: 100%; height: 350px;}
.section-padding {background: url(../img/contact-map.jpg); background-attachment: fixed;}
p.telling-font { font-size: 30px; color: #0f61cd; font-weight: 600;}
span.heading-font { font-size: 25px; font-weight: 600;}
.contact .form input, .contact .form textarea { font-size: 15px; width: 100%; padding: 14px 15px; background: #f5f5f5; border: 0; margin-bottom: 0; outline: none;}
.butn-bg { background-color: #0f61cd; padding: 18px 25px 18px 25px; border-radius: 50px; line-height: 0;}
a.only-custom { font-size: 20px; color: #333;}
button.butn.butn-bg { cursor: pointer;}
.whats-app-icon img { position: fixed; bottom: 50px; left: 50px; cursor: pointer; transition: 0.5s; z-index: 999; box-shadow: 2px 2px 6px rgb(0 0 0 / 40%); border-radius: 100px;}
.full-width-content { margin: 0px auto;}
p.related-heading{ background: #0f61cd; width: 100%; display: block; padding: 10px 15px; font-size: 22px; font-weight: 700;}
.related-products .section-heading { text-align: center;}
.related-products .container { padding: 0;}
.related-products .container { padding-top: 20px;}
.read-btn a { background: #0b1a32; padding: 7px 15px; color: #fff;}
.related_content h4 { font-size: 20px;}
.related_img img { height: 160px; margin: 10px 0px;}
.related_img img { width: 100%; object-fit: contain; border: 1px solid #cccc;}
.related_content { margin-top: 10px;}
.related_content p { margin-bottom: 20px;}
.content-side-product-details span { font-size: 23px; display: block; margin-bottom: 10px;}
.expandedContent ul {
column-count: 2;
list-style-type: disc;
padding-left: 25px;
}