/*
Theme Name: Beaubois Consultants
Theme URI: http://beauboisconsultants.com/
Author: Beaubois Consultants
Author URI: http://beauboisconsultants.com/
Description: Reponsive theme using the unsemantic grid system.
Version: 1.1
*/

/* =Reset CSS (v2.0)
-------------------------------------------------------------- */
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, img, ins, kbd, q, s, samp, small, strike, 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 {
	border: 0;
	font-size: 100%;
	font: inherit;
    margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button, input, select, textarea {
	font-size: 100%;
	overflow: visible;
	margin: 0;
	vertical-align: baseline;
	width: auto;
}

textarea {
	overflow: auto;
	vertical-align: text-top;
}



/* ==========================================================================
   HTML5 Boilerplate styles
   ========================================================================== */
html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}


html,
button,
input,
select,
textarea {
    color: #222;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
	max-width:100%;
	height:auto;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
p {
	margin:0 0 26px;
}
a {
	text-decoration:none;
	color:#09F;
}
a:hover {
	text-decoration:underline;
}



    
/* ===== GENERIC SITE STYLES ==================================================
     --This utilized the Unsemantic Responsive Grid Framework. For general usage
       guidlines, reference http://unsemantic.com. All of your page styles will
       go in this style sheet.
   ========================================================================== */
a, a img{
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
@font-face {
    font-family: 'PFDinTextCompPro';
    src: url('fonts/pfdintextcomppro-regular.eot');
    src: url('fonts/pfdintextcomppro-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/pfdintextcomppro-regular.woff2') format('woff2'),
         url('fonts/pfdintextcomppro-regular.woff') format('woff'),
         url('fonts/pfdintextcomppro-regular.ttf') format('truetype'),
         url('fonts/pfdintextcomppro-regular.svg#pf_din_text_comp_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	font-family: 'Open Sans', sans-serif;	
	background-color:#fff; 
	font-size:14px;
}

/* ==============
	HEADER
============== */
#header {
	
}
	header{
		background: url(images/main-bg.jpg) no-repeat scroll top center transparent;
		padding-bottom: 307px;
		clear:both;
	}
	#logo {
		padding:0;
	}
	#contacts{
		padding:7px 14px;
		float:right;
		font-size:13px;
		background-color:#0255a3;
	}
	#contacts strong{
		font-weight:800;
		color:#fff;
	}
	#contacts a, #contacts span{
		color:#9bcfff;
	}
	#contacts a:hover{
		text-decoration:none;
		color:#fff;
	}
	#contacts ul li{
		list-style:none;
		display:inline;
	}
	#info{
		float:left;
		margin-top: 6px;
	}
	#social-media{
		float: right;
		margin-left: 24px;
	}
	#lang{
		float: right;
		margin-left: 4px;
		text-transform:uppercase;
		margin-top: 6px;
	}
	#lang li{
		border-right:1px solid #9bcfff;
		padding:0px 11px;
	}
	#lang li:last-child{
		border:none;
	}
	#tagline{
		font-family: 'PFDinTextCompPro', sans-serif;
		font-size:55px;
		text-transform:uppercase;
		color:#fff;
		float:right;
		text-align:center;
		position: relative;
	}
	#tagline h1{ 
		background: url(images/taglin-bg.png) repeat scroll 0 0 transparent;
		line-height: 1.2em;
		padding: 10px 19px;
		font-family: "Oswald",sans-serif;
	    font-size: 38px;
	    letter-spacing: 1px;
	    position:absolute;
	    top:0;
	    right:0;
	    display:none;
	}


/* ==============
	NAV
============== */
#main-nav {
	font-family: 'PFDinTextCompPro', sans-serif;
	font-size:19px;
	text-transform:uppercase;
	float:right;
	padding:0;
	margin-bottom:145px;
	text-align:right;
}
	#main-nav li {
        display: inline-block;
		margin-left:2px;
	}
	#main-nav a {
		color: #fff;
		display: block;
		float: left;
		padding: 22px;
	}
	#main-nav a:hover{
		background-color:#0155a3;
		text-decoration:none;
		color:#9bcfff;
	}
	#main-nav .current-menu-item a {
		background-color:#0155a3;	
	}
	#main-nav ul li:hover > a {
		background-color:#0155a3;	
	}
	#main-nav ul li ul {
		box-shadow: none;
		display: none;
		opacity: 0;
		padding: 0;
		position: absolute;
		top: 90px;
		transition: opacity 0.2s ease 0s;
		visibility: hidden;
		width: 220px;
		background-color:#0155a3;
		font-size:17px;
		z-index:30;		
	}
	#main-nav ul li ul li{
		text-align:left !important;
	}
	#main-nav ul li ul li a {
		padding: 10px;		
	}
	#main-nav ul li ul li {
		color: #fff;
		display: block;
		text-shadow: 0 -1px 0 #000;
	}
	#main-nav ul li:hover ul {
		display: block;
		opacity: 1;
		visibility: visible;
	}
	#main-nav a[href="#"] {
		cursor: default;
	}

	

