@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Candara';
	src: url(../fonts/Candara.html);
	src: url(../fonts/Candarad41d.html?#iefix) format('embedded-opentype'),
		url(../fonts/Candara-2.html) format('woff'),
		url(../fonts/Candara-3.html) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url(../fonts/Montserrat-Regular.html);
	src: url(../fonts/Montserrat-Regulard41d.html?#iefix) format('embedded-opentype'),
		url(../fonts/Montserrat-Regular-2.html) format('woff'),
		url(../fonts/Montserrat-Regular-3.html) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'GothamBook';
    src:url(../fonts/GothamBook.html);
    src: url(../fonts/GothamBook.html) format('embedded-opentype'),
         url(../fonts/GothamBook-2.html) format('woff2'),
         url(../fonts/GothamBook-3.html) format('woff'),
         url(../fonts/GothamBook-4.html) format('truetype'),
         url(../fonts/GothamBook-5.html#GothamBook) format('svg');
}


@font-face {
	font-family: 'Open Sans';
	src: url(../fonts/OpenSans.html);
	src: url(../fonts/OpenSansd41d.html?#iefix) format('embedded-opentype'),
		url(../fonts/OpenSans-2.html) format('woff'),
		url(../fonts/OpenSans-3.html) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham';
	src: url(../fonts/Gotham-Bold.html),
	     url(../fonts/Gotham-Bold-2.html) format('woff2'),
         url(../fonts/Gotham-Bold-3.html) format('woff'),
         url(../fonts/Gotham-Bold-4.html) format('truetype'),
         url(../fonts/Gotham-Bold-5.html#Gotham-Bold) format('svg');
	font-weight: bold;
	font-style: normal;
}


/* needed */
.container {display: block;  margin: 0 auto;  max-width: 1370px;  position: relative;  width: 100%;}
/* needed */
#middle-section{width:100%; float:left; margin:70px 0;}
/* needed */
.contact-tab{width:100%; float:left;}
/* needed */
.contact-tab div.tabcontents {border: 0 none; border-radius: 0; margin-top:70px; padding: 0;}
/* needed */
.contact-tab ul.tabs li.selected a, ul.tabs li.selected a:hover{border-radius:0; border-width:5px 1px 1px 1px; border-color:#e0e0e0; border-top-color:#737373; border-bottom-color:white;}
/* needed */
.contact-tab ul.tabs{ border-bottom: 1px solid #d7d7d7;  display: block;  padding: 7px 0px 55px 0 !important;  width: 100%;}
/* needed */
.contact-tab ul.tabs li a {border-radius: 0;  color: #262626;  font-family: "Candara";  font-size: 23px; font-weight: bold;  padding: 12px 16px;  width: 30% ;  float: left;}
/* needed */
.contact-tab ul.tabs li{margin: 0;}
/* needed */
.contact-tab ul.tabs li.selected a, ul.tabs li.selected a:hover {border-color: #737373 #e0e0e0 white !important;  border-radius: 0 !important;  border-width: 5px 1px 1px !important;  color: #0f4670 !important;  float: left;  font-family: "Candara" !important;  font-size: 23px !important;  font-weight: bold !important;  padding: 8px 16px 13px 8px;  width: 30% !important;}
/* needed */
.contact-tab li i{color:#a8a8a8; margin-right:5px; font-size:28px;}
/* needed */
.tabs img {float: left; margin-right: 15px; margin-top: 5px;}
/* needed */
.offices{width:100%; float:left;}
/* needed */
.offices ul{width:100%; float:left; margin:0; padding:0;}
/* needed */
.offices ul li{display:inline-block; width:23.4%; float:left; list-style:none; background:#f6f6f6; padding:22px 22px 10px 22px; margin-right:20px; margin-bottom:20px; min-height: 415px;}
/* needed */
.offices ul li:last-child{margin-right:0;}
/* needed */
.office-part h2{font-family: 'Gotham';font-size:16px; font-weight:bold; width:100%; float:left; position:relative; text-transform:uppercase; color:#424242; padding-left:40px; margin:0;}
/* needed */
.office-part h2 img{position:absolute; left:0px; top:0px;}
/* needed */
.office-part h3 {  color: #0f4670;  float: left;  font-family: "Candara";  font-size: 19px;  font-weight: bold;  margin: 0;  padding: 25px 0 20px 0;  width: 100%;  min-height: 95px;}
/* needed */
.office-part p{width:100%; float:left; padding-bottom:30px; color:#424242; font-size:16px; font-family: 'Lato', sans-serif; margin:0; line-height:25px;}
/* needed */
.office-part p a{color:#4ea1db; text-decoration:none;}
.result-filter1{  margin:0 auto; float:none !important; width:100%}
/* needed */
.map{width:100%; float:left;}
/* needed */
.map iframe{width:100%; height:450px; }
/* needed */
.contact-form{background: #f0f0f1;  float: left;  width:100%; padding:40px 20px 20px 20px;}
/* needed */
.contact-form span {float: left;  margin-bottom: 10px;  margin-right: 1%;  width: 32%; margin-bottom:20px;}
/* needed */
.contact-form span input {background: #fff none repeat scroll 0 0;  border: 1px solid #acacac;  color: #6c6c6c;  float: left;  font-size: 12px;  padding: 10px 12px;  width: 100%;}
/* needed */
.contact-form p{width:100%; float:left; margin:0 0 20px 0;}
/* needed */
.contact-form p textarea {background:#fff; font-family:"Candara"; border: 1px solid #acacac; color: #6c6c6c; float: left; font-size: 12px; height: auto;  padding: 10px 12px;  resize: none; width: 98%;}
/* needed */
.contact-form p button{ background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(228, 74, 62, 1) 1%, rgba(160, 40, 27, 1) 99%) repeat scroll 0 0; border: 0 none; border-radius: 2px; color: 
#fff;  cursor: pointer;  float: left;  font-size: 15px;  font-weight: bold;  padding: 7px 0;  text-align: center;  width: 120px;}
/* needed */
.contact-form p button:hover{ background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(10, 162, 192, 1) 0%, rgba(14, 73, 115, 1) 100%) repeat scroll 0 0;}




@media only screen and (max-width:1170px){	
/* needed */
.container{padding:0 15px;}
/* needed */
.offices ul li {  margin-right: 20px;  padding: 22px 14px 10px;  width: 23.4%;  min-height: 430px;}
}

@media only screen and (max-width:980px)
{
/* needed */
.contact-tab ul.tabs li a{width:40%;}
/* needed */
.offices ul li{width:47.2%; margin-bottom:20px; min-height: 360px;}
}
		
		
@media only screen and (max-width:767px)
{
/* needed */
.contact-tab ul.tabs li a { width: 50%;}
/* needed */
.contact-tab ul.tabs li.selected a, ul.tabs li.selected a:hover { width: 50% !important;}
/* needed */
.offices ul li{width:46.7%; margin-bottom:20px; min-height: 360px;}
}
	
@media only screen and (max-width:640px){
/* needed */
.contact-tab li i { font-size: 24px;  }
/* needed */
.contact-tab ul.tabs li a{font-size:16px; line-height:29px;}
/* needed */
.contact-tab ul.tabs li.selected a, ul.tabs li.selected a:hover{font-size:16px !important; line-height:29px !important;}
/* needed */
.offices ul li{width:100%; margin-right:0;}
/* needed */
.contact-form span {width:100%; float:left; margin-right:0;}
/* needed */
.contact-form p textarea{width:100%;}
}


@media only screen and (max-width:479px){
/* needed */
.contact-tab ul.tabs li a { width: 100%;}
/* needed */
.contact-tab ul.tabs li.selected a, ul.tabs li.selected a:hover { width: 100% !important;}
}

footer{width:100%; float:left; font-family: 'Lato', sans-serif;}
.footer-top{width:100%; float:left; background:url(../images/footer-bg.html) no-repeat; background-size:cover;  }
.footer-top{width:100%; float:left; background:url(../images/footer-bg.html) no-repeat; background-size:cover;  }
.footer-main{width:100%; float:left; padding:70px 0;}
.footer-address{width:30%; float:left;}
.footer-address span{width:100%; float:left; margin-bottom:15px; color:#fff; font-size:17px; line-height:35px;}
.footer-contact{width:30%; float:left;}
.footer-contact h3{width:100%; float:left; color:#fff; font-size:18px; text-transform:uppercase; font-weight:800; margin:0; padding:15px 0;}
.footer-bottom{width:100%; float:left; background:#373737; text-align:center; }
.footer-bottom-text{width:100%; float:left; color:#6b6b6b; padding:25px 0; font-size:14px;}
.footer-address {float: left;  width: 100%;}
.footer-contact {float: left; width: 50%;}
.footer-contact { width: 100%;}