/*
Theme Name: koyrakh
   AUTHOR: MD */
/* HTML, BODY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@font-face {
    font-family: 'PT Sans Narrow';
    src: local('PT Sans Narrow'), local('PTSans-Narrow'), url('fonts/ptsansnarrow.woff2') format('woff2'), url('fonts/ptsansnarrow.woff') format('woff'), url('fonts/ptsansnarrow.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'PT Sans Narrow';
    src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'), url('fonts/ptsansnarrowbold.woff2') format('woff2'), url('fonts/ptsansnarrowbold.woff') format('woff'), url('fonts/ptsansnarrowbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
  font-family: "Corbel";
  src: url("fonts/corbel.ttf");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Arkhip";
  src: url("fonts/Arkhip_font.ttf");
  font-style: normal;
  font-weight: normal;
}

body {
    background: url(del/WQcOtEQx3LQ.jpg) #fff;
    background-size: cover;
    font-family: "PT Sans Narrow", Arial;
    color: #fff;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
body#orenexp{
    background: url(img/fon_pattern.png) #fff;
}
body#my_oren{
    background: url(img/fon_my_oren.png) #fff;
    color: rgb( 47, 47, 47 );
}
body#taina{
    background: url(img/fon_taina.png) #fff;
    color: rgb( 47, 47, 47 );
}
body#page{background: url(none.html) #fff;}
body.b_2 {background: url() #fff;}
.background-image {display: none;}
.overflowhidecs {overflow: hidden !important;}
a, p {
    color: #fff;
}

#document {
    position: relative;
}
#orenexp #document {
    width: 1000px;
    background-color: rgba(99, 97, 84, 0.85);
    border-bottom: 2px solid #adb46f;
    margin:0 auto;
}
#my_oren #document {
    width: 1000px;
    background-color: hsla(197, 83%, 91%, 0.84);
    margin:0 auto;
}
#taina #document {
    width: 1000px;
    background-color: hsla(51, 10%, 51%, 0.57);
    margin:0 auto;
}
#page #document {
    width: 1000px;
	min-height: 800px;
    margin: 0 auto;
	color:#000;
}
.b_2 #document {overflow:visible;}
#page .text_desc p, #page .text_desc a, #page .text_desc span {color:#000;font-family: "PT Sans Narrow", Arial;}

header.container {
    height: 56px;
    width: 100%;
    background: #44AFE5;
    position: fixed;
    z-index: 100;
	overflow: visible;
}
#orenexp header, #my_oren header, #taina 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;
}

/**/
.n89 header>.menu {
    height: 54px;
    border-right:1px solid;
    padding-right: 14px;
}
.menu-button {display:block;}
@media screen and (max-width: 1000px) {.menu-button {display:none;}}
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;
}

