@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/flexslider.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {
	font-family: Carme, sans-serif;
	font-size: 14px;
	line-height: 20px;
	min-width: 1038px;
	-webkit-text-size-adjust: none;
	background-color: #000000;
	background-image: url(../images/mainbg11-2.jpg);
	background-repeat: no-repeat;
	}
#page2{line-height:21px;}
.main{
	width: 1038px;
	margin: 0px auto 0px;
	height: auto;
	overflow: hidden;
	}
/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}
.block{display:block;}
/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}
.wrapper-after:after{
 clear:both;
 content:".";
 display:block;
 height:0;
 visibility:hidden;}

/*==================================== Links ======================================================== */
a {
	color: #FFFFFF;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	}
a:hover{
	color: #b29642;
	text-decoration: none;
	}
.button{
	display:inline-block; 
	padding:7px 13px 8px 13px; 
	margin: 0 0 0 0; 
	font-size: 14px; 
	line-height: 20px; 
	background: url(../images/bg-button.jpg) 0 0 repeat-x #1d1d20;
	color:#fff;
	border-top:2px solid #45454b;
	border-left:1px solid #45454b;
	border-right:1px solid #45454b;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	}
.button:hover{
	background:#e09c11; 
	border-top:2px solid #e7b114;
	border-left:1px solid #e7b114;
	border-right:1px solid #e7b114;
	color:#000;
	}
a[href^="tel:"]{color: inherit; text-decoration:none;}
-webkit-text-size-adjust: none;
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}
.block-img{
	display: block;
}
.block-img2{display:block;}
.block-img2{
	display: inline-table;
	margin-bottom: 10px;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 10px;
}
.col{color:#252832;}
.hov:hover{
	color: #666;
	text-shadow: 0px 1px 0px #000;
}
/*********************************header*************************************/

header {
	margin: 0 0px;
	padding: 0px 0 0 0;
	text-align: right;
	}
header h1{
	display: block;
	float: left;
	overflow: hidden;
	font-family: 'Carme', sans-serif;
	}
header h1 span{
	text-indent:-9999px;
	display:inline-block;
	}
header h1 a {
	display: inline-block;
	}
.social{
	float: right;
	padding: 10px 0 0 0;
	}
.socialform{
	float: right;
	padding: 9px 0px 5px 0;
	background-position: right;
	background-repeat: no-repeat;
	overflow: visible;
	}	
.social a{
	display:inline-block;
	width:36px;
	height:36px;
	margin-left:2px;
	}
	.social a:hover{background-position:0 bottom !important;}
#soc1{
	background-image: url(../images/soc1-facebook.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#soc2{
	background-image: url(../images/soc2-twitter.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#soc3{
	background-image: url(../images/soc3-google.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#soc4{background: url(../images/soc4.png) 0 0 no-repeat;}
/*********************************content*************************************/
#page1 #content{padding:60px 0px 55px 0px}
#page2 #content{padding:60px 0px 55px 0px}
#content {padding:70px 0px 55px 0px}
.cont_pad{padding:0 0 0 0 !important;}

/*===============================>> Paragraphs <<=============================*/
.top{margin-top:8px;}
.top-1{margin-top:2px;}

p{
	padding-bottom: 5px;
	font-size: 14px;
	color: #100f1b;
	text-decoration: none;
}
.p2{
	margin-bottom: 18px;
}
.p3{
	margin-bottom: 10px;
	margin-left: 5px;
}
.p3 a{
	color: #100f1b;
}
.p3 a:hover{
	color: #b29642;
}
.p4{
	margin-bottom: 26px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
}
.p5{ margin-bottom:0;}
.p6{ margin-bottom:0;}
.p7{
	margin-bottom: 8px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 374px;
}
.divider{
	padding-bottom: 0px;
	}
/*================================>> LISTS <<========================================*/
.list{}
.list li{
	background:url(../images/marker1.jpg) 0 18px no-repeat; 
	padding:9px 0 9px 20px;
	border-top:1px solid #e5e5e5;
	font-size:16px;
	line-height:20px;
	}
	.list li:first-child{border-top:none;}
.list a{color:#8c8c8c;}
.list a:hover{color:#e9ba16;}

.list-1{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b29642;
	font-size: 16px;
	padding-top: 3px;
	text-decoration: none;
}
.list-1 li{
	background:url(../images/marker1.jpg) 0 14px no-repeat; 
	padding:5px 0 5px 13px;
	border-top:1px solid #38383a;
	font-size:16px;
	line-height:20px;
	}
	.list-1 li:first-child{border-top:none;}
.list-1 a{
	color: #000000;
	font-size: 16px;
	text-decoration: none;
}
.list-1 a:hover{
	color: #b29642;
}

.list-2{
	color: #100f1b;
	width: 70%;
	padding-left: 1px;
}
.list-2 li{
	box-shadow: inset 0px 2px 4px rgba(0,0,0,0.5);
	background: #ededed;
	font-family: 'Carme', sans-serif;
	font-size: 15px;
	line-height: 30px;
	font-weight: normal;
	letter-spacing: -1px;
	}
.list-2 li:hover{
	background-color: #6699CC;
	background-image: url(../images/list-2-li.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	font-weight: normal;
}
.list-2 li a{
	color: #252832;
	display: block;
	padding: 10px 0 10px 14px;
	font-size: 16px;
	}
.list-2 li a:hover{
	color: #FFFFFF;
	font-family: 'Carme', sans-serif;
	font-size: 16px;
}

.list-3{}
.list-3 li{
	overflow:hidden;
	}
.list-3 span{
	display:block;
	float:left;
	width:30px;
	font-size:18px;
	line-height:24px;
	color:#252832;
	}
.list-3{}

.extra-list{}
.extra-list li{
	overflow:hidden;
	margin-bottom:40px;
	}
.extra-list li .extra-wrap{overflow:hidden;}
.extra-list img{
	float:left;
	margin:0 20px 0 0;
	}
	
.list-client{
	font-size: 14px;
	line-height: 21px;
	margin: 0 0 0 -24px;
	overflow: hidden;
	}
.list-client li{
	width: 190px;
	float: right;
	margin: 0 24px 30px 24px;
	}
.list-client img{
	border: 1px solid #ededed;
	margin-bottom: 18px;
	}
.list-client p{padding-bottom:0;}
.list-client a{text-decoration:underline;}
.list-client a:hover{text-decoration:underline;}
/*================================>> H <<========================================*/
h2,h3,h4{
	font-weight: normal;
	}
h2{
	font-size: 12px;
	color: #FFFFFF;
	font-family: 'Carme', sans-serif;
	}

.ind{ margin: 42px 0 31px 0;}
.ind1{ margin:42px 0 16px 0;}
.ind2{ margin:15px 0 20px 0;}
.ind3{
	margin: 0px 0px 10px 0px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
}
.ind3end{
	margin: 15px 0px 10px 0px;
	border-left: 1px solid #677cb5;
	border-right: 1px solid #677cb5;
	padding-left: 1px;
}
h3{
	font-size: 10px;
	line-height: 24px;
	font-family: 'Carme', sans-serif;
	color: #999999;
	}
h4{
	font-size: 18px;
	line-height: 35px;
	color: #b29642;
	font-family: 'Carme', sans-serif;
	text-align: center;
	}
h5{
	font-size: 18px;
	color: #b29642;
	font-family: 'Carme', sans-serif;
	text-align: left;
	text-decoration: underline;
	font-weight: normal;
	}
h6{
	font-size: 36px;
	color: #b29642;
	font-family: 'Carme', sans-serif;
	text-align: left;
	}
h7{
	font-size: 25px;
	color: #100f1b;
	font-family: 'Carme', sans-serif;
	text-align: center;
	}
h8{
	font-size: 30px;
	color: #657CAE;
	font-family: 'Carme', sans-serif;
	text-align: center;
}
h9{
	font-size: 24px;
	color: #000000;
	font-family: 'Carme', sans-serif;
	text-align: left;
	font-style: bold;
}
h10{
	font-size: 16px;
	color: #6666CC;
	font-family: 'Carme', sans-serif;
	text-align: left;
	font-style: bold;
}
.font20{
	font-size: 20px;
	line-height: 24px;
	color: #333399;
	font-family: 'Carme', sans-serif;
	}
.font15{
	font-size:15px;
	line-height:20px;
	color:#212124;
	text-transform:uppercase;
	font-family: 'Carme', sans-serif;
	}
/*================================>> GOOGLE FONTS  <<========================================*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);/*font-family: 'Open Sans', sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Carme:400,700,600);/*font-family: 'Carme', sans-serif;*/
/*================================>> hovers <<========================================*/
.button{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/*********************************page_1*************************************/
.block-wrap{
	overflow:hidden;
	margin:0 0 17px 0;}
.block-wrap h3{padding:6px 0 0 0;}
.block-wrap img{
	margin-top: 0;
	margin-right: 17px;
	margin-bottom: 0;
	margin-left: 17px;
}

.blovk-wrap-1{
	overflow:hidden;
	margin:0 0 19px 0;
	}
	.blovk-wrap-1 img{margin:0 14px 0 0;}
.blovk-wrap-1 .font20{
	white-space:nowrap;
	letter-spacing:-1px;
	}

/*********************************page_2*************************************/
.block-1{
	background:#ededed;
	padding:15px;
	}
	.block-1 img{margin-bottom:8px;}
	.block-1 p{padding-bottom:0;}

/*********************************page_6*************************************/
.pp_fleft{float:left;}
.pp_fright{float:right;}
.pp{
	color:#252832;
	text-decoration:underline;
	}
/* Contact form */
#contact-form {padding:4px 0 0 0;}
#contact-form .success {
	width:246px;  
	padding:10px;
	}
#contact-form textarea, #contact-form input {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #333333;
	color: #100f1b;
	padding: 7px 14px;
	outline: none;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
#contact-form input {
	width:347px;
	height:36px;
	}
#contact-form textarea {
	overflow: auto;
	width: 550px;
	height: 251px;
	resize: none;
	float: left;
	margin: 0 0 0 0;
	}
#contact-form .div-label{
	min-height:46px; 
	overflow:hidden;
	}	
#contact-form label {display: inline-block;}	
#contact-form label.message {
	display:block; 
	padding-bottom:0;
	}
#contact-form .button {margin-left:8px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {
	text-align:left; 
	color:red; 
	font-size:11px; 
	clear:both;
	}
#contact-form .buttons2 {
	overflow:hidden;
	text-align:right;
	position:relative; 
	clear:both; 
	padding-top:29px;
	}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
	margin-left:20px;
}
#contact-form span{
	display:block; 
	margin: 0px 0 0 5px;
	}

