/* CSS Document */
@font-face {
font-family:"Gill Sans MT";
src:url(../image/33535gillsansmt.ttf) format('truetype');
}
@font-face {
font-family:"Pathway Gothic One";
src:url(../image/PathwayGothicOne-Regular.ttf) format('truetype');
}
@font-face {
font-family:"Century Gothic";
src:url(../image/gothic.ttf) format('truetype');
}



*{margin:0px; padding:0px;}

ul,li{list-style-type:none;}

body{ background:url(../image/bodybg.jpg) top center no-repeat; background-size:100% auto; padding-top:2.5%;}

.container{width:100%; position:relative;}

.section{max-width:1086px; margin:0px auto; padding:0px !important;}

.header{width:100%; padding-bottom:12%;}

.logo{float:left;}

.rightblock{float:right;}

.call{text-align:left; 
      color:#fff; 
	  font-size:16px; 
	  font-family:"Gill Sans MT"; 
	  background:url(../image/phone.png) 0% 100% no-repeat; 
	  padding-left:26px; margin-bottom:3%; background-size:8%;}
	  
.socialicons{text-align:right; padding-top:15%;}

.socialicons img{margin-left:5%;}

.menusection{width:100%; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3); border-bottom:3px solid #3E5D96; box-shadow: inset 1px 4px 9px -6px; }

.menu{width:100%;}

.menu ul{ float:left;}

.menu ul li{float:left; display:block;}

.menu ul li a{text-align:center; 
              font-size:100%;
              color:#FFFFFF;
			   
			  padding:23px 30px 25px;
			  text-decoration:none;
			  text-transform:uppercase;
			  line-height:65px;
			  font-family:"Gill Sans MT"; outline:none;}
