@font-face {
  font-family: 'HelveticaNeue-UltraLight';
  src: url('fonts/HelveticaNeue-UltraLight.eot');
  src: url('fonts/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
       url('fonts/HelveticaNeue-UltraLight.woff2') format('woff2'),
       url('fonts/HelveticaNeue-UltraLight.woff') format('woff'),
       url('fonts/HelveticaNeue-UltraLight.ttf') format('truetype'),
       url('fonts/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AgencyFB-Reg';
  src: url('fonts/AgencyFB-Reg.eot');
  src: url('fonts/AgencyFB-Reg.eot?#iefix') format('embedded-opentype'),
       url('fonts/AgencyFB-Reg.woff2') format('woff2'),
       url('fonts/AgencyFB-Reg.woff') format('woff'),
       url('fonts/AgencyFB-Reg.ttf') format('truetype'),
       url('fonts/AgencyFB-Reg.svg#AgencyFB-Reg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*reset*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  /*font-family:'HelveticaNeue-UltraLight';*/
  font-family:'verdana';
  font-size: 13px;
  margin:0px auto;
  background-color: #fff;
  text-align: center;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
strong {font-weight: bold;}
.clear{
  clear: both;
  float: none;
}
h2, h3 {
 color: #1A2E45;
 font-size: 25px;
 font-weight:bold;
}
h3 {
 font-size: 20px;
}
.pull-right {float: right;margin-right:0 !important;}
.pull-left{float: left;margin-left:0 !important;}
.fleft input{float: left;}
.fright input{float: right;}
.hide {
	display: none;
}

/* end of reset*/


/*page top*/

section.page-top{
 		width: 100%;
    height: auto;
    float: left;
    display: block;
}
section.main-content{
	   display: block;
    float: left;
    width: 100%;
}
section.page-top header{
    width: 84%;
    height: auto;
    background-color: #0a457d;
    float: left;
    padding: 15px 8%;
}
section.page-top header div.logo{
  float:left;
	text-align: left;
  width: 35%;
}
section.page-top header div.search-field{
  text-align: right;
  float: right;
  width: 45%;
}
section.page-top header div.search-field input{
  width:40%;
  border:none;
  border-radius: 3px;
  background-color:#072f55;
  padding-top: 8px;
  padding-bottom: 8px;
  margin: 3% 10px 0 0;
}
section.page-top header div.search-field a img{
  margin-left: 2%;
  margin-top: 25px;
  float:right;
}
section.page-top header div.search-field div.search input {
  color: #FFF;
  padding-left: 10px;
}
section.page-top header div.search-field div.search button {
  text-indent: -9999px;
  background: url("../images/search-icon.png") no-repeat;
  width: 26px;
  height: 26px;
  border: 0;
  cursor: pointer;
}
section.page-top div.moduletable-menu{
  width:100%;
  height:auto;
  text-align: center;
  background-color:#1a2e45;
  float:left;
}
section.page-top div.moduletable-menu ul.nav{
  text-align: center;
  margin-left:23%;
  font-weight: bold;
}
section.page-top div.moduletable-menu ul.nav li{
 font-size: 20px;
 float:left;
 position: relative;
 padding:22px 1.8%;
}
section.page-top div.moduletable-menu ul li a:link,
section.page-top div.moduletable-menu ul li a:visited{
  color:#fff;
  font-family:'HelveticaNeue-UltraLight';
  text-decoration: none;
  letter-spacing: 1.5px;
}
section.page-top div.moduletable-menu ul li a:hover,
section.page-top div.moduletable-menu ul li.current.active > a{
  color:#4a8bcc;
}
section.page-top div.moduletable-menu ul.nav-child {
		background: #0A457D;
    text-align: left;
    position: absolute;
    top: 64px;
    width: 245px;
    /*opacity: 0.95;
    z-index: 1000;
    display: none;*/
     -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    opacity: 0;
}
section.page-top div.moduletable-menu ul.nav li.deeper.parent:hover > ul.nav-child{
	 /*display: block;*/
		opacity:1;
    visibility: visible;
}
section.page-top div.moduletable-menu ul.nav-child li {
		padding: 15px 0 15px 20px;
		font-size:16px;
		width: 92%;
		display:block;
}
li.item-117 {display:none;}
section.page-top div.page-name{
  width:100%;
  height:auto;
  float:left;
}
div.slider {
	width:100%;
	height: 500px;
}
div.moduletable-mainslider div.slider-caption {
  position: absolute;
  left: 16%;
  top: 18%;
  width: 66%;
  height: 150px;
  text-align: center;
}
div.moduletable-mainslider .rs-arrows .rs-prev {left:16%}
div.moduletable-mainslider .rs-arrows .rs-next {left: 79%;}
section.page-top div.page-name div.slider div.slider-caption a.morebtn{
  color:#fff;
  border: 1px solid #fff;
  text-decoration: none;
  font-size: 20px;
  padding: 2% 5%;
  text-transform: uppercase;
}

/*Home page projects*/
div.moduletable-project-categories {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    background-color: #fff; 
    text-align: left;
    z-index: 2;
}
ul.categories-module-project-categories{
		margin: -100px 8% 0 8%;
		display: block;
}
ul.categories-module-project-categories li {
   width: 20%;
    float: left;
    display: block;
    overflow: hidden;
    margin-right: 2%;
    padding: 0 15px 15px 15px;
    background-color: #f6f5f5;
}
ul.categories-module-project-categories div.category-info {
	position: relative;
	width: 95%;
	height:220px;
	border: 5px solid #FFF;
	overflow: hidden;
	float: left;
	cursor: pointer;
	background: #f6f5f5;
	-webkit-box-shadow: -1px 1px 12px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: -1px 1px 12px 0px rgba(0,0,0,0.48);
	box-shadow: -1px 1px 12px 0px rgba(0,0,0,0.48);
}
ul.categories-module-project-categories li div.category-info img {
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
	/*max-width:100%;
	max-height: 100%;*/
	width:100%;
	height: 100%;
}
ul.categories-module-project-categories div.category-name {
    height: auto;
    min-height: 30%;
    width: 100%;
    display: block;
    bottom: 0;
    left: 0;
    line-height: 25pt;
    text-align: center;
    background: rgba(4, 25, 47, 0.70);
    position: absolute;
    font-size: 25px;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
ul.categories-module-project-categories div.category-name h4{
		max-height: 100%;
		position: relative;
    top: 20%;
}
ul.categories-module-project-categories a:link,
ul.categories-module-project-categories a:visited,
ul.categories-module-project-categories a:active,
ul.categories-module-project-categories a:hover {
	text-decoration: none;
	color: #FFF; 
	font-family:"AgencyFB-Reg";
	position: relative;
}
ul.categories-module-project-categories li div.category-info:hover div.category-name {
		height: 220px;
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
ul.categories-module-project-categories li div.category-info:hover div.category-name h4 {
	top:40%;
}
ul.categories-module-project-categories div.project-excerpt{
		float: none;
		height: 135px;
    overflow: hidden;
    clear: both;
    text-align: center;
    line-height: 23px;
    padding: 15px 10px 25px 10px;
}
div.moduletable h3{
  color:#fff;
  font-size: 55px;
  text-align: left;
  font-family:"AgencyFB-Reg";
  text-transform: uppercase;
  margin-left: 8%;
  margin-right: 2%;
  margin-top: 55px;
  float:left;
  width:15%;
}
div.moduletable.clientintro h3{
  color:#12477d;
}

/* About*/

section#about{
  width:100%;
  height:auto;
  float:left;
  background-image: url(../images/about-bg.jpg);
}
section#about div.custom{
  float:left;
  width:57%;
  text-align: left;
  color:#fff;
  line-height: 25px;
  margin-top: 40px;
  margin-bottom: 35px;
  font-size: 13px;
}

/*clients*/

section#clients{
  width:100%;
  height:auto;
  background-color:#fff;
}

section#clients div.clients-excerpt{
  float:left;
  display:block;
  width:100%;
}

section#clients div.clients-excerpt div.custom.clientintro{
  float:left;
  text-align: left;
  color:#12477d;
  line-height: 25px;
  margin-top: 55px;
  font-size: 13px;
  width:57%;
}

section#clients div.clients-slider{
  display: block;
  float: none;
  clear: both;
  width: 85%;
  margin-left: 8%;
}