.map_wrapper{
	overflow:hidden;
	display:inline-block;
	margin-bottom:33px;}
#map_canvas {
   width:300px;
   height:312px;
}
.adress{
	font-size: 16px;
	line-height: 21px;
	}
.adress span{
	display:inline-block; 
	width:90px;
	}
.adress dt{color:#252832;}
.adress dt strong{
	font-weight: bold;
}
.adress a{
	color:#252832;
	text-decoration:underline;
	}
	.adress a:hover{color:#e9ba16;}
/*==================aside====================*/
aside{
	background: #100f1b;
	padding: 30px 0 20px 0;
	}
	.telphone{
		overflow:hidden;
		}
		.telphone img{margin:0 12px 0 0;}
		.telphone span{
	font-family: 'Carme', sans-serif;
	font-size: 23px;
	line-height: 26px;
	display: block;
	text-transform: uppercase;
	color: #b29642;
			}
		.telphone span+span{
	font-size: 24px;
	line-height: 24px;
	color: #b29642;
			}
/****************************footer************************/
footer {
	background: #b29642;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 34px;
	padding-left: 0;
	}
footer a{
	color: #000000;
}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width:1038px) {
body{ min-width:995px}
 .main{width:995px;}	
}


@media only screen and (max-width: 995px) {
.main{ width:768px;}
 body{min-width:768px;}
 .map_wrapper{display:block;}
 #map_canvas {
   width:100%;
   height:240px;
}
#contact-form label {display:block;}
#contact-form textarea, #contact-form input{width:100%;}
.blovk-wrap-1 img{
	float:none;
	width:100%;
	margin-bottom:10px;
	}
.list-2 li{
	font-size:16px;
	line-height:22px;
	}
}

