@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin,cyrillic);

@font-face {
    font-family: 'Myriad Pro';
    src: url(fonts/MyriadPro-Regular.otf);
    src: url(fonts/MyriadProRegular.eot);
    src: url(fonts/MyriadProRegular.ttf);
    src: url(fonts/MyriadProRegular.woff);
}
@font-face {
    font-family: 'PFSquareSansPro';
    src: url('fonts/PFSquareSansPro-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/PFSquareSansPro-Light.woff') format('woff'), url('fonts/PFSquareSansPro-Light.ttf')  format('truetype'), url('fonts/PFSquareSansPro-Light.svg#PFSquareSansPro-Light') format('svg');
    font-weight: 300;
}
@font-face {
    font-family: 'PFSquareSansPro';
    src: url('fonts/PFSquareSansPro-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/PFSquareSansPro-Regular.woff') format('woff'), url('fonts/PFSquareSansPro-Regular.ttf')  format('truetype'), url('fonts/PFSquareSansPro-Regular.svg#PFSquareSansPro-Regular') format('svg');
    font-weight: 400;
}
@font-face {
    font-family: 'PFSquareSansPro';
    src: url('fonts/PFSquareSansPro-Medium.eot?#iefix') format('embedded-opentype'),  url('fonts/PFSquareSansPro-Medium.woff') format('woff'), url('fonts/PFSquareSansPro-Medium.ttf')  format('truetype'), url('fonts/PFSquareSansPro-Medium.svg#PFSquareSansPro-Medium') format('svg');
    font-weight: 600;
}
@font-face {
    font-family: 'PFSquareSansPro';
    src: url('fonts/PFSquareSansPro-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/PFSquareSansPro-Bold.woff') format('woff'), url('fonts/PFSquareSansPro-Bold.ttf')  format('truetype'), url('fonts/PFSquareSansPro-Bold.svg#PFSquareSansPro-Bold') format('svg');
    font-weight: 800;
}
@font-face {
    font-family: 'PFSquareSansPro';
    src: url('fonts/PFSquareSansPro-ExtraBlack.eot?#iefix') format('embedded-opentype'),  url('fonts/PFSquareSansPro-ExtraBlack.woff') format('woff'), url('fonts/PFSquareSansPro-ExtraBlack.ttf')  format('truetype'), url('fonts/PFSquareSansPro-ExtraBlack.svg#PFSquareSansPro-ExtraBlack') format('svg');
    font-weight: 900;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Myriad Pro';
}
.header {
    height: 80px;
    width: 100%;
    overflow: hidden;
    background-color: #001c70;
}
.logo_bl img{width:141px;}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
#menu{display:none;}
.menu_but {
    background: #FFF;
    width: 135px;
    height: 80px;
    text-align: center;
    line-height: 95px;
}
.menu_open_but {
    width: 34px;
    height: 36px;
    background: none;
    border: 3px solid #a9a9a9;
    font-size: 18px;
    color: #001c70;
    text-align: center;
	cursor: pointer;
	    transition: 0.5s linear;
}
.menu_open_but .fa{width:100%;float:left;}