section {
    width: 100%;
    height: 100vh;
    position: relative;
    /*border-bottom: 1px solid;*/
	overflow: hidden;
}
section.footer{z-index:7;background: #424242;}
section span {
    display: block;
    text-align: center;
    vertical-align: middle;
}

.sub_title{margin: 15px 0 25px 0;}

.servis .sub_title, .projects .sub_title, .media .sub_title{margin: 10px 0 66px 0;}

.main .text-vertical-center>div, .servis .text-vertical-center>div {
    height: 50%;
}



section .text-vertical-center>div .s_menu, section .text-vertical-center>div .u_menu {
    width: 90%;
    position: relative;
    margin: 0 auto;
	max-width: 800px;
	margin-top:40px;
}

section.media .text-vertical-center, section.media .text-vertical-center .u_menu {
    width: 100%;
	max-width: 1000px;
}

.s_menu .s_menu_item{
    float: left;
    width: 33.3%;
    width: 49%;	
    min-height: 170px;
}
.u_menu .u_menu_item {
    float: left;
    width: 25%;
    min-height: 170px;
}
.footer .u_menu .u_menu_item {width: 25%;}
.servis .u_menu .u_menu_item {width: 20%;}
.u_tt {margin-left: 154px;}
.media .u_b {margin-left: 250px;}
.u_t3 {margin-left: 0;}

.s_menu_item_r {
    height: 111px;
    width: 111px;
    margin: 0 auto;
}

.s_menu_item_r>a {
    display: block;
    height: 94px;
    width: 94px;
    background: #fff;
    border-radius: 20%;
    background: url(img/round.png) no-repeat;
    margin: 0 auto;
}

.r_u .s_menu_item_r a {
    background-position: 0 -208px;
}

.r_p .s_menu_item_r a {
    background-position: 0 -104px;
}

.r_m .s_menu_item_r a {
    background-position: 0 0;
}

.r_u:hover .s_menu_item_r a {
    height: 111px;
    width: 111px;
    background-position: 0 -313px;
}

.r_p:hover .s_menu_item_r a {
    height: 111px;
    width: 111px;
    background-position: -195px -313px;
}

.r_m:hover .s_menu_item_r a {
    height: 111px;
    width: 111px;
    background-position: -388px -313px;
}

.s_menu_item_h {
    margin-top: 15px;
}

.s_menu_item_h a, .u_menu_item_h a {
    font-size: 26px;
    font-family: "PT Sans Narrow";
    text-decoration: none;
    line-height: 1.132;
    text-align: center;
	padding: 0 15px;
    display: block;
}
.u_menu_item_h a {font-size: 22px;}
.s_menu .s_menu_item:hover .s_menu_item_h a {
    background: rgba(229, 232, 232, 0.78);
    color: rgba(16, 16, 16, 0.66);
    padding: 5px 30px;
}

.u_menu_item_h span {
    display: none;
	font-family: "PT Sans Narrow";
}

.u_menu_item_r {
    height: 111px;
    width: 111px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.u_menu_item {
    height: 226px;
}

.u_menu_item_r>a {
    display: block;
    height: 94px;
    width: 94px;
    background: #fff;
    border-radius: 20%;
    background: url(img/serv_spr2.png) no-repeat;
    margin: 0 auto;
}

.p_t .u_menu_item_r>a {
    display: block;
    height: 94px;
    width: 94px;
    background: #fff;
    border-radius: 20%;
    background: url(img/polittech.png) no-repeat;
    margin: 0 auto;
}

.p_t:hover .u_menu_item_r>a {
    background: url(img/polit_aktiv.png) no-repeat;
}

.p_r .u_menu_item_r>a {
    display: block;
    height: 94px;
    width: 94px;
    background: #fff;
    border-radius: 20%;
    background: url(img/pr.png) no-repeat;
    margin: 0 auto;
}

.p_r:hover .u_menu_item_r>a {
    background: url(img/PR_activ.png) no-repeat;

}

.u_b .u_menu_item_r a {
    background-position: 0 -122px;
}
.footer .u_menu_item>div:hover{width: 140px;}
.u_p .u_menu_item_r a {background-position: -195px -123px;}

.u_t .u_menu_item_r a {background-position: -774px -122px;}

.u_s .u_menu_item_r a {
    background: url(img/spr_n1.png) no-repeat;
    background-position: -512px -1px;
}
.u_s:hover .u_menu_item_r a {
    background: url(img/spr_n1.png) no-repeat;
    background-position: -505px -102px;
}

.u_sm .u_menu_item_r a {background-position: -582px -122px;}

.media .u_menu_item:hover .u_menu_item_r a {
    height: 111px;
    width: 111px;
}



.u_b:hover .u_menu_item_r a {
    background-position: 0 0;
}

.u_p:hover .u_menu_item_r a {
    background-position: -194px -1px;
}

.u_t:hover .u_menu_item_r a {
    background-position: -774px -1px;
}

.u_sm:hover .u_menu_item_r a {
    background-position: -582px -1px;
}

.u_m:hover .u_menu_item_r a {
    background-position: -582px -1px;
}

.u_menu_item .u_menu_item_h {
    max-width: 200px;
    margin: 0 auto;
}
.u_t2 .u_menu_item_h,.u_t .u_menu_item_h {max-width:150px}
.u_menu_item:hover .u_menu_item_h {
    background: rgba(229, 232, 232, 0.78);
	padding-bottom:10px;
}

.u_menu_item:hover .u_menu_item_h a{color: rgba(16, 16, 16, 0.66);}

.u_menu_item:hover .u_menu_item_h span {
  display: block;
  font-size: 13.1pt;
  font-family: "PT Sans Narrow";
  color: rgb( 4, 4, 4 );

}

.u_tt .u_menu_item_r a {
    background: url(img/spr_n1.png) no-repeat;
}
.u_ti .u_menu_item_r a {
    background: url(img/spr_n1.png) no-repeat;
    background-position: -193px 0px;
}
.u_tn .u_menu_item_r a {
    background: url(img/spr_n1.png) no-repeat;
    background-position: -388px 0px;
}

.u_tt:hover .u_menu_item_r a {
    background-position: 0px -105px;
}
.u_ti:hover .u_menu_item_r a {
    background-position: -194px -105px;
}
.u_tn:hover .u_menu_item_r a {
    background-position: -389px -105px;
}


.u_menu_item:hover .u_menu_item_r a {
    height: 111px;
    width: 111px;
}



.media .u_menu_item_r>a {background: url(img/media_spr2.png) no-repeat;}

.media .u_b .u_menu_item_r a {background-position: 0 0;}

.media .u_p .u_menu_item_r a {background-position: -195px 0;}

.media .u_t .u_menu_item_r a {background-position: -583px 0;}

.media .u_m .u_menu_item_r a {background-position: -391px 0;}

.media .u_b:hover a {background-position: 0 -105px;}

.media .u_p:hover a {background-position: -194px -105px;}

.media .u_t:hover a {background-position: -582px -105px;}

.media .u_m:hover a {background-position: -389px -105px;}

.u_t2 .u_menu_item_r>a {background: url(img/spr_n2.png) no-repeat;background-position: -120px -8px;}
.u_t3 .u_menu_item_r>a {background: url(img/spr_n2.png) no-repeat;background-position: -9px -8px;}
.u_t2:hover a {background-position: -120px -118px;}
.u_t3:hover a {background-position: 0px -118px;}

.proj_list {
    width: 100%;
    min-width: 1000px;
    position: relative;
    margin: 0 auto;
}

.proj_item {
    float: left;
    /* width: 20%; */
    width: 193px;
    overflow: hidden;
    height: 250px;
}

.proj_item .proj_img {
    width: 193px;
    height: 161px;
    background: url(img/proj_spr.png) no-repeat;
}

.p_e .proj_img {
    background-position: 0px 0px;
}

.p_o .proj_img {
    background-position: -194px 0;
}

.p_t .proj_img {
    background-position: -386px 0px;
}

.p_m .proj_img {
    background-position: -579px 0;
}

.p_1 .proj_img {
    background-position: -772px 0;
}

.proj_item:hover .proj_img {
    /* height: 245px; */
}

.p_e:hover .proj_img {
    background-position: 0 -171px;
}

.p_o:hover .proj_img {
    background-position: -193px -171px;
}

.p_t:hover .proj_img {
    background-position: -386px -171px;
}

.p_m:hover .proj_img {
    background-position: -579px -171px;
}

.p_1:hover .proj_img {
    background-position: -772px -171px;
}
.proj_img a{width:190px;height:160px;display:inline-block;}
.proj_txt {
    font-size: 17px;
    font-family: "PT Sans Narrow";
    line-height: 1.176;
    height: 66px;
    margin-top: -1px;
    padding: 14px 10px 0 10px;
    text-align: center;
    display: none;
}

.proj_item:hover .proj_txt {display: block;}
.proj_txt a{text-decoration:none;}
.p_e:hover .proj_txt {
    background: #5d5b52;
}

.p_o:hover .proj_txt {
    background: #98a27f;
}

.p_t:hover .proj_txt {
    background: #888777;
}

.p_m:hover .proj_txt {
    background: #57a7b3;
}

.p_1:hover .proj_txt {
    background: #c5527b;
}

.text-vertical-center {
    position: absolute;
    left: 50%;
    top: 53%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 64%;
    max-width: 860px;
    text-align: center;
    font-size: 30px;
    font-size: 1.875rem;
    color: white;
}
.media .text-vertical-center {width: 100%;}
.servis .text-vertical-center {width: 80%;}
.projects .text-vertical-center {
    width: 100%;
    max-width: 965px;
}
.text-vertical-center h1 {
    display: inline-block;
    margin: 0;
    padding: 0px 15px;
    font-weight: 100;
    background-color: rgba(19, 142, 199, 0.66);
    margin-bottom: 0;
    font-size: 48pt;
    line-height: 1.121;
    letter-spacing:2.95px;
}
.footer .text-vertical-center {top: 50%;}
.servis .text-vertical-center h1, .servis .text-vertical-center h3,.servis .feed {
    background-color: rgba(212, 66, 108, 0.82);
}
.footer .text-vertical-center h1 {font-size: 45pt;}
.servis .feed:hover {
    background-color: #E51A4C;
}

.projects .feed:hover {
    background-color: #fefefe;
}

.media .feed:hover {
    background-color: #21aa5e;
}

.media .text-vertical-center h1, .media .text-vertical-center h3,.media .feed {
    background-color: rgba(33, 170, 94, 0.79);
}

.projects .text-vertical-center h1, .projects .text-vertical-center h3,.projects .feed {
    background: rgba(229, 232, 232, 0.78);
    color: rgba(16, 16, 16, 0.66);
}

.text-vertical-center h3 {
    display: inline-block;
    padding: 0px 10px;
    background-color: rgba(19, 142, 199, 0.66);
    margin-bottom: -1px;
    font-weight: 100;
    font-size: 28px;
    line-height: 1.499;
}

.foto_link {
    z-index: 6;
    position: fixed;
    bottom: 2em;
    right: 2em;
    width: 44px;
    height: 44px;
    background: url(img/foto_link.png);
    background-position: -146px -44px;
    background-repeat: no-repeat;
}

.foto_link a {
    display: none;
    font-family: PT Sans Narrow;
    color: rgb( 255, 255, 255 );
    margin: 10px 0 0 19px;
    text-decoration: none;
}

.foto_link:hover {
    width: 190px;
    background-position: 0 -44px;
}

.foto_link:hover a {
    color: #fff;
	display: block;
}

.feed {
    display: block;
    width: 180px;
    text-decoration: none;
    color: #fff;
    padding: 10px;
    background-color: rgba(19, 142, 199, 0.66);
    text-align: center;
    margin: 0 auto;
    margin-top: 35px;
    letter-spacing: 3px;
    font-family: "PT Sans Narrow";
    line-height: 0.832;
    font-size: 26px;
}

.feed:hover {
    background-color: #44AFE5;
}
.footer_head {display:none;}
.footer .footer_top .text-vertical-center {
    top: 56%;
    width: 70%;
    max-width: 1000px;
}

.footer_top {
    position: relative;
    height: 35%;
    background: #3F97BD;
}

.our_feed {
    width: 100%;
    /* min-width: 856px; */
    margin: 0 auto;
    position: relative;
}

.our_feed_item {
    float: left;
    width: 20%;
    height: 60px;
}

.our_feed_item>div {
    float: left;
}

.item_num {
    width: 16%;
    font-size: 63px;
    margin: -15px 2px;
}

.item_txt {
    font-size: 13px;
    line-height: 1.457;
    text-align: left;
    width: 75%;
    height: 100%;
    border-right: 2px solid #44afe5;
    margin-right:5px;
}

.our_feed_item:last-child .item_txt {
    border-right: 0px;
}

.footer_bottom {
    position: relative;
    height: 65%;
    background: #424242;
}

.footer_top .text-vertical-center h1 {
    background: #3F97BD;
    width: 50%;
    margin-bottom: 15px;
    line-height: 1.1;
    margin: 0 auto;
}

.footer_bottom .text-vertical-center {
    width: 70%;
    max-width: 1270px;
}

.team {
    position: relative;
    max-width: 670px;
	height: 50%;
    margin: 0 auto;
}

.team_item {
    width: 30%;
    max-width: 170px;
    height: 270px;
    float: left;
}
.about_team {
    position:relative;
    width:1000px;
    margin:0 auto;
}

.about_team .team{
    max-width: 1000px;
}

.about_team .team_item {
    width: 20%;
	max-width: 200px;
    text-align:center;
}

.about_team .team_item a{
    color:#44afe5;
}

.team_item>div {padding-left: 14px;}

.vkp {margin: 0 80px;}

.team_item img {
    width: 120px;
	border-radius:50%;
}

.about_team .team_item img {
    width: 120px;
	height:120px;
}

.team_name {
    font-size: 15px;
    font-family: "Arial";
    font-style: italic;
    line-height: 1.491;
    text-align: left;
}

.team_role, .team_feed {
    font-size: 12px;
    font-family: "Arial";
    font-style: italic;
    text-align: left;
}

.team_role {
    margin: 0px 0 10px 0;
}

.our_contacts {
    height: 50%;
} 
.contacts {
    position: relative;
    width: 430px;
    height: 170px;
    border-top: 2px solid #44AFE5;
    border-bottom: 2px solid #545454;
    margin: 0 auto;
    margin-bottom:25px;
}

.footer .feed {
    margin-top: -1px;
    background: #44AFE5;
}

.footer_bottom span {
    font-size: 14px;
    font-family: "Arial";
    font-style: italic;
    line-height: 1.491;
    text-align: center;
}

.open_map {
    font-size: 14px;
    font-family: "Arial";
    color: #44AFE5;
    font-style: italic;
    text-align: center;
}

.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;
}

.social .ml:hover {
    background-position: -367px 1px;
}


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

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

.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;
}
#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;
   width:100%;
   height:40px;
    display: block;
    color: #fff;
    text-align: center;
    letter-spacing: 3px;
    font-family: "PT Sans Narrow";
    line-height: 0.832;
    font-size: 26px;
}
#orenexp .submit_b, #orenexp .submit_b input[type="submit"]{background:#afb479;}
#taina .submit_b, #taina .submit_b input[type="submit"]{background:#B2B09C;}
/* движуха при появлении блоков с содержанием */