.menu ul li a:hover{background:#3E5D96;}
.active	{background:#3E5D96;}
.teamactive {background:#3E5D96;}
.teaminactive {background:#12264B;}
.responsive{max-width:100%; width:100%;}

.content{background:#FFFFFF; padding:20px 40px; -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

p{ font-family:"Century Gothic"; font-size:16px; color:#737373; margin-bottom:24px; line-height:25px;}
h1{color:#154396; font-size:40px; text-align:center; font-family:"Gill Sans MT";  text-transform:uppercase; padding-top:20px;}
h2{color:#154396; font-size:35px; text-align:center; font-family:"Gill Sans MT";  text-transform:none; padding-top:20px; }
h3{color:#154396; font-size:24px; text-align:left; font-family:"Gill Sans MT";  text-transform:none; padding-top:40px;}
h4{color:#154396; font-size:20px; text-align:left; font-family:"Gill Sans MT";  text-transform:none; font-weight:normal; padding-top:40px;}
ul.list li{font-family:"Century Gothic"; font-size:16px; color:#737373; line-height:30px; list-style-type:disc}
ul.list{padding-left:5%;}
ul.nestedlist li{font-family:"Century Gothic"; font-size:16px; color:#737373; line-height:30px; list-style-type:circle}
ul.nestedlist{padding-left:5%;}
ul.nestedlist2 li{font-family:"Century Gothic"; font-size:16px; color:#737373; line-height:30px; list-style-type:square}
ul.nestedlist2{padding-left:5%;}

.financetool a{text-decoration:underline !important; color:#154396;}
.financetool a:hover{text-decoration:underline;}

.serviceblog{background:#F5F5F5; padding:20px 40px;}
.col{ display:inline-block; padding:0% 0.5%;}
.serviceblog h4{text-align:center; font-size:26px; text-transform:none; font-weight:normal; font-family:"Pathway Gothic One"; padding-top:5%;}
.footer{width:100%; background:#0B1933; color:#FFFFFF;  border-top:4px solid #3E5D96; font-family:Arial, Helvetica, sans-serif; line-height:25px;}
.blog{width:26.5%; float:left; padding-right:4%;}
.blog{width:auto; float:left; padding:10px 20px;}
.footer h1{border-bottom:none;}
.underline1{border:1px solid #000; width:160%;}
.underline2{border:1px solid #000; width:30%;}
.underline3{border:1px solid #000; width:70%;}
.ftrow{width:100%; padding-top:2%;}
.ftblock{ float:left; margin-left:25px;}
.bolg2 h1{margin-left:40px;}
.bolg2 .underline2{margin-left:40px;}
.footer h1{color:#FFFFFF; font-size:24px; font-weight:normal; text-align:left; font-family:"Pathway Gothic One"; padding-bottom:2%;}
.ftmenu{ padding-top:5%;}
.ftmenu ul{}
.ftmenu ul li{float:none;}
.ftmenu ul li a{float:none; text-align:left; color:#FFFFFF; text-decoration:none; font-family:"Gill Sans MT"; font-size:14px;}

.ftsocialicons{text-align:left; padding-top:8%;}

.ftsocialicons img{margin-right:5%;}
.footerinner{background:#12264B; text-align:center; color:#FFFFFF; padding:1% 0%; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
table tr td {font-family:"Century Gothic"; font-size:16px; color:#737373;}
.nav-toggle{background:none; border:none; cursor:pointer;}
#googleMap {
width:280px;
height:160px;
margin-top: 30px;
border-radius: 3px;
}
.linkcstm{float:right; margin-bottom:2%;}
.ser1{background:url(../image/service1.png) no-repeat; width:185px; height:185px; transition: all 0.3s ease;}
.ser1:hover{background:url(../image/serviceh1.png) no-repeat; transition: all 0.3s ease; }
.ser2{background:url(../image/service2.png) no-repeat; width:185px; height:185px;}
.ser2:hover{background:url(../image/serviceh2.png) no-repeat; }
.ser3{background:url(../image/service3.png) no-repeat; width:185px; height:185px;}
.ser3:hover{background:url(../image/serviceh3.png) no-repeat; }
.ser4{background:url(../image/service4.png) no-repeat; width:185px; height:185px;}
.ser4:hover{background:url(../image/serviceh4.png) no-repeat; }
.ser5{background:url(../image/service5.png) no-repeat; width:185px; height:185px;}
.ser5:hover{background:url(../image/serviceh5.png) no-repeat; }
input{width:90%; height:25px;}
.checkbox{width:auto;}
#submit{width:auto; background:url(../image/button.png) no-repeat; width:111px; height:39px; border:0; text-indent:-5000px; overflow:hidden;}
#view{width:auto; background:url(../image/viewcontacts.png) no-repeat; width:111px; height:39px; border:0; text-indent:-5000px; overflow:hidden; padding:0px 100px;}
#pop{width:auto; background:url(../image/viewcontacts.png) no-repeat; width:111px; height:39px; border:0; text-indent:-5000px; overflow:hidden; padding:0px 100px;}
#pop2{width:auto; background:url(../image/viewcontacts.png) no-repeat; width:111px; height:39px; border:0; text-indent:-5000px; overflow:hidden; padding:0px 100px;}
#pop3{width:auto; background:url(../image/viewcontacts.png) no-repeat; width:111px; height:39px; border:0; text-indent:-5000px; overflow:hidden; padding:0px 100px;}
#pop4{width:auto; background:url(../image/viewcontacts.png) no-repeat; width:111px; height:39px; border:0; text-indent:-5000px; overflow:hidden; padding:0px 100px;}
#client{width:auto; }
.more{background:url(../image/more.png) no-repeat; float:right; display:block; width:119px; height:44px; transition: all 0.5s ease;}
.more:hover{background:url(../image/moreh.png) no-repeat;   transition: all 0.5s ease; }
input[type="text"] { padding:5px;
    border: 1px solid #fff;
box-shadow: 1px 1px 2px 0px #707070 inset !important;
transition: box-shadow 0.3s ease 0s;
}
.content a{color:#022161; text-decoration:none;}
.content a:hover{text-decoration:underline;}
input[type="text"] {
    display: block;
    margin: 0px;
    width: 65%;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    -moz-appearance: none;
    box-shadow: none;
}
textarea{    border: 1px solid #fff;
box-shadow: 1px 1px 2px 0px #707070 inset;
transition: box-shadow 0.3s ease 0s;}
.ftmenu ul li .active{background:none }
.contactdivs {
display:inline-block; vertical-align:top;
font-family: "Century Gothic";
font-size: 13px;
color: #737373;
}
.contactdivs b { 
font-family: "Century Gothic";
font-size: 16px;
color: #737373;
}
@media(min-width:480px){
.resmenu{display:none;}
.menu{display:block !important;}

}
@media(max-width:480px){
.blog{width:90%;}
.menu ul,.menu ul li{float:none; text-align:center;}
.menu ul li a:hover{ background:none;}}
.menu ul li:hover{background:#3E5D96;}
.mytab td{margin-bottom:30px;}
.space{display:none}
.menu{display:none;}
.nav-toggle{padding:10px;}
#collapse1 ul li{float:none; text-align:center; padding:10px 0px;}
#collapse1 ul li a{float:none; text-align:center; text-decoration:none; color:#FFFFFF;  font-family:"Gill Sans MT"; font-size:100%;}
#collapse1 ul{background:#3E5D96;}
#collapse1 ul li:hover a { color:#3E5D96;}
#collapse1 ul li:hover{color:#3E5D96; background:#FFFFFF;}
#googleMap{width:220px;}


}

 table.responsivetable {
   width: 100%;
   border-collapse: collapse;
   }
  
/* Make Table Responsive --- */
@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px){
.responsivetable table, .responsivetable thead, .responsivetable tr, .responsivetable td{display:block;}
.responsivetable thead tr{position:absolute; top:-9999px; left:-9999px;}

.responsivetable td:before{ position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap;}


}
@media screen and (max-width: 480px){

#message{ width:215px;}
.blog{padding:0px;}
.ftblock {margin-left:0px; margin-bottom:30px;}
.bolg2 h1{margin-left:0px;}
.bolg2 .underline2{margin-left:0px;}
.underline1,.underline2{width:70%;}
.call {font-size:14px; background-size:8%;}

}

@media all and (max-width: 905px) and (min-width: 615px) {

.menu ul li a { padding:23px 0px 25px 0px; font-size:73%; text-align:center;}
.menu ul li{width:16.6%; text-align:center; }
.menu ul{float:none;}
.active{background:none;}
.ftblock {margin-left:0px; margin-bottom:30px;}
.bolg2 h1{margin-left:0px;}
.bolg2 .underline2{margin-left:0px;}
}
@media all and (max-width: 614px) and (min-width: 481px) {

.menu ul li a { padding:23px 0px 25px 0px; font-size:58%; text-align:center;}
.menu ul li{width:16.6%; text-align:center; }
.menu ul{float:none;}
.active{background:none;}
.ftblock {margin-left:0px; margin-bottom:30px;}
.bolg2 h1{margin-left:0px;}
.bolg2 .underline2{margin-left:0px;}
}