@charset "utf-8";
/* CSS Document */
:focus{ outline:0 !important}
*{scrollbar-width: thin; -webkit-scrollbar-width: thin;-moz-scrollbar-width: thin;}
html {  scroll-behavior: smooth;}
::-webkit-scrollbar{ width: 8px; }
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07); }
@font-face{src:url(Broadway-Regular.ttf)}
button{ outline: 0 !important }
body{  line-height:26px; font-size:16px; letter-spacing:.5px;       font-family: 'Roboto Condensed', sans-serif; }
p{ margin-bottom:15px; line-height: 25px;;}
h1,h2,h3,h4,h5,h6{      font-family: 'Roboto Condensed', sans-serif;}

header{  -webkit-transition: .3s ease-out;	-moz-transition: .3s ease-out;	-o-transition: .3s ease-out;	transition: .3s ease-out;position: absolute; left:0; right:0; z-index:99; background-color: rgba(255, 255, 255, 0.9);}
.fixed-header{position:fixed; left:0; padding:0; right:0; top:0; z-index:99; background-color: rgba(255, 255, 255, 0.8); box-shadow:0 0 10px rgba(0,0,0,.3)}

.mx-auto{ margin: 0 auto !important;}
.mainlinks ul{ padding:0; margin:0 -5px}
.mainlinks ul .m-links{ list-style:none; float:left; padding:0 5px;}
.mainlinks ul .m-links .m-items{ color:#000; text-transform:uppercase; font-size:11px; font-weight:600; letter-spacing:.5px;}
.mobileiocn{ position:relative; padding: 0 0 0 40px;margin-top:30px;}
.mobileiocn .mobileiocnm{ position:absolute; left:0; top:0; font-size:30px; color:#fff;}
.clintlogo{  width:120px; }
.SCbg-1{ background-color: #0064f7;}
.SCbg-2{ background-color: #f41c2e;}


.mainmenuuu #slide{  font-size:30px; color:#fff; border: 0;}
.slidermenuu ul{ padding:0; margin:0;  }
.slidermenuu ul li{ list-style:none}
.slidermenuu ul li a{ display:block; color:#022253; padding:10px 15px ; text-align:center; font-size:14px; line-height:14px; text-decoration: none;}


.banners{ min-height:90vh; position:relative; overflow: hidden; }
.overlappp{ background: url(../images/line-bg.png)  ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index:9; }
.banners video{ width:100vw; height:100vh; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;object-fit: cover;}

.banners:after{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background-color:rgba(0,0,0,.3); z-index:1}
.banners .bannercontent{ position:absolute; left:0; right:0; bottom: 20%;  color:#fff; z-index:10}
.banners .bannercontent .bannercontent-inner{ width:100%; margin:0 auto;  display: block}
.mainhd{ font-weight:700; font-size:45px; line-height:50px; margin-bottom:15px; text-shadow:1px 1px 1px rgba(0,0,0,.3);}
.mainhd-1{ font-weight:800; font-size:25px; line-height:35px; margin-bottom:15px ; text-transform:uppercase; }
.mainhd-1 span{  color: #01747d;font-weight:300; font-style: italic; }
.subhd{font-size:55px; line-height:60px;          color: #fff; font-family: "Shrikhand", serif;}
.subhd span{ display: block; line-height: 35px ; font-size: 35px; color: #b4c47a;}
.subhd-1{font-size:25px; line-height:35px;          color: #fff;}


.commanspavcee{ padding: 60px 0 40px 0;;}

.abbaaa{ position: relative; padding-bottom: 60px;}
.abbaaa .abimg-1, .abbaaa .abimg-2{ border-radius: 50%;; border: 2px #fff solid; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.abbaaa .abimg-2{ position: absolute; left: 0; bottom: 0; width: 45%; height:auto ;border: 3px #fff solid;}

.osmain_bg{ background-color: #f5f5f5;}

.ourservies{height: 100%;; box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);}
.ourservies .ourserviesinner{ padding:0 15px 20px 15px;}
.ourservies .imagebg{ position:relative; margin-bottom:45px }
.ourservies .imagebg > img{ border-radius:10px 10px 0 0;}
.ourservies .imagebg .seriocm{ width:70px; height:70px; border-radius:50%; position:absolute; left:0; right:0; margin:0 auto; bottom:-30px; border:3px #fff solid; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);}
.ourservies .imagebg .seriocm img{ width:65%;}
.ourservies.bg_1 .imagebg .seriocm{ background-color: #0b5aab;}
.ourservies.bg_2 .imagebg .seriocm{ background-color: #0a8a8f;}
.ourservies.bg_3 .imagebg .seriocm{ background-color: #58488e;}
.ourservies.bg_4 .imagebg .seriocm{ background-color: #012b6a;}
.ourservies.bg_5 .imagebg .seriocm{ background-color: #e76c01;}
.ourservies h2{ font-size:  25px; line-height:32px;   font-weight:600; color:#000;}
.ourservies.bg_1 h2{ color: #0b5aab;}
.ourservies.bg_2 h2{ color: #0a8a8f;}
.ourservies.bg_3 h2{ color: #58488e;}
.ourservies.bg_4 h2{ color: #012b6a;}
.ourservies.bg_5 h2{ color: #e76c01;}
.ourservies ul{ padding:0; margin:0; }
.ourservies ul li{ position:relative; padding-left:25px; margin-bottom:10px; list-style:none; color:#000;}
.ourservies ul li:after{content: ""; position: absolute; left: 0; top: 5px; width: 16px; height:16px; background-size: 60% 60% !important ; border-radius: 50%; }

.ourservies.bg_1 ul li:after{ background:#0b5aab url(../images/checkicon.png) no-repeat  center center;  }
.ourservies.bg_2 ul li:after{ background:#0a8a8f url(../images/checkicon.png) no-repeat  center center;  }
.ourservies.bg_3 ul li:after{ background:#58488e url(../images/checkicon.png) no-repeat  center center;  }
.ourservies.bg_4 ul li:after{ background:#012b6a url(../images/checkicon.png) no-repeat  center center;  }
.ourservies.bg_5 ul li:after{ background:#e76c01 url(../images/checkicon.png) no-repeat  center center;  }


.whychoos ul li{ list-style:none; margin-bottom: 15px;;}
.whychoos ul li div{ display:inline-block; padding:8px 40px 8px 50px; color:#fff; background-image: url(../images/checkicon.png) ; background-position: 15px 12px; background-repeat: no-repeat; background-size: 20px 20px; border-radius:5px; }
.whychoos ul li:nth-of-type(1) div{background-color: #0b5aab}
.whychoos ul li:nth-of-type(2) div{background-color: #0a8a8f}
.whychoos ul li:nth-of-type(3) div{background-color: #58488e}
.whychoos ul li:nth-of-type(4) div{background-color: #012b6a}
.whychoos ul li:nth-of-type(5) div{background-color: #e76c01}


.wawyass ul li{ list-style:none; ;}
.wawyass ul li > div{ position: relative; padding:15px 20px 15px 60px; height:100%; font-size:15px; line-height:17px; border-radius:8px; overflow:hidden}
.wawyass ul li div .wawyass_iocn{ position: absolute; left:0; top:0; bottom:0;  width:50px; display: flex; align-items: center; justify-content: center;border-radius:4px 0 0 4px }
.wawyass ul li div .wawyass_iocn img{ width:80%}
.wawyass ul li:nth-of-type(1) div{border:2px #0b5aab solid;}
.wawyass ul li:nth-of-type(2) div{border:2px #0a8a8f solid;}
.wawyass ul li:nth-of-type(3) div{border:2px #58488e solid;}
.wawyass ul li:nth-of-type(4) div{border:2px #012b6a solid;}
.wawyass ul li:nth-of-type(5) div{border:2px #e76c01 solid;}

.wawyass ul li:nth-of-type(1) div .wawyass_iocn{background-color: #0b5aab}
.wawyass ul li:nth-of-type(2) div .wawyass_iocn{background-color: #0a8a8f}
.wawyass ul li:nth-of-type(3) div .wawyass_iocn{background-color: #58488e}
.wawyass ul li:nth-of-type(4) div .wawyass_iocn{background-color: #012b6a}
.wawyass ul li:nth-of-type(5) div .wawyass_iocn{background-color: #e76c01}



.wwwhysec{  border: 1px #eee solid; border-radius:10px; text-align: center; padding:20px 15px; border-bottom: 4px #012b6a solid; box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.35);}
.wwwhysec h2{ font-size: 17px; line-height: 22px; margin:0; padding:0;}
.wwwhysec .wwwhysecicon{ width: 80px; margin: 0 auto 15px auto;}


.clientsec{ background-color: #f5f5f5;}



footer{ background: #000; background-size:cover; position:relative; color: #fff;}
.formsectoij .form-dfield{ margin-bottom:20px;}
.formsectoij  .form-dfield .imcfield{ width:100%; background-color:transparent; padding:10px 0; border:0; border-bottom:1px rgba(255,255,255,.3) solid; color:#fff; opacity:1;}
.formsectoij .form-dfield .imcfield::placeholder {color:#fff;  opacity: .8;}
.formsectoij .form-dfield .imcfield:-ms-input-placeholder {color:#fff;}
.formsectoij .form-dfield .imcfield::-ms-input-placeholder {color:#fff;}
.formsectoij .form-dfield .submitt{ background-color:#000; color:#eee;  padding:10px 40px; font-size:14px; text-transform:uppercase; border:1px rgba(255,255,255,.3) solid;}
footer .copyrightss{ border-top:1px rgba(255,255,255,.3)  dashed; padding:10px 0 5px 0 ; background-color:rgba(0,0,0,.3)}
.contactusdetails .consdetails{ position:relative; padding:0 0 10px 60px; line-height:25px; margin-bottom:10px;}
.contactusdetails .consdetails i{ width: 40px;height: 40px;border-radius: 50%;line-height: 40px;color: #000;text-align: center;font-size: 21px;background-color: rgba(255,255,255,.6);position: absolute;left: 0;top: 0;border-bottom: 2px #f5f5f5 solid;cursor: pointer;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.contactusdetails .consdetails a{ color:#fff;}

.topsocial a{ color:#fff; border:1px rgba(0,0,0,.4) solid;  border-radius:5px; width:23px; display: inline-block; text-align:center;}
.topsocial a+a{ margin-left:6px;}


#back-top{ position:fixed; right:0; left:0; margin:0 auto; bottom:10px; cursor:pointer; z-index:99; width:50px; height:50px; line-height:50px; border-radius:50%; border:1px rgba(255,255,255,.3) solid; margin:0 auto; text-align:center; display:inline-block; background-color:rgba(0,0,0,.6)}
#back-top i{ color:#fff; font-size:25px;}

@media(min-width:768px){



}

@media(min-width:992px){


	

	
}
	
	
@media(min-width:1200px){



}








.sidewarper{z-index:999999;background-color:rgba(0,0,0,.9);position:fixed;height:100%;overflow:scroll;overflow-x:hidden;left:-1000px;top:0;bottom:0}
#slidesection{width:290px}
#slidesection .overscroll{padding:10px}
#slidesection .topclose{background-color:#ecbf48;color:#fff;font-size:20px;text-transform:uppercase;padding:10px 30px;display:block}
#slidesection .topclose a{display:block;color:#fff !important; cursor:pointer}
#slidesection .topclose a i{ float:right; margin-top:5px;}
#slidesection .topclose a strong{ color:#fff}
#slidesection .overscroll #sidelinks{color:#fff; }
#slidesection .overscroll #sidelinks ul{ padding:0}
#slidesection .overscroll #sidelinks ul li{list-style:none;}
#slidesection .overscroll #sidelinks a{display:block;padding:7px 10px;color:#fff;font-weight:400}
#slidesection .overscroll #sidelinks li+li{border-top:1px rgba(255,255,255,.2) dashed}
#slidesection .overscroll #sidelinks a{color:#fff}
#slidesection .overscroll #sidelinks .subchild{background-color:#155aba;margin-top:10px}
#slide{cursor:pointer}
.accordion-toggle{cursor:pointer;margin:0;display:block;position:relative}
.accordion-toggle span{position:absolute;right:5px;top:10px;background-color:#ecbf48;text-align:center;line-height:20px;color:#fff;z-index:999;width:20px;height:20px}.accordion-toggle .disinb{display:inline-block!important}.accordion-content ul{background-color:#333}.accordion-content ul li{border:0!important}.accordion-content ul a{padding:5px 10px!important}.accordion-content{display:none}