@-moz-keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}

.ml{
    display: inline;
    position: relative;
    font-size:15px;
}
.ml:hover:after{
    /* background: #333; */
    background: #44afe5;
    bottom: 32px;
    color: #fff;
    content: attr(title);
    left: 46%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 140px;
}
.ml:hover:before{ 
    border: solid;
    border-color: #44afe5 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 27px;
    content: "";
    left: 63%;
    position: absolute;
    z-index: 99;
}

/*
*
вротмненоги
*
*/
@media (max-width: 1400px) {
.footer .footer_top .text-vertical-center {top: 56%;}
.footer_top .text-vertical-center h1 {width: 57%;}
}


@media (max-width: 1400px) and (min-aspect-ratio: 16/9) {
header {height: 50px;}
header .logo {height: 33px; width: 330px;}
.footer .text-vertical-center h1 {font-size: 42pt;}
.footer_bottom {height: 62%;}

.footer_top   {height: 38%;}

.footer_top .text-vertical-center h1 {
    width: 88%;
    margin-bottom: 15px;
    line-height: 1.7;
    margin: 0 auto;
    letter-spacing: 1px;
}
.team_item {height: 240px;}
.team_item img {width: 110px;}
.contacts {
    width: 400px;
    height: 90px;
    margin-bottom:10px;
}
.social {
    margin-top:10px;
}
.footer .footer_top .text-vertical-center {max-width: 900px;top: 59%;}
.footer .feed {
    margin-top: -1px;
    background: #44AFE5;
	width: 160px;
	font-size: 23px;
}
.dm-modal img {
    max-width:1024px;
    width: initial; 
    height: 90%;
}
}
@media (max-width: 1366px) {
.sub_title {margin: 15px 0 10px 0;}
.proj_item {height: 240px;}
.servis .sub_title, .projects .sub_title, .media .sub_title{margin: 10px 0 40px 0;}
.u_menu_item {height: 180px;}
section.footer {background: none;}
.footer_head {
    height: 44px;
    background:transparent;
    display:block;
}
.footer_top   {height: 27%;}
.footer_bottom {height: 68%;}
.footer .text-vertical-center {top: 49%;}
.footer .footer_top .text-vertical-center {top: 47%;}
.contacts {
    width: 300px;
    height: 80px;
    margin-bottom: 7px;
}
.footer .feed {
    width: 140px;
}
.social {
    width: 300px;
    margin-top: 10px;
}
.social ul li {max-width: 54px;}
.social ul li:nth-of-type(4) {padding-right: 24px;}
.social ul li:last-child {margin-left: -5px;}
}
@media (max-width: 1280px) {
header .menu ul li a {font-size: 15px;}
.footer_top .text-vertical-center h1 {width: 100%;}
.footer_top   {height: 30%;}
.footer_bottom {height: 70%;}
.dm-modal img {height: 80%;width:auto; }
}

