body{font-family:'Staatliches',cursive;font-family:'PT Serif',serif;font-family:'Lato',sans-serif;font-family:'Montserrat',sans-serif;font-family:'Source Sans Pro',sans-serif;overflow-x:hidden}
nav.navbar.navbar-expand-lg.navbar-light.justify-content-center{position:absolute;z-index:9;left:0;right:0;width:100%}
.navbar-light .navbar-nav .nav-link{color:#fff!important;text-transform:uppercase;padding:13px 20px;border-radius:40px 10px;transition:.3s}
.navbar-light .navbar-nav .nav-link:hover{background-color:#00c7ff;border-radius:10px 40px;transition:.3s}
.main_header .navbar-nav .active {background-color: #00c7ff;border-radius: 10px 40px;transition: .3s;}
.sub_navhover{margin: 0;position: absolute;top:50px;z-index: 999;display: none;left: 0;background-color: rgba(28,27,27,0.8);border-radius: 20px 0;min-width: 200px;padding: 0;}
.dropdown:hover .sub_navhover{ display:block;}
.sub_navhover2{margin: 0;position: absolute;top:50px;z-index: 999;display: none;left: 0;background-color: rgba(28,27,27,0.8);border-radius: 20px 0;min-width: 200px;padding: 0;}
.dropdown-submenu:hover .sub_navhover2{ display:block;}
nav.navbar.navbar-expand-lg.navbar-light.justify-content-center.main_header.decktop_nav{ padding:0;}
.carousel-inner img{width:100%}
.py-5.footer{background-image:url(../images/footer.jpg);color:#fff;position:relative;background-attachment:fixed;background-position:center;background-size:cover}
.py-5.footer li a{color:#fff;text-decoration:none;font-size:16px;transition: .3s;}
.py-5.footer li a:hover{ color:#00c7ff;transition: .3s;}
ul.social li{display:inline-block;margin-left:5px}
.phone_no {text-align: right;}
.phone_no a {color: #fff;font-weight: bold;padding-right: 10px;}
.py-5.footer ul{padding-left:0px;margin:0}
.copyrights{margin-top:20px}
ul.social li a{color:#fcfcfc!important;display:block;font-size:20px!important;padding:10px}
.footer h3{text-transform:uppercase;margin-bottom:20px;font-size:25px; font-weight:bold;}
.carousel-item:before{background-color:rgba(0,0,0,0.5);content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:9}
.carousel-caption{position:absolute;bottom:70px;top:auto;z-index:99999;color:#fff}
a#gotop{position:fixed;right:15px;color:#fff;bottom:10px;background-color:#20a8ce;width:30px;height:30px;display:none;text-align:center;z-index:999;line-height:30px}
.carousel-caption h1{text-transform:uppercase;font-size:50px;font-weight:bold}
.carousel-caption p{font-size:16px;line-height:normal;margin-bottom:0;font-style:italic;position:relative;text-align:left;padding-left:221px}
.carousel-caption p:before{position:absolute;left:61px;top:11px;height:2px;width:150px;background-color:#fff;content:""}
.carousel-caption h1 b{color:s#20a8ce}
.banner img{width:100%}
.carousel-indicators li{width:12px;height:3px;border-radius:5px;margin-right:10px;background-color:#fff}
.carousel-indicators li.active{background-color:#20a8ce!important;width:35px}
button.navbar-toggler{background-color:#ffc107;color:#fff;position:absolute;right:8px;top:5px;border-radius:0}
.heading{text-align:center;margin-bottom:40px}
.heading h2{display:block;vertical-align:middle;margin-right:5px;padding:10px;position:relative;margin:0 auto;text-align:center;text-transform:uppercase;font-weight:bold;font-family:'PT Serif',serif}
.heading p{font-style:italic;text-transform:capitalize;font-size:14px;color:#7a7a7a;display:none}
section.py-5.about figure p{line-height:23px;text-align:justify;color:#5c5b5b}
a.navbar-brand img{width: auto;}
.dropdown-toggle::after{vertical-align:.255em;content:"\f107 ";border-top:0;border-right:0;border-bottom:0;border-left:none;font:normal normal normal 14px/1 FontAwesome;position:relative;top:2px;left:3px;display:none}
li.nav-item.request a{background-color:#20a8ce;border-radius:40px 10px;transition:.3s}
li.nav-item.request a:hover{background-color:#00c7ff;border-radius:10px 40px;transition:.3s}
a.discover{background-color:#20a8ce;color:#fff;padding:13px 30px;text-transform:uppercase;display:inline-block;margin-top:20px;border-radius:45px 10px;transition:.3s;text-decoration:none}
a.discover:hover{transition:.3s;border-radius:10px 45px;background-color:#00c2f8}
.dropdown-menu.show{background-color:rgba(28,27,27,0.8);border-radius:20px 0;min-width:200px;top:49px;padding:0}
dropdown-menu.show a{color:#fff;padding:10px 15px}
.dropdown-item:focus,.dropdown-item:hover{color:#fff;background-color:#20a8ce}
.dropdown-item{display:block;width:100%;padding:11px 20px;clear:both;font-weight:400;color:#fff;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}
.clients figure{text-align:center;max-width:600px;margin:auto}
.clients figure p{text-align:center!important;line-height:24px!important;font-size:15px;font-style:italic!important;color:#323232!important;margin-top:11px}
.clients figure strong{text-transform:uppercase;font-size:16px;color:#2c2c2c;font-weight:bolder}
.owl_1.owl-carousel.owl-theme.owl-loaded.owl-drag h3{font-size:56px;font-family:cursive;position:relative;bottom:-28px}
section.py-5.about.clients{background-image:url(../images/p2.png)}
.owl-nav button{position:absolute;right:0;top:30%;transform:translateY(-50%);background-color:white!important;display:inline-block;width:30px;height:30px;border-radius:100%;line-height:30px!important;box-shadow:0 0 2px #a8a8a8}
.owl-nav button.owl-prev{position:absolute;left:0;top:30%;transform:translateY(-50%);background-color:white!important;display:inline-block;width:30px;height:30px;border-radius:100%;line-height:30px!important}
.quotation-marks img{width:100px!important;display:block!important;margin:0 auto;height:100px;border-radius:100%}
section.py-5.about.gallery img{width:100%}
section.py-5.about.gallery figure{position:relative}
.hover_div{position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.58);width:100%;height:100%;text-align:center;color:#fff;padding-top:45%;transition:.4s;transform:scale(0)}
section.py-5.about.gallery figure:hover .hover_div{transition:.4s;transform:scale(1)}
.tab-content figure img{width:100%}
.oursevices figure{background-color:#fff;color:#010101;text-align:center}
.icon img{width:100%;margin-bottom:10px;height:100%;object-fit:fill}
.icon{height:200px;overflow:hidden}
.oursevices strong{background-color:#20a8ce;width:100%;display:block;color:#fff;padding:9px}
section.py-5.about.oursevices{background-color:#fcfcfc;background-image:url(../images/p2.png)}
.dropdown-submenu{position:relative}
.dropdown-submenu a::after{transform:rotate(-90deg);position:absolute;right:6px;top:.8em;display:none}
.dropdown-submenu .dropdown-menu{top:0;left:100%;margin-left:.1rem;margin-right:.1rem}
li.dropdown-submenu i.fa.fa-angle-right{color:#fff;position:absolute;right:12px;top:16px}
.header_outer nav.navbar.navbar-expand-lg.navbar-light.justify-content-center{background-color:#2f3639}
.header_outer nav.navbar.navbar-expand-lg.navbar-light.justify-content-center{position:relative}
.col-12.new_section img{width:100%;border:2px solid #20a8ce}
.col-12.new_section figure{margin:0!important;position:relative;transition:all .4s}
.img-caption{background-color:rgba(11,11,11,0.57);padding:15px;position:absolute;top:auto;bottom:0;width:100%;height:100%;transition:all .4s;opacity:0;transform:scale(0)}
.col-12.new_section figure:hover .img-caption{transition:all .4s;transform:scale(1);opacity:1}
.caption-text{text-align:center;transition:.5s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);border-top:2px solid #20a8ce;border-bottom:2px solid #20a8ce;width:80%;padding:30px;filter:alpha(opacity=100)}
.img-caption span{color:#fff;font-size:15px;text-transform:uppercase;font-weight:400}
.brands{background-color:#f8f8f8}
.brands figure img{padding:10px;background-color:#fff;margin:5px;box-shadow:0 0 5px #cccc;margin:0 auto;width:209px!important}
.owl-nav button{top:42%!important}
.expreinces{background:linear-gradient(-64deg,#10ff59,#00b1ff);color:#fff}
section.py-5.expreinces figure{padding:29px 10px;text-align:center;text-transform:uppercase;font-size:18px;margin-bottom:0;border-right:1px solid #fff}
section.py-5.expreinces .col-sm-3:last-child figure{border-right:0}
.expreinces img{width:58px;display:block;margin:0 auto;margin-bottom:14px}
.heading img{max-width:288px}
.footer li{margin-bottom:10px;display:block}
nav.navbar.navbar-expand-lg.navbar-light.justify-content-center.main_header.darkHeader{position:fixed;z-index:999;top:0;left:0;box-shadow:0 6px 12px rgba(0,0,0,0.175);width:100%;background-color:#2f3639}
.service_contant h4 {color: #20a8ce;font-weight: bold;margin: 0;padding-bottom: 15px; font-size:20px;}
.service_contant ul{ padding:0;}
.service_contant ul li {text-transform: capitalize;list-style: none;font-size: 15px;padding-bottom: 5px;font-weight: bold;color: #666;}
.service_contant ul li:before {font-family: FontAwesome;content: "\f058";margin-right: 12px;display: block;float: left;font-size: .8em;line-height: 1.8em;margin-top: 0px;color: #20a8ce;}
.mobile_manu{ display:none;}
.decktop_nav{ display:block;}
.products_slider{ position:relative;}
.products_hedding {position: absolute;top: 90px;left: 0;right: 0;}
.products_hedding h2 {text-shadow: 5px 4px 8px #000;color: #fff;}
.mobile_social{ display:none;}
@media screen and (max-width:1279px){.navbar-light .navbar-nav .nav-link{padding:11px 19px}}
@media screen and (max-width:767px){
.mobile_social {display: block;position: relative;z-index: 9;right: 0;top: 20px;text-align: center;width: 50%;margin: 0 auto;left: 30px;}
.mobile_social ul { padding:0;}
.mobile_social .phone_no {text-align: center;display: inline-block;}
.social_header.mobile_social.mobile_icon {position: fixed;text-align: center;left: 0;right: 0;top: 20px;z-index: 999;left:60px;}
.products_hedding {top: 26px;}
.mobile_manu{ display:block;}
.decktop_nav{ display:none;}
nav.navbar.navbar-expand-lg.navbar-light.justify-content-center{background-color:#000;border:0}
.carousel-inner img{width:100%;height:300px}
button.navbar-toggler{background-color:#2196f3;color:#fff!important;right:8px;top:26px;border-radius:0}
li.nav-item.request a{background-color:transparent}
.carousel-caption.text-center{display:none}
section.py-5.expreinces figure{padding:18px 10px;font-size:18px;margin-bottom:0;border-right:0}
}
@media screen and (max-width:639px){
.products_hedding{top: 10px;}
.about figure img{width:100%}
.heading{margin-bottom:10px}
.new_section img{width:100%;border:2px solid #20a8ce;margin-bottom:10px}
.footer ul{padding-left:0!important}
a#gotop i{line-height:30px}
.footer li a{color:#fff;text-decoration:none;font-size:15px}
.footer h3{text-transform:uppercase;margin-bottom:14px;font-size:20px}
.heading h2{font-size:18px}
.heading img{max-width:261px}
.heading{margin-bottom:26px}
.footer_bottom .col-sm-6.text-right{text-align:center!important}
.copyrights{margin-top:0;text-align:center;margin-bottom:10px}
.footer_bottom .col-sm-6.text-left{text-align:center!important}
.pb-5,.py-5{padding-bottom:2rem!important}
.pt-5,.py-5{padding-top:2rem!important}
}