@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: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:23px;
	color:#8c8c8c;
	min-width:1038px;
	background:url(../images/body_bg.jpg) 0 0 repeat;
	-webkit-text-size-adjust: none;
}
.logo {
	background-image:url(../images/logo.png);
	width:408px;
	height:55px;
	border:0;
}
#page2 {
	line-height:21px;
}
.main {
	width:1038px;
	margin:38px auto 30px;
	background:#fff;
	height: auto;
}
/*********************************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 {
	width:940px;
	overflow:hidden;
	margin:0 auto;
}
.orange {
	background:url(../images/block_bg.png) repeat-x;
	height:297px;
}
.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:#252832;
	outline:none;
	text-decoration:none;
	cursor:pointer;
}
a:hover {
	color:#e9ba16;
	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;
}
.col {
	color:#252832;
}
.hov:hover {
	color:#000;
}
/*********************************header*************************************/

header {
	margin:0 10px;
	padding:49px 0 0 0;
}
header h1 {
	display:block;
	float:left;
	overflow:hidden;
}
header h1 span {
	text-indent:-9999px;
	display:inline-block;
}
header h1 a {
	display: inline-block;
}
.social {
	float:right;
	padding:9px 0 0 0;
}
.social a {
	display:inline-block;
	width:36px;
	height:36px;
	margin-left:2px;
}
.social a:hover {
	background-position:0 bottom !important;
}
#soc1 {
	background: url(../images/soc1.png) 0 0 no-repeat;
}
#soc2 {
	background: url(../images/soc2.png) 0 0 no-repeat;
}
#soc3 {
	background: url(../images/soc3.png) 0 0 no-repeat;
}
#soc4 {
	background: url(../images/soc4.png) 0 0 no-repeat;
}
.add p {
	color:#333333;
	float:right;
}
/*********************************content*************************************/
#page1 #content {
	padding:60px 0px 55px 0px
}
#page2 #content {
	padding:60px 0px 55px 0px
}
#content {
	padding:10px 0px 10px 0px;
	min-height:200px;
	width:940px;
	margin:0 auto;
}
#content p {
	margin-top:2px;
	color:#000;
}
.cont_pad {
	padding:0 0 0 0 !important;
}
/*===============================>> Paragraphs <<=============================*/
.top {
	margin:10px 0 0 50px
}
.top-1 {
	margin-top:2px;
}
p {/*padding-bottom:23px;*/
}
.p2 {
	margin-bottom:18px;
}
.p3 {
	margin-bottom:9px;
}
.p4 {
	margin-bottom:26px;
}
.p5 {
	margin-bottom:0;
}
.p6 {
	margin-bottom:0;
}
.divider {
	border-bottom:1px solid #e8e8e9;
	padding-bottom:49px;
}
/*================================>> 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:14px;
	line-height:20px;
}
.list li:first-child {
	border-top:none;
}
.list a {/*color:#8c8c8c;*/
	color:#018ceb;
}
.list a:hover {
	color:#e9ba16;
}
.list-1 {
}
.list-1 li {
	background:url(../images/marker1.jpg) 0 14px no-repeat;
	padding:5px 0 5px 13px;
	border-top:1px solid #018ceb;
	font-size:14px;
	line-height:20px;
}
.list-1 li:first-child {
	border-top:none;
}
.list-1 a {
	color:#FFF;
}
.list-1 a:hover {
	color:#e2a212;
}
.list-2 {
}
.list-2 li {
	box-shadow:inset 0 2px 1px rgba(255, 255, 255, 0.5);
	background: #ededed;
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	line-height:30px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin-bottom:5px;
}
.list-2 li:hover {
	background: url(../images/list-2-li.jpg) 0 0 repeat-x #d9870e;
}
.list-2 li a {
	color:#252832;
	display:block;
	padding:10px 0 10px 14px;
}
.list-2 li a:hover {
	color:#fff;
}
.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 {
}
.list-4 li {
	background:url(../images/marker1.jpg) 0 14px no-repeat;
	padding:5px 0 5px 13px;
	/*border-top:1px solid #018ceb;*/
	color:#018ceb;
	font-size:14px;
	line-height:20px;
}
.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:left;
	margin:0 0 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;
	text-transform:uppercase;
}
h2 {
	font-size: 25px;
	line-height: 30px;
	color:#252832;
	font-family: 'Open Sans', sans-serif;
}
.ind {
	margin:42px 0 31px 0;
}
.ind1 {
	margin:42px 0 16px 0;
}
.ind2 {
	margin:15px 0 20px 0;
}
h3 {
	font-size: 20px;
	line-height: 24px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	color:#252832;
}
h4 {
	font-size:16px;
	line-height:24px;
	color:#FFF;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}
.font20 {
	font-size:20px;
	line-height:24px;
	color:#e2a212;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
}
.font15 {
	font-size:15px;
	line-height:20px;
	color:#212124;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
}
/*================================>> GOOGLE FONTS  <<========================================*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);/*font-family: 'Open Sans', 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:0 17px 0 0;
}
.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;
	color:#090;
}
#contact-form textarea, #contact-form .txtbox {
	margin:0;
	font-size:14px;
	line-height:20px;
	border:1px solid #e7e7e7;
	color:#8c8c8c;
	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 .txtbox {
	width:347px;
	height:36px;
}
#contact-form textarea {
	overflow:auto;
	width:610px;
	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;
	color:#090;
}
#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;
	color:#F00;
}
#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:14px;
	line-height:21px;
}
.adress span {
	display:inline-block;
	width:90px;
	color:#ccc;
}
.adress dd {
	color:#000;
}
.adress dt {
	color:#252832;
}
.adress dt strong {
	font-weight:normal;
	color:#000;
}
.adress a {
	color:#252832;
	text-decoration:underline;
}
.adress a:hover {
	color:#e9ba16;
}
/*==================aside====================*/
aside {
	background:#006fbb;
	padding:60px 0 20px 0;
}
.telphone {
	overflow:hidden;
}
.telphone img {
	margin:0 12px 0 0;
}
.telphone span {
	font-family: 'Open Sans', sans-serif;
	font-size:23px;
	line-height:26px;
	display:block;
	text-transform:uppercase;
	color:#a1a1a0;
}
.telphone span+span {
	font-size:19px;
	line-height:24px;
	color:#e2a212;
}
/****************************footer************************/
footer {
	background:#006fbb;
	padding:5px 0;
}
footer a {
	color:#8c8c8c;
}


/*==================================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 .txtbox {
width:100%;
}
.blovk-wrap-1 img {
 float:none;
 width:100%;
 margin-bottom:10px;
}
.list-2 li {
 font-size:16px;
 line-height:22px;
}
 .add p {
color:#333333;
float:right;
width:450px;
}
 .social {
 float:right;
/* margin:20px 0 0 0;*/
 width:450px;
 padding:0px;
}
#content {
 width:900px;
 float:none;
}
.wrapper {
 width:900px;
 float:none;
}
.container_12 .grid_3
{
	min-width:140px;
}
.container_12 .grid_2
{
	min-width:158px;
}
.orange
{
	width:710px;
	float:left;
	margin:0px 0px 10px 20px;
}
}
 @media only screen and (max-width: 767px) {
.main {
width:420px;
}
 body {
min-width:420px;
}
 .add p {
color:#333333;
float:none;
width:350px;
margin:0px 20px;
}
 header .wrapper {
text-align:center;
}
 header h1 {
 display:inline-block;
}
 .logo {
 background-image:url(../images/small-logo.png);
 background-repeat:no-repeat;
 width:350px;
 height:55px;
 border:0;
}
nav {
 background:none;
 border:none;
 border-radius:none;
}
nav:before {
display:none;
}
 .social {
 float:none;
 margin:20px 20px 0 20px;
 width:350px;
}
.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;
}
#content {
 width:740px;
 float:none;
}
.wrapper {
 width:740px;
 float:none;
}
 .list-1 li {
 width:370px;
}
.orange
{
	width:220px;
}
}
 @media only screen and (max-width: 479px) {
.main {
width:300px;
}
 body {
min-width:300px;
}
 .extra-list li img {
 float:none;
 width:100%;
}
 .add p {
color:#333333;
float:none;
width:250px;
}
 header h1 {
 display:inline-block;
}
 .logo {
 background-image:url(../images/logo-mobile.png);
 width:250px;
 height:55px;
 border:0;
}
 .social {
 float:none;
 margin:20px 0 0 0;
 width:250px;
}
.extra-list li img {
 float:none;
 width:100%;
}
 .list-1 li {
 width:250px;
}
#content {
 width:250px;
 float:none;
}
.wrapper {
 width:250px;
 float:none;
}
.orange
{
	width:220px;
}
}
.links {
	color:#035AA2;/*#252832;*/
	outline:none;
	text-decoration:none;
	cursor:pointer;
}
.links:hover {
	color:#DA870D;/*#252832; */
	text-decoration:none;
}
.btnStyle {
	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;*/
	background-color:#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;
}
.btnStyle:hover {
	background-color:#e09c11;
	border-top:2px solid #e7b114;
	border-left:1px solid #e7b114;
	border-right:1px solid #e7b114;
	color:#000;
}
.footer-links {
	color:#fff;/*#252832;*/
	outline:none;
	text-decoration:none;
	cursor:pointer;
}
.footer-links:hover {
	color:#E2A212;/*#252832; */
	text-decoration:none;
}