@media (max-width: 1000px) {
body {
    background: url(img/fon_foto2.png)no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
}
/*hide show*/	
.show {
    background: #3f97bd;
    width: 200px;
    height:auto;
    position: absolute;
    top: -167px;
    /*left: 14px;*/
    display: block;
    font-size:15px;
    z-index: 100;
}
.show:before{
    border: solid;
    border-color: #3f97bd transparent;
    border-width: 6px 6px 0 6px;
    bottom: 27px;
    content: "";
    top: 160px;
    left: 40px;
    position: absolute;
    z-index: 99;
}
.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:40px;
    background:#3f97bd;
    padding: 10px 21px 0 11px;
    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";
    font-size: 12px;
    font-style: italic;
    line-height: 1.316;
}

.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";
}
.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";
}
div.wpcf7-mail-sent-ok {border: 2px solid #fff;}
div.wpcf7-validation-errors {border: 2px solid #f70000!important;}







/**/
#orenexp .intro, #my_oren .intro, #taina .intro  {
    width: 650px;
    padding: 100px 0 50px 0;
    margin: 0 auto;
    /* position: relative; */
    text-align: center;
}
#orenexp .intro.in_foot {padding: 25px 0 50px 0;}
.intro_title {
    text-transform:uppercase;
    color:#44afe5;
    font-size: 33px;
}
#taina .intro_title {color: rgb( 178, 176, 156 );margin-top:60px;}
.block {
   position: relative; 
   width: 100%;
}
.otbiv {
    position:relative;
    margin:0 auto;
    padding: 30px 0;
    width:870px;
}
#orenexp .intro img {
}