@media only screen and (max-width: 767px) {
.main{ width:420px;}	
 body{min-width:420px;}
 header .wrapper{text-align:center;}
 header h1{
	 float:none;
	 display:inline-block;
	 }
nav{
	background:none;
	border:none;
	border-radius:none;
	}
nav:before{display:none;}
 .social{
	 float:none;
	 margin:20px 0 0 0;
	 }
.indent{padding:0 10px;}
.block-wrap .extra-wrap{padding:6px 0 0 0;}
.block-1 img{
	display:block;
	width:100%;
	}
.extra-list li{margin-bottom:20px;}
.extra-list li .extra-wrap{overflow:visible;}
 .map_wrapper{display:block;}
 #map_canvas {
   width:100%;
   height:240px;
}
.list-client li{
	width: 90%;
	display:block;
	}
.list-client li img{width:100%;}
nav{padding:0 10px;}
nav select{
    width:100%;
	}
	.blovk-wrap-1 img{
	float:left;
	width: auto;
	margin-bottom:10px;
	}
	.blovk-wrap-1 .font15{display:block;}
.divider{padding-bottom:15px;
}
.languagetable {
	float: none;
}
ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {
	border-collapse: collapse;
	padding-top: 7px;
	padding-bottom: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	text-align: center;
}
}
@media only screen and (max-width: 479px) {
.main{ width:300px;}
 body{min-width:300px;}
 .block-img{ width:10%}
img{width:10%}
 .extra-list li img{
	 float:none;
	 width:100%;
}
}
.dividerafterslider {
	padding: 7px;
}
.quotediv {
	width: 25%;
	margin: 5px 0px 5px 5px;
	overflow: hidden;
	float: left;
	padding-right: 10px;
}
#go_button {
	margin-top: 10px;
	margin-left: 1px;
}
#jumpMenu {
	width: 75%;
}
.pquote {
	margin-top: 10px;
	margin-bottom: 10px;
}
#form {
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	-moz-border-radius: 20px;
	-moz-box-shadow: 2px 2px 5px #999;
	-webkit-border-radius: 20px;
	-webkit-box-shadow: 2px 2px 5px #999;
	width: 95%;
	background-color: #100f1b;
}
.languagetable {
	float: right;
}
.langauge-option {
	float: right;
}
.langauge.container {
	margin-left: 35%;
}