﻿/**/
@import url(http://allfont.ru/allfont.css?fonts=pt-sans-narrow);
header.container {
    height: 56px;
    width: 100%;
    background: #44AFE5;
    position: fixed;
    z-index: 100;
	overflow: visible;
}
header  {position: relative;}
header .logo {
    background: url(../img/koyrakh.png) no-repeat;
    height: 33px;
    width: 415px;
    background-size:100%;
    margin: 12px 0 0 12px;
    float: left;
}
header .logo a{
    height: 100%;
    width: 100%;
    display:block;
}
header>.menu {
    height: 54px;
    float: right;
    border-right: 1px solid #fff;
}
header .menu ul li {
    float: left;
    margin: 14px 30px 0 0;
    color: #fff;
}

header .menu ul li a {
    color: #fff;
    font-size: 20px;
    font-family: "PT Sans Narrow";
    line-height: 1.122;
	letter-spacing:0.5px;
}

@import url(http://allfont.ru/allfont.css?fonts=pt-sans-narrow);
footer {
    width:100%;
    height:180px;
    background:#383737;
    bottom:0;
    padding:0;
}
footer  .contacts {
    height: 34px;
    border-top: 0;
    border-bottom: 0;
    padding: 20px 0;
    margin-bottom: 5px;
}
footer .social {
    margin-top: 0;
}
footer .our_map {
    width:430px;
    margin:0 auto;
    text-align:center;
    font-size: 15px;
    font-style: italic;
    font-family: "Arial";
    line-height: 1.49;
}
#page .block .feed {background-color: rgb(68, 175, 229);margin-bottom:30px;}

.our_contacts {
    height: 50%;
}
.social {
    position: relative;
    width: 400px;
    margin: 0 auto;
    margin-top:50px;
}

.social ul li {
    float: left;
    width: 20%;
    max-width: 79px;
    height: 30px;
}
.social ul li:nth-of-type(4) {
border-right: 1px solid #545454;
height: 30px;
}

.social ul li a{
    width: 30px;
    height: 26px;
    background: url(../img/soc_spr.png) no-repeat;
    display:block;
}

.social .fb {
    background-position: 0 -31px;
}

.social .fb:hover {
    background-position: 0px 4px;
}

.social .vk {
    background-position: -83px -32px;
}

.social .vk:hover {
    background-position: -83px 3px;
}

.social .ok {
    background-position: 0 -30px;
}

.social .ok:hover {
   background-position: 0 -30px;
}

.social .in {
    background-position: -171px -33px;
}

.social .in:hover {
    background-position: -171px 2px;
}

.social .yt {
    background-position: -262px -33px;
    width: 64px;
	text-decoration: none;
}

.social .yt:hover {
    background-position: -262px 2px;
    width: 64px;
}
/*.social .yt:before {
    content:'|';
    margin-left: 58px;
    font-size: 8px;
}*/
.social .ml {
    background-position: -367px -34px;
    width: 64px;
	text-align:left;
	font-family: "Arial";
	font-size: 12px;
}

footer .social .ml:hover {
    background-position: -367px 1px;
}
/*hide show*/	
.show {
    background: #3f97bd;
    width: 200px;
    height:auto;
    position: absolute;
    top: -166px;
    /*left: 14px;*/
    display: block;
    font-size:15px;
    z-index: 100;
}
footer .show:before{
    border: solid;
    border-color: #3f97bd transparent;
    border-width: 6px 6px 0 6px;
    bottom: 27px;
    content: "";
    top: 150px;
    left: 40px;
    position: absolute;
    z-index: 99;
}
footer .hide {display: none;}			
.close2 {
  display: inline-block;
  position: absolute;
  background: #333;
  border-radius: 20px;
  border: 2px solid #FFF;
  top: -8px;
  right: -8px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  padding: 0 4px;
}
.h_show_h {
    /* width:100%; */
    height: 50px;
    background:#3f97bd;
    padding: 10px 20px 0 5px;
    font-size: 13px;
    margin-bottom: -14px;
    font-family: "PT Sans Narrow", Arial;
    color:#fff;
    padding: 6px 21px 0 10px;
    font-size: 14px;
    line-height:1;
}
.h_show_b {
    height:70px;
    background:#44afe5; 
    padding-left:5px; 
}
.h_show_b>div{
    text-align:left;
    margin-left:5px;
    font-family: "Corbel";
    color:#fff;
    font-size: 12px;
    font-style: italic;
    line-height: 1.316;
}

footer .h_show_b input[type="email"] { 
    color:#666;
    width:90%;
    border:1px solid #cbcbcb;
    margin-bottom:0.6em;
    background:#fcfcfc;
    margin-top:2px;padding:3px;
	font-family: "Corbel";
}
footer .h_show_f input[type="submit"] {
    margin: 10px 0 10px 10px;
    background-color: #fcfcfc;
    border: none;
    border-radius: 5px;
    color: #666;
    font-size: 15px;
    padding: 2px 13px;
    float:left;
    font-family: "Corbel";
}
footer span {
    font-size: 14px;
    font-family: "Arial";
    font-style: italic;
    line-height: 1.491;
    text-align: center;
    color:#fff;
}
footer .open_map {
    font-size: 14px;
    font-family: "Arial";
    color: #44AFE5;
    font-style: italic;
    text-align: center;
}


/* Стили модального окна и содержания 
-------------------------------------------------------------------------------*/

/* слой затемнения */

.dm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    z-index: 1000;
	overflow:hidden;
}
#win3.dm-overlay {overflow: auto;}

#win2.dm-overlay {
    background-color: rgba(160, 160, 160, 0.48);
}
/* активируем модальное окно */