.intro_txt {
    text-align: left;
    padding-top: 30px;
    font-size: 15px;
    font-family: "Arial";
    line-height: 1.631;
}
#my_oren p{color: rgb( 47, 47, 47 );}
.block .feed {background-color: rgb(175, 180, 121);}
#my_oren .block .feed {background-color: rgb(68, 175, 229);}
#taina .block .feed {background: #B2B09C;}
#page .block .text_desc .feed {background-color: rgb(68, 175, 229);color:#fff;font-size: 26px;line-height: 0.832;}
.how {
    text-align:center;
    padding-top:63px;
}
.block.flexisel {padding-top: 20px;}
.block.video{
    position:relative;
    width:100%;
    height:100%;
    margin: auto;
    display:block;
}
.block.step{
    position:relative;
    width:900px;
    height:100%;
    margin: auto;
    display:block;
}

.step_left {
    width: 260px;
    display:block;
    position: relative;
    float:left;
    padding-top:10px;
}
#taina .step_left {padding-top: 0;}
#taina .step_right {width: 570px;margin: 0 0 0px 20px;}
#taina .step_team_item>div {padding-top: 13%;color:#fff;}
.step_team_item span{
  font-size: 16px;
  font-family: "Arial";
  font-style: italic;
  line-height: 1.077;
  display:inline-block;
  margin-bottom:5px;
}
.step_team_item p{
  font-size: 13px;
  font-family: "Arial";
  line-height: 1.177;
}
#taina .step_team_item p{font-size: 11px;}
.step_right {
    width:600px;
    float:left;
    display:block;
    position: relative;
    margin: 20px 0 0px 20px;
}