/* ==============
	SLIDER
============== */



/* ==============
	MAIN CONTENT
============== */
#content {
	overflow:hidden;
	clear:both;
}

#main {
	line-height:20px;
}

	#main h1 {
		font-size: 40px;
		line-height:35px;
		font-family: 'PFDinTextCompPro', sans-serif;
		text-transform:uppercase;
	}
	#main h2 {
	}
	#main h3 {
	}
	#main ul, #main ol {
	}
	#first-content{
		text-align:center;
		color:#565656;
		margin-top:35px;
		margin-bottom:15px;
	}
	#first-content h1{
		background: url(images/image-1.png) no-repeat scroll center bottom transparent;		
		margin-bottom:25px;
		padding-bottom: 20px;
	}
	#second-content{
		padding-top:35px;
		padding-bottom:15px;
		background: #3e5d7c; /* Old browsers */
		background: -moz-linear-gradient(top, #3e5d7c 0%, #3c5b7a 1%, #3c5b7a 9%, #395877 13%, #395875 19%, #314f6b 41%, #2f4d67 43%, #2c4762 59%, #2a4560 60%, #2b4661 62%, #28425b 74%, #28425d 77%, #27415a 78%, #264059 99%, #29435c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e5d7c), color-stop(1%,#3c5b7a), color-stop(9%,#3c5b7a), color-stop(13%,#395877), color-stop(19%,#395875), color-stop(41%,#314f6b), color-stop(43%,#2f4d67), color-stop(59%,#2c4762), color-stop(60%,#2a4560), color-stop(62%,#2b4661), color-stop(74%,#28425b), color-stop(77%,#28425d), color-stop(78%,#27415a), color-stop(99%,#264059), color-stop(100%,#29435c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #3e5d7c 0%,#3c5b7a 1%,#3c5b7a 9%,#395877 13%,#395875 19%,#314f6b 41%,#2f4d67 43%,#2c4762 59%,#2a4560 60%,#2b4661 62%,#28425b 74%,#28425d 77%,#27415a 78%,#264059 99%,#29435c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #3e5d7c 0%,#3c5b7a 1%,#3c5b7a 9%,#395877 13%,#395875 19%,#314f6b 41%,#2f4d67 43%,#2c4762 59%,#2a4560 60%,#2b4661 62%,#28425b 74%,#28425d 77%,#27415a 78%,#264059 99%,#29435c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #3e5d7c 0%,#3c5b7a 1%,#3c5b7a 9%,#395877 13%,#395875 19%,#314f6b 41%,#2f4d67 43%,#2c4762 59%,#2a4560 60%,#2b4661 62%,#28425b 74%,#28425d 77%,#27415a 78%,#264059 99%,#29435c 100%); /* IE10+ */
		background: linear-gradient(to bottom, #3e5d7c 0%,#3c5b7a 1%,#3c5b7a 9%,#395877 13%,#395875 19%,#314f6b 41%,#2f4d67 43%,#2c4762 59%,#2a4560 60%,#2b4661 62%,#28425b 74%,#28425d 77%,#27415a 78%,#264059 99%,#29435c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e5d7c', endColorstr='#29435c',GradientType=0 ); /* IE6-9 */
	}
	#second-content h1{
		color:#ffaa4f;
		margin-bottom:10px;
	}
	#thumbnail{
		padding:0;		
		text-align:center;
		margin-bottom:25px;
	}
	#second-thumbnail{
		padding:0;		
		text-align:center;
		margin-bottom:25px;
		white-space: nowrap;
		display: inline-block;
		height: 325px;
		vertical-align: middle;
		margin-right: 40px;
	}
	#second-content #main{
		color:#bfd8f0;
	}
	#second-content span{
		font-size:16px;
		color:#fff;
		margin-bottom:30px;
		display:block;
	}
	#third-content{
		padding-top:35px;
	}
	#third-content h1{
		color:#355471;
		margin-bottom:10px;
	}
	#third-content #main{
		color:#5b5b5b;
	}
	#third-content span{
		font-size:16px;
		color:#20609d;
		margin-bottom:30px;
		display:block;
	}
	#third-thumbnail{
		padding:0;
		text-align:center;		
		margin-bottom:25px;
		white-space: nowrap;
		display: inline-block;
		height: 413px;
		vertical-align: middle;
		margin-left: 40px;
	}
	#btn{
		list-style:none;
	}
	#btn li{
		margin-bottom:20px !important;
	}
	#profit{
		padding:0;
	}
	#fourth-content{
		padding-top:35px;
		padding-bottom:15px;
		background: #3e5d7c; /* Old browsers */
		background: -moz-linear-gradient(top, #3e5d7c 0%, #3c5b7a 1%, #3c5b7a 9%, #395877 13%, #395875 19%, #314f6b 41%, #2f4d67 43%, #2c4762 59%, #2a4560 60%, #2b4661 62%, #28425b 74%, #28425d 77%, #27415a 78%, #264059 99%, #29435c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e5d7c), color-stop(1%,#3c5b7a), color-stop(9%,#3c5b7a), color-stop(13%,#395877), color-stop(19%,#395875), color-stop(41%,#314f6b), color-stop(43%,#2f4d67), color-stop(59%,#2c4762), color-stop(60%,#2a4560), color-stop(62%,#2b4661), color-stop(74%,#28425b), color-stop(77%,#28425d), color-stop(78%,#27415a), color-stop(99%,#264059), color-stop(100%,#29435c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #3e5d7c 0%,#3c5b7a 1%,#3c5b7a 9%,#395877 13%,#395875 19%,#314f6b 41%,#2f4d67 43%,#2c4762 59%,#2a4560 60%,#2b4661 62%,#28425b 74%,#28425d 77%,#27415a 78%,#264059 99%,#29435c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #3e5d7c 0%,#3c5b7a 1%,#3c5b7a 9%,#395877 13%,#395875 19%,#314f6b 41%,#2f4d67 43%,#2c4762 59%,#2a4560 60%,#2b4661 62%,#28425b 74%,#28425d 77%,#27415a 78%,#264059 99%,#29435c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #3e5d7c 0%,#3c5b7a 1%,#3c5b7a 9%,#395877 13%,#395875 19%,#314f6b 41%,#2f4d67 43%,#2c4762 59%,#2a4560 60%,#2b4661 62%,#28425b 74%,#28425d 77%,#27415a 78%,#264059 99%,#29435c 100%); /* IE10+ */
		background: linear-gradient(to bottom, #3e5d7c 0%,#3c5b7a 1%,#3c5b7a 9%,#395877 13%,#395875 19%,#314f6b 41%,#2f4d67 43%,#2c4762 59%,#2a4560 60%,#2b4661 62%,#28425b 74%,#28425d 77%,#27415a 78%,#264059 99%,#29435c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e5d7c', endColorstr='#29435c',GradientType=0 ); /* IE6-9 */
	}
	#fourth-content h1{
		color:#ffaa4f;
		margin-bottom:10px;
	}
	#fourth-content #main{
		color:#bfd8f0;
	}
	#fourth-content span{
		font-size:16px;
		color:#fff;
		margin-bottom:30px;
		display:block;
	}
	#fourth-thumbnail{
		padding:0;
		text-align:center;
		
	}
	#fifth-content{
		padding-top:35px;
		padding-bottom:15px;
	}
	#fifth-content h1{
		color:#355471;
		margin-bottom:10px;
	}
	#fifth-content #main{
		color:#5b5b5b;
	}
	#fifth-content span{
		font-size:16px;
		color:#20609d;
		margin-bottom:30px;
		display:block;
	}
	#fifth-thumbnail{
		padding:0;
		text-align:center;				
		margin-bottom:25px;
		white-space: nowrap;
		display: inline-block;
		height: 375px;
		vertical-align: middle;
	}
	#sixth-content{
		padding-top:35px;
		padding-bottom:15px;
		background: #3e5d7c; /* Old browsers */
		background: -moz-linear-gradient(top, #3e5d7c 0%, #3c5b7a 1%, #3c5b7a 9%, #395877 13%, #395875 19%, #314f6b 41%, #2f4d67 43%, #2c4762 59%, #2a4560 60%, #2b4661 62%, #28425b 74%, #28425d 77%, #27415a 78%, #264059 99%, #29435c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e5d7c), color-stop(1%,#3c5b7a), color-stop(9%,#3c5b7a), color-stop(13%,#395877), color-stop(19%,#395875), color-stop(41%,#314f6b), color-stop(43%,#2f4d67), color-stop(59%,#2c4762), color-stop(60%,#2a4560), color-stop(62%,#2b4661), color-stop(74%,#28425b), color-stop(77%,#28425d), color-stop(78%,#27415a), color-stop(99%,#264059), color-stop(100%,#29435c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #3e5d7c 0%,#3c5b7a 1%,#3c5b7a 9%,#395877 13%,#395875 19%,#314f6b 41%,#2f4d67 43%,#2c4762 59%,#2a4560 60%,#2b4661 62%,#28425b 74%,#28425d 77%,#27415a 78%,#264059 99%,#29435c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #3e5d7c 0%,#3c5b7a 1%,#3c5b7a 9%,#395877 13%,#395875 19%,#314f6b 41%,#2f4d67 43%,#2c4762 59%,#2a4560 60%,#2b4661 62%,#28425b 74%,#28425d 77%,#27415a 78%,#264059 99%,#29435c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #3e5d7c 0%,#3c5b7a 1%,#3c5b7a 9%,#395877 13%,#395875 19%,#314f6b 41%,#2f4d67 43%,#2c4762 59%,#2a4560 60%,#2b4661 62%,#28425b 74%,#28425d 77%,#27415a 78%,#264059 99%,#29435c 100%); /* IE10+ */
		background: linear-gradient(to bottom, #3e5d7c 0%,#3c5b7a 1%,#3c5b7a 9%,#395877 13%,#395875 19%,#314f6b 41%,#2f4d67 43%,#2c4762 59%,#2a4560 60%,#2b4661 62%,#28425b 74%,#28425d 77%,#27415a 78%,#264059 99%,#29435c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e5d7c', endColorstr='#29435c',GradientType=0 ); /* IE6-9 */
	}
	#sixth-content h1{
		color:#ffaa4f;
		margin-bottom:10px;
	}
	#sixth-content #main{
		color:#bfd8f0;
	}
	#sixth-content span{
		font-size:16px;
		color:#fff;
		margin-bottom:30px;
		display:block;
	}
	#sixth-thumbnail{
		padding:0;
		text-align:center;
		
	}
	#form-holder{
		background: url(images/contac-bg.jpg) no-repeat scroll center 0 / auto 100% transparent;
		padding-top: 35px;
		padding-bottom: 35px;
		color:#dddddd;
	}	
	#form-holder h1 {
		background: url("images/image-1.png") no-repeat scroll center bottom transparent;
		text-align:center;
		margin-bottom: 76px;
		color:#fff;
		padding-bottom: 20px;
	}
	#form-holder a{
		color:#dddddd;
	}
	#form-holder h3{
		font-size:18px;
		margin-bottom:18px;
	}
	#contact li{
		list-style:none;
		margin-bottom:10px;
		padding-left:48px;
	}
	#icon-1{
		background: url("images/address.jpg") no-repeat scroll left center transparent; 		
	}
	#icon-2{
		background: url("images/phone.jpg") no-repeat scroll left center transparent; 		
	}
	#icon-3{
		background: url("images/email.jpg") no-repeat scroll left center transparent; 		
	}
	#icon-4{
		background: url("images/website.jpg") no-repeat scroll left center transparent; 		
	}
	#contact{
		margin-bottom:30px;
	}
	#social li{
		list-style:none;
		margin-right:21px;
		display:inline;
	}
	#contact-us input[type="text"]{
		border:1px solid #dfdfdf;
		background:none;
		padding:15px;
		margin-bottom:15px;		
		color:#fff;
		margin-right:18px;
		width: 38%;				
	}
	#contact-us textarea{
		border:1px solid #dfdfdf;
		background:none;
		padding:15px;
		margin-bottom:15px;		
		color:#fff;
		resize: none;
		width: 87%;		
		font-family: 'Open Sans', sans-serif;	
		font-size:13px
	}
	#contact-us input[type="submit"]{
		background: url("images/submit.jpg") no-repeat scroll 0 0 transparent; 		
		border:none;
		width:103px;
		height:41px;
		cursor:pointer;
	}

	span.error, span.sent {
		display:block;
		margin:0 0 10px 0;
		font-size:14px;
		font-weight:bold;
	}

	span.error {
		color:red;
	}

	span.sent {
		color:green;
	}
	#first-content ul, #second-content ul, #third-content ul, #fourth-content ul, #fifth-content ul{
		margin-left:15px;
		margin-bottom:26px;
	}
	#first-content ul li, #second-content ul li, #third-content ul li, #fourth-content ul li, #fifth-content ul li{
		margin-bottom:5px;
	}
	.helper {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}

