@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/flexslider.css";
@import "../css/superfish.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:13px; line-height:18px; color:#000; min-width:960px; 

    background-attachment: fixed; 
    background-image: url(http://www.kubaichuk.ru/img/body.jpg); 
    background-repeat: no-repeat; 
    background-position: center center; 

 -webkit-text-size-adjust: none;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************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:100%;overflow:hidden}
.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;}

/*==================================== Links ======================================================== */
a {color:#969696;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#404040; text-decoration:none;}

.btn, .btn1{background: url(/images/bg_link.gif) 0 0 repeat-x #6c9d11;color: #FFFFFF;display: inline-block;font-size: 13px;line-height: 18px;padding: 7px 13px 8px;margin-top:21px;}
.btn:hover, .btn1:hover{ background:#1e2021;color:#fff;}
.btn1{padding:7px 27px 8px;margin-top:15px;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {}
header h1{width:200px;float: left;margin: 0px 0 0 -20px;}
header h1 a {font-family: "Lobster"; display:block;width:200px;height:80px;background:url(../images/logo.png) 0 0px no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:63px 0px 83px 0px;}
.cont_pad{padding:54px 0 83px 0 !important;}

/*========================>> Global Blocks <<============================*/
.block1{position: relative;background:#d2d7d2;height: 81px;}
.block2{position: relative;height:477px;background:#dbdfdb;overflow: hidden;clear: both;}
.block3{background:#f5f7f5;}
.block4{position: relative;background: url("../images/bg_aside.gif") repeat scroll left top transparent;color: #7D7D7D;font-size: 14px;line-height: 18px;}

/*================================>> Aside <<========================================*/
aside{background: #d2d7d2;border-bottom: 1px solid #c8cec8;}
aside h3 {color: #343434;font-size: 20px;font-weight: bold;line-height: 24px;margin-bottom: 32px;}
aside h3.ind1{margin-bottom:29px;}
aside .inner{padding: 43px 40px 50px 0;}
aside .inner1{padding: 43px 0px 54px 0;}
aside .inner2{padding: 43px 0px 51px 0;}
aside ul li{background:none;padding:0;}
aside ul a{color: #7D7D7D;font-size: 12px;line-height: 24px;text-decoration: underline;}

aside .social{ overflow:hidden;}
.social a{ display:block; float:left;width:33px;height:33px; overflow:hidden; margin-right: 7px;}
.social a.rss img{margin-top:1px;}
.social a.rss:hover img{margin-top:-32px;}
aside .social a:hover img{ margin-top:-33px;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:11px;}
.p3{ margin-bottom:33px;}
.p5 {margin-bottom:50px;}
/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{background:url(../images/marker1.gif) 0 0 no-repeat; padding-left:26px; overflow:hidden; padding-bottom:16px; line-height:14px}
.list1 a{color:#969696;text-decoration:underline;}
.list1 a:hover{text-decoration:none;}

.about_list > li,
.about_list {overflow:visible !important;}
.about_list > li {border-bottom: 1px solid #e0e4e0;padding: 0 0 25px;margin-bottom:28px;background:none;font-size:13px;line-height:17px;}
.about_list > li > div {overflow: hidden;}
.about_list > li > figure {display:inline-block;float: left;margin: 0 16px 0 0;}
h6{font-size:12px; font-style:italic; color:#4a4a4a; text-decoration:underline; margin-bottom:3px; background:url(../images/icon.gif) 0 2px no-repeat; padding:0px 0 2px 23px;font-weight:normal;}
.about_list .btn {margin: 9px 0 0;padding-left:26px;padding-right:26px;text-decoration:none;}

/*================================>> H <<========================================*/
h2,h3,h4{font-weight:normal;}
h2{font-size: 28px; line-height: 32px; color:#4a4a4a;letter-spacing:-1px;margin-bottom:26px;}

h2.ind{ margin-bottom:36px;}
h2.ind1{ margin-bottom:38px;}
h2.ind2{ margin-bottom:37px;}
h2.ind3{margin-bottom:33px;}
h2.ind4{margin-bottom:32px;}
h2.ind5{margin-bottom:27px;}
h2.ind6{margin-bottom:31px;}

h2 a {color:#4a4a4a;}
h2 a:hover {text-decoration:underline;}

/*================================>> hovers <<========================================*/

.f_14{font-size: 14px;}
.pad_box{padding: 0 45px 0 0;}
.m_bot1 {margin-bottom:66px;}
.color1{color: #4a4a4a;}
.link1{background: url("../images/marker.png") no-repeat;color: #4a4a4a;float: right;font-size: 13px;font-style: italic;padding: 3px 0 3px 35px;text-decoration: underline;}

.link2{text-decoration:underline;color: #4a4a4a;}
.link2:hover{text-decoration:none;}


/****************************footer************************/
footer {color: #7D7D7D;padding:15px 0;}
footer a{color: #7D7D7D;text-decoration: underline;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1024px) {
  .flexslider{width: 1024px;height: 407px;position: relative;margin: 0 auto;left: 0;top: 0;}
  .block2{height: 407px;}
}
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .flexslider{width: 768px;height: 350px;}
 .block2{height:305px;}
 .flex-control-nav {bottom: 60px;}
 #content{padding: 30px 0 30px;}
 .cont_pad{padding:30px 0 40px !important;}
 .m_bot1{margin-bottom:35px;}
	aside .inner, aside .inner1{background:none;}
	.map_wrapper, #map_canvas {width:100%;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .flexslider{width: 420px;height: 167px;}
 nav, h1, .sf-menu>li{float: none !important;}
 .block1{height:auto;padding-bottom:20px;}
 .block2{height:167px;}
aside .inner{background:none;padding-bottom:0px;padding-right: 0;}
aside .inner2, aside .inner1{padding:10px 0;}
.column_a{float: left !important;width:210px !important;}
.m_bot2, .m_bot3{margin-bottom:30px;}
.buttons2{padding-right:4px;}
.flex-direction-nav a{top: 70px;}
.flex-direction-nav .flex-prev{left: 20px;}
.flex-direction-nav .flex-next{right: 20px;}
.flex-control-nav{bottom: 20px;}
.pad_box{padding-right: 0;}
header h1{margin-left: 0;}
.column_a{width: 100% !important;float: none !important;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .flexslider{width: 300px;height: 119px;}
 .block2{height:119px;}
 .buttons2{padding-right:0px;}
}