@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Kalam:700');
 
* { margin: 0; padding: 0; }

html, body {
  width: 100%;
  height: 100%;
}

body {
background: #fefbe6 url('images/bg.png') repeat-x;
background-size: auto 100%;
background-attachment: fixed;
}

textarea {
    resize: none;
}

.wrapper {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
max-width: 1920px;
height: auto;
margin: 0 auto;
}

.info {
display: none;
box-sizing: border-box;
overflow: hidden;
clear: both;
width: 100%;
height: auto;
padding: 12px 20px;
background-color: #034b71;
z-index: 100;
}
.left {
display: block;
box-sizing: border-box;
float: left;
width: 50%;
height: auto;
text-align: left;
}
.left a i.fa {
font-size: 38px;
color: #ffffff;
margin-top: 5px;
margin-right: 8px;
}
.left a:link, .left a:visited {
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
color: #ffffff;
text-decoration: underline;
font-weight: normal;
}
.left a:active, .left a:hover {
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
color: #ffe648;
text-decoration: underline;
font-weight: normal;
-moz-transition: all 1.2s; -webkit-transition: all 1.2s; -o-transition: all 1.2s
}
.right {
display: block;
box-sizing: border-box;
float: right;
width: 50%;
height: auto;
text-align: right;
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
color: #ffffff;
text-decoration: none;
font-weight: 400;
}
span.ph {
display: block;
box-sizing: border-box;
width: 100%;
height: auto;
text-align: right;
font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
color: #fbe348;
text-decoration: none;
font-weight: 700;
}
span.ph a[href^="tel:"] {
font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
color: #fbe348;
text-decoration: none;
font-weight: 700;
}

.logoArea {
display: block;
box-sizing: border-box;
overflow: hidden;
clear: both;
width: 100%;
height: auto;
padding: 10px;
margin-top: 50px;
z-index: 50;
}
.logoArea img {
display: block;
width: 600px;
height: auto;
margin: 0 auto;
z-index: 75;
}
.logoArea a:hover {
opacity: .6; cursor: pointer; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;	
}
@media screen and (max-width: 1226px) {
	.logoArea img {
	margin: 0 20% 0 17%;
	}
}
@media screen and (max-width: 1083px) {
	.logoArea img {
	margin: 0 20% 0 13%;
	}
}
@media screen and (max-width: 610px) {
	.logoArea {
	margin-top: 5px;
	}
	.logoArea img {
	width: 95%;
	margin-top: 0;
	}
}

.socials {
display: block;
box-sizing: border-box;
overflow: hidden;
clear: both;
width: 100px;
height: auto;
padding: 10px;
position: absolute;
left: 10px;
top: 55px;
text-align: center;
z-index: 75;
}
.fa-facebook-official {
display: block !important;
clear: both;
margin: 15px 0;
}
.fa-twitter-square {
display: block !important;
clear: both;
margin: 15px 0;
}
.fa-pinterest-square {
display: block !important;
clear: both;
margin: 15px 0;
}
.socials a:link, .socials a:visited {
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
color: #046599;
text-decoration: underline;
font-weight: normal;
}
.socials a:active, .socials a:hover {
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
color: #014e78;
text-decoration: underline;
font-weight: normal;
-moz-transition: all 1.2s; -webkit-transition: all 1.2s; -o-transition: all 1.2s
}

.numbers {
display: block;
box-sizing: border-box;
overflow: hidden;
clear: both;
width: 250px;
height: auto;
padding: 10px;
position: absolute;
right: 5px;
top: 95px;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
color: #046599;
text-decoration: none;
font-weight: 400;
z-index: 75;
}

@media screen and (max-width: 1018px) {
	.socials, .numbers {
	display: none;
	}
	.info {
	display: block;
	}
	.logoArea img {
	margin: 0 auto;
	}	
	.fa-facebook-official {
	display: inline-block !important;
	clear: none;
	margin: 0;
	}
	.fa-twitter-square {
	display: inline-block !important;
	clear: none;
	margin: 0;
	}
	.fa-pinterest-square {
	display: inline-block !important;
	clear: none;
	margin: 0;
	}
}
@media screen and (max-width: 599px) {
	.left {
	width: 100%;
	float: none;
	text-align: center;
	margin-bottom: 10px;
	}
	.left a i.fa {
	font-size: 45px;
	margin-right: 10px;
	}	
	.right {
	width: 100%;	
	float: none;
	text-align: center;
	font-size: 22px;
	}
	span.ph {
	text-align: center;
	}	
}
	
.footerArea {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
background: transparent url(images/bg-footer.gif) top repeat-x;
}
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: 75%;
	z-index: 1000;
}
#back-top a {
	width: 100px;
	height: auto;
	display: block;
	padding: 3px;
	text-align: center;
	color: #046599;
	font-size: 24px;
	background-color: transparent;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:link, #back-top a:visited {
	color: #046599;
}
#back-top a:hover {
	color: #6A0499;
}
.footer {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: auto;
margin-top: 15px;
padding: 20px;
text-align: center;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
color: #046599;
text-decoration: none;
font-weight: normal;
}
.footer a:link, .footer a:visited {
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
color: #046599;
text-decoration: underline;
font-weight: normal;
}
.footer a:active, .footer a:hover {
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
color: black;
text-decoration: underline;
font-weight: normal;
}