/* ==============
	SIDEBAR
============== */
#sidebar {
}


/* ==============
	FOOTER
============== */
#footer {
	text-align:center;
	padding-bottom:20px;
	padding-top:30px;
	color:#302d2d;
}
	#footer a{
		color:#004584;
	}
	#footer img{
		margin-top:15px;
	}




/* ===================
	BLOG STYLES - Adjust as needed.
=================== */

		.postinfo ul.meta{
			margin: 0;
			padding: 0;
		}
		.postinfo ul.meta li{
			display: inline-block;
			*display: inline;
			list-style: none;
			font-size: 12px;
			padding-right: 15px;
		}
		
		
		.post .commentlist{
			margin: 30px 0 15px;
			padding: 0 0 20px 0;
			border-bottom: 1px dashed #DBDBDB;
			
		}
		.commentlist li{
			list-style: none;
		}
		.comment-author{
			background: #DBDBDB;
			vertical-align: middle;
			
			height: 40px;
		}
		.avatar{
			float: left;
			padding-right: 20px;
		}
		.fn, .says{
			vertical-align: middle;
			line-height: 40px;
		}
		.comment-meta{
			font-size: 12px;
			padding: 4px 0;
		}
		.comment-body{
			font-size: 13px;
		}
		.reply{
			margin: -15px 0 15px 20px;
		}
		.comment-form-comment label{
			display: block;
		}