.dm-overlay:target {
    display: block;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
}
/* блочная таблица */

.dm-table {
    display: table;
    width: 100%;
    height: 100%;
}
/* ячейка блочной таблицы */

.dm-cell {
    display: table-cell;
    padding: 0 1em;
    vertical-align: middle;
    text-align: center;
}
/* модальный блок */

.dm-modal {
    display: inline-block;
    padding: 20px;
    width: 90%;
    height: 100%;
    background: #fff;
    color: #cfd8dc;
    margin:0 auto;
}
#win2 .dm-modal {
    display: inline-block;
    padding: 0px;
    width: 40%;
    max-width:600px;
    height: auto;
    background: #fff;
    color: #cfd8dc;
    margin:0 auto;
    /* border:1px solid; */
    position:relative;
}
.dm-modal_form {
    padding: 25px 25px 0 25px;
    position:relative;
}
/* изображения в модальном окне */

.dm-modal img {
    max-width:1024px;
    width: 100%; 
    height: auto;
}
/* миниатюры изображений */

.pl-left,
.pl-right {
    width: 25%;
    height: auto;
}
/* миниатюра справа */

.pl-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* миниатюра слева */

.pl-left {
    float: left;
    margin: 5px 15px 5px 0;
}
/* встраиваемое видео в модальном окне */

.video {
    position: relative;
    overflow: hidden;
    /*padding-top: 50%;*/
    height: 0;
}
.video iframe,
.video object,
.video embed {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 100%; */
    padding: 50px 0;
}
/* рисуем кнопарь закрытия */

.close {
    z-index: 9999;
    float: right;
    width: 50px;
    height: 50px;
    color: #cfd8dc;
    text-align: center;
    text-decoration: none;
    line-height: 46px;
    cursor: pointer;
}
#win2 .close {
    position: absolute;
    right: 0;
    top: 0;
	width: 40px;
    height: 40px;
    color: #7b7b7b;
}
#win3 .close {margin-top: 10px;}
.close:after {
    display: block;
    border: 2px solid #cfd8dc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '✕';
    font-size:25px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
#win2 .close:after {
border: 0px solid #fff;
}


/* кнопка закрытия при наведении */
.close:hover:after {
    border: 0px solid #afb479;
    color: #afb479;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#win2 input[type="email" i], #win2 input[type="text" i], #win2 textarea{
    width: 90%;
    color: #666;
    font-size: 16px;
    border: 2px solid #e4e4e4;
    background: #F3F3F3;
    margin-bottom:10px;
    padding: 5px;
    display: inline-block;
}
#win2 input[type="email" i], #win2 input[type="text" i]{
    height:20px;
}
 #win2 textarea{
    height: 192px;
}
.submit_b {
    margin:0 auto;
    width:200px;
    height: 60px;
    position: relative;
    background: #44AFE5;
}
.submit_b img{max-width:0px;}
.submit_b input[type="submit"]{
   background:#44AFE5;
   border-radius:0;
   border:0px;
   width:100%;
   height:40px;
   display: block;
   color: #fff;
   text-align: center;
   letter-spacing: 3px;
   font-family: "PT Sans Narrow"!important;
   line-height: 0.832;
   font-size: 26px;
   font-weight: 100;
}
#orenexp .submit_b, #orenexp .submit_b input[type="submit"]{background:#afb479;}
#taina .submit_b, #taina .submit_b input[type="submit"]{background:#B2B09C;}
/* движуха при появлении блоков с содержанием */

form {
    margin-bottom: 0px !important;
    padding: 0px 0;
}
#win2 .wpcf7-validation-errors{color:red;}

.bl_port a{
    background:#fff;
    border:1px solid #44afe5;
    padding:10px 40px;
}

.bl_port a:hover{
    background:#44afe5;
    border:1px solid #44afe5;
    color:#fff;
}