@font-face {
    font-family: 'muliregular';
    src: url('muli-regular.eot');
    src: url('muli-regular.eot?#iefix') format('embedded-opentype'),
         url('muli-regular.woff2') format('woff2'),
         url('muli-regular.woff') format('woff'),
         url('muli-regular.ttf') format('truetype'),
         url('muli-regular.svg#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'univers_57_condensedregular';
    src: url('univers_57_condensed.eot');
    src: url('univers_57_condensed.eot?#iefix') format('embedded-opentype'),
         url('univers_57_condensed.woff') format('woff'),
         url('univers_57_condensed.ttf') format('truetype'),
         url('univers_57_condensed.svg#univers_57_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{margin:0px; padding:0px;}

body{font-family: 'muliregular';}

img{border:0px; max-width:100%;}

ul{margin:0px; padding:0px;}

.clr{clear:both;}

/*====*/

p{font-size:18px; line-height:30px; color:#888888;}

.header{
	width:100%;
	padding:10px 0;
	border-top:2px solid #fab816;
}

.container{
	width:1200px;
	margin:auto;
}

.logo{
	width:600px;
	float:left;
}

.navi-gation{
	width:510px;
	float:right;
	text-align:right;
	font-family: 'univers_57_condensedregular';
	font-size:15px;
	margin-top:30px;
	text-transform:uppercase;
}


.section-left{
	width:270px;
	float:left;
	background:#e9e9e9;
	padding:15px;
	border-bottom:3px solid #f37021;
}


.section-left h2, .section-right h2{
	margin-bottom:5px;
	font-weight:normal;
	color:#444444;
	font-family: 'univers_57_condensedregular';
}


.section-right{
	width:855px;
	float:right;
	margin-top:15px;
}

.section-right a{
	text-decoration:none;
	color:#FF6600;
}

.section-right a:hover{
	color:#333333;
}


.footer{
	border-top:1px solid #c7c8ca;
	padding:10px 0;
	margin-top:30px;
	font-size:14px;
	color:#666666;
	text-align:center;
	line-height:30px;
}


.footer a{
	text-decoration:none;
	color:#c7c8ca;
}

.footer a:hover{
	color:#666666;
}

/*========*/

.inner-left{
	width:270px;
	float:left;
	padding:15px;
	border-bottom:1px solid #c7c8ca;
}

.inner-left li{
	list-style-type:none;
	border-left:2px solid #c7c8ca;
	padding:7px 0 7px 20px;
	border-bottom:2px solid #FFF;
	transition:all 0.5s linear 0s;
}

.inner-left li:hover{
	background:#f2f2f2;
	transition:all 0.5s linear 0s;
}


.inner-left a{
	text-decoration:none;
	color:#888888;
	transition:all 0.5s linear 0s;
}

.inner-left a:hover{
	color:#FF6600;
	transition:all 0.5s linear 0s;
}

.inner-right{
	width:855px;
	float:right;
}

.inner-right p, .inner-left p{
	margin-bottom:10px;
}

.inner-right h1{
	padding-bottom:5px;
	margin-bottom:15px;
	width:280px;
	border-bottom:1px solid #c7c8ca;
	font-weight:normal;
	font-family: 'univers_57_condensedregular';
	color:#f15a22;
}


.inner-right h2, .inner-right h3, .inner-left h2{
	color:#FF6600;
	font-weight:normal;
	font-family: 'univers_57_condensedregular';
	margin-bottom:10px;
}

.inner-right h4{
	font-weight:normal;
	color:#990000;
	padding-bottom:10px;
}

.inner-right li{
	margin-left:30px;
	color:#888888;
	line-height:30px;
}


.bot-line{
	border-bottom:1px solid #e4e4e4;
	margin:10px 0;
}

.dott-line{
	border-bottom:1px dashed #e4e4e4;
	margin:15px 0;
}

.contactus{
	width:45%;
	float:left;
	margin:1% 2.5% 0 2.5%;
}

.contactus h2{
	font-family: 'univers_57_condensedregular';
	color:#FF3300;
	font-weight:normal;
	margin-bottom:10px;
}

.contactus p{
	margin-bottom:10px;
}

.contactus a{
	text-decoration:none;
	color:#333333;
}

.contactus a:hover{
	color:#888888;
}

.empty02{
	margin-bottom:10px;
}

.text-field{
	width:90%;
	background:#EEE;
	padding:1% 5%;
	border:0;
	font-family: 'muliregular';
	font-size:16px;
	color:#8d7217;
	letter-spacing:2px;
}

.captcha{
	padding:2px 5px;
	background:#FF9900;
	color:#fff;
}

.send-buttom{
	width:30%;
	border:0;
	text-align:center;
	padding:1% 0;
	background:#e7a322;
	cursor:pointer;
	font-family: 'muliregular';
	font-size:16px;
	color:#fff;
	letter-spacing:2px;
	margin-top:10px;
}



/*===MEDIA SCREEN===*/

@media only screen and (min-width:980px) and (max-width:1199px) {

.container{width:980px;}

.logo{width:480px;}

.navi-gation{width:500px;}

.section-left, .inner-left{width:215px;}

.section-right, .inner-right{width:698px;}

}

@media only screen and (min-width:768px) and (max-width:979px) {

.container{width:768px;}

.logo{float:none; margin:0 84px;}

.navi-gation{float:none; text-align:center; margin:10px 134px;}

.section-left, .inner-left{width:172px; padding:10px;}

.section-right, .inner-right{width:547px; margin-top:10px;}

}

@media only screen and (min-width:600px) and (max-width:767px) {

.container{width:600px;}

.logo{float:none; margin:0;}

.navi-gation{width:100%; float:none; text-align:left; margin:0px; position:fixed; top:2px; left:0;}

.section-left, .inner-left{width:140px; padding:5px;}

.section-right, .inner-right{width:425px; margin-top:5px;}

.contactus{width:90%; float:none; margin:1% 5%;}

}

@media only screen and (min-width:480px) and (max-width:599px) {

.container{width:480px;}

.logo{float:none; width:460px; margin:0 10px;}

.navi-gation{width:100%; float:none; text-align:left; margin:0px; position:fixed; top:2px; left:0;}

.section-left, .inner-left{width:96%; float:none; padding:2%;}

.section-right, .inner-right{width:100%; float:none; margin-top:2%;}

.contactus{width:90%; float:none; margin:1% 5%;}

}

@media only screen and (min-width:320px) and (max-width:479px) {

.container{width:320px;}

.logo{width:320px; float:none;}

.navi-gation{width:100%; float:none; text-align:left; margin:0px; position:fixed; top:2px; left:0;}

.section-left, .inner-left{width:96%; float:none; padding:2%;}

.section-right, .inner-right{width:100%; float:none; margin-top:2%;}

.contactus{width:90%; float:none; margin:1% 5%;}

}