section#clients div#clients-slider-arrows a#clients-slider-left-arrow{
  float:left;
  margin-left: 3%;
}

section#clients div#clients-slider-arrows a#clients-slider-right-arrow{
  float:right;
  margin-right: 3%;
}

section#clients  div.clients-slider div#clients-logos img{
  margin-top: -60px;
  margin-left: 1%;
  margin-right: 1%;
}
section#clients #tchsp {
  width: 95%;
  padding: 0px 20px 45px 20px;
}
section#clients #tchsp .prev{
  background: transparent url("../images/clients-slider-left-arrow.png") no-repeat scroll 0% 0%;
  float:left;
  width: 19px;
  height: 52px;
}
section#clients #tchsp .next{
  background: transparent url("../images/clients-slider-right-arrow.png") no-repeat scroll 0% 0%;
  float: right;
  width: 19px;
  height: 52px;
}
section#clients #tchsp .viewport {
    height: 79px;
    overflow: hidden;
    position: relative;
    width: 92%;
    margin: 30px auto 0 auto;
}

section#clients #tchsp .overview li img {
  top:0;
  bottom: 0;
}

/*footer*/

footer{
  width:100%;
  height:auto;
  background-color:#051a2e;
  color:#5a626b;
  float:left;
  padding-top: 28px;
  padding-bottom: 28px;
}
footer div.moduletable-footer {
	font-size:14px;
}
footer div.copyright{
  float:right;
  margin-right: 8%;
  width: 33%;
  text-align: right;
}

footer div.copyright p{
  line-height: 25px;
  text-transform: uppercase;
}
footer div.copyright p a{
  color:#5a626b;
  text-decoration: none;
}
footer div.social-media{
  float:left;
  width:15%;
}
footer div.contact{
  float:left;
 margin-left: 8%;
  width:36%;
}
footer div.contact p{
  text-align: left;
  line-height: 25px;
}
footer div.contact p a{
  color:#5a626b;;
  text-decoration: none;
}
footer div.contact p a:hover,
footer div.copyright p a:hover{
	text-decoration: underline;
}

footer div.social-media a.instagram{
  margin-left: 2%;
  margin-right: 2%;
}

/* Breadcrumb module*/
div.moduletable-breadcrumb {
    position: absolute;
    left: 8%;
    bottom: 10px;
    color: #fff;
    font-size: 13px;
}
div.moduletable-breadcrumb li {
	  float: left;
    padding: 0 3px;
}
div.moduletable-breadcrumb li a {
 text-decoration: none !important;
 color: #FFF !important;
}

/*About us page*/
div.item-page-about div.articlecontent {
		margin:0;   
		display: block;
}
div.item-page-about .page-header,
div.search-searchpage h2.page-title,
div.item-page-general .page-header {
  background-image: url(../../../images/headers/about-us-top-img.jpg);
  width:100%;
  height:auto;
  float:left;
  margin-bottom: 35px;
  position: relative;
}
div.item-page-general .page-header  {
	margin-bottom: 65px;
}
div.item-page-about .page-header h1,
div.blog-grid .page-header h1,
div.blog-projects .page-header h1,
div.blog-projects h2 span.subheading-category,
div.project-item div.page-header h1,
div.blog-news div.page-header h1,
div.item-page-news div.page-header h1,
div.search-searchpage h2.page-title,
div.item-page-general .page-header h1{
  color:#fff;
  font-family:"AgencyFB-Reg";
  font-size: 55px;
  text-transform: uppercase;
  padding: 25px 0 30px 0;
}
div.item-page-news img{
	margin: 10px 25px;
	/*width: 350px;*/
	height: auto;
}
div.item-page-about img {
		margin: 10px 25px;
		width: 40%;
}
div.item-page-news .item-full-image {
		width: 90%;
}
div.item-page-news .item-full-image img{
	width: 90%;
	height: auto;
}
div.item-page-about div.about-even,
div.item-page-about div.about-odd {
    width: 87%;
    height: auto;
    background-color: #f6f5f5;
    margin-top: 0px;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-right: 0%;
    margin-left: 0%;
    padding-left: 8%;
    padding-right: 5%;
    margin-bottom: 0px;
    display: inline-block;
}
div.item-page-about div.about-odd {
		background-color: #FFF;
}


