@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@200;300;400&display=swap');
/*font-family: 'Heebo', sans-serif;*/

*{margin:0; padding:0; box-sizing: border-box;}
html,body{ height:100%; width:100%;}
body{color:#5d5d66;font-family: 'Heebo', sans-serif; font-size:16px;}
header,section,article,figure,aside,footer,nav{ display:block;}
.clr{ clear:both;}
ul{ list-style:none;margin:0px; padding:0px;  }
figure,img,iframe,video{ max-width:100%; vertical-align:bottom;}
a{text-decoration:none; }
p{margin:5px 0 20px 0; }
textarea{ resize:none;}
.fleft{ float:left;}
.fright{ float:right;}


.aligner{margin:0px auto;max-width:1200px; position:relative;}
.full_aligner{margin:0px 20px;position:relative;}




.myheader{ position:fixed;top:0;left:0;right:0; z-index:999;}
.myheader.sticky{background:#000;}
.sticky .logo_holder img{height:70px;}

#pull{display:none;}

.nav_holder{float:right;padding:30px 0 0 0;}
.logo_holder{width:20%;float:left;padding:5px;}


.call{float:left; font-size:19px; letter-spacing:2px; font-weight:300;padding:18px;}
.call i{color:#34b3d5; font-size:20px;}
.consult_link{padding:15px;float:right;}
.consult_link a{background:#34b3d5;color:#FFF;font-size:17px;display:inline-block; padding:8px 12px; border-radius:5px; font-weight:600;}
.consult_link a:hover{background:#173661;}




.navigation{ cursor:pointer;display:none; float:right; padding:10px;}
.menu_controller{ cursor:pointer; display:none;}
.menuholder{float:float;}
.sujit-nav{font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:600; text-transform:uppercase;}
.sujit-nav ul li{ float:left; position:relative;}
.sujit-nav ul li a{color:#171724; display:block; padding:10px 15px;}
.sujit-nav ul li a:hover,.sujit-nav ul li:hover a{color:#222187;}
.sujit-nav ul li.current_page_item>a{color:#222187; }

.sujit-nav ul li ul{ background:#FFF;font-weight:400;left:0px; line-height:17px;opacity:0;position:absolute;top:20px;transition:top 0.3s ease 0s,opacity 0.3s ease 0s;visibility:hidden;width:160px;z-index:1;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);}
.sujit-nav ul li:hover ul{  top:40px; visibility:visible; opacity:1; z-index:999;}
.sujit-nav ul li ul li{ display:block; border-bottom:1px solid rgba(69,69,69,0.2); margin:0px; float:none; text-transform:none;}
.sujit-nav ul li ul li:last-child{ border-bottom:none;}
.sujit-nav ul li:hover ul li a,.myheader .sujit-nav ul li ul li a{background:#FFF;color:#979797;display:block;font-size:14px;margin:0px;padding:8px; width:160px; }
.sujit-nav ul li:hover ul li a:hover{ background:#cab060;color:#FFF;}

.sticky .sujit-nav ul li a{color:#abae62; }
.sticky .sujit-nav ul li a:hover,.sticky .sujit-nav ul li:hover a{color:#f7ff05;}


.banner_block{ background:#FFF url(../images/banner.jpg) no-repeat center;color:#171724;padding:200px 20px 200px 20px; text-align:center;height:100%;}
.banner_block h1,.internal_banner_block h1{font-family: 'Heebo', sans-serif;font-weight:300; font-size:45px; line-height:50px;letter-spacing:4px;}
.banner_quote{max-width:500px; margin:0px auto;}
.banner_quote p{font-size:19px; font-weight:300;color:#5d5d66; line-height:28px;margin:20px 0 }
.banner_quote a{background:#242424;color:#fbff89;font-size:19px;display:inline-block; padding:12px 15px; border-radius:5px; font-weight:600;}
.banner_quote a:hover{background:#000;color:#f6ff00;}

.internal_banner_block{ background:#FFF url(../images/banner.jpg) no-repeat center bottom;color:#171724;padding:150px 20px 50px 20px; text-align:center;max-height:400px;}


.welcome_block{padding:100px 0px;}
.welcome_aligner{ max-width:800px; margin:0px auto;}
.welcome_block h1{font-family: 'Heebo', sans-serif;font-weight:300; font-size:35px; line-height:50px;letter-spacing:4px;}
.welcome_block p{font-size:17px; line-height:23px;}
.welcome_block a{background:#242424;color:#fbff89;font-size:19px;display:inline-block; padding:12px 15px; border-radius:5px; font-weight:600;}
.welcome_block a:hover{background:#000;color:#f6ff00;}

.block_three{padding:50px 0;}
.block_three .aligner{display:flex;  justify-content: space-between;flex-wrap: wrap;}
.boxx3{width:320px;padding:10px;font-weight:300; }
.boxx3 h1{color:#34b3d5;font-size:30px;}
.boxx3 h2{font-weight:400; letter-spacing:2px;}
.boxx3 p{font-size:17px;line-height:25px;}


.service_block{padding:100px 0 50px 0;}
.service_block .full_aligner{display:flex;  justify-content: space-between; flex-wrap:wrap;}
.service_thumb{width:400px;}
.service_content{width:calc(100% - 450px);}
.service_content h1,.service_list h1{font-family: 'Heebo', sans-serif;font-weight:300; font-size:37px; line-height:40px;letter-spacing:3px;}
.service_content a{background:#242424;color:#fbff89;font-size:19px;display:inline-block; padding:12px 15px; border-radius:5px; font-weight:600;}
.service_content a:hover{background:#000;color:#f6ff00;}
.servicess{padding:15px 0;display:flex;justify-content: space-between;flex-wrap: wrap;}
.boxx{width:45%;padding:10px 0;font-weight:300;}
.boxx h2{font-weight:300;color:#000; font-size:25px; letter-spacing:1px;}
.boxx p{line-height:25px;}


.adv_block{padding:50px 0;text-align:center;background:#1f1f1f;color:#FFF;}
.adv_aligner{ max-width:800px; margin:0px auto;}
.adv_block h1{ font-family: 'Heebo', sans-serif;font-weight:300; font-size:35px; line-height:50px;letter-spacing:4px;}
.adv_block p{margin:20px 50px; font-size:19px; font-weight:400;line-height:30px;}
.adv_block a{background:#34b3d5;color:#FFF;font-size:19px;display:inline-block; padding:12px 15px; border-radius:5px; font-weight:600;}
.adv_block a:hover{background:#173661;color:#FFF;}


.team_block{padding:100px 0 50px 0;}
.member_box{display:flex;justify-content:space-around;flex-wrap: wrap;color:#FFF;}




.member_thumb{width:31%; position:relative;margin:20px 0;}
.member_thumb:nth-child(1){width:47%;}
.member_thumb:nth-child(2){width:47%;}



.bx-pager{display:none;}

.team_aligner{max-width:900px; margin:0px auto;}

.member_overlay{ background:rgba(121,123,50,0.9);position:absolute;left:0;right:0;top:0;bottom:0;display:none;}
.member_info{position:absolute;bottom:20px;left:20px;right:20px;display:none;line-height:17px;}
.member_thumb:hover .member_overlay{display:block;}
.member_thumb:hover .member_info{display:block;}
.member_info h1,.popp h1{font-family: 'Heebo', sans-serif;font-weight:300; font-size:25px; line-height:30px;letter-spacing:4px;}
.member_info h2,.popp h2{font-family: 'Heebo', sans-serif;font-weight:300; font-size:18px; line-height:30px;letter-spacing:0px;}
.short_intro{max-height:80px; overflow:hidden; line-height:21px; font-size:14px;}
.more{ text-align:right;padding:10px 0 0 0;}
.more span {background:#000;display:inline-block;color:orange; padding:5px 7px; font-size:12px;}
.member_info i{font-size:25px;}
.member_info a{color:#FFF;}
.member_info a:hover{color:#FFF;}
.popp img{max-height:180px;margin:0 0 50px 0;}
.popp{ text-align:center !important;}
.popp p{ text-align:left;}

.why_block{padding:50px 0;}
.why_block .aligner{display:flex;justify-content: space-between;flex-wrap: wrap;}
.why_us{width:40%;}
.why_us h1{ font-weight:300; font-size:35px; letter-spacing:2px;}
.why_us p{ font-size:18px;line-height:25px;}
.our_progress{width:50%;}

.progress_block{margin:0 0 20px 0;}
.progress_block h1{font-family: 'Heebo', sans-serif;font-weight:400; font-size:25px; line-height:30px;letter-spacing:2px;}
.progress_block p{max-width:300px;}
.progress_box {
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 7px 0px;
  display: flex;
  width: 100%;
  
}

.progressbar {
  /*animation: load 3s normal forwards;*/
  box-shadow: 0 10px 40px -10px #fff;
  border-radius: 20px;
  background: #34b3d5;
  height: 15px;
  width: 0;
}
.progress70{animation: load70 3s normal forwards;}
.progress100{animation: load100 3s normal forwards;}
.progress60{animation: load60 3s normal forwards;}
@keyframes load70 {
  0% { width: 0; }
  100% { width: 70%; }
}
@keyframes load100 {
  0% { width: 0; }
  100% { width:100%; }
}
@keyframes load60 {
  0% { width: 0; }
  100% { width:60%; }
}

.portfolio_block{background:#000; padding:100px 0 50px 0; text-align:center;}
.portfolio_block h1{ font-family: 'Heebo', sans-serif;font-weight:300; font-size:35px; line-height:50px;letter-spacing:4px;color:#FFF;}
.slider_holder{padding:50px 0 0 0;}
.video_holder{padding:10px;}

.myboxx{display:block;min-height:250px;position:relative;}
.myboxx a{display:block;position:absolute;left:0;right:0;top:0;bottom:0;}
.myboxx a:hover{background:rgba(0,0,0,0.5)}

.testimonial_block{padding:50px 0;}
.testimonial_block h1{font-family: 'Heebo', sans-serif;font-weight:300; font-size:34px; line-height:60px;letter-spacing:2px;}
.testimonial{}
.testimonial_quote{ font-size:22px; font-weight:400; line-height:35px;}
.testimonial_by{ display:flex; flex-wrap:wrap;}
.testimonial_thumb{padding:5px 15px 5px 0;}
.testimonial_thumb img{ border-radius:50%;}
.testimonial_right{padding:10px 0 0 0; font-size:18px; font-weight:300; }
.testimonial_right h2{font-size:19px; letter-spacing:1px;}


.client_block{padding:100px 0;}
.client_block .aligner{display:flex;  justify-content: space-between;flex-wrap: wrap;}
.clients_intro{width:45%;}
.clients_intro h1{font-family: 'Heebo', sans-serif;font-weight:300; font-size:35px; line-height:50px;letter-spacing:2px;}
.clients{width:45%;display:flex;  justify-content: space-between;flex-wrap: wrap;}
.client{width:45%;margin:10px 0 30px 0;}
.client img{border-radius:5px;box-shadow: 5px 8px 28px rgba(23,23,36,0.1);}

.contact_block{padding:100px 0;}
.contact_block .aligner{display:flex;  justify-content: space-between;flex-wrap: wrap;}

.contact_block .myrow{display:flex;}
.myrow i{color:#c0490f;line-height:25px; min-width:25px;}
.myrow h2{color:#c0490f;font-family: 'Heebo', sans-serif;font-weight:400; font-size:17px;line-height:25px; }

.contactboxx{width:45%;}
.contactboxx div{padding:7px;}
.txtboxx{display:block;background:#FFF;border:1px solid #424242; padding:8px;width:100%;border-radius:3px;font-family: 'Heebo', sans-serif;font-weight:300; font-size:14px; }
.smt_btn{background:#34b3d5;color:#FFF;font-size:19px;display:inline-block; padding:12px 15px; border-radius:5px; font-weight:600;cursor:pointer;border:1px solid #1f93b2}
.smt_btn:hover{background:#173661;color:#FFF;}

footer{display:block;}
footer .aligner .boxx1{border-top:2px solid #efefef;padding:50px 0; display:flex;flex;  justify-content: space-between;flex-wrap: wrap;}
.footer_social ul li{display:inline-block; padding:5px 10px;}
.footer_social i{ font-size:22px;}
.footer_social a{color:#4a4a50;}
.footer_social a:hover{color:#3b357b;}


@media screen and (max-width:1200px) {
	.aligner{ margin:0px 15px;}
	.full_aligner{margin:0px 15px;}
}
@media screen and (max-width:805px) {
	.welcome_aligner{ margin:0px 15px;}
	.service_block,.team_block,.why_block,.contact_block,.portfolio_block{padding:30px 0;}
	.service_thumb{ text-align:center;}
	.service_thumb,.service_content{width:100%;}
}
@media screen and (max-width:730px) {
	.logo_holder,.nav_holder{width:100%; background:#000;}
	.nav_holder{padding:0px;}
	a#pull{background:#abae62;color:#FFF;display:block;font-size:18px;line-height:25px;padding:5px 10px;text-transform:uppercase;position:absolute;text-align:left;width:100px;right:10px;top:10px;}
	a#pull::after{display:block;position:absolute;right:10px;top:8px;background:url(../images/select-icons.png);height:23px;width:23px;content:''}
	.sujit-nav{margin:0}
	.sujit-nav ul{display:none}
	.sujit-nav ul li{display:block;margin:0;width:100%; background:#000;}
	.sujit-nav ul li a{padding:8px 10px;text-align:left;border-bottom:1px dashed rgba(255,255,255,.3); color:#FFF;}
	.sujit-nav ul li:hover a{background:rgba(0,0,0,.3);color:#f7ff05;}

}
@media screen and (max-width:600px) {
	.banner_quote{display:none;}
	.boxx{width:100%; padding:10px 0 20px 0;}
	.why_us, .our_progress,.clients_intro,.contactboxx{width:100%;}
}
@media screen and (max-width:470px) {
	.member_box{padding:15px;}
	.member_thumb{width:100% !important;}
}