.menu-link:hover .menu_open_but {
	-webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.phone_header {
    background: #FFF;
    height: 80px;
    font-size: 31px;
    color: #333333;
    line-height: 18px;
    padding: 0 45px;
    padding-top: 24px;
}
.phone_header i {
    font-size: 20px;
    margin-left: 20px;
}

.footer {
    padding: 0 95px;
    font-family: 'Roboto', sans-serif;
    width: 100%;
    min-height: 60px;
    background: #2b2b2b;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.footer p {
    color: #fefeff;
    font-weight: 300;
    font-size: 14px;
    line-height: 60px;
}
.footer ul li {
    display: inline-block;
    list-style: none;
    margin-left: 8px;
    line-height: 60px;
}
.footer ul li a {
    text-decoration: none;
    color: #cbcbcb;
    font-size: 16px;
}
.main_p2,
.main_p,
.main_p3 {
    overflow: hidden;
}

.main_p2 {
	min-height: 750px;
}

.main_p3 {
	min-height: 850px;
}

.main_p2,
.main_p3 {
	background: url(img/main_p2.jpg) top center no-repeat;
	background-size: cover;
	position: relative;
	color: #FFF;
}

.main_p3  {
	background-image: url(img/main_p3.jpg);
}

.main_p .col4 {
    float: left;
    width: 25%;
    height: 100%;
    padding: 0;
}

.www .col4 {
    float: left;
    width: 25%;
    height: 100%;     padding: 0
}

.main_i1 {
    width: 100%;
    height: 33.33%;
    background: url(img/main_i1.jpg) no-repeat;
    background-size: cover;
    position: relative;
	
	transition: 0.3s linear;
}

.mainp2_i1 {
    background: url(img/main_i4.jpg) no-repeat;
    background-size: cover;
    width: 285px;
    padding: 31px;
    position: absolute;
    top: 30px;
    left: 160px;
}

.mainp2_i2 {
    background: url(img/main_i7.jpg) no-repeat;
    background-size: cover;
    width: 285px;
    padding: 31px;
    position: absolute;
    top: 208px;
    left: 445px;
    z-index: 1;
    text-align: right;
}

.mainp2_i3 {
    background: url(img/main_i7_.jpg) no-repeat;
    background-size: cover;
    width: 285px;
    padding: 30px;
    position: absolute;
    top: 365px;
    left: 196px;
    z-index: 0;
}

.mm_hober_bl {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: url(img/mm_hober_bl.png);
    transition: 0.5s;
}
.main_i1 .mm_hober_bl:hover,
.main_i2 .mm_hober_bl:hover,
.main_i3 .mm_hober_bl:hover,
.main_i5 .mm_hober_bl:hover,
.main_i6 .mm_hober_bl:hover,
.main_i8 .mm_hober_bl:hover,
.main_i9 .mm_hober_bl:hover,
.main_i10 .mm_hober_bl:hover,
.main_i4_ .mm_hober_bl:hover,
.main_i5_ .mm_hober_bl:hover,
.main_i8_ .mm_hober_bl:hover,
.main_i9_ .mm_hober_bl:hover  {
    opacity: 0;
}

.main_i1:hover,
.main_i2:hover,
.main_i3:hover,
.main_i5:hover,
.main_i6:hover,
.main_i8:hover,
.main_i9:hover,
.main_i10:hover,
.main_i4_:hover,
.main_i5_:hover,
.main_i8_:hover,
.main_i9_:hover {
	-webkit-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 111;
}
.main_i2 {
    width: 100%;
    height: 33.33%;
    background: url(img/main_i2.jpg) no-repeat;
    background-size: cover;
    position: relative;
	transition: 0.3s linear;
}
.main_i3 {
    width: 100%;
    height: 33.33%;
    background: url(img/main_i3.jpg) no-repeat;
    background-size: cover;
    position: relative;
	transition: 0.3s linear;
}
.main_i4_ {
    width: 100%;
    height: 33.33%;
    background: url(img/main_i4_.jpg) no-repeat;
    background-size: cover;
    position: relative;
	transition: 0.3s linear;
}
.main_i5_ {
    width: 100%;
    height: 33.33%;
    background: url(img/main_i5_.jpg) no-repeat;
    background-size: cover;
    position: relative;
	transition: 0.3s linear;
}

.main_i8_ {
    width: 100%;
    height: 33.33%;
    background: url(img/main_i8_.jpg) no-repeat;
    background-size: cover;
    position: relative;
	transition: 0.3s linear;
}
.main_i9_ {
    width: 100%;
    height: 33.33%;
    background: url(img/main_i9_.jpg) no-repeat;
    background-size: cover;
    position: relative;
	transition: 0.3s linear;
}

.main_i4 {
    width: 100%;
    height: 66.66%;
    background: url(img/main_i4.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.main_i5 {
    width: 100%;
    height: 33.33%;
    background: url(img/main_i5.jpg) no-repeat;
    background-size: cover;
    position: relative;
	transition: 0.3s linear;
}
.main_i6 {
    width: 100%;
    height: 33.33%;
    background: url(img/main_i6.jpg) no-repeat;
    background-size: cover;
    position: relative;
	transition: 0.3s linear;
}
.main_i7 {
    width: 100%;
    height: 66.66%;
    background: url(img/main_i7.jpg) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.main_i8 {
    width: 100%;
    height: 33.33%;
    background: url(img/main_i8.jpg) no-repeat;
    background-size: cover;
    position: relative;
	transition: 0.3s linear;
}
.main_i9 {
    width: 100%;
    height: 33.33%;
    background: url(img/main_i9.jpg) no-repeat;
    background-size: cover;
    position: relative;
	transition: 0.3s linear;
}
.main_i10 {
    width: 100%;
    height: 33.33%;
    background: url(img/main_i10.jpg) no-repeat;
    background-size: cover;
    position: relative;
	transition: 0.3s linear;
}
.main_i1:hover .button3,
.main_i2:hover .button3,
.main_i3:hover .button3,
.main_i5:hover .button3,
.main_i6:hover .button3,
.main_i8:hover .button3,
.main_i9:hover .button3,
.main_i10:hover .button3 {
    opacity: 1;
}
.button3 {
    background: #FFF;
    padding: 10px 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #0f2b3c;
    position: absolute;
    z-index: 111;
    text-decoration: none;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    text-align: center;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    transition: 0.5s;
}
.main_i4 .bl_text_in_table,
.main_i7 .bl_text_in_table {
    height: 100%;
}
.main_i4 .bl_text_in_table,
.main_i7 .bl_text_in_table {
    display: table;
}
.main_i4 .bl_text_in,
.main_i7 .bl_text_in {
    display: table-cell;
    vertical-align: middle;
    color: #FFF;
    text-transform: uppercase;
    padding: 5px 38px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.main_i4 .bl_text_in .title_bl_text_in,
.main_i7 .bl_text_in .title_bl_text_in,
.mainp2_i1 .title_bl_text_in,
.mainp2_i2 .title_bl_text_in,
.mainp2_i3 .title_bl_text_in,
.mainp2_i4 .title_bl_text_in {
    background: url(img/title_bl_text_in.png) 20px 0px no-repeat;
    padding-top: 51px;
    padding-bottom: 28px;
    margin-bottom: 44px;
	transition: 0.5s;
}
.main_i4 .bl_text_in .title_bl_text_in:hover,
.main_i7 .bl_text_in .title_bl_text_in:hover,
.mainp2_i1 .title_bl_text_in:hover,
.mainp2_i2 .title_bl_text_in:hover,
.mainp2_i3 .title_bl_text_in:hover,
.mainp2_i4 .title_bl_text_in:hover {
	-webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.main_i7 .bl_text_in .title_bl_text_in {
    background: url(img/title_bl_text_in2.png) 20px 0px no-repeat;
}

.mainp2_i1 .title_bl_text_in {
    background: url(img/title_bl_text_in.png) 10px 0px no-repeat;
    background-size: 85px;
    padding-top: 31px;
    margin-bottom: 20px;
}

.mainp2_i2 .title_bl_text_in {
    background: url(img/title_bl_text_in2.png) 135px 0px no-repeat;
	background-size: 85px;
    padding-top: 31px;
    margin-bottom: 20px;
}

.mainp2_i3 .title_bl_text_in,
.mainp2_i4 .title_bl_text_in {
    background: url(img/title_bl_text_in.png) 10px 0px no-repeat;
	background-size: 85px;
    padding-top: 31px;
    margin-bottom: 20px;
}

.mainp2_i4 .title_bl_text_in {
    padding-bottom: 28px;
	background-image:  url(img/title_bl_text_in2.png);
}


.main_i4 .bl_text_in .title_bl_text_in h3,
.main_i7 .bl_text_in .title_bl_text_in h3 {
    text-transform: uppercase;
    font-size: 31px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.mainp2_i1 .title_bl_text_in h3,
.mainp2_i2 .title_bl_text_in h3,
.mainp2_i3 .title_bl_text_in h3,
.mainp2_i4 .title_bl_text_in h3 {
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.main_i4 .bl_text_in .title_bl_text_in h2,
.main_i7 .bl_text_in .title_bl_text_in h2 {
    font-family: 'PFSquareSansPro';
    font-weight: 900;
    font-size: 70px;
    margin-top: -4px;
}

.mainp2_i1 .title_bl_text_in h2,
.mainp2_i2 .title_bl_text_in h2,
.mainp2_i3 .title_bl_text_in h2,
.mainp2_i4 .title_bl_text_in h2 {
    font-family: 'PFSquareSansPro';
    font-weight: 900;
    font-size: 35px;
    margin-top: -4px;
}

.a_title {
	color: #FFF;
	text-decoration: none;
}

.main_i4 .bl_text_in p,
.main_i7 .bl_text_in p {
    font-size: 24px;
    line-height: 30px;
}

.main_p2 .nav li,
.main_p3 .nav li {
	list-style: none;
}

.main_p2 .nav li a,
.main_p3 .nav li a {
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 12px;
	transition: 0.5s;
	background-position: -30px center;
}


.main_p2 .mainp2_i2 .nav li a {
	background-position: 120% center;
 }

.main_p2 .nav li a:hover,
.main_p3 .nav li a:hover {
	padding-left: 30px;
	background: url(img/arr.png) left no-repeat;
}

.main_p2 .mainp2_i2 .nav li a:hover {
	padding-left: 0;
	padding-right: 30px;
	background: url(img/arr_.png) right no-repeat;
}

.logo_bl {
    height: 80px;
    margin-left: 54px;
    padding-top: 8px;
}
.descr {
    height: 80px;
    padding-left: 35px;
    padding-top: 19px;
}
.descr h3 {
    font-family: 'PFSquareSansPro';
    color: #FFF;
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;
}
.descr p {
    font-family: 'PFSquareSansPro';
    color: #FFF;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: -2px;
}
.button1,
.button2,
.button4,
.button5 {
    background: #FFF url(img/button1.jpg) left no-repeat;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #0f2b3c;
    text-decoration: none;
    padding: 0px 13px;
    padding-left: 83px;
    line-height: 60px;
	 transition: 0.3s linear;
  display: inline-block;
}

.button1:hover,
.button2:hover,
.button4:hover,
.button5:hover,
.main_p2 .button1:hover, 
.main_p3 .button1:hover, 
.main_p2 .button2:hover, 
.main_p3 .button2:hover, 
.main_p2 .button4:hover, 
.main_p3 .button4:hover, 
.main_p3 .button5:hover {
	-webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.main_p2 .button1, 
.main_p3 .button1, 
.main_p2 .button2, 
.main_p3 .button2, 
.main_p2 .button4,
.main_p3 .button4,
.main_p3 .button5 {
	padding: 0px 13px;
	padding-left: 83px;
	background-position: 0 -9px;
	line-height: 50px;
}

.button2 {
    background: #FFF url(img/button2.jpg) left no-repeat;
}
.button4 {
    background: #FFF url(img/button4.jpg) left no-repeat;
}
.button5 {
    background: #FFF url(img/button5.jpg) left no-repeat;
}
.bl_text_in_but {
    margin-top: 35px;
}

.img_bg_k {
	background-size: cover !important;
}

.div_center_bg_k {
	text-align: center;
	margin-top: 135px;
}

.bg_button {
	position: relative;
    margin-top: 58px;
    display: inline-block;
    border: 1px solid #ffffff;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 25px 9px;
    font-size: 10pt;
    letter-spacing: 1px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}



.bg_button:hover {
	background: #FFF;
	color: #000;
}

.white-popup {
  position: relative;
  width: auto;
  max-width: 400px;
  margin: 20px auto;
}

.white-popup h3 {
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 900;
	font-family: 'PFSquareSansPro';
	margin-bottom: 20px;
	display: none;
}

label.error {
	color: #f00;
	font-size: 12px;
}

.white-popup .input_text_popup {
	    border: none;
	    border-radius: 5px;
	    margin: 10px auto 3px;
	    display: block;
	    width: 100%;
	    height: 60px;
	    padding: 0 22px;
	    font-size: 12px;
	    font-family: inherit;
	    background: #FFF;
	    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.89) inset;
	    box-shadow: 0 2px 2px rgba(0,0,0,0.89) inset;
}

.white-popup .button_popup {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
	color: #fff;
	padding: 21px 63px 21px;
	border: none;
	border-radius: 5px;
	font-size: 24px;
	margin: 15px 0;
	background: rgba(94,157,221,1);
	background: -moz-linear-gradient(top, rgba(94,157,221,1) 0%, rgba(89,149,217,1) 4%, rgba(76,126,207,1) 23%, rgba(67,111,200,1) 41%, rgba(63,105,196,1) 56%, rgba(50,84,186,1) 76%, rgba(44,74,182,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(94,157,221,1)), color-stop(4%, rgba(89,149,217,1)), color-stop(23%, rgba(76,126,207,1)), color-stop(41%, rgba(67,111,200,1)), color-stop(56%, rgba(63,105,196,1)), color-stop(76%, rgba(50,84,186,1)), color-stop(100%, rgba(44,74,182,1)));
	background: -webkit-linear-gradient(top, rgba(94,157,221,1) 0%, rgba(89,149,217,1) 4%, rgba(76,126,207,1) 23%, rgba(67,111,200,1) 41%, rgba(63,105,196,1) 56%, rgba(50,84,186,1) 76%, rgba(44,74,182,1) 100%);
	background: -o-linear-gradient(top, rgba(94,157,221,1) 0%, rgba(89,149,217,1) 4%, rgba(76,126,207,1) 23%, rgba(67,111,200,1) 41%, rgba(63,105,196,1) 56%, rgba(50,84,186,1) 76%, rgba(44,74,182,1) 100%);
	background: -ms-linear-gradient(top, rgba(94,157,221,1) 0%, rgba(89,149,217,1) 4%, rgba(76,126,207,1) 23%, rgba(67,111,200,1) 41%, rgba(63,105,196,1) 56%, rgba(50,84,186,1) 76%, rgba(44,74,182,1) 100%);
	background: linear-gradient(to bottom, rgba(94,157,221,1) 0%, rgba(89,149,217,1) 4%, rgba(76,126,207,1) 23%, rgba(67,111,200,1) 41%, rgba(63,105,196,1) 56%, rgba(50,84,186,1) 76%, rgba(44,74,182,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e9ddd', endColorstr='#2c4ab6', GradientType=0 );
	text-shadow: 1px 1px 0 #487eab;
	-webkit-transition: top 150ms linear 0s;
	-moz-transition: top 150ms linear 0s;
	-ms-transition: top 150ms linear 0s;
	-o-transition: top 150ms linear 0s;
	transition: top 150ms linear 0s;
	z-index: 3;
	width: 100%;
}

.white-popup .button_popup:hover {
    background: #4573c9;
    text-decoration: none;
}

.white-popup .button_popup:active {
	position:relative;
	top:1px;
}


.main_p2 .bl_text_in_but,
.main_p3 .bl_text_in_but {
	margin-top: 25px;
}

.mainp2_i2 .button2 {
}

.main_p3 .mainp2_i1 {
	background-image: url(img/main_i7.jpg);
	z-index: 4;
}

.main_p3 .mainp2_i1 .title_bl_text_in {
	background-image: url(img/title_bl_text_in2.png);
}

.main_p3 .mainp2_i2 {
	background-image: url(img/main_i4.jpg);
	text-align: left;
	top: 65px;
	left: 430px;
	z-index: 3;
}


.main_p3 .mainp2_i2 .title_bl_text_in {
	background-position: 20px 0;
}

.main_p3 .mainp2_i3 {top: 281px;left: 161px;z-index: 2;}

.main_p3 .mainp2_i4 {
	   background: #8c5cad;
	   background-size: cover;
	   width: 285px;
	   padding: 30px;
	   position: absolute;
	   top: 393px;
	   left: 430px;
}

.bbb {
	background: rgba(255,255,255,0.70);
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
	opacity: 0;
	transition: 0.5s;
	color: #000;
}

.t_col3:hover .bbb {
	opacity: 1;
}

.slider_main {
	background-size: cover;
	height: 760px;
	width: 100%;
	text-align: center;
    font-family: 'PFSquareSansPro';
}

.other .slider_main h1 {
	padding-top: 250px;
}

.container {
	max-width: 1170px;
	min-height: 1px;
	margin: 0 auto;
	position: relative;
	padding: 0 15px;
}

.slider_main {
    font-family: 'PFSquareSansPro';
}

.slider_main h1,
.big_big_img h1 {
	font-size: 48px;
	color: #393939;
	text-transform: uppercase;
	font-weight: 600;
	padding-top: 100px;
	margin-bottom: 8px;
}

.big_big_img {
	text-align: center;
}

.kontact {
	padding: 50px 0;
}

.cotnacts-table {
	border-collapse: collapse;
}

.cotnacts-table td {
	border: 1px solid #f96a07;
padding: 6px 18px 6px 18px;
font-size: 14px;
white-space: nowrap
}

.socials-wiget {
	width: 330px;
}

.socials-wiget .tabs-list {
	height: 36px;
}

.socials-wiget .tabs-list .tabs-list-item {
	float: left;
	cursor: pointer;
	padding: 11px 0 0 39px;
	height: 23px;
	width: 69px;
	border: 1px solid #cbd2d9;
	background: #edf1f4 url(http://new.joywin.ru/bitrix/templates/win/images/socials-wiget-icons.png) no-repeat;
	position: relative;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	list-style: none;
	box-sizing: content-box;
	font-size: 14px;
}

.socials-wiget .tabs-list .tabs-list-item.vk {
	background-position: 8px 5px;
}

.socials-wiget .tabs-list .tabs-list-item.fb {
	background-position: 8px -54px;
}

.socials-wiget .tabs-list .tabs-list-item.tw {
	background-position: 8px -121px;
}

.socials-wiget .tabs-contents {
	border: 1px solid #cbd2d9;
	border-top: 0;
}

.socials-wiget .tabs-contents .tab-item {
	/*height: 214px;*/
	display: list-item;
	list-style: none;
	overflow: hidden;
}

#fb_t,
#tw_t {
	display: none;
}

.slider_main h2,
.big_big_img h2 {
	font-size: 36px;
	color: #393939;
	text-transform: uppercase;
	font-weight: 300;
}

.action_slider .arrow {
	background: none;
	border: none;
	color: #FFF;
	font-size: 48px;
	cursor: pointer;
}

.action_slider .arrow:focus {
	outline: none;
}

.action_slider .arrow.left_arrow {
	left: 15px;
	position: absolute;
	top: 360px;
}

.action_slider .arrow.right_arrow {
	right: 15px;
	position: absolute;
	top: 360px;
}

.n_bl_button .n_ico_but,
.n_bl_button .n_but {
	display: inline-block;
	vertical-align: middle;
	margin-left: -5px;
	height: 67px;
	line-height: 70px;
}

.n_bl_button .n_ico_but {
	font-size: 30px;
	color: #a9a9a9;
	background: #FFF;
	line-height: 70px;
	padding: 0 20px;
}

.n_bl_button .n_but {
	font-size: 24px;
	color: #FFF;
	text-transform: uppercase;
	background: #77be2a;
	padding: 0 35px;
}

.n_bl_button a {
	display: inline-block;
	transition: 0.3s linear;
}

.n_bl_button a:hover {
	-webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.lp_block14 .col2_f #map, #map {
	height: 480px;
}

.active_body {
	overflow-x:hidden;
}

.margin_top {
	height: 80px;
	min-width: 1px;
}

.navig_block ul {
	padding: 0;
	margin: 0;
	text-align: center;
}

.navig_block li {
	display: inline-block;
	margin: 0 10px;
	
}

.navig_block li.active {
	background-color: #f3f4f6;
	padding: 10px;
}

.navig_block li.active a {
	border-bottom: none;
}

.navig_block {
	margin-bottom: 40px;
}

.cd-top {
  display: inline-block;
  position: fixed;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(75, 185, 75, 0.8) url(img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  
  height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
	z-index:111;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.cd-top:hover {
  background-color: rgba(75, 185, 75, 1.0);
  opacity: 1;
}


.navig_block li a {
	color: #2b3036;
	text-decoration: none;
    border-bottom: 1px dashed #2b3036;
	font-size: 18px;
}

.n_bl_button {
	margin-top: 53px;
    position: absolute;
    width: 100%;
    bottom: 100px;
    left: 0;
}

.plusy {
    font-family: 'PFSquareSansPro';
    padding-top: 72px;
}

.plusy .col2 {
	width: 50%;
	margin-bottom: 45px;
	margin-top: 38px;
}

.plusy .pl_text {
    padding-left: 170px;
}

.plusy .pl_text h4 {
	font-size: 19px;
	color: #1f4c63;
	text-transform: uppercase;
	font-weight: 800;
	margin-top: 6px;
	margin-bottom: 14px;
}

.big_big_img {
	height: 680px;
	background: url(img/IMG_2016-06-30%2021_29_03.jpg) center no-repeat;
	background-size: cover;
    position: relative;
}

.plusy .pl_text p {
	font-size: 16px;
	text-transform: uppercase;
	color: #1f1f1f;
	font-weight: 400;
	line-height: 24px;
}

.title_bl {
	color: #061622;
	text-align: center;
    font-family: 'PFSquareSansPro';
	margin-bottom: 31px;
}

.title_bl h1 {
	font-size: 36px;
	font-weight: 800;
	text-transform: uppercase;
}

.title_bl h2 {
	font-size: 36px;
	font-weight: 300;
	text-transform: uppercase;
}

.title_bl h2 span {
	font-weight: 600;
}

.line_title {
	width: 170px;
	height: 8px;
	background: #dbdcdc;
	margin: 0 auto;
	margin-bottom: 60px;
	margin-top: 13px;
}

.we_do {
	padding-top: 50px;
}

.docs_block {
	background: url(img/docs_block.jpg) center no-repeat;
	background-size: cover;
	padding: 72px 0 70px;
	color: #FFF;
	font-family: 'PFSquareSansPro';
}

.docs_block .title_bl {
	color: #FFF;
}

.docs_block .title_bl .line_title {
	background-color: #FFF;
}

.docs_row .col5 {
	width: 25%;
	float: left;
	padding: 0 15px;
}
.docs_block .docs_row .col5 { width: 20%;}

.docs_row .col5 img {
    border: 6px solid #dddddd;
}

a:active,
a:link {
	outline: none;
}

.resp {
	width: 100%;
}

.block_button {
	text-align: center;
	margin-top: 46px;
}

.button1_b {
	font-size:18px;
	font-weight: 300;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #FFF;
	padding: 11px 33px;
	line-height: 43px;
}

.button1_b:hover {
	background: #FFF;
	color: #176294;
}

.marki {
	padding: 34px 0;
	background: #FFF;
}

.marki .item {
	line-height: 100px;
	text-align: center; padding: 10px 0;
}

.marki .item img {
	vertical-align: middle;
}
.marki .item img {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }
 
.marki .item img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }

.marki .container {
	position: relative;
}

.marki .customNavigation .prev {
	position: absolute;
	left: -75px;
	top: 50%;
	margin-top: -21px;
	width: 42px;
	height: 42px;
	cursor: pointer;
}

.marki .customNavigation .prev:before {
	content: "\f104";
	font-family:'FontAwesome';
	font-size: 36px;
	color: #1d0f00;
	position: absolute;
    top: 2px;
    left: 13px;
    border-radius: 36px;
}

.marki .customNavigation .next {
	position: absolute;
	right: -75px;
	top: 50%;
	margin-top: -21px;
	width: 42px;
	height: 42px;
	cursor: pointer;
}

.marki .customNavigation .next:before {
	content: "\f105";
	font-family:'FontAwesome';
	font-size: 36px;
	color: #1d0f00;
	position: absolute;
    top: 2px;
    left: 15px;
    border-radius: 36px;
}

.marki .customNavigation .prev:hover,
.marki .customNavigation .next:hover {
	background: #176294;
	color: #FFF !important;
    border-radius: 42px;
}

.marki .customNavigation .prev:hover:before,
.marki .customNavigation .next:hover:before {
	color: #FFF;
}

.friend {
	background: url(img/friend.jpg) center no-repeat;
	padding: 107px 0 610px;
	color: #FFF;
	font-family: 'PFSquareSansPro';
	background-size: cover;
}

.friend .tit {
	text-align: center;
}

.friend .tit h1 {
	font-weight: 600;
	font-size: 48px;
	text-transform: uppercase;
	margin-bottom: 11px;
}

.friend .tit h2 {
	font-weight: 300;
	font-size: 36px;
	text-transform: uppercase;
}

.blago {
	background: url(img/blago.jpg) center no-repeat;
	background-size: cover;
	padding: 68px 0 43px;
	text-align: center;
	color: #FFF;
	font-family: 'PFSquareSansPro';
}

.blago h2 {
	font-weight: 600;
	font-size: 60px;
	text-transform: uppercase;
}

.blago h3 {
	font-weight: 600;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: -8px;
	margin-bottom: 34px;
}

.we_work {
	padding: 49px 0;
	background: #FFF;
	font-family: 'PFSquareSansPro';
}

.we_work .tit h2 {
	text-transform: uppercase;
	text-align: center;
	font-size: 36px;
	color: #333;
	font-weight: 400;
}

.we_work .tit .line {
	background: #dbdcdc;
	width: 170px;
	height: 8px;
	margin: 0 auto;
	margin-top: 15px;
}

.row_we_work .col4 {
	width: 25%;
	text-align: center;
	float: left;
}

.row_we_work h3 {
	font-weight: 400;
	font-size: 36px;
	color: #1c1c1c;
	text-decoration: line-through;
	margin-top: 9px;
}

.row_we_work {margin-top: 63px;    text-transform: uppercase;}

.www {
	height: 1015px;
}

a,
button {
	transition: 0.5s;
}

.mail_header {
	font-size: 14px;
}

.wrap {
    position: relative;
    min-height: 100vh;
    padding-bottom: 60px;
}

.panel {
    background: #2b2b2b;
}

.panel a {
    color: #FFF;
	display: block;
	width: 100%;
	padding: 15px 15px 13px;
	text-decoration: none;
	border-bottom: 1px solid #80878f;
}

.action_slider {
    display: none;
}

.slider_main {
    background: url('/bitrix/templates/joywin/img/mycompany.jpg') center no-repeat;
    background-size: cover;
    height: calc(100vh - 80px);
    min-height: 580px;
    position: relative;
}

.panel a:hover {
	background: #f1f8ff;
	color: #3c5064;
}

.panel li {
	list-style: none;
	display: block;
}

.menu_open_but:focus {
	outline: none;
}

body.other .header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1111;
}

.other #menu.panel {
	top: 80px !important;
}

@media (max-width: 1800px) {
    .main_i4 .bl_text_in .title_bl_text_in h2,
    .main_i7 .bl_text_in .title_bl_text_in h2 {
        font-size: 60px;
        margin-top: 10px;
    }
    .main_i4 .bl_text_in p,
    .main_i7 .bl_text_in p {
        font-size: 21px;
        line-height: 27px;
    }
}
@media (max-width: 1600px) {
    .button1,
    .button2 {
        background: #FFF url(img/button1.jpg) 0 -5px no-repeat;
        font-size: 16px;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        color: #0f2b3c;
        text-decoration: none;
        padding: 0 13px;
        padding-left: 83px;
        line-height: 57px;
    }
    .button2 {
        background: #FFF url(img/button2.jpg) 0 -5px no-repeat;
    }
    .main_i4 .bl_text_in .title_bl_text_in h2,
    .main_i7 .bl_text_in .title_bl_text_in h2 {
        font-size: 50px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .main_i4 .bl_text_in p,
    .main_i7 .bl_text_in p {
        font-size: 18px;
        line-height: 24px;
    }
    .button1,
    .button2,
	.button4,
    .button5 {
        font-size: 13px;
    }
	.main_p2 .button1, .main_p3 .button1, .main_p2 .button2, .main_p3 .button2, .main_p2 .button4, .main_p3 .button4, .main_p3 .button5 {
    padding: 0px 13px;
    padding-left: 83px;
    background-position: 0 -11px;
    line-height: 50px;
}
}
@media (max-width: 1400px) {
    .main_i4 .bl_text_in .title_bl_text_in h2,
    .main_i7 .bl_text_in .title_bl_text_in h2 {
        font-size: 40px;
    }
    .main_i4 .bl_text_in .title_bl_text_in h3,
    .main_i7 .bl_text_in .title_bl_text_in h3 {
        font-size: 20px
    }
    .main_i4 .bl_text_in .title_bl_text_in,
    .main_i7 .bl_text_in .title_bl_text_in {
        background-size: 130px;
        margin-bottom: 20px;
    }
    .main_i4 .bl_text_in p,
    .main_i7 .bl_text_in p {
        font-size: 16px;
    }
    .bl_text_in_but {
        margin-top: 20px;
    }
    .button1,
    .button2,
	.button4,
	.button5 {
        font-size: 11px;
    }
    .main_i4 .bl_text_in,
    .main_i7 .bl_text_in {
        padding: 5px 20px;
    }
	
	
	.main_p .button1,.main_p .button2, .main_p2 .button1, .main_p3 .button1, .main_p2 .button2, .main_p3 .button2, .main_p2 .button4, .main_p3 .button4, .main_p3 .button5 {
    padding: 0px 13px;
    padding-left: 65px;
    background-position: 0 -2px;
    line-height: 43px;
    background-size: 52px;
}

.main_p3 .mainp2_i3 {
    top: 273px;
    left: 161px;
    z-index: 2;
}

.main_p3 .mainp2_i4 {
    background: #8c5cad;
    background-size: cover;
    width: 285px;
    padding: 30px;
    position: absolute;
    top: 385px;
    left: 430px;
}

}

@media (max-width: 1300px) {
	.marki .customNavigation .prev {
		left: 10px;
	}
	.marki .customNavigation .next {
		right: 10px;
	}
	
	.owl-carousel {
		padding: 0 50px;
	}
	
	.marki .item img {
		width: 100px;
	}
}

@media (max-width: 1000px) {
	.main_p .col4 {
		width: 50%;
	}
	.main_p .col4:nth-child(1),
	.main_p .col4:nth-child(4) {
		display: none;
	}
	.phone_header {
		font-size: 24px;
	}
	.phone_header {
		padding: 0 30px;
		padding-top: 24px;
	}
}


@media (max-width: 900px) {
	
	.main_p3 .mainp2_i1,
	.main_p3 .mainp2_i3 {
		left: 60px;
	}
	.main_p3 .mainp2_i2,
	.main_p3 .mainp2_i4 {
		left: 330px;
	}
	.friend {
		padding: 100px 0;
	}
	.logo_bl img {
		width: 120px;
	}
	.logo_bl {
    height: 80px;
    margin-left: 20px;
    padding-top: 20px;
}
.descr {
    height: 80px;
    padding-left: 20px;
        padding-top: 23px;
}
.descr h3 {
	font-size: 18px;
}
.descr p {
	font-size: 12px;
}
.menu_but {
    width: 80px;
    height: 80px;
}
.phone_header {
    padding: 0 20px;
    padding-top: 24px;
}
}

@media (max-width: 680px) {
.docs_block .docs_row .col5 { width: 33%;}
.phone_header {
    padding: 0 15px;
    padding-top: 24px;
}
}

@media (max-width: 768px) {
	.el2, .el1 { display: none; }
	.left, .right {margin-bottom: 15px; float:left;}
.right.phone_header {margin-bottom: 0px; float:right;}
.textmin {background-color: rgba(0, 0, 0, 0.33); padding: 5px;}
}
@media (max-width: 650px) {
	.main_p3 .mainp2_i1,
	.main_p3 .mainp2_i2,
	.main_p3 .mainp2_i3, 
	.main_p3 .mainp2_i4,
	.main_p2 .mainp2_i1,
	.main_p2 .mainp2_i2,
	.main_p2 .mainp2_i3 {
		width: 100%;
		position: static;
	}
	
	.logo_bl {
		float: left;
		margin-right: 20px;
	}
	
	.logo_bl img {
		width: 92px;
	}
	
	.menu_but {
		background: #FFF;
		width: 53px;
		height: 53px;
		text-align: center;
		line-height: normal;
    margin-bottom: 0;
    padding-top: 8px;
	}
	
	.descr {
		/*display: none;*/padding-top: 10px;
	}
	
	.header {
    	height: 53px;
	}
	
	.footer {
		padding: 0 20px;
		text-align: center;
	}
	
	.footer ul {
		/*display: none;*/
	}
	
	.footer .left,
	.footer .right {
		float: none;
	}
	
	.mainp2_i2 {
		text-align: left;
	}
	
	.mainp2_i2 .title_bl_text_in {
		background-position: 10px 0;
	}
	
	
	.main_p .col4 {
		width: 100%;
	}
	
	
	.main_p .col4:nth-child(4) {
		display: block;
	} 
	
	.main_i4,
	.main_i7 {
		height: auto;
		padding: 30px 0;
	}
	
	.main_p .col4:nth-child(4) .main_i8,
	.main_p .col4:nth-child(4) .main_i9,
	.main_p .col4:nth-child(4) .main_i10 {
		height: 200px;
	}
	
	.slider_main {
		height: 250px;
	}
		
	.slider_main h1 {
		font-size: 19px;
		padding-top: 50px;
	}
	
	.slider_main h1 img {
		width: 90px;
	}
	
	.slider_main h2 {
		font-size: 16px;
	}
	
	.n_bl_button .n_ico_but {
		font-size: 18px;
	}
	
	.n_bl_button .n_but {
		font-size: 18px;
		padding: 0 20px;
	}
	
	.n_bl_button .n_ico_but, .n_bl_button .n_but {
		height: 50px;
		line-height: 50px;
	}
	
	.action_slider .arrow {
		top: 50% !important;
		display: none;
	}
	
	.n_bl_button {
    	margin-top: 33px;
	}
	
	.plusy .col2 {
		width: 100%;
		margin: 15px 0;
	}
	
	.pl_img img {
		width: 70px;
	}
	
	.slider_main {
		background: url(img/sl1.jpg) center no-repeat;
		background-size: cover;
	}
	
	.plusy .pl_text {
    padding-left: 85px;
}

.title_bl h1,
.title_bl h2 {
	font-size: 24px;
}

.www .col4 {
	width: 50%;
	height: 50%;
}

.docs_row .col4 {
	width: 50%;
	margin: 10px 0;
}

.marki .item img {
    width: 100px;
} 

.friend .tit h1,
.friend .tit h2,
.blago h2 {
	font-size: 24px;
}

.blago h3 {
	font-size: 18px;
	margin-top: 10px;
}

.blago img {
	width: 200px;
}

.friend {
    padding: 59px 0;
}

.blago {
	padding: 40px 0;
}

.we_work .tit h2 {
	font-size: 24px;
}

.row_we_work .col4 {
	width: 50%;
	margin: 10px 0;
}

.row_we_work img {
	width: 70px;
}

.row_we_work h3 {
	font-size: 18px;
}
	
	.row_we_work {
		margin-top: 30px;
	}
	
	.map > ymaps {
		height: 300px !important;
	}
	.lp_block14 .col2_f#map{height: 300px !important;}
	
	.div_center_bg_k {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.img_bg_k img {
		width: 80%;
	}
	.logo_bl img {
    width: 65px !important;
}

.logo_bl {
    float: left !important;
    margin-right: 20px !important;
    height: 53px !important;
    padding-top: 14px !important;
    margin-left: 15px !important;
}

.phone_header {
	height: 53px !important;
	font-size: 18px !important;
	line-height: 14px !important;
}

.mail_header {
    font-size: 12px !important;
}

.phone_header {
    padding: 0 15px !important;
    padding-top: 16px !important;
}
	
}













@media (max-width: 545px) {
	.descr{ padding-top: 22px;
    height: initial;
		padding-left: 0;}
	.descr p{display:none;}
}


@media (max-width: 425px) {
.docs_block .docs_row .col5 { width: 50%;}
	.descr{padding-top: 27px; }
	.logo_bl {    margin-right: 10px !important;}

.descr h3 {
    font-size: 14px;
}

}

@media (max-width: 390px) {
	.descr{display:none;}
}


@media (max-height: 850px) {
    .main_i4 .bl_text_in .title_bl_text_in h3,
    .main_i7 .bl_text_in .title_bl_text_in h3 {
        font-size: 18px;
    }
    .main_i4 .bl_text_in .title_bl_text_in h2,
    .main_i7 .bl_text_in .title_bl_text_in h2 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 40px;
    }
    .main_i4 .bl_text_in .title_bl_text_in,
    .main_i7 .bl_text_in .title_bl_text_in {
        background-size: 114px;
        background-position-y: 4px;
        margin-bottom: 20px;
    }
    .main_i4 .bl_text_in p,
    .main_i7 .bl_text_in p {
        font-size: 16px;
        line-height: 20px;
    }
    .bl_text_in_but {
        margin-top: 15px;
    }
}

.toplink .wraper {
	display: flex;
    align-items: center;
	justify-content: space-between;
}

.burger-mobile {
	display: none;
	width: 35px;
	height: 35px;
	margin-left: 30px;
	position: relative;
	border: 2px solid #fff;
}

.burger-mobile span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 16px;
	transform: translate(-50%, -50%);
	height: 2px;
	background-color: #fff;
	transition: all .3s ease-in-out;
}

.burger-mobile span::before, .burger-mobile span::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 16px;
	transform: translate(-50%, -50%);
	height: 2px;
	background-color: #fff;
	transition: all .3s ease-in-out;
}

.burger-mobile span::before {
	margin-top: -5px;
}

.burger-mobile span::after {
	margin-top: 5px;
}

.burger-mobile--active span {
	background-color: transparent;
}


.burger-mobile--active span::before {
	transform: rotate(45deg);
    left: 0;
    top: 0;
	margin-top: 0;
}

.burger-mobile--active span::after {
    margin-top: 0;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
}

.toplink .logo img {
	margin-top: -5px;
}

.imobile-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: #001c70;
}

.imobile-menu ul { list-style: none; padding: 5px 0 0 0; margin: 0; }

.imobile-menu ul li a {
	padding: 15px;
    display: block;
    color: #fff;
    text-decoration: none;
    border-top: 1px solid #fff;
}

.hdesc {
	text-align: left;
    color: #fff;
    font-size: 16px;
    padding-left: 20px;
	margin-right: auto;
}

.toplink .menu {
	margin-right: auto;
}

.lp_form_sl {
	margin-top: 0;
}

.big_big_img {
	background: url(img/contacts-top.jpg) 50% 50% no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
}

.big_big_img::before {
	content: "";
	z-index: -1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0, .7);
}

.toplink .menu_but.left {
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	line-height: 1px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width: 1441px) {
	.lp_block1 {
		padding-top: 100px;
	}
}

.i-close-menu {
	display: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='512px' viewBox='0 0 329.26933 329' width='512px' class=''%3E%3Cg%3E%3Cpath d='m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 50%;
    width: 40px;
    height: 40px;
    padding: 10px;
    border: 2px solid #fff;
    margin: 10px;
	cursor: pointer;
}

.i-mobile-btn {
	background: #FFF;
    width: 53px;
    height: 53px;
    text-align: center;
    line-height: normal;
    margin-bottom: 0;
    padding-top: 8px;
	display: none;
	float: left;
}

.i-mobile-btn, .tube-play {
	cursor: pointer;
}

.shadow-close {
	position: fixed;
	left: 15.625em;
	top: 0;
	right: 0;
	bottom: 0;
	display: none;
    z-index: 9999999;
	cursor: pointer; 
}

.lp_block6 .sl_button1 { margin-bottom: 10px;}

.pozvonim-animated, .pozvonim-mobile { display: none !important; }


.bg-detail { position: relative }

.bg-detail__bg { 
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	z-index: -1;
}

.service-block__item .service-item .text {
	text-align: left !important;
}

.lp_slogan h1 {
	text-shadow: 0.1px 1px 6px rgba(0, 0, 1, 1);
}

.lp_slogan h3 {
	text-shadow: 0.1px 1px 6px rgba(0, 0, 1, 1);
}

.popup-block.ver21 .inner .right-block .title span {
	color: #ff6d01 !important;
}

@media only screen and (max-width: 1600px) {
	.popup_bl.ver21 { zoom: 0.8; }
}

.wrap.push {left: auto !important;}

nav#menu {top: 80px !important; z-index:7;}

.toplink { height: 80px; }

.toplink .wraper { height: 100%; }

.toplink { display: none !important; }

.header {
	position: sticky;
	left: 0;
	top: 0;
	right: 0;
	z-index: 6;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
	display: flex;
	align-items: center;
}

.phone_header { margin-left: auto; }

.menu {
	margin-left: auto;
	margin-right: auto;
}

.menu ul {	
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}	

.menu ul li a {
	    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: inline-block;

}

.menu ul li a:hover {
background-color: #77be2a;
}

.el1 { display: none !important;  }

@media only screen and (max-width: 1439px) {
	.logo_bl { margin-left: 20px; }
	.logo_bl { height: auto; padding-top: 0; }
	.logo_bl img { max-width: 100px; }
	.descr { padding: 0 0 0 15px; height: auto; }
	.phone_header { font-size: 19px; padding: 24px 15px 0; } 
}


@media only screen and (max-width: 1023px) {

	.menu { display: none; }

nav#menu {top: 0 !important;}

	.flex-i {
	display: flex;
    flex-direction: column;
}	
	.linkdiv { order: 0; padding-top: 10px;}
	.textmin { order: 2; font-size: 13px; }
	.album-info { order: 1; }

	.bg-detail__bg {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	height: 0;
	padding-top: 50%;
}

	.album-info { padding-top: 5px; }

	.album-info .button.v3 .button1, .sl_button1.ver5 { margin-left: 5px; margin-right: 5px; }

	.album-info h1 { font-size: 20px; color: #000 !important;}

	.detail-slider .bg-detail { 
		min-height: 1px;
 	}

	.button.v3 {
	    padding: 15px 15px 15px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}
	.album-info .button.v3 .button1 { margin-bottom: 10px; }

	.r-br .col2 ul li br { display: none; }

	.i-mobile-btn { cursor: pointer; } 

	.nav-menu-wp--active .shadow-close { display: block; }

	.pozvonim-mobile {overflow: visible !important; }

	.body-panel--active .header { cursor: default; }


	.toplink .menu { display: none !important; }
	.toplink { padding: 10px 15px 10px 65px !important; }
	.burger-mobile {
		display: block;
	}
	.toplink .blphone { margin-left: auto; }
	.toplink .menu_but.left { display: none; }
	.i-close-menu { display: block; }
	.wrap { left: auto !important; }
	#menu { z-index: 9999999; left: 0 !important; display: none !important; cursor: pointer; }
	#menu.panel--active { display: block !important;  }
	.i-gg { left: 0 !important; }
	.menu-link { display: none !important; }
	.i-mobile-btn { display: block; } 
	.i-mobile-btn__active { left: 0 !important; }
	.burger-mobile { display: none; }
	.header {  padding-left: 50px; cursor: pointer; }

	.i-mobile-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    /* bottom: 0; */
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 0;
}
	.toplink .i-mobile-btn { 

    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;

 }
}

@media only screen and (max-width: 768px) {
	.service-block__item .service-item {
		margin: 0 !important;
		width: 50% !important;
	}
	.ul_st { max-width: 100% !important; }
	#map {     height: 480px !important; }
.sl_button1 { font-size: 20px !important; }
}


.docs_block .docs_row .col5 {
	width: 16.666%;
}


@media only screen and (max-width: 680px) {
	.docs_block .docs_row .col5 {
	width: 50%;
}

}

@media only screen and (max-width: 640px) {
	.burger-mobile { margin-left: 20px; }
	.service-block__item .service-item {
		width: 100% !important;
	}
	.hdesc { display: none; } 

}

@media only screen and (max-width: 400px) {
		.toplink .blphone .phone { font-size: 16px !important; }
}

.tube-play {
	display: flex;
	justify-content: center;
	cursor: default !important;
}

.tube-play__link {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 336 336' style='enable-background:new 0 0 336 336;' xml:space='preserve' width='512px' height='512px' class=''%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M286.8,49.2C256.4,18.8,214.4,0,168,0C121.6,0,79.6,18.8,49.2,49.2C18.8,79.6,0,121.6,0,168c0,46.4,18.8,88.4,49.2,118.8 C79.6,317.2,121.6,336,168,336c46.4,0,88.4-18.8,118.8-49.2C317.2,256.4,336,214.4,336,168C336,121.6,317.2,79.6,286.8,49.2z M272.4,272.4c-26.8,26.8-63.6,43.2-104.4,43.2s-77.6-16.4-104.4-43.2C37.2,245.6,20.4,208.8,20.4,168S36.8,90.4,63.6,63.6 C90.4,36.8,127.2,20.4,168,20.4s77.6,16.4,104.4,43.2c26.8,26.8,43.2,63.6,43.2,104.4S298.8,245.6,272.4,272.4z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M261.2,156c-0.8-0.8-2-2.4-3.2-4c-0.4-0.4-0.4-0.4-0.8-0.8c-1.2-1.2-2.4-2-4-2.8l-59.2-34c0,0-0.4,0-0.4-0.4L134,79.6 c-5.2-3.2-11.2-3.6-16.8-2.4c-5.6,1.6-10.4,5.2-13.6,10.4c-1.2,1.6-1.6,3.6-2.4,5.2c-0.4,1.2-0.4,2.8-0.8,4.4c0,0.4,0,1.2,0,1.6 V168v68.8c0,6,2.4,11.6,6.4,15.6s9.6,6.4,15.6,6.4c2,0,4.4-0.4,6.4-1.2s4-1.6,5.6-2.8l58.8-34l0.8-0.4l59.2-34 c0.4,0,0.4-0.4,0.8-0.4c4.8-3.2,8.4-8,9.6-13.2C265.2,167.2,264.4,161.2,261.2,156z M244,168.4c0,0.4-0.4,0.8-0.8,0.8h-0.4 L184,203.6l-0.4,0.4l-58.8,34c-0.4,0-0.4,0.4-0.8,0.4c0,0-0.4,0-0.4,0.4h-0.4c-0.4,0-0.8-0.4-1.2-0.4c-0.4-0.4-0.4-0.8-0.4-1.2 V168V99.2v-0.4v-0.4c0.4-0.4,0.8-0.8,1.2-0.8c0.4,0,0.8,0,1.2,0l59.2,34l0.4,0.4l59.6,34.4l0.4,0.4l0.4,0.4 C244,167.6,244,168,244,168.4z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: contain;
	backgground-repeat: no-repeat;
	background-position: 50%;
	width: 60px;
	height: 60px;
	cursor: pointer;
	transition: all .3s ease-in-out;
}

.tube-play__link:hover {
	opacity: .7;
}


.socials-wiget .tabs-list .tabs-list-item.vk {
	background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' height='512' viewBox='0 0 24 24' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19.915 13.028c-.388-.49-.277-.708 0-1.146.005-.005 3.208-4.431 3.538-5.932l.002-.001c.164-.547 0-.949-.793-.949h-2.624c-.668 0-.976.345-1.141.731 0 0-1.336 3.198-3.226 5.271-.61.599-.892.791-1.225.791-.164 0-.419-.192-.419-.739v-5.105c0-.656-.187-.949-.74-.949h-4.126c-.419 0-.668.306-.668.591 0 .622.945.765 1.043 2.515v3.797c0 .832-.151.985-.486.985-.892 0-3.057-3.211-4.34-6.886-.259-.713-.512-1.001-1.185-1.001h-2.625c-.749 0-.9.345-.9.731 0 .682.892 4.073 4.148 8.553 2.17 3.058 5.226 4.715 8.006 4.715 1.671 0 1.875-.368 1.875-1.001 0-2.922-.151-3.198.686-3.198.388 0 1.056.192 2.616 1.667 1.783 1.749 2.076 2.532 3.074 2.532h2.624c.748 0 1.127-.368.909-1.094-.499-1.527-3.871-4.668-4.023-4.878z' fill='%234b729f'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 18px;
}


.socials-wiget .tabs-list .tabs-list-item.fb {
	background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 24 24' height='512' viewBox='0 0 24 24' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.997 3.985h2.191v-3.816c-.378-.052-1.678-.169-3.192-.169-6.932 0-5.046 7.85-5.322 9h-3.487v4.266h3.486v10.734h4.274v-10.733h3.345l.531-4.266h-3.877c.188-2.824-.761-5.016 2.051-5.016z' fill='%233b5999'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 18px;
}

.socials-wiget .tabs-list .tabs-list-item.tw {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath style='fill:%2303A9F4;' d='M512,97.248c-19.04,8.352-39.328,13.888-60.48,16.576c21.76-12.992,38.368-33.408,46.176-58.016 c-20.288,12.096-42.688,20.64-66.56,25.408C411.872,60.704,384.416,48,354.464,48c-58.112,0-104.896,47.168-104.896,104.992 c0,8.32,0.704,16.32,2.432,23.936c-87.264-4.256-164.48-46.08-216.352-109.792c-9.056,15.712-14.368,33.696-14.368,53.056 c0,36.352,18.72,68.576,46.624,87.232c-16.864-0.32-33.408-5.216-47.424-12.928c0,0.32,0,0.736,0,1.152 c0,51.008,36.384,93.376,84.096,103.136c-8.544,2.336-17.856,3.456-27.52,3.456c-6.72,0-13.504-0.384-19.872-1.792 c13.6,41.568,52.192,72.128,98.08,73.12c-35.712,27.936-81.056,44.768-130.144,44.768c-8.608,0-16.864-0.384-25.12-1.44 C46.496,446.88,101.6,464,161.024,464c193.152,0,298.752-160,298.752-298.688c0-4.64-0.16-9.12-0.384-13.568 C480.224,136.96,497.728,118.496,512,97.248z'/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 18px;
}


.toscrb {
	cursor: pointer;
}


.phone_header.right a {
	color: #000;
	text-decoration: none;
}



.toplink .blphone .phone {
	display: block;
	text-decoration: none;
	color: #fff;
}

.toplink .blphone .open-popup-link {	
	color: #fff;
}

.docs_row {
	display: flex;
	flex-wrap: wrap;
}

.docs_row .clear { display: none; }

.docs_block .docs_row .col5 {
	float: none;
	margin-bottom: 30px;
}

.cotnacts-table td {
	white-space: normal !important;
}

.service-block__item .service-item__list {
	justify-content: flex-start !important;
}

.linkkeys {
	position:relative;
}

.linkkeys::before {
	position: absolute !important;
	left: 50% !important;
	top: 50%;
	transform: translate(-50%, -50%);
}

.nav-menu-wp {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}






@media (max-width: 650px) {




	.service-block { padding-top: 1px !important; }

	.popup_bl.ver21 { zoom: 0.9; }
	.popup-block.ver21 .inner .right-block .title { padding-right: 20px; }

	.logo_bl {
		padding-top: 7px !important;
	}
.logo_bl img {
    width: 90px !important;
}

	.phone_header {
	        padding: 0 10px !important;
    padding-top: 16px !important;
}

	.logo_bl {  height: auto !important;}

	.descr { padding-top: 15px; } 
.voprosy .sl_button1 {     font-size: 16px !important; }

	.lp_block7 {
	margin-bottom: 50px;
}

}

.wrap.lp-joy {
    min-height: auto;
    padding: 0;
}

.jgallery--projects .jgallery-theme .jgallery-slide__link {
    height: 270px !important;
}

.jhero .jhero__container {
    padding-bottom: 24vh;
}

.jhero__container .jhero__title {
    padding-left: 0;
}

.jhero__container .jhero__note {
    font-size: 14px;
}

.jhero__container .jhero-btns__btn {
    font-size: 1.8vh;
}

.jtext-block__body,
.jresult__text {
    text-align: justify;
}


@media screen and (max-width: 991px) {
    .wrap {
        padding-bottom: 102px;
    }
}

@media screen and (max-width: 767px) {
    .wrap {
        padding-bottom: 132px;
    }
    .jgallery .jcontainer {
        padding-left: 0;
        padding-right: 0;
    }
    .jgallery--projects .jgallery-theme .jgallery-slide__link {
        height: auto !important;
    }

}

@media screen and (max-width: 500px) {
    .wrap {
        padding-bottom: 148px;
    }
}