section.content div span strong{
  font-weight: bold;
  font-weight: 25px;
}

/*Projects Listing page*/
div.blog-projects {
	min-height:250px;
}
div.blog-projects .page-header:first-child,
div.project-item div.page-header{
  width:100%;
  height:auto;
  background-image: url(../../../images/headers/projects-top-img.jpg);
  float:left;
  position: relative;
}
div.blog-projects div.item-image {
	margin-right: 3%;
  width: 37.5%;
  height: 290px;
  position: relative;
	border: 3px solid #FFF;
	background: #F6F5F5;
	-webkit-box-shadow: -1px 1px 12px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: -1px 1px 12px 0px rgba(0,0,0,0.48);
	box-shadow: -1px 1px 12px 0px rgba(0,0,0,0.48);
}
div.blog-projects div.item-image img {
	  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    /*max-width: 100%;
    max-height: 100%;*/
}
div.blog-projects h2{
  width:100%;
  height:auto;
  background-color:#04192f;
  float:left;
  padding: 10px 0;
}

div.blog-projects h2 span.subheading-category{
  font-weight: normal;
}

div.blog-projects div.items-row{
  width:87%;
  height:auto;
  background-color:#fff;
  padding:40px 5% 40px 8%;
  float:left;
  margin: 0;
  text-align: left
}

div.blog-projects div.items-row.row-1,
div.blog-projects div.items-row.row-3,
div.blog-projects div.items-row.row-5,
div.blog-projects div.items-row.row-7,
div.blog-projects div.items-row.row-9{
  background-color:#f6f5f5;
}


div.blog-projects div.items-row div.page-header h3 a{
  color:#12477d;
  font-family:'HelveticaNeue-UltraLight';
  text-decoration: none;
  font-size: 29px;
  line-height: 25px;
}

div.blog-projects div.items-row div.project-excerpt {
  	display: inline-block;
    height: 175px;
    overflow: hidden;
    line-height: 25px;
    width: 55%;
    text-align: left;
    margin-top: 25px;
}

div.blog-projects div.items-row .readmore a{
  float:left;
  border:1px solid #12477d;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  padding:10px 4%;
  margin-top: 35px;
  color:#12477d;
}
div.pagination ul li a:hover,
div.pagination ul li a:visited,
div.pagination ul li a:link,
div.pagination ul li a:active {
		color: #12477d;
}
div.project-country h3{
		font-size: 14px;
    display: inline-block;
}

/* projects single page*/
div.project-item div.page-content{
  margin: 0 5% 0 8%;
  width: 87%;
  height:auto;
  float:left;
  background-color: #fff;
}
div.project-item div.page-content div span{
  float:left;
  text-align: left;
  direction: ltr;
  width:51%;
  color:#12477d;
  line-height: 25px;
}

div.project-item div.page-content div span strong{
  font-weight: bold;
}

div.project-item div.page-content h2{
	font-family:'HelveticaNeue-UltraLight';
  font-size: 29px;
  text-transform: uppercase;
  margin:40px auto;
  color:#12477d;
  font-weight: bold;
}
div.project-item div.page-content div.item-full-image{
  float:left;
  position: relative;
  width: 47%;
  height: 370px;
  margin: 0 3% 20px 0;
  border: 1px solid #ccc;
  border-radius: 5px;
}
div.project-item div.page-content div.item-full-image img{
  position: absolute;
  /*max-width: 100%;
  max-height: 100%;*/
  width: 100%;
  height: 100%;
  margin: auto;
  top: 0;
  bottom: 0;
  left:0;
  right:0;
  border: 1px solid #ccc;
  border-radius: 5px;
}
div.project-item div.page-content div.data.project-single{
  float:left;
  text-align: left;
  line-height: 25px;
  width: 43%;
}
div.project-item div.page-content div.data.project-single span{
  color:#12477d;
  margin-bottom: 20px;
  width:100%;
}
div.project-item div.articletext{
  line-height: 25px;
  color:#12477d;
  text-align: left;
  max-width:100%;
}
div.project-item div.related-images{
	font-family: 'HelveticaNeue-UltraLight';
  font-size: 29px;
  text-transform: uppercase;
  margin:15px auto;
  color:#12477d;
  font-weight: bold;
  text-align: center;
}
div.project-item div.articletext ul.sigFreeClassic li.sigFreeThumb{
	margin: 0 10px 10px 0 ;
}

/*News listing page*/