/* ===================
   GRAVITY FORMS - Adjust as needed
   =================== */
   body #content .gform_body ul.gform_fields{
	   margin: 0;
	   padding: 0;
   }
   body .gform_wrapper input, body .gform_wrapper select, body .gform_wrapper textarea {
	   border-radius: 5px;
	   border: 1px solid #333;
	   padding: 3px;
	   font-size: 12px;
	   letter-spacing: 1px;
	   font-family:Arial, Helvetica, sans-serif;
   }
   body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"]{
		background: #0099CC; /* Old browsers */
		border: none;
		padding: 8px 20px; 
		font-size: 16px;
		border-radius: 5px;
		cursor: pointer;

   }


/* ########## WORDPRESS CORE ########## */
	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter, div.aligncenter {
		display:block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float:left;
		margin: 5px 20px 20px 0;
	}

	.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	a img.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 5px 20px 20px 0;
	}

	a img.alignleft {
		float:left;
		margin: 0px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background: #fff;
		border: 1px solid #f0f0f0;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 3px 10px;
		text-align: center;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin:0;
		max-width: 98.5%;
		padding:0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size:11px;
		line-height:17px;
		margin:0;
		padding:0 4px 5px;
	}
/* ########## END WORDPRESS CORE ########## */

/* ===================
   Media Querie Styles
=================== */
/* Tablets */
@media only screen and (max-width : 1024px) {
	#contacts{
		font-size:11px;
	}
	#info{
		padding:0;
	}

}
/* Mobile */
@media only screen and (max-width : 767px) {
	#second-thumbnail, #third-thumbnail, #fifth-thumbnail{
		display: block !important;
		height: auto !important;
		margin:0  !important;
	}
	#logo {
		text-align: center;
	}
	#contacts{
		padding:10px;
		background-color:#0255a3;
		float:none;
		margin-bottom: 22px;
	}
	#info, #top-right, #social-media, #lang{
		float:none;
		text-align: center;
	}
	#lang{
		margin-left: 0;
		margin-bottom: 6px;
	}
	#social-media{
		margin:0;
	}
	#social{
		margin-bottom:15px;
	}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}

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

	
}

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

}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	
}