/* Reset Css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{text-decoration:none;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#868787;outline:0;transition:all 1.5s ease 0s;}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cac9c9;margin:1em 0;padding:0}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
.fl{float:left}.fr{float:right}

body{font-family: 'PT Sans', sans-serif; color:#fff; background:#f4f4f4;}
img {-ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle;transition:all 1.5s ease 0s;}
.ie8 img {height: auto; width: auto\9;}
.ie8 img.size-large {max-width: 60%; width: auto;}
:hover{transition:all 0.5s ease 0s;}



/* ================================= Reset Css ================================= */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
::-webkit-input-placeholder {color: #cac9c9;}
:-moz-placeholder {color: #cac9c9;}
::-moz-placeholder {color: #cac9c9;}
:-ms-input-placeholder {color: #cac9c9;}

input[type=submit]{cursor:pointer;transition:all 1.5s ease 0s; background:#F5831F; border:none; font-weight:700; font-size:18px; color:#fff; }
input:focus{outline:none;}
/* Commna Radius */

.sign_up_form input{ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}


/* ================================= Main container for all ================================= */

.ful_grid {margin: 0 auto; padding: 0 0 0 1%;}
.ful_grid{max-width: 960px;}
.onerow {clear: both;padding: 0 10px;}

/* ================================= Common columns definitions ================================= */

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {float: left; margin: 0 3% 0 0;}
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 ,
.social_col.last{
	margin: 0;
}

.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 99%; margin: 0; }

.col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img{}

/* Transform comman */

/* ================================= Comman for all ================================= */

#main_wrapper{width:100%;}

/* Header */

h1{font-size: 42px; font-weight:700; text-transform: uppercase; color: #fff; text-shadow: 0 0 5px rgba(2,2,2,.75); padding:20px 10px}
h2{font-size: 28px; font-weight: 700; font-style: normal; color: #004990; margin-bottom:30px; line-height:26px;}
h3{font-size: 24px; font-weight: 700; text-transform: uppercase; color: #429d9e; margin-bottom:20px; text-shadow: 1px 1px 1px rgba(255,255,255,.75);}
h4{font-size: 28px; font-weight: 700; font-style: normal; color: #fff;text-shadow: 1px 2px 2px rgba(2,2,2,.41); margin-bottom:35px;}
h5{font-size: 19px; font-weight: bold; text-transform: uppercase; color: #429d9e; line-height:16px;}
h6{font-size: 28px; font-weight: bold; font-style: normal; color: #004990; margin-bottom:30px}

i{font-size: 19px; font-style: italic; color: #53637d; text-shadow: 1px 1px 1px rgba(255,255,255,.75); line-height:28px;}

ul{list-style:none; margin:20px 0 30px;}
li{background:url(../images/list_arrow.png) center left no-repeat; padding:0 0 0 20px; list-style:none; line-height:28px;}
a{color:#f48815; font-style:italic; font-size:19px; text-decoration:underline;}
a:hover{color:#53637d;}

.tagline_container i{font-size: 18px;line-height:33px; max-width:80%; margin:0 auto; text-shadow:none;}


/* Paralax Image Effects */

#home , #about{box-shadow: inset 0px 11px 8px -10px rgba(0,0,0,0.8), inset 0px -11px 8px -10px rgba(0,0,0,0.8);}

#home{background: url(../images/header_img.jpg) 50% 0 no-repeat fixed #f4f4f4; height: 557px;
	margin: 0 auto; width: 100%;position: relative}

#about{background: url(../images/meet_team.jpg) no-repeat fixed; background-position:50% 0 !important;
	height: 757px; margin: 0 auto; width: 100%; position: relative}

.site_header{width:100%;left: 0; position: fixed;  right: 0; top: 0;z-index: 3;}
.head_wrapper{padding:30px 0 20px; border-bottom:1px solid rgba(255, 255, 255,0.09);transition:all 1.5s ease 0s;}
.head_wrapper:hover{border-bottom:1px solid rgba(255, 255, 255,0.4) !important;}


.site_logo{position:relative;}
.logo2{opacity:0; position:absolute; left:0; top:0;}
.tinynav { display: none }

#nav {float:right; margin-top:26px; margin:0; padding:0;}
#nav li{float:left; display:inline; margin-left:18px; padding:0; list-style:none; background:none;}
#nav li a{display:block; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #3c81aa; text-shadow: 1px 2px 2px rgba(2,2,2,.3);
		 text-decoration:none; font-style:normal;
}
#nav li a:hover{color:#509ac5;}

.banner_row{position:relative; padding-top:100px}
.banner_wrapper{text-align:center;}

.graphics_container{max-width:580px; margin:0 auto; padding:120px 0 160px;}
.h1_graphics{background:rgba(0,41,77,0.34); border:5px solid #fff; max-width:575px;min-height:77px;}


.graphic_tag{font-size: 22px; color: #fff; text-shadow: 0 0 5px rgba(2,2,2,.75); text-align:center; display:block; line-height:27px; margin-top:30px;}

#our_tagline , #service_top{border-bottom:1px solid rgba(208, 212, 217,0.19)}
.tagline_container{max-width:725px; margin:0 auto; text-align:center; padding:70px 0 65px;}

/* Services */

#service_top{background:url(../images/services_top_Bg.jpg) top right no-repeat; min-height:905px; max-width:1600px; margin:0 auto;}
#service_bottom{background:url(../images/services_bottom_bg.jpg) left bottom no-repeat; min-height:600px;max-width:1600px; margin:0 auto;}

.service_top_wrapper{max-width:710px; padding:80px 0 38px}
.service_btm_wrapper{max-width:590px; padding:95px 0 80px; float:right;}

.gray_btn{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:rgba(54,72,100,0.7); display:block;
		  font-weight:bold; text-decoration:none; font-style:normal; text-transform:uppercase; margin:30px 0 0 0}
.gray_btn:hover{background-color:#f48815;}
.gray_btn span{color:#fff; font-size:14px; font-weight:700; padding:12px 15px; display:inline-block;}
.gray_btn i {color: #FFFFFF; margin-left: 5px; text-shadow: none;}

.small_btn{max-width:180px; width:100%;}
.medium_btn{max-width:213px; width:100%;}
.large_btn{max-width:250px; width:100%;}

/* About us */
#services{min-height:1500px;}

.team_container{max-width:880px; margin:0 auto;  padding:105px 0 59px;}
.team_container i{color:#abb7ca;text-shadow: 1px 2px 2px rgba(2,2,2,.41);}
.intro_row{padding-bottom:70px;text-align:center; max-width:770px;}

.team_row{padding:0; margin:0;}
.team_row li{width:50%; padding:0; float:left; display:inline; margin-bottom:60px;}

.team_thumb{border: 3px solid #757E8B; max-height: 108px; min-width: 75px; margin-right:20px;}
.team_member span{font-size: 14px; font-weight: bold; text-transform: uppercase; color: #e0e6ef; display:block;}
.team_member i{font-size: 16px; font-style: italic; color: #abb7ca; display:inline-block; line-height:18px; margin:15px 0 0}
.team_member a{font-size: 16px; font-style: italic; text-decoration: underline; color: #f48815; margin-left:3px;}
.team_member a:hover{color:#fff;}


/* Contact Us */
#contact{background:url(../images/contact_office.jpg) 0 0 no-repeat; background-size:cover; min-height:583px; position:relative;}
#contact h6{background:url(../images/contact_symbol.png) center left no-repeat; padding-left:30px; display:inline-block;}

.contact_container{max-width:370px; text-align:right; padding:90px 90px 0 0 }

.address i{font-size:18px; line-height:normal}

/* Footer */
footer{background:url(../images/footer_bg.jpg) repeat-x; position:absolute; bottom:0; min-height:45px; width:100%;

	 -webkit-box-shadow: inset 0 0 24px 8px rgba(2,2,2,.39); 
		 moz-box-shadow: inset 0 0 24px 8px rgba(2,2,2,.39); 
		 	 box-shadow: inset 0 0 24px 8px rgba(2,2,2,.39);
	}
.footer_container{max-height:45px;}
.footer_logo {position: relative; top: -23px; float:left; margin-right:10px;}
footer p{padding:16px 0;}
footer p , .seprate{color:#5b616a; font-size:12px;}
footer p a{color:#798089; text-decoration:underline;font-size:12px; font-style:normal;}
footer p a:hover{color:#fff;}
.seprate{margin:0 5px; display:inline-block;}

.site_by{text-align:right;}

footer .col6{max-height:45px;}
.site_logo a{text-decoration:none !important;}


/* ================================= Comman for all ================================= */

/* ================================= media Screen ================================= */

/********************************* Mobile Potrait ********************************/
@media screen and (max-width: 350px) and (orientation: portrait) {
body{font-size:15px;}
.team_member{max-width:65% !important;}

}

/********************************* Mobile Potrait ********************************/

@media screen and (max-width: 480px) and (orientation: portrait) {
body{font-size:16px;}

h1{font-size:23px;}
.h1_graphics{min-height:60px;}
.graphic_tag{font-size:18px; line-height:25px}

.team_member{max-width:68%;}
.team_member span{line-height:normal;}
.tagline_container i{line-height:25px;}
.tagline_container i br{display:none}

.footer_logo{display:block; text-align:center; float:none;}
footer {background-repeat: repeat; min-height: 100px;}


}

/********************************* Mobile landscape ********************************/
@media screen and (max-width: 480px) and (orientation: landscape) {
body{font-size:16px;}
footer {background-repeat: repeat; min-height: 100px;}

}

/********************************* big Mobile landscape ********************************/
@media screen and (max-width: 640px) and (orientation: landscape){	
body{font-size:16px;}

footer p{text-align:right;}
.footer_logo{top:10px;}


}

/* ================================= Common For All mobile definitions ================================= */
@media all and (max-width: 750px) {

.onerow {}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 , .logo_col , .info_col , .social_col{
	float: none;
	width: 99%;
}

ul{padding:0;}
#about{background-attachment:scroll !important;}

#home , #contact {background-size:cover}
#service_top , #service_bottom{background:none !important;}
#services , #service_top , #service_bottom{min-height:100%;}
.service_btm_wrapper, .service_top_wrapper{max-width:100%; float:none; padding:50px 0;}

#about{height:auto;background-size:cover;}

.site_logo{text-align:center;}
.site_logo a{display:inline-block; margin-bottom:5%;}
.logo2{margin:0 auto; right:0;}

#nav{display:none;}
.tinynav { display:block; padding:10px; border:none; background:#333333; width:100%; cursor:pointer; -webkit-appearance:none;}
#tinynav1{width:100%;}

i , a , .tagline_container i{font-size:100%;}
.team_row li{width:100%; display:block;}

.intro_row , .contact_container  ,.service_top_wrapper , .service_btm_wrapper , .tagline_container{max-width:100%; float:none; padding:50px 0}
.contact_container {text-align:left; padding-right:0;}

.footer_container{max-height:100%;}
.site_by{text-align:left;}

}

/********************************* ipad portrait ********************************/

@media only screen and (min-width : 768px) and (orientation : portrait){

body{font-size:16px;}
#main_wrapper{overflow:hidden;}

#service_top , #service_bottom{background:none !important;}
#services , #service_top , #service_bottom{min-height:100%;}
.service_btm_wrapper, .service_top_wrapper{max-width:100%; float:none; padding:50px 0;}

	
.team_member{max-width:68%;}
.contact_container{float:none; text-align:left; padding-right:0;}
footer .col6{width:60%;}
footer .site_by{width:35%;}

#about{background-position:50% 0 !important; background-attachment:scroll !important; height:750px !important}


}


/********************************* ipad landscape ********************************/
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

body{font-size:16px;}
#main_wrapper{overflow:hidden;}
#service_bottom , #service_top{max-width:100%}
#service_bottom{background-size:50%}
#about{background-position:50% 0 !important; background-attachment:scroll !important; height:750px !important}

}

/* ================================= Small Computer ================================= */
@media screen and (min-width:1100px) and (max-width: 1449px){
#main_wrapper{overflow:hidden;}
#home , #about{background-size:cover;}
.team_member{width:77%;}


}
	

/* ================================= Large Computer ================================= */
@media screen and (min-width: 1450px) {
#main_wrapper{overflow:hidden;}
#home , #about{background-size:cover;}
.team_member{width:77%;}


}