div.blog-news div.page-header:first-child,
div.item-page-news div.page-header{
  width:100%;
  height:auto;
  background-image: url(../../../images/headers/news-top-img.jpg);
  float:left;
  margin-bottom: 35px;
  position: relative;
}
div.blog-news div.items-row{
  width:87%;
  margin: 0 5% 0 12%;
  height:auto;
  text-align: left;
}
div.blog-news div.items-row div.span4{
  	/*width: 21%;*/
  	width: 23%;
    margin: 0 5% 30px 0;
    float: left;
    text-align: center;
}
div.blog-news div.items-row div.span4 .item-image{
	position: relative;
	width: 100%;
	height: 250px;
	border: 2px solid #FFF;
	-webkit-box-shadow: -1px 1px 12px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: -1px 1px 12px 0px rgba(0,0,0,0.48);
	box-shadow: -1px 1px 12px 0px rgba(0,0,0,0.48);
  overflow:hidden;
  margin-bottom: 20px;
}
div.blog-news div.items-row div.span4 .item-image img{
	position: absolute;
	margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width:100%;
}
div.blog-news div.items-row div.span4 h3{
	margin: 20px 0;
}
div.blog-news div.items-row div.span4 h3 a{
  font-weight: bold;
  font-size: 20px;
  font-family: sans-serif;
  color:#12477d;
  text-decoration:none;  
}
div.blog-news div.items-row div.span4 div.grid-intro{
  font-size: 13px;
  line-height: 25px;
  color:#ababab;
  width:100%;
  text-align: left;
  height: 150px;
  overflow: hidden; 
  padding: 0 10px;
}
div.blog-news div.items-row div.span4 div.item p.readmore a{
    border: 1px solid #12477d;
    font-size: 15px;
    padding: 10px 5%;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 30px;
    display: inline-block; 
    color: #12477d;
}
div.blog-news div.items-row div.span4 div.item p.readmore a:visited,
div.blog-news div.items-row div.span4 div.item p.readmore a:active,
div.blog-news div.items-row div.span4 div.item p.readmore a:hover,
div.blog-news div.items-row div.span4 div.item p.readmore a:link {
		color: #12477d;
}
body.view-category div.moduletable-share {
		display: none;
}
div.pagination{
    margin: 35px auto !important;
    font-size: 30px;
    display: inline-block;
		text-align: center;
		width: 85%;
		margin: 0 auto;
		position: relative;
}
div.pagination ul{
    display: inline-block;
  	width: 100%;
  	height:55px;
}
div.pagination ul li{
    margin: 0 auto; 
    display: inline-block;
    width: 40px;
    margin-right: 25px;
}
div.pagination ul li a {
		text-decoration: none;
		width: 35px;
		font-size: 30px;
}
div.pagination ul li span.pagenav, 
div.pagination ul li a:hover{
		border: 1px solid #12477d;
		color: #12477d;
		padding: 0 10px;
}
.counter,.pagination-end,.pagination ul li.pagination-start,.pagination ul li.pagination-end,.tooltip{
  display: none !important;
}
div.pagination ul li.pagination-prev a, .pagination ul li.pagination-prev span.pagenav,
div.pagination ul li.pagination-next a, .pagination ul li.pagination-next span.pagenav{
		width: 20px;
    height: 52px;
    display: block;
    border: 0;
    text-indent: -9999px;
    position: absolute;
    display: inline-block;
		padding: 0;
		margin-top: -26px;
		overflow: hidden;
		border: 0;
}
div.pagination ul li.pagination-prev a, .pagination ul li.pagination-prev span {
    background: url(../images/clients-slider-left-arrow.png) no-repeat;
    left: 0;
}
div.pagination ul li.pagination-next a, .pagination ul li.pagination-next span  {
    background: url(../images/clients-slider-right-arrow.png) no-repeat;
    right:0;
}
/* End News Page */

/* News Single page */
div.item-page-news div.page-content h2 {
		font-weight: bolder;
    font-size: 29px;
    color: #12477d;
    margin-bottom: 30px;
    text-align: center;
}
div.item-page-news div.published {
    font-size: 27px;
    color: #12477d;
    margin-bottom: 30px;
    text-align: center;
}
div.item-page-news div.article-data{
		float: right;
    /*width: 425px;*/
    width: 27%;
    display: block;
}
div.item-page-news div.articletext{
		/*width: 80%;*/
		width: 56%;
    text-align: left;
    color: #12477d;
    line-height: 30px;
    margin-bottom: 3%;
    display: inline-block;
    font-size: 13px;
}
.small-responsive{ 
		display:none;
}
div.item-page-news div.item-intro-image {
		 margin: 0 auto 40px auto;
    -webkit-box-shadow: -1px 1px 12px 0px rgba(0,0,0,0.48);
    -moz-box-shadow: -1px 1px 12px 0px rgba(0,0,0,0.48);
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.48);
    border: 5px solid #FFF;
    border-radius: 3px;
    position: relative;
    width: 265px;
    height: 315px;
}

div.item-page-news div.item-intro-image img{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		width: auto;
}
div.moduletable-share {
    width: 167px;
    float: right;
}
div.moduletable-share h3 {
    text-align: left;
    padding-left: 10px;
    color: #12477d;
}
div.moduletable-share ul.cw-social-mod-icons-cws-circle-fadein li {
		display:block;
}
div.moduletable-share .cw-social-mod-icons-cws-circle-fadein a.facebook32 {
	background: url('../images/share-fb.jpg') no-repeat;
	width: 154px;
	height: 30px;
}
div.moduletable-share .cw-social-mod-icons-cws-circle-fadein a.twitter32{
	background: url('../images/share-tw.jpg') no-repeat;
	width: 154px;
	height: 30px ;
	display:block;
}

.cw-social-mod-icons-cws-circle-fadein a.googleplus-alt32 {
	background: url('../images/share-gp.jpg') no-repeat;
	width: 154px;
	height: 30px;
	display:block;
}
div.moduletable-share li a.pinterest32{
	background: url('../images/share-pin.jpg') no-repeat;
	width: 154px;
	height: 30px;
	display:block;
}
div.item-page-news .avPlayerWrapper {
	display: block;
	float: none;
	clear: both;
	margin: 15px;
}
.avPlayerWrapper {
	display: inline-block;
	float: left;
	margin: 15px 25px 15px 0;
}

/* End News Single Page */

