/* CSS Document */


*{        
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}  

html {
    -webkit-text-size-adjust: 100%; 
}


.opac{opacity:0.1}

.mb10{margin-bottom:10px;}


body{padding:0;margin:0;text-align:center;font-family:'Inter',Arial, Helvetica, sans-serif; font-size:16px;color:#222}
/*
.wf-loading body { font-family: Arial, Helvetica, sans-serif; }
.wf-inactive body { font-family: Arial, Helvetica, sans-serif; }
.wf-active body { font-family: 'Inter', Arial, Helvetica, sans-serif; }
*/

.big{font-size:18px;line-height:30px;}
.small{font-size:15px;line-height:22px;}
.small2{font-size:13px;line-height:18px;}
a{outline:none;color:#63007a;text-decoration:none}
a:hover{text-decoration:underline;}
div,h1,h2,h3,p{padding:0;margin:0;}
img{max-width:100%;padding:0;margin:0; vertical-align: middle;}





/* ----- Header ----- */

#header0{width:100%;position:fixed;z-index:999;background:#020024;
}
.header_move{background:#020024!important;border-bottom:none!important}
#header{width:96%;max-width:950px;text-align:left;margin:0 auto;padding:15px 2%}
#logo{width:30%;float:left;}
#nav{width:70%;float:right;display:block;}
#nav ul{padding:0;margin:0;float:right;margin-top:4px}
#nav ul li{list-style:none;display:inline;}
#nav ul li a{text-decoration:none;color:#ffffff;text-transform:uppercase;margin-left:20px;-o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  transition:.3s;}
#nav ul li a:hover{}
#nav ul li a.selected{color:#f6b900;font-weight:normal;}


/* ----- Home ----- */
/*  background-size:cover; */

#home0{ background: rgb(4,0,70);
background: url('images/hpbg.png'),linear-gradient(90deg, rgba(4,0,70,1) 0%, rgba(23,9,121,1) 35%, rgba(103,0,122,1) 100%)}
#home{width:96%;max-width:950px;margin:0 auto;text-align:center;padding:12% 2%;}

.home_h1{font-size:54px;font-weight:bold;line-height:70px;color:#ffffff;text-transform:uppercase}
.home_h2{font-size:23px;color:#FFF;font-weight:normal;margin-top:50px;}

.home_btn{margin-top:25px;}


.arrow_down{width:40px;opacity:0.6;}
.arrow_down:hover{opacity:1}
.hp_blue{color:#f6b900;}


/* ----- About ----- */

#about0{background:#ffffff;}
#about{width:96%;max-width:950px;margin:0 auto;text-align:center;padding:8% 2%;}

.mb5{margin-bottom:5px;}

.meet_team{color:#276f81;font-weight:bold;text-transform:uppercase;text-align:center;display:inline-block;border:2px solid #dde4e8;border-bottom:none;padding:10px 20px;

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

}
.meet_team_line{height:2px;background:#dde4e8;margin-bottom:20px;}
.line_white{height:2px;background:#fff;margin:25px 0;}
.line_grey{height:2px;background:#d0d0d0;margin:25px 0;}


.box2{padding-bottom:10px;}

.team_four{width:32%;float:left;background:#fff; box-sizing: border-box;text-align:left;margin-right:2%;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;border:2px solid #e0e0e0;padding:20px}

.team_half{width:49%;float:left;box-sizing: border-box;text-align:left;margin-right:2%;margin-bottom:20px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;border:2px solid #e0e0e0;padding:20px}


.box_30,.box_30_res{width:25%;float:left;margin-right:5%;}
.box_70,.box_70_res{width:70%;float:left;}


.nomr{margin-right:0!important;}


/* ----- Work ----- */

#work0{}
#work{width:96%;max-width:950px;margin:0 auto;text-align:left;padding:8% 2%;}
#work img{min-height:100px;}


/* ----- Services ----- */

#services0{background: rgb(221,242,255);
background: linear-gradient(90deg, rgba(221,242,255,1) 0%, rgba(249,249,249,1) 35%, rgba(255,232,252,1) 100%);}
/*#services0{background:url(images/bg_colors.png);background-repeat:no-repeat;background-size:cover;}*/
#services{width:96%;max-width:950px;margin:0 auto;text-align:left;padding:8% 2%;}

ul.service{margin:0;padding:0;padding-left:20px;text-align:left;font-size:15px}
ul.service li{margin-bottom:6px;line-height:22px}

#services img{max-width:170px;}

/* ----- Contact ----- */

#contact0{background: rgb(221,242,255);
background: linear-gradient(90deg, rgba(221,242,255,1) 0%, rgba(249,249,249,1) 35%, rgba(255,232,252,1) 100%);}
#contact{width:96%;max-width:950px;margin:0 auto;text-align:left;padding:8% 2%;}
.contact_left{width:40%;float:left;text-align:left;}
.contact_right{width:50%;float:left;text-align:left;margin-left:5%;padding-left:5%;box-sizing: border-box;border-left:2px solid #e0e0e0}

.form_left{width:47%;float:left;margin-right:6%;}
.form_right{width:47%;float:left;}

.contact_icons {line-height:30px;}
.contact_icons img{width:16px;opacity:1;margin-right:10px;position:relative;top:-1px}



/* ----- Footer ----- */
#footer0{background:#102e37;}
#footer{width:100%;max-width:950px;text-align:left;margin:0 auto;padding:1em 0;color:#276f81;font-size:12px;text-align:center;font-weight:normal;text-transform:uppercase;}


.space_50_40{height:50px;}



.box{background:#d0d0d0;padding:10px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}



#navstart{display:none;cursor:pointer;}
.navicon{width:22px;outline:none}
.navicon:focus{outline:none;}


/* Text */
.font18{font-size:18px;}

.blue{color:#63007a;}
.upper{text-transform:uppercase;}
.bold{font-weight:bold;}
.font12{font-size:12px;} 
.font13{font-size:13px;}
.font14{font-size:15px;}
.font16{font-size:16px;}

.blogpost{font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;font-style:normal; max-width:700px}
.blogpost p{line-height:30px}

.faded{color:#858585;}
.txt_service{font-size:16px;color:#58718f;font-weight:bold}
.justify{text-align:justify;}


.italic{font-style:italic;}
.space50{height:50px;}
.space40{height:40px;}
.space30{height:30px;}
.space20{height:20px;}
.space10{height:10px;}
.space15{height:15px;}

/* Margins and Padding */

.horline{height:2px;margin:30px 0;background:#F0F0F0;display:block}

.horline2{height:1px;margin:10px 0;background:#F0F0F0;display:block}

.font14{font-size:14px;}



.space2{height:32px;}
.mb1{margin-bottom:15px;}




.space2_mo{height:32px;} /* main only */

.line1{border-top:1px dashed #d0d0d0;margin-bottom:30px;}

.mb_h{margin-bottom:8px;}


.mb2{margin-bottom:30px;}



.mr1{margin-right:16x;}

.contact_error{color:#CC3300;display:none;margin-top:15px;font-weight:normal}

.mt2px{margin-top:2px;}
.mt5px{margin-top:5px;}
.mt10px{margin-top:10px;}

.nobtmpad{padding:0;margin:0;}

.ht18,p.ht18{line-height:18px;}

.btn_fleft{float:left;}
.w150{width:150px;}

/* Common */

.clear{clear:both;}
.center{text-align:center;}
.left{text-align:left;}

/* Input and Buttons*/


.textbox,textarea{-webkit-appearance: none;}

.textbox{width:100%;
padding:10px 15px;font-family:'Inter',Arial, Helvetica, sans-serif;
font-size:15px;border:1px solid #b0b0b0;background:#fff;color:#333;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;outline:none;box-sizing: border-box;}

textarea{height:150px;vertical-align: top;resize: none; }




.inp_error{border:2px solid #CC3300;background:#fff;}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}




/* Testimonials */

#box_quote{background:#f0f0f0;padding:30px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.quote{font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-style:normal;line-height:35px;color:#b98431;font-style:italic;}
#box_quote div.tm{display:none;}
#tm_nav{text-align:center;margin-top:20px;}
.tm_dots
{
	width:16px;
	background:#c2dfe6;
	height:16px;
	border-radius:8px;
	color:#000000;
	line-height:16px;
	text-align:center;
	margin:0 auto;
	display:inline-block;
	margin:0 7px;
	cursor:pointer;
}
.tm_dot_sel{background:#276f81;}


.box_33{width:30.3%;float:left;margin-right:4.5%;}


/* Buttons */

.btn_big{
background: #63007a;
color:#fff;
text-align:center;
padding:10px 20px;
text-transform:uppercase;
font-size:15px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
cursor:pointer;
display:inline-block;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}

.btn_big:hover{background:#020024;}

a.btn_big{text-decoration:none;}


/* Elements */

p{margin-bottom:20px;line-height:25px;}
.heading{font-size:40px;font-weight:bold;line-height:50px;width:80%;margin:0 auto 50px auto;display:block;}
.heading2{font-size:30px;font-weight:bold;margin:0 0 20px 0;}
.heading3{font-size:20px;font-weight:bold;text-transform:uppercase;color:#63007a;margin-bottom:20px}
.heading4{font-size:16px;font-weight:bold;text-transform:uppercase;margin-bottom:10px}
label{font-size:13px;color:#102e37;text-transform:uppercase;font-weight:bold;margin-bottom:5px;display:block;}

.lht20{line-height:20px!important;}
.lht22{line-height:22px!important;}


/* Sections */

.mb20{margin-bottom:20px;}



/* Responsive Styles */


	





/*

#home02{background: rgba(0,66,59,1);
background: -moz-linear-gradient(45deg, rgba(0,66,59,1) 0%, rgba(0,67,138,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,66,59,1)), color-stop(100%, rgba(0,67,138,1)));
background: -webkit-linear-gradient(45deg, rgba(0,66,59,1) 0%, rgba(0,67,138,1) 100%);
background: -o-linear-gradient(45deg, rgba(0,66,59,1) 0%, rgba(0,67,138,1) 100%);
background: -ms-linear-gradient(45deg, rgba(0,66,59,1) 0%, rgba(0,67,138,1) 100%);
background: linear-gradient(45deg, rgba(0,66,59,1) 0%, rgba(0,67,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00423b', endColorstr='#00438a', GradientType=1 );}

*/










.box_half_left{width:40%;float:left;margin-right:10%;text-align:left;}
.box_half_right{width:50%;float:left;text-align:left}





.sfaded{color:#a0a0a0;}
.mt5{margin-top:5px;}
.font11{font-size:11px;}



.box_third_left{width:28%;margin-right:8%;float:left;max-width:288px;}
.box_third_right{width:28%;float:left;max-width:288px;}


.box_one3_left{width:70%;float:left;}
.box_one3_right{width:30%;float:right;text-align:right}






.box_fourth_left{width:22%;text-align:center;margin-right:4%;float:left}
.box_fourth_right{width:22%;text-align:center;margin-right:0;float:left}



.quote_sep{margin:16px 0;}






/* Miscellaneous */


.box_site_name{background:#e5e5e5;padding:15px 15px;font-size:14px; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}



.box1{background:#ffffff;font-size:14px;padding:20px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;min-height:350px}



.rad_t{-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}

.rad_b{-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}


.resp_break{display:none;}

#viewport{color:#fff;}


.res_space_30_10{height:30px;}



@media screen and (min-width:1800px)
{

	#home{width:92%;padding:6% 4%;}
	#about{width:92%;padding:6% 4%;}
	#work{width:92%;padding:6% 4%;}		
	#services{width:92%;padding:6% 4%;}
	#contact{width:92%;padding:6% 4%;}
	#footer{}
	
	
}


/* Mobile + iPad (Portrait) Common */

@media screen and (min-width:0px) and (max-width: 799px)
{

	body{font-size:16px;}
	.res_nl{display:block;}
	.btn_fleft{float:none;}
	#work img{min-height:60px;}
	
	
}


/* iPad Portrait */

@media screen and (min-width:640px) and (max-width: 799px) 
{

	#home{width:92%;max-width:799px;padding:12% 4%;}
	#about{width:92%;max-width:799px;padding:12% 4%;}
	#work{width:92%;max-width:799px;padding:12% 4%;}		
	#services{width:92%;max-width:799px;padding:12% 4%;}
	#contact{width:92%;max-width:799px;padding:12% 4%;}
	#footer{max-width:799px;}
	#services img{max-width:130px;}
	
	.home_h1{font-size:40px;line-height:50px;}
	.home_h2{line-height:30px;}
	
	#logo{width:25%;}
	#nav{width:75%;}
	#nav ul li a{margin-left:15px;}


	.heading{font-size:35px;line-height:40px;width:90%;}
	.heading2{font-size:28px;}
	.heading3{font-size:20px;font-weight:bold;text-transform:uppercase;margin-bottom:20px}
	
	
	
	


}





@media screen and (min-width:0px) and (max-width: 639px)
{

	#home{width:90%;max-width:639px;padding:18% 5%;}
	#about{width:90%;max-width:639px;padding:18% 5%;}
	#work{width:90%;max-width:639px;padding:18% 5%;}		
	#services{width:90%;max-width:639px;padding:18% 5%;}
	#contact{width:90%;max-width:639px;padding:18% 5%;}
	#footer{max-width:639px;}
	
	
	.space_50_40{height:40px;}
	
	
	
	

	.mob_mb10{margin-bottom:10px!important;}
	.mob_mb5{margin-bottom:5px!important;}
	
	#services img{max-width:200px;width:100%;}
	.mob_40{width:40%;float:left;margin-right:5%;}
	.mob_60{width:55%;float:left;}
	.mob_tleft{text-align:left!important;}
	
	
	#header0{border-bottom:none!important}
	#header{width:100%;text-align:left;margin:0 auto;padding:0}
	#logo{float:none;text-align:left;width:94%;padding:3%;}
	#nav{width:100%;float:none;display:none}
	#nav ul{padding:0;margin:0;float:none;}
	#nav ul li{list-style:none;padding:0;margin:0;}
	#nav ul li a{display:block;text-decoration:none;margin:0;padding:3% 3%;font-weight:normal;}
	#nav ul li a:hover{color:#f6b900;}
	#nav ul li a.selected{color:#f6b900;}
	#navstart{display:block;float:right;margin-left:0;}
	

	.home_h1{font-size:28px;line-height:35px; }
	.home_h2{margin-top:30px;font-size:18px;line-height:28px}
	
	.heading{font-size:24px;font-weight:bold;line-height:30px;margin-bottom:40px;width:100%;}
	.heading2{font-size:20px;font-weight:bold;margin:0 0 15px 0;}
	.heading3{font-size:18px;font-weight:bold;text-transform:uppercase;margin-bottom:10px}
	
	.mob_90txt{width:90%;margin-left:auto;margin-right:auto;}
	.mob_mb30{margin-bottom:30px!important;}
	
	.res_space_30_10{height:10px;}
	.mob_faded{color:#818181;}
	 p{}
	.big{font-size:18px;line-height:28px;}
	.small{font-size:14px;line-height:20px;}
	.small2{font-size:13px;line-height:18px;}
	
	.team_four{padding:10px}

	.team_half{width:100%;float:none;margin-right:0;margin-bottom:15px;padding:10px}
	
	.box_30_res{width:100%;float:none;margin-right:0;text-align:center}
	.box_30_res img{width:50px;}
	.box_70_res{width:100%;float:none;text-align:center;margin-top:15px}
	
	
	
	#box_quote{padding:15px;}
	.quote{font-size:22px;line-height:25px;}
	
	
	
	ul.service{margin:0;padding:0;padding-left:0;font-size:14px}
	ul.service li{margin-bottom:3px;line-height:18px;list-style:none;}
	
	
	.box_fourth_left{width:100%;text-align:center;margin-right:0;float:none;margin-bottom:15px}
	.box_fourth_right{width:100%;text-align:center;float:none}
	.box_fourth_left img, .box_fourth_right img{width:100px;}


	
	/* Done */
	
	
	
	
	
	/* we need to define both max-width and width parts */
	

	.mb_h{margin-bottom:0.5em;}


	
	.btn_big{
	font-size:0.9em;
	}
	
	

	.space2{height:2em;}
	.space2_mo{height:0;}
		
	


	
	.box_third_left{width:100%;margin-right:0;float:none;margin-bottom:1em;display:inline-block;}
	.box_third_right{width:100%;float:none;margin-bottom:1em;display:inline-block;}
	
	.box_one3_left{width:70%;float:left;text-align:left;}
	.box_one3_right{width:30%;float:right;text-align:right}

	
	
	
	.contact_left{width:100%;float:none;}
	.contact_right{width:100%;float:none;text-align:left;margin-top:40px;margin-left:0;padding-left:0;border:none;}
	
	.form_left{width:100%;float:none;margin-right:0;margin-bottom:15px;}
	.form_right{width:100%;float:none;}



	
	

}


@media screen and (min-width:0px) and (max-width: 359px)
{

	.home_h1{font-size:24px;line-height:30px;}
	.home_h2{font-size:15px;margin-top:30px;line-height:24px}
	
	#home{width:90%;max-width:359px;padding:19% 5%;}
	#about{width:90%;max-width:359px;padding:19% 5%;}
	#work{width:90%;max-width:359px;padding:19% 5%;}		
	#services{width:90%;max-width:359px;padding:19% 5%;}
	#contact{width:90%;max-width:359px;padding:19% 5%;}
	#footer{max-width:359px;}
	
	/*
	.heading{font-size:40px;font-weight:bold;line-height:50px;width:80%;margin:0 auto 50px auto;display:block;}
	.heading2{font-size:30px;font-weight:bold;margin:0 0 20px 0;}
	
	.heading4{font-size:16px;font-weight:bold;text-transform:uppercase;margin-bottom:10px}
	*/
	
	.heading3{font-size:15px}
	
	.big{font-size:16px;line-height:24px;}

}