body{ font-family: 'Inter', sans-serif; background:#ffffff;}

header { position: fixed; z-index: 999; left: 0; right: 0; transition: all .5s ease-in-out; padding: 40px 0;}
header .header-left {display: flex; justify-content: flex-start; align-items: center;}
header .header-left .logo { float: left;}

header .center {
    display: flex;
    justify-content: space-between;
}

.sticky { background-color: #ffffff; box-shadow: 0 0 40px rgba(0,0,0,.1); padding: 10px; }
.sticky #cssmenu{margin-left:40px;  }


.whatsapp {position: fixed;right: 40px;bottom: 80px;z-index:99;}
.whatsapp a {color: #fff;width: 60px;height: 60px;background: #4dc859;border-radius: 60px;text-align: center;line-height: 60px;font-size: 38px; display: block;}
.whatsapp a:hover { background:#128c7e; }

header .header-right { float: right; margin-top: 15px;}
header .header-right .offer, header .header-right .phone, header .header-right .lang { display: inline-block; }
header .header-right .offer a, header .header-right .phone a, header .header-right .lang a { line-height: 40px; padding: 0 30px; font-size: 14px; font-weight: 600; color: #fff; }
header .header-right .offer a { display: block;  background:#FF6600;}
header .header-right .offer a:hover { background:#232323; color: #fff; }
header .header-right .phone a { display: block; color: #fff; }
header .header-right .phone { display:none; }
header .header-right .lang a { display: block; }

.item.video { position: relative; }
.item.video a { display: block; position: relative; }
.item.video a:before { display: flex; content: '\f144'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; font-size: 48px; color: #d8b46a; z-index: 9; margin: auto; left: 0; right: 0; opacity: .8; display: flex; justify-content: center; align-items: center; height: 100%; }

#p_overlay {display:flex;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.8);overflow-y:auto;z-index:99999;position:fixed;align-items: center;justify-content: center;}
.p_content {overflow:none;z-index:99999;position:absolute;margin:auto;left:0;right:0;max-width:720px;}
.p_content img {width:100%;}
.p_content a.close {display:block;position:absolute;top:0;right:0;background:#212121;color:#fff;text-decoration:none;font-size:1.3em; padding:10px 15px;font-weight:bold;}
.video {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;margin-bottom: 20px}
.video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.hidden-header { height:150px;}

.big-title { font-size:100px; line-height: 100px; margin-bottom: 100px;}

.pagein { background:url('../img/pagebg.svg') top center no-repeat; }

.about .col-2:nth-child(even) .text, .blog .col-2:nth-child(even) .text { grid-column-start: 2;  grid-row-end: 1;}

.services-boxs .service-box { margin: 0; }


.blog-detail ul { color:#aaa; font-size:14px; margin:20px }
.blog-detail { padding:80px 0 }
.blog-detail .center { max-width:960px }
.blog-image { margin-bottom:40px }

p a { color:#fff; text-decoration:underline; }
p a:hover { text-decoration:none }

label { color:#0e121b; }
label a { text-decoration:underline; color:#fff }

.page-form {background:url('../img/formbg.jpg'); background-size: cover; padding: 200px 0; background-position: center; }
.page-form h2, .page-form p { color: #fff; }
.page-form .center { max-width: 720px; }

.page ul { margin: 20px; color: #aaa; }

.offer-form textarea { height: 155px; }

.blog-list .blog-box { margin: 0;}

.blog-box p {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.form { max-width: 720px; margin: 0 auto; }

.address a { color: #fff; }

.owl-item.active.center { padding: 0 !important; }

.v-end {align-self: end;}

.post-meta { padding: 10px 0; }
.post-meta ul li { display:inline-block; }
.post-meta ul li:first-child { font-size: 14px; color: #666; }
.post-meta ul li a { font-size: 14px; color:#888; text-decoration: underline; }
.post-meta ul li a:hover { color: #000; }

.works-box { overflow: hidden; position: relative;}
.works-box .overlay { display: none; position: absolute; top: 0; left: 0; right: 0; bottom:0; background: rgba(0,0,0,.80); z-index: 99;-o-transition:2s;-ms-transition:2s;-moz-transition:2s;-webkit-transition:2s;transition:2s;}
.works-box img  {transition: transform 1s ease; width: 100%;}
.works-box:hover img {transform: scale(1.1);}
.works-box .overlay .btn { display: none;}
.works-box:hover .overlay .btn { display: inline-block;}
.works-box:hover .overlay { background: rgba(0,0,0,.20); z-index: 99; }
.works-box p { font-size: 14px; }

.works-box .works-ex { position: absolute; bottom:40px; left: 40px; right: 40px; }

.brands-box { border:1px solid #e1e4ea; padding: 40px 30px; text-align: center; }

.services-image img { width: auto !important; display: inline-block; }

.slider { width: 100%; padding-top:100px; background: url('../img/sbg.svg') bottom;}
.slider .owl-item.active span {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: 0.3s;}
.slider .owl-item.active strong { display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: 0.3s;}
.slider .owl-item.active p { display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.slider .owl-item.active img { display:inline-block;-webkit-animation-duration: 4s;animation-duration: 4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeIn;animation-delay: 1s;}
.slider .owl-item.active .btn { display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.3s;}
.slider .owl-item.active .select { display:inline-block;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 1.2s;}
.slider .overlay span { font-size: 54px;  line-height:1em; color:#17181A; font-weight: 900; margin-bottom: 10px; display:block; margin-bottom: 20px; font-family: 'Karla', sans-serif;letter-spacing: -.1rem;}
.slider .overlay p { display: block; width: 100%; font-size:24px; color: #9E9FA1; font-weight: 500;}
.slider .overlay strong { margin-bottom: 10px; position: relative; font-size:24px; display: block; color:#FF6600; font-weight: 500;}
.slider .owl-carousel .owl-nav { position: absolute; top: 35%; right: 0; width: 42px; right: 40px;}
.slider .owl-carousel .owl-nav button.owl-next span, .slider .owl-carousel .owl-nav button.owl-prev span {font-size: 25px;line-height: 25px; }
.slider .owl-carousel .owl-nav button.owl-prev, .slider .owl-carousel .owl-nav button.owl-next {box-shadow: 0 0 20px rgba(0,0,0,.15);background:#fff;width: 42px;height: 42px;color:#333;border-radius: 42px; line-height: 48px; font-weight:600;}
.slider .owl-carousel .owl-nav button.owl-prev:hover , .slider .owl-carousel .owl-nav button.owl-next:hover { background:#FF6600; color: #fff; }
.slider .slide-content .btn { margin-top: 20px }
.slider .slide-content { display: flex;align-items: center;}
.slider .slide-content .text, .slider .slide-content .image { width: 50%; }
.slider .slide-content .image { opacity:0 }
.slider .owl-theme .owl-nav { margin-top: 0 !important }
.slider .owl-theme .owl-dots{ width: auto; position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; }
.slider .owl-dots { position: absolute; width: 100%; bottom:20px; }
.slider .owl-theme .owl-dots .owl-dot.active span, .slider .owl-theme .owl-dots .owl-dot:hover span { background:#FF6600 !important }


.home-services .center { }
.home-services .center .text {  }
.home-services .center .content { }

.home-services .owl-carousel .owl-stage, .home-blog .owl-carousel .owl-stage {
    display: flex
}

.home-services .service-box, .home-blog .blog-box {
    height: 100%
}
.service-box { text-align: center; background-color: #f2f5f8;}
.service-box img {transition: all .5s ease-in-out; }
.service-box:hover img {transform: scale(1.05);}
.service-box a { display: block; padding:40px 30px; border-radius: 2px; }
.service-box h4 { font-size: 24px; color: #fff; }
.service-box p { color: #717784; font-size: 14px; }
.service-box .icon { box-shadow: 0 0 20px rgba(0,0,0,.8); width: 96px; height: 96px; border-radius: 72px; background: #fff; margin: 0 auto 20px auto; font-size: 44px; text-align: center; line-height: 96px; color:#FF6600;}

.home-offer { background:url('../img/offerbg.jpg'); background-size: cover; padding: 200px 0; background-position: center; }
.home-offer h2, .home-offer p, .home-stories h2, .home-stories p { color: #fff; }

.home-stories { background:#000; }

.blog-box { margin: 20px; overflow: hidden; background: #f5f7fa; padding: 20px; border: 1px solid #e1e4ea}
.blog-box a { display: block; }
.blog-box .blog-ex { padding: 25px; }
.blog-box .blog-ex span { display: block; margin-bottom: 10px; color:#FF6600; }
.blog-box .blog-ex h3 { color: #0e121b; font-size: 16px;}
.blog-box .blog-ex p { color: #525866; font-size: 14px;}

.home-blog .blog-box { text-align: center; }

.home-brands { background:#f2f5f8;}
.brand-box { padding: 20px; }


.getintouch { text-align: center; background-color: #f2f5f8; } 
.getintouch .center { max-width: 520px; }
.getintouch .signofhorn { position: absolute; bottom: 0; right: 10%; }
.getintouch p { color: #2b303b; }
.getintouch a { background: #000; color: #fff;}
.getintouch a:hover { background: #FF6600;}

.joya { text-align: center; }
.joya img { margin-bottom: 20px; }

footer ul { list-style: none; }
footer ul { margin-bottom: 20px; }
footer .f-nav ul li { display: block; padding: 4px 0;}
footer .f-nav ul li a { display: block; font-size: 14px; color: #2b303b; }
footer .f-nav ul li a:hover { color: rgba(0, 0, 0, .6); text-decoration: underline; }
footer h4 { margin-bottom: 20px; color: #17181A; }

footer .f-contact ul li { padding: 4px 0; font-size: 14px; color: #2b303b;}
footer .f-contact ul li a { color: #666; }

.joya ul li { display:inline-block; }
.joya ul li a { font-size: 20px; display: block; text-align: center; line-height: 42px; width: 42px; height: 42px; color: #0e121b;}
.joya ul li a:hover { background: #ebebeb; border-radius: 3px; color: #333; }

.bottom { background:#000; color: #fff;}
.bottom .payment-icons, .bottom .copyright, .bottom .policy { align-self:center}
.bottom a { font-size: 13px; color: #fff;}
.bottom a:hover { color:#ebebeb; text-decoration: underline; }
.bottom .policy { text-align: right; }

.works-content { display: flex; }
.works-content .box:nth-child(3n - 2) { width: 50%; }
.works-content .box { width: 25%; }
.works-content .box img { width: 100%; }

#cssmenu{position:relative; z-index:99;float:left;font-family: 'Inter', sans-serif; margin-left: 100px;}
#cssmenu>ul>li { margin: 0 0 0 -4px; }
#cssmenu>ul>li:last-child { border-right: none }
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu>ul>li>a {display: block; font-size: 14px; font-weight:700; color:#17181A;line-height: 70px; padding: 0 20px;}
#cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { color:#FF6600; position: relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li{ display: inline-block;}
#cssmenu ul ul{position:absolute;left:-9999px; box-shadow: 0 0 40px rgba(0,0,0,.2);text-align: left;background:#fff; padding:10px 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{left:auto;right:0}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li a{padding:10px 15px;font-size: 14px; display:block;width:220px;text-decoration:none;color:#555;font-weight:600;position:relative;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu .has-sub { position: relative; margin-right: 10px;}
#cssmenu .has-sub:before { content: '\f107'; font-family:'Font Awesome 5 Free'; font-weight: 600; position: absolute; right: 0; line-height: 40px; color:#191E22; }
#cssmenu .has-sub:hover:before {color:#049C91;content: '\f106'; font-family:'Font Awesome 5 Free'; font-weight: 600;}
#cssmenu .active.has-sub:before {color:#049C91; }

@media only screen and (max-width:1139px) {
    #cssmenu {position: absolute;left: 0;right: 0;width: auto;text-align: left; margin-left:0px;  }
    #cssmenu>ul>li>a:hover { background:#ff8f14;}
    #cssmenu > ul { margin: 0 0 0 0; position: relative;}
    #cssmenu>ul{display:none; z-index:99999; position: absolute; top:82px;left:10px; right:10px}
    #cssmenu ul{display:none; z-index:99999; position: absolute;box-shadow: 20px 20px 40px rgb(0 0 0 / 80%);}
    #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
    #cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
    #cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;}
    #cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
    #cssmenu>ul>ul>li>a{font-size:12px;color:#fff;background:none;padding:15px 20px 20px 30px;}
    #cssmenu>ul>li>a { padding:20px !important; color: #fff !important; display: block; background:#151618; border-bottom:1px solid #0c0c0d; font-size: 14px; line-height: normal !important }
    #cssmenu>ul>li {    margin: 0 0px;}
    #cssmenu ul ul li a { padding:15px 20px; }
    #cssmenu ul ul { padding: 0 !important }
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff; background:#000}
    #cssmenu ul ul li > a,#cssmenu ul ul li a {background:#202935}
    #cssmenu ul ul ul li a{padding-left:40px;}
    #cssmenu ul ul ul ul li a{padding-left:40px;}
    #cssmenu>ul>li { border-right:none; }
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
    #cssmenu #menu-button{display:block;color:#231F20;cursor:pointer;font-size:12px;height:48px; background:#ff9014; width: 48px; position: absolute; top:-24px; right:20px; }
    #cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:55px;width:55px;cursor:pointer;}
    #cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99;}
    #cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99;}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;}
    #cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after,#menu-line,#cssmenu .submenu-button.submenu-opened:after{display:none;}
    #cssmenu ul ul li a { color: #fff }
    #cssmenu ul ul{ border-bottom: none; }
    #cssmenu ul ul li a{border-bottom:1px solid #444;}
    #menu-button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
    #menu-button:after{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;position:absolute;top:24px;right:0;left:0;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
    #menu-button:before{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:17px;right:0;left:0;display:block;height:2px;width:20px;background:#ddd;content:''}
    #menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:22px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    #menu-button.menu-opened:before{top:22px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

    .slider .overlay span { font-size: 30px; line-height: 34px; }

    .slider .slide-content { display: flex;align-items: center;flex-direction: column-reverse;}
    .slider .slide-content .text, .slider .slide-content .image { width: 100%; }
    .slider .slide-content .text { text-align:center; padding-bottom: 80px; }
    header .header-left .logo { max-width: 140px; }

    footer, .bottom .policy { text-align: center; }
    .bottom .payment-icons, .bottom .copyright { text-align: center; }
    .breadcrumbs { text-align: center; }
    h1 { font-size: 30px; }

    header .header-right { margin-top: 0; }
    header .offer { position: fixed; left: 0; right: 0; bottom:0 }
    header .header-right .offer a { text-align: center; font-size: 15px; padding:10px 20px; }

    header .header-right .phone span { display: none; }
    header .header-right .phone { margin-right:0; position:fixed; bottom:160px; display:block; right: 40px}

    header .header-right .phone a {padding:0;color: #fff;width: 60px;height: 60px;background: #FF6600;border-radius: 60px;text-align: center;line-height: 60px;font-size:24px; display: block;}

}

@media only screen and (max-width:375px) {
   
}