/* Clients page*/
div.blog-grid .items-row{
	margin: 0 5% 0 8%;
}
div.blog-grid .page-header:first-child {
  background-image: url(../../../images/headers/clients-top-img.jpg);
  width:100%;
  height:auto;
  float:left;
  margin-bottom: 35px;
  position: relative;
}
div.blog-grid .span2 {
    min-height: 185px;
    width: 18%;
    float: left;
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 0 20px 20px 0;
}
div.blog-grid div.category-desc {
		text-align: left;
    color: #12477d;
    line-height: 25px;
    margin: 0 8% 20px 8%;
    font-size: 16px;
}
div.blog-grid h3 {
	margin: 20px 0;
	height: 45px;
	text-transform: uppercase;
	font-size: 13px;
  font-weight: normal;
}
div.blog-grid .span2 div.pull-left.item-image{
	  /*border: 1px solid #12477d;*/
    width: 85%;
    height: 90px;
    position: relative;
    float: left;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 15px;
}
div.blog-grid .span2 div.page-header {
		display: inline-block;
    width: 100%;
}

div.blog-grid .span2 img{
	  position: absolute;
	  top: 0;right:0;bottom:0; left:0;
	  max-width: 95%;
	  max-height: 100%;
	  margin: auto; 
}
/*End Clients page*/

/* Careers/Contact Page*/
div.contact-careers div.page-header{
	  width: 100%;
    background-image: url(../images/careers-top-img.jpg);
    float: left;
    position: relative;
    margin-bottom: 20px;
}
div.contact-careers h1,
div.contact-contactus div.page-header h1{
    color: #fff;
    font-family: "AgencyFB-Reg";
    font-size: 55px;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding: 23px 0;
}
div.contact-careers span.contact-name{
		font-family: 'HelveticaNeue-UltraLight';
		text-transform: uppercase;
    color: #12477d;
    font-size: 25px;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 10px;
}
div.contact-contactus div.page-header{
	   width: 100%;
    height: auto;
    background-image: url(../images/contact-top-img.jpg);
    float: left;
    position: relative;
}
div.contact-careers div.contact-miscinfo{
		width: 80%;
    margin: 20px 8% 0 8%;
    text-align: left;
    line-height: 23px;
    font-size: 14px;
    color: grey;
}
div.contact-careers form#contact-form{
    width: 87%;
    margin-left: 8%;
    margin-right: 5%;
}
div.fileUpload {
    position: relative;
    overflow: hidden;
}
div.contact-careers form#contact-form input#jform_uploadBtn {
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    width: 100%;
    height:100%;
    margin: auto;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    
}
div.fileUpload.btn-primary {
    color: #A9A9A9;
    background-color: #0b335b;
    border-color: #0b335b;
    width: 10%;
    margin-top: 30px;
    float: right;
}
div.fileUpload.btn {
    display: inline-block;
    padding: 17px 12px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

div.contact-careers form#contact-form input,
div.contact-contactus form#contact-form input{
		width: 48.5%;
    border: none;
    border-radius: 3px;
    background-color: #0b335b;
    color: #fff !important;
    font-family: Arial !important;
    text-indent: 4%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    font-size: 20px;
}
div.contact-careers form#contact-form input#uploadFile{
	  width: 34% !important;
    float: left;
    margin-left: 3%;
}
div.contact-careers form#contact-form textarea,
div.contact-contactus form#contact-form textarea{
		width: 100%;
    text-indent: 2%;
    border: none;
    border-radius: 3px;
    background-color: #0b335b;
    color: #fff;
    padding-top: 20px;
    margin-top: 30px;
    font-size: 20px;
    font-family: Arial;
}
div.contact-careers form#contact-form textarea{
	width: 48.5%;
	float: left;
}
form#contact-form button.btn {
		/*width: 30%;
    padding: 20px 0;*/
    width: 20%;
    padding: 15px 0;
    background: transparent;
    border-radius: 0px;
    margin: 30px 0;
    cursor: pointer;
    font-size: 25px;
    text-transform: uppercase;
}
div.contact-careers form#contact-form button.btn  {
    color: #12477d;
    border: 1px solid #12477d;
    width: 48.5%;
    float:right;
}
div.contact-contactus form#contact-form button.btn {
		color: #FFF;
    border: 1px solid #FFF;
}
div.contact-contactus form#contact-form {
    width: 87%;
    padding: 10px 5% 10px 8%;
    height: auto;
    background-color: #12477d;
}
div.contact-careers h3, 
div.contact-careers legend,
div.contact-careers form#contact-form label,
div.contact-contactus legend,
div.contact-contactus form#contact-form label{
		display:none;
}  
div.contact-contactus h3.join {
		font-family: 'HelveticaNeue-UltraLight';
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    padding: 35px 0 10px 0;
    background: #12477d;
}  
div.contact-contactus div.contact-info-wrapper {
    width: 87%;
    background-color: #fff;
    float: left;
    padding: 35px 5% 35px 8%;
}
div.contact-address {
    float: left;
    height: auto;
    width: 44%;
    text-align: left;
    color: #12477d;
    line-height: 25px;
    font-size: 14px;
    margin-right: 1%;
}
div.contact-position.dl-horizontal {
    width: 52%;
    float: left;
}
div.contact-data{
	margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}
div.contact-address span.title{
	  width: 20%;
    font-weight: bold;
    display: block;
    float:left;
}
div.contact-address span.data {
		width: 80%;
    display: inline-block;
    float: left;
}
div.contact-data a {
		text-decoration: none;
		color: #12477d;
}
div.contact-data a:hover {color: #1A2E45;text-decoration: underline;}
div.contact-position div#map-canvas {
    width: 100%;
    height: 300px;
    float: right;
    display: block;
    margin-left: 0px;
}
/* End careers/contact Page*/

/* Search Page*/
div.search-searchpage form#searchForm,
dl.search-results-searchpage {
	margin-left: 3%;
	text-align: left;
	font-size:16px;
	width: 90%;
}
div.search-searchpage .phrases, 
div.search-searchpage .only,
div.search-searchpage .form-limit{
 display:none;
}
div.search-searchpage a,
div.search-searchpage a:visited,
div.search-searchpage a:active{
	text-decoration: none;
	color: #0A457D;
	font-weight: bold;
}
div.search-searchpage a:hover{
	text-decoration: underline;
}
dl.search-results-searchpage dt.result-title,
div.search-searchpage .btn-toolbar {
    padding-top: 20px;
    display: block;
    clear: both;
}