.step_ico {
    text-align:right;
    margin: 28px 57px 0px 0;
    /* width:100px; */
}

.step_team_item img{
    
}

.step_team_item>div{
    float:right;
    padding-top:20%;
    width: 100px;
    margin-left:5px;
}

.step_number {
    font-size: 60px;
    float:left;
    color: rgb( 187, 194, 116 );
}
.step_title {
    float:left;
    margin: 10px;
    line-height:1.11;
    color: rgb( 187, 194, 116 );
}
#my_oren .step_title {
    margin: 10px 10px 10px 0;
    line-height:1.11;
    color: rgb(68, 175, 229);
}
.step_title h3{
   font-size:35px;
   font-weight:100;   
}
.step_right p{
  font-size: 14px;
  font-family: "Arial";
  line-height: 1.625;
  text-align: left;
}
.block h4{
  text-align: left;
  font-size: 24px;
  font-weight: 100;
  font-family: "PT Sans Narrow";
  line-height: 0.455;
  margin-top: 30px;
}
.podlog {
    position:absolute;
    z-index:100;
    left: 0;
    top: 106px;
    width:500px;
}
.block_site {margin-top:50px;font-style: italic;}
.block_site a{color:#bbc274;}
#my_oren .block_site a{color:#44afe5;}
#taina .block_site p{color: rgb( 178, 176, 156 );}
#taina .block_site a{color: #fff;}
/*top*/
.b-top {
    z-index: 2600;
    width: 72px;
    bottom: 68px;
    position: fixed;
    right: 20px;
    vertical-align: top;
}

.b-top-but {
    display: block;
    /* left: 56px; */
    bottom: 0;
    padding: 34px 0 0;
    background: url(img/spr_up.png) no-repeat;
    background-position:0 0;
    width: 72px;
    height: 65px;
}
#my_oren .b-top-but {background: url(img/spr_prog_my.png) no-repeat;}
.b-top-but:hover {
    background-position: -78px 0;
    cursor: pointer;
}
#my_oren .b-top-but:hover {background-position: 0 -103px;}

.b-top2 {
    z-index: 2600;
    width: 72px;
    bottom: 68px;
    position: fixed;
    left: 20px;
    vertical-align: top;
}

.b-top-but2 {
    display: block;
    /* left: 56px; */
    bottom: 0;
    padding: 34px 0 0;
    background: url(img/spr_prog.png) no-repeat;
    background-position: -81px 0;
    width: 72px;
    height: 65px;
}
#my_oren .b-top-but2 {background: url(img/spr_prog_my.png) no-repeat;background-position: -77px 0;}
.b-top-but2:hover {
    background-position: 0 0;
    cursor: pointer;
}
#my_oren .b-top-but2:hover {background-position: -77px -103px;}
.text_desc {
    padding-top:0px;
    color:#000;
    width:800px;
    margin:0 auto;
    text-align:left;
}
.text_desc p, .text_desc a, .text_desc ul{color: rgb( 4, 4, 4 );margin-bottom: 10px;line-height: 1.147;font-size: 17px;}
.text_desc h1{
    padding-top:100px;
    text-align: center;
    font-size:25px;
    margin-bottom:20px;
    font-weight:100;
	text-transform:uppercase;
}
.text_desc li{
    margin-left: 32px;
    list-style-type: disc;
    background-color: transparent;
}
.map_p  {width:100%;}

.vrezka  {
    width: 577px;
    padding: 20px 0 10px 0;
    margin: 0 auto;
    text-align: left;
    font-size: 19px;
    font-family: "PT Sans Narrow";
    color: rgb( 178, 176, 156 );
    line-height: 1.428;
}


/**/
footer {
    width:100%;
    height:180px;
    background:#383737;
    bottom: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;}




/**/
.n89  section.footer {
    z-index: 7;
    background: transparent;
}
.n89 .footer_top {
    position: relative;
    background: transparent;
}
.n89 .footer .footer_top .text-vertical-center {
    top: 100%;
}
.n89 .footer_bottom {
    position: absolute;
    bottom:0px;
    width:100%;
    height:180px;
	background: transparent;
}
.n89 .footer .feed {
    background: rgba(229, 232, 232, 0.78);
    color: rgba(16, 16, 16, 0.66);
    margin-top: 90px;
}
.n89 section.footer .text-vertical-center .u_menu {
    width: 100%;
	max-width: 1000px;
}
.n89 .footer .u_menu_item_r {
    height: 211px;
    width: 130px;
    margin: 0 auto;
    margin-bottom: 5px;
}
.n89 .footer .u_menu_item_r a {
    height: 211px;
    width: 168px;
    border-radius: 0;
}

.n89 .footer .u_b .u_menu_item_r {background: url(img/kompania.png) no-repeat;background-size: contain;}
.n89 .footer .u_p .u_menu_item_r {background: url(img/komanda.png) no-repeat;background-size: contain;}
.n89 .footer .u_m .u_menu_item_r {background: url(img/klients.png) no-repeat;background-size: contain;}
.n89 .footer .u_t .u_menu_item_r {background: url(img/blog.png) no-repeat;background-size: contain;}

.n89 .footer .u_menu_item_r>a {
    background: url() no-repeat;
    display: table-cell;
    vertical-align: bottom;
    color:#000;
    font-size: 26px;
    font-family: "PT Sans Narrow";
    text-decoration: none;
    line-height: 1.132;
    text-align: center;
    padding: 0 10px;
}

.about_klients {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.team_klients {
    width: 200px;
    height:200px;
    float:left;
}
.team_klients img{
    -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
.team_klients img:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: inherit; /* IE 6-9 */
}
.about_klients h1 {
    padding: 50px 0;
    text-align: center;
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 100;
}

.after_p {width: 87%;}