@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
@font-face {
	font-family: 'Conv_proximanova-regular-webfont';
	src: url('proximanova-regular-webfont.eot');
	src: local('☺'), url('proximanova-regular-webfont.woff') format('woff'), url('proximanova-regular-webfont.ttf') format('truetype'), url('proximanova-regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_proximanova-bold-webfont';
	src: url('proximanova-bold-webfont.eot');
	src: local('☺'), url('proximanova-bold-webfont.woff') format('woff'), url('proximanova-bold-webfont.ttf') format('truetype'), url('proximanova-bold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	background: #fff;
	color: #333333;
}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {
	margin: 0;
	padding: 0;
}
table, tr, td {
	border: 0;
}
a {
	outline: none;
	color: #333;
	text-decoration: none;
}
a:hover {
	outline: none;
	color: #000;
	text-decoration: none;
}
img {
	border: none;
}
li {
	list-style: none;
}
.clearall {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
* {
	box-sizing: border-box;
}
/*-----------------------
MAIN CSS START
------------------------*/
.container {
	width: 920px;
	margin: 0 auto;
	padding: 0;
}

/*-----------
Logo bar
--------------*/
.logo-bar{
	width:100%;
	background-color:#fff;
	padding:7px 0;
	position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
.logo-bar img{
	width:70px;
	display:block;
}

/*------------
BANNER CSS
------------------*/
.banner{
	width:100%;
	float:left;
	background:url(../images/banner.jpg) no-repeat center top #7b7b7b;
	height:670px;
	background-size:cover;
	margin-top:116px;
	background-attachment:fixed;
}
.banner p{
	float:left;
	color:#fff;
	font-size:30.9px;
	line-height:33.9px;
	text-align:justify;
	font-family: 'Conv_proximanova-regular-webfont';
	padding:325px 0 0 0;
}
.banner p span {
    color: #b31b1b;
}
/*------------
ABOUT SECTION CSS
------------------*/
.about{
	background-color:#b31b1b;
	width:100%;
	float:left;
	padding:70px 0 200px 0;
}
.about h4, .contact h4{
	float:right;
	color:#212221;
	font-size:30px;
	line-height:30px;
	font-family: 'Conv_proximanova-regular-webfont';
}
.about p, .contact p{
	float:left;
	color:#fff;
	font-size:16px;
	line-height:24px;
	font-family: 'Conv_proximanova-regular-webfont';
	padding:30px 0 0 0;
	text-align:justify;
}
.about ul{
	float:left;
	width:100%;
	margin:5px 0 0 0;
}
.about ul li{
	float:left;
	width:100%;
	color:#fff;
	font-size:16px;
	line-height:22px;
	font-family: 'Conv_proximanova-regular-webfont';
	margin:0 0 0px 0;
	background:url(../images/dot.png) no-repeat left center;
	padding-left:15px;
}

/*--------------------
CONTACT SECTION CSS
----------------------*/
.contact{
	background-color:#222222;
	width:100%;
	float:left;
	padding:70px 0 0 0;
	height:670px;
	box-sizing:border-box;
}
.contact h4{
	color:#b31b1b;
}
.contact p a{
	color:#fff;
	font-family: 'Conv_proximanova-bold-webfont';
}
.linked{
	width:70px;
}

/*--------------------
MEDIA QUERY CSS
----------------------*/
@media only screen and (max-width:990px){
.container{
	width:768px;
	box-sizing:border-box;
	padding:0 1%;
}
.about h4, .contact h4, .banner h4{
	float:left;
}
.contact .linked{
	vertical-align:top;
	margin:3px 0 0 0;
}
}
	
@media only screen and (max-width:767px){
.container{
	width:100%; 
	max-width:580px;
	padding:0 3%;
	box-sizing:border-box;
}
.banner{
	height:auto;
	margin-top:104px;
	background-attachment:scroll;
	padding: 32% 0 32%;
}
.banner p {
    font-size: 25px;
    line-height: 28px;
    padding: 0;
}
.banner h4{
	padding:0 0 53px;
}
.logo-bar img{
	width:60px;
}

.about ul li{
	background:rgba(0, 0, 0, 0) url("../images/dot.png") no-repeat scroll left 9px;
}
}
@media only screen and (max-width:400px){
.banner p {
    font-size: 20px;
    line-height: 24px;
    padding: 0;
}

}	
@media only screen and (max-width:340px){
.banner p {
    font-size: 19px;
    line-height: 23px;
    padding: 0;
}
}