div.search-searchpage form input {
	padding: 6px 10px;
	margin-right: 10px;
	color: #666;
}
div.search-searchpage form button {
	background-color: #12477d;
	text-transform: uppercase;
	color: #FFF;
  border: 1px solid #FFF;
  padding:7px 10px;
  cursor: pointer;
}
div.btn-group.pull-left {
	padding: 30px 0;
}
/*End search page*/

/*Single page */
.item-page-general div.articlecontent {
		padding: 5% 5% 3% 8%;
}
div.articlecontent{
	  padding-bottom: 3%;
    text-align: left;
    color: #12477d;
    font-size: 13px;
    line-height: 24px;
}

p.no-articles {
	color: #12477d;
	padding: 30px 0;
	font-weight: bold;
}
/*end single page*/

/* System message*/
div#system-message {
	width: 90%;
	font-size: 14px;
	display: block;
	text-align: left;
	margin:0 6%;
	padding: 25px;
}
div#system-message  h4{
    float: left;
    margin: 0 0 15px 10px;
    display: inline-block;
    padding-top: 5px;
}
div#system-message a.close {
		float: left;
    border: 1px solid #ccc;
    padding: 3px 6px 5px 6px;
    border-radius: 14px;
    cursor: pointer;
}
div#system-message p.alert-message {
    clear: both;
}
.alert-danger,
.alert-error {
	background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
  padding: 20px 0 20px 8%;
  font-size: 14px;
  text-align: left;
}
.alert-danger h4,
.alert-error h4 {
	color: #b94a48;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
	padding: 20px 0 20px 8%;
  font-size: 14px;
  text-align: left;
}
.alert-success h4 {
	color: #468847;
}
/*End system message*/
.responsive {
	display: none;
}
.desktop {
	display: block;
}

/* Generic responsive */
@media screen and (min-width: 250px) and (max-width: 960px) {
		.responsive {
			display: block;
		}
		.desktop {
			display: none;
		}
		div.menubtn {
				display: inline-block;
				width: 50px;
				height: 25px;
				background: url(../images/toggle-menu.jpg) no-repeat;
				background-size: 100% 100%;
				cursor: pointer;
				z-index: 4;
				position: relative;
		}
		li.deeper.parent span {color: #FFF;margin-left: 10px;}
		.down-arrow {
				transform: rotate(90deg);
				display:inline-block;
				width: 10px;
		}
		/*section.page-top div.moduletable-menu ul.nav-child {
				background: none; 
				text-align: left;
				display: none;
				width: auto;
				position: static;
				border-top: 1px solid grey;
				margin-top: 10px;
				width: 90%;
		}*/
		section.page-top div.moduletable-menu ul.nav-child {
				background: none;
				position: static;
				border-top: 1px solid grey;
				margin-top: 10px;
				width: 90%;
				 -webkit-transition: all .25s ease;
				-moz-transition: all .25s ease;
				-ms-transition: all .25s ease;
				-o-transition: all .25s ease;
				transition: all .25s ease;
				opacity: 0;
				display: none;
				z-index: 1000;
		}
		section.page-top div.moduletable-menu ul.nav li.deeper.parent:hover > ul.nav-child{
				display: block;
		}
		section.page-top div.moduletable-menu ul.nav-child.small li {
				font-size: 15px;
				border-bottom: 1px solid grey;
				padding: 10px;
		}
		section.page-top header div.logo {
				width:50%;
		}
		section.page-top header .moduletable-logo img{
				max-width: 284px;
				width:100%;
		}
		section.page-top header div.search-field {
				width:46%;
		}
		section.page-top header div.search-field input{
				width:70%;
				margin: 2% 10px 0 0;
		}
		section.page-top div.moduletable-menu {
				width: 96%;
				text-align: left;
				padding: 2%;
		}
		section.page-top div.moduletable-menu nav#navigation {
				z-index: 3;
		}
		div.slider {
				height: auto;
		}
		section.page-top div.moduletable-menu nav#navigation {
				background: #1A2E45;
				position: absolute;
				left: 0;
				top: 97px;
				width: 75%;
				z-index: 3;
				padding-bottom: 5px;
				display: none;
				opacity: 0.9;
		}
		section.page-top div.moduletable-menu ul.nav {
				text-align: left;
				width: 96%;
				margin-left:0;
				padding-left: 2%;
				padding-top: 15px;
		}
		section.page-top div.moduletable-menu ul.nav li {
				  float: none;
				  display:block;
					font-size: 18px;
					padding: 10px 0 10px 10px;
		}
		.ordinary-responsive{display:none;}
		.small-responsive{ display:block;}
		div.contact-address,
		div.contact-position.dl-horizontal {
				width: 98%;
		}
}
@media screen and (min-width: 1100px) {
		.zoom {zoom: 90%;}
}

/* Responsive Big tablet */
@media screen and (min-width: 961px) and (max-width: 1205px) {
		div.moduletable-project-categories ul.categories-module-project-categories {
				margin: -100px 0 0 7%;
				width: 92%;
		}
		ul.categories-module-project-categories li {
				width: 19%;
		}
}
@media screen and (min-width: 961px) {
		
		li.deeper.parent span {display: none;}
}
/* Responsive tablet */
@media screen and (min-width: 600px) and (max-width: 960px) {
		.slider-caption h1{
				font-size: 32px;
				line-height: 32px;
				width: 95%;
		}
		section.page-top div.moduletable-menu nav#navigation {
				width: 38%;
				top: 128px;   
		}
		section.page-top div.page-name div.slider div.slider-caption a.morebtn {
				font-size: 19px;
				padding: 3% 5%;
    }
    div.moduletable-project-categories ul.categories-module-project-categories {
    		margin: -45px 0 0 7%;
    }
    ul.categories-module-project-categories li {
			float: left;
			width: 41%;
			margin-right: 2%;
		}
		section#about div.moduletable.about h3,
		section#clients div.clients-excerpt div.moduletable.clientintro h3 {
				width: 22%;
		} 
		section#clients #tchsp .viewport {
				width: 80%;;
		}
		div.item-page-about img {
				margin-bottom: 10px;
				max-width: 65%;
				height:auto;
		}
		div.blog-projects div.item-image {
				width: 65%;
				display: block;
				float: none;
				margin: 0 auto 20px auto !important;
		}
		div.blog-projects div.items-row div.page-header h3 a {font-size: 25px;}
		div.blog-projects div.items-row div.project-excerpt {
				width: auto;
		}
		p.readmore{
				width: 30%;
				display: block;
				margin: 0 auto;
		}
		div.item-page-about .page-header h1,div.item-page-general .page-header h1, div.blog-grid .page-header h1, div.blog-projects .page-header h1, div.blog-projects h2 span.subheading-category, div.project-item div.page-header h1, div.blog-news div.page-header h1, div.item-page-news div.page-header h1, div.search-searchpage h2.page-title {
			font-size: 40px;
		}
		div.project-item div.page-content div.item-full-image,
		div.project-item div.page-content div.data.project-single {
				width: 92%;
		}
		div.blog-news div.items-row div.span4 {
				width: 28%;
				margin: 0 5% 30px 0;
		}
		div.blog-news p.readmore {
				width: 90%;
		}
		div.blog-news div.items-row div.span4 div.item p.readmore a{
				font-size: 17px;
		}
		div.item-page-news div.page-content h2{font-size: 20px;}
		div.item-page-news div.published {font-size: 18px;}
		div.item-page-news div.articletext{font-size: 16px;}
		div.contact-careers form#contact-form input#uploadFile{
				width: 31% !important;
				float: left;
				margin-left: 15px;
		}
}
/* Responsive mobile */
@media screen and (min-width: 500px) and (max-width: 960px) {
		div.blog-grid .span2 {
				width: 28%;
		}
}
/* Responsive mobile */
@media screen and (min-width: 400px) and (max-width: 599px) {
		/*div.menubtn {
				display: inline-block;
				width: 50px;
				height: 25px;
				background: url(../images/toggle-menu.jpg) no-repeat;
				background-size: 100% 100%;
				cursor: pointer;
		}*/
		section.page-top header div.logo {
				width: 43%;
		}
		section.page-top header div.search-field {
				width: 53%;
		}
		div.menubtn {
				display: inline-block;
				width: 43px;
				height: 20px;
				background: url(../images/toggle-menu.jpg) no-repeat;
				background-size: 100% 100%;
				cursor: pointer;
		}
		section.page-top div.moduletable-menu nav#navigation {
				top:100px;
		}
		div.slider-caption {width:45%;left:23%;top:26%;}
		.slider-caption h1{
				font-size: 23px;
				line-height: 29px;
		}
		div.slider div.slider-caption a.morebtn,
		div.rs-arrows {
				display:none;
		}
		section.page-top div.moduletable-menu ul.nav li {
				  float: none;
				  display:block;
					font-size: 16px;
					padding: 10px 0 15px 10px;
		}
		div.moduletable-project-categories ul.categories-module-project-categories {
    		margin: -75px 0 0 7%;
				display: block;
				width: 92%;
    }
		ul.categories-module-project-categories li {
			float: left;
		  width: 39%;
		  margin-right: 2%;
		}
		
		section#about div.moduletable.about h3,
		section#clients div.clients-excerpt div.moduletable.clientintro h3  {
				width: 22%;
				font-size: 25px;
		}
		div.item-page-about img {
				margin: 0 7% 10px;
				float: none;
				max-width: 80%;
				display: block;
		}
		div.blog-projects div.item-image {
				width: 95%;
				display: block;
				float: none;
				margin: 0 auto 20px auto !important;
		}
		div.blog-projects div.items-row div.page-header h3 a {font-size: 20px;}
		div.blog-projects div.items-row div.project-excerpt {
				width: auto;
		}
		p.readmore{
				width: 42%;
				display: block;
				margin: 0 auto;
		}
		div.item-page-about .page-header h1, div.item-page-general .page-header h1, div.blog-grid .page-header h1, div.blog-projects h2 span.subheading-category, div.blog-news div.page-header h1, div.item-page-news div.page-header h1, div.search-searchpage h2.page-title,div.contact-careers h1, div.contact-contactus div.page-header h1 {
			font-size: 30px;
    	padding: 20px 0 25px 0;
		}
		div.blog-projects .page-header h1,
		div.project-item div.page-header h1 {
			font-size: 30px;
			padding: 15px 0 50px 0;
		}
		div.project-item div.page-content h2,
		div.project-item div.related-images {
			font-size: 20px;
		}
		div.project-item div.page-content div.item-full-image,
		div.project-item div.page-content div.data.project-single {
				width: 92%;
		}
		div.project-item div.page-content div.item-full-image{height: 198px;}
		div.blog-news div.items-row div.span4 {
				width: 45%;
		}
		div.blog-news div.items-row div.span4 .item-image {height: 200px;}
		div.blog-news p.readmore {
			width: 90%;
		}
		div.blog-news div.items-row div.span4 div.item p.readmore a{
			font-size: 18px;
		}
		div.item-page-news div.page-content h2{font-size: 20px;}
		div.item-page-news div.published {font-size: 18px;}
		div.item-page-news div.articletext{font-size: 16px;}
		div.contact-careers form#contact-form input, 
		div.contact-contactus form#contact-form input,
		div.contact-careers form#contact-form textarea {
				width: 100%;
		}
		div.contact-careers form#contact-form input#uploadFile {
				width: 80% !important;
				margin-left: 0;
		}
		div.contact-careers form#contact-form button.btn,
		div.contact-contactus form#contact-form button.btn {
				font-size: 20px;
				float: none;
		}
		div.contact-address span.title {width:25%;}
		div.contact-address span.data{width:75%;font-size: 16px;}
		div.contact-contactus h3.join {font-size: 20px;}
		div.contact-contactus form#contact-form input {
				padding-top: 15px;
				padding-bottom: 15px;
				margin-top: 20px;
				font-size: 18px;
		}
		div.contact-careers form#contact-form textarea,
		div.contact-contactus form#contact-form textarea{
				font-size: 18px
		}
		footer div.contact{
			float:none;
		  margin: 0 8%;
    	width: 84%;
		}
		footer div.contact p{
			text-align: center;
			line-height:20px;
		}
		footer div.social-media{
			float:none;
			width:100%;
			margin: 15px 0;
		}
		footer div.copyright{
			float:none;
			margin-left: 8%;
			width:92%;
			text-align: center;
		}
		footer div.copyright p {
				font-size: 12px;
		}
}
@media screen and (max-width: 500px) {
		div.blog-grid .span2 {
				width: 59%;
				min-height: 180px;
				float: none;
				margin: 0 auto;
				padding: 0;
		}
}
@media screen and (max-width: 399px) {
		div.menubtn {
				display: inline-block;
				width: 43px;
				height: 25px;
				background: url(../images/toggle-menu.jpg) no-repeat;
				background-size: 100% 100%;
				cursor: pointer;
		}
		section.page-top header div.logo {
				width: 43%;
		}
		section.page-top header div.search-field {
				width: 53%;
		}
		section.page-top div.moduletable-menu nav#navigation {
				top: 105px;
		}
		section.page-top div.moduletable-menu ul.nav li {
				font-size: 15px;
		}
		section.page-top div.moduletable-menu ul.nav-child.small li {
				font-size: 14px;
		}
		div.slider-caption {width:45%;left:23%;top:26%;}
		.slider-caption h1 {
				font-size: 20px;
				line-height: 24px;
		}
		div.slider div.slider-caption a.morebtn, 
		div.rs-arrows {
				display:none;
		}
		ul.categories-module-project-categories{
				margin: -25px 0 0 8%;
				display: block;
				width: 80%;
		}
		ul.categories-module-project-categories li {
				float:none;
				width:96%;
				margin-right: 0;
		}
		section#about div.moduletable.about h3,
		section#clients div.clients-excerpt div.moduletable.clientintro h3  {
				width: 22%;
				font-size: 25px;
		}
		div.item-page-about img {
				/*margin: 0 7% 10px;*/
				float: none;
				max-width: 95%;
				display: block;
				height: auto;
		}
		div.blog-projects div.item-image {
				width: 95%;
				display: block;
				float: none;
				margin: 0 auto 20px auto;
		}
		div.blog-projects div.items-row div.page-header h3 a {font-size: 18px;}
		div.blog-projects div.items-row div.project-excerpt {
				width: auto;
		}
		p.readmore{
				width: 45%;
				display: block;
				margin: 0 auto;
		}
		div.item-page-about .page-header h1, div.item-page-general .page-header h1, div.blog-grid .page-header h1, div.blog-projects h2 span.subheading-category, div.blog-news div.page-header h1, div.item-page-news div.page-header h1, div.search-searchpage h2.page-title,div.contact-careers h1, div.contact-contactus div.page-header h1 {
				font-size: 30px;
    		padding: 20px 0 25px 0;
		}
		div.blog-projects .page-header h1,
		div.project-item div.page-header h1 {
			font-size: 25px;
			padding: 15px 0 50px 0;
		}
		div.project-item div.page-content h2,
		div.project-item div.related-images {
			font-size: 20px;
		}
		div.project-item div.page-content div.item-full-image,
		div.project-item div.page-content div.data.project-single {
				width: 92%;
		}
		div.project-item div.page-content div.item-full-image{height: 198px;}
		div.blog-news div.items-row div.span4{
				width: 80%;
				float: none;
		}
		div.blog-news div.items-row div.span4 div.grid-intro {height: 97px;}
		div.blog-news p.readmore {
			width: 64%;
		}
		div.blog-news div.items-row div.span4 div.item p.readmore a{
			font-size: 16px;
		}
		div.item-page-news div.page-content h2{font-size: 20px;}
		div.item-page-news div.published {font-size: 18px;}
		div.item-page-news div.articletext{font-size: 16px;}
		div.contact-careers form#contact-form input, 
		div.contact-contactus form#contact-form input,
		div.contact-careers form#contact-form textarea {
				width: 100%;
		}
		div.contact-careers form#contact-form input#uploadFile {
				width: 80% !important;
				margin-left: 0;
		}
		div.contact-careers form#contact-form button.btn,
		div.contact-contactus form#contact-form button.btn {
				font-size: 20px;
				float: none;
		}
		div.contact-address span.title {width:25%;}
		div.contact-address span.data{width:75%;font-size: 15px;}
		div.contact-contactus h3.join {font-size: 20px;}
		div.contact-careers form#contact-form input, 
		div.contact-contactus form#contact-form input {
				padding-top: 15px;
				padding-bottom: 15px;
				margin-top: 20px;
				font-size: 18px;
		}
		div.contact-careers form#contact-form textarea,
		div.contact-contactus form#contact-form textarea{
				font-size: 18px
		}
		footer div.contact{
			float:none;
		  margin: 0 8%;
    	width: 84%;
		}
		footer div.contact p{
			text-align: center;
			line-height:20px;
		}
		footer div.social-media{
			float:none;
			width:100%;
			margin: 15px 0;
		}
		footer div.copyright{
			float:none;
			margin-left: 8%;
			width:92%;
			text-align: center;
		}
		footer div.copyright p {
				font-size: 12px;
		}
}