@charset "utf-8";
/* created front-end developer by Roman, Skype: ItJustAlance */

@font-face {
    font-family: 'PF Agora Slab Pro';
    src: url('PFAgoraSlabPro-Medium.eot');
    src: local('PFAgoraSlabPro-Medium'),
        url('PFAgoraSlabPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('PFAgoraSlabPro-Medium.woff2') format('woff2'),
        url('PFAgoraSlabPro-Medium.woff') format('woff'),
        url('PFAgoraSlabPro-Medium.ttf') format('truetype'),
        url('PFAgoraSlabPro-Medium.svg#PFAgoraSlabPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PF Agora Serif Pro';
    src: url('PFAgoraSerifPro-Regular.eot');
    src: local('PFAgoraSerifPro-Regular'),
        url('PFAgoraSerifPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('PFAgoraSerifPro-Regular.woff2') format('woff2'),
        url('PFAgoraSerifPro-Regular.woff') format('woff'),
        url('PFAgoraSerifPro-Regular.ttf') format('truetype'),
        url('PFAgoraSerifPro-Regular.svg#PFAgoraSerifPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PF Agora Slab Pro';
    src: url('PFAgoraSlabPro-Regular.eot');
    src: local('PFAgoraSlabPro-Regular'),
        url('PFAgoraSlabPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('PFAgoraSlabPro-Regular.woff2') format('woff2'),
        url('PFAgoraSlabPro-Regular.woff') format('woff'),
        url('PFAgoraSlabPro-Regular.ttf') format('truetype'),
        url('PFAgoraSlabPro-Regular.svg#PFAgoraSlabPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PF Agora Serif Pro';
    src: url('PFAgoraSerifPro-Medium.eot');
    src: local('PFAgoraSerifPro-Medium'),
        url('PFAgoraSerifPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('PFAgoraSerifPro-Medium.woff2') format('woff2'),
        url('PFAgoraSerifPro-Medium.woff') format('woff'),
        url('PFAgoraSerifPro-Medium.ttf') format('truetype'),
        url('PFAgoraSerifPro-Medium.svg#PFAgoraSerifPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}


* {margin:0; padding:0; max-height: 9001em;}
img {border:none; max-width:100%; vertical-align:top;}
html {-webkit-text-size-adjust: none;
      -ms-text-size-adjust: none;
}
html, body { height:100%;}
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
h1 {}
p { padding:0 0 10px;}
a {color:#000;
  transition: all 0.3s ease;
}
a:hover { text-decoration:none;}
.over {float:left; width:100%; min-height:100%; margin-bottom:-197px;}
.f-clear {clear:both;width:100%; height:260px;}

/*
.vc-block {height:100px;}
.vc-block:before {content:""; display:inline-block;width:0;height:100%; vertical-align:middle;}
.vc-block .vc-cont {display:inline-block; vertical-align:middle;}


*/

input::-webkit-input-placeholder {
	opacity:1 !important;
	color:inherit;
}

input:-moz-placeholder { /* Firefox 18- */
  opacity:1 !important; color:inherit; 
}

input::-moz-placeholder {  /* Firefox 19+ */
   opacity:1 !important; color:inherit;
}

input:-ms-input-placeholder {  
   opacity:1 !important;  color:inherit;
}
textarea::-webkit-input-placeholder {
	opacity:1 !important;color:inherit;
}

textarea:-moz-placeholder { /* Firefox 18- */
  opacity:1 !important;  color:inherit;
}

textarea::-moz-placeholder {  /* Firefox 19+ */
   opacity:1 !important; color:inherit;
}

textarea:-ms-input-placeholder {  
   opacity:1 !important;  color:inherit;
}

.clearfix {
  *zoom: 1; }
  .clearfix:before {
    content: " ";
    display: table; }
  .clearfix:after {
    content: " ";
    display: table;
    clear: both; }

input[type='submit']::-moz-focus-inner, button::-moz-focus-inner { 
	padding:0;
	border:0;
	}

input, textarea {font-family:arial, "Trebuchet MS";}


span.v1 {display: table; #display:block; float:left; #position: relative; height:auto; overflow: hidden;}
span.v2 {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
span.v3 {#position: relative; #top: -50%;}
strong, b { font-weight:bold;}
i, em {font-style:italic;}
table p {padding:0 !important;}
body {font-family: 'PF Agora Serif Pro'; font-weight:400; line-height:1.3;font-size: 20px;color:#000;}

.all { margin:0 auto;}


.my-container { max-width:1042px; margin:0 auto;width:100%; font-family: 'PF Agora Serif Pro'; font-weight:400; line-height:1.3;font-size: 20px;color:#000;}
.my-container a {color:#000}
.my-container a:hover{ color:#000;}
.my-container .ban2 .b-text {font-size: 40px; line-height:1; text-align:center;font-family: 'PF Agora Slab Pro';font-weight: 500; position: absolute;top:45%;left:50px;display: inline-block;vertical-align: top;margin-top: -20px;}
.my-container .ban2 .b-text .title-ban span {font-size:23px}
.my-container .ban2 .b-text a {font-size: 13px;color:#000; text-decoration:underline;padding:7px 30px;background:rgba(255,255,255, .93);font-weight: 400; font-family:Helvetica, Arial, sans-serif}
.my-container .ban2 .b-text a:hover { text-decoration:none;}
.my-container .ban-big {position: relative;margin-bottom: 30px;font-family: 'PF Agora Slab Pro';font-weight: 500;font-size: 29px;}
.my-container .ban-big .text {display: inline-block; text-align:right; line-height:1.1; vertical-align:top;position: absolute;top:65px;left:50px; text-transform:uppercase; background:url(../img/logo.png) 100% 100% no-repeat;padding-right: 50px;padding-bottom: 73px;}
.my-container .text-ban { text-align:center;padding-bottom: 30px; text-transform:uppercase;}
.my-container .two-kartinks { display:flex; justify-content:space-between}
.my-container .two-kartinks .ban {width:50%; max-width:50%; min-width:50%; position: relative;padding-right: 15px;margin-bottom: 30px;  position: relative;transition: 1s;}
.my-container .two-kartinks .ban img{transition: 1s;}
.my-container .two-kartinks .ban a {display: block;overflow:hidden;}
.my-container .two-kartinks .ban:hover img { transform: scale(1.05);}
.my-container .two-kartinks .ban+.ban{padding-right: 0;padding-left: 15px;}
.my-container .btn-text {position: absolute;bottom:45px;display: block;left:50%; margin-left:-147px; background:rgba(255,255,255, .93);width: 293px;padding-top: 27px;font-size: 24px;padding-bottom: 28px;font-weight: 400;font-family: 'PF Agora Slab Pro'; text-align:center;}
.my-container .two-kartinks .text {color:#fff;bottom:22%; position: absolute;left:0;width: 100%; text-align:center;font-size: 40px;font-weight: 500;font-family: 'PF Agora Slab Pro'; }

.b-support {font-family: 'PF Agora Slab Pro';font-weight: 500;}
.b-support h2 {font-size: 27px;margin: 0;padding:30px 0 50px; text-align:center;}
.b-support .contacts{ text-align:center;}
.b-support .block {font-size: 17px;display: inline-block;vertical-align: top;margin-bottom: 25px; text-align:center;width: 240px;}
.b-support .block span {display:block;padding-bottom: 15px;}
.b-support .block .tel {display: inline-block;vertical-align: top; background:url(../img/phone.png) 0 0 no-repeat;padding-left: 36px;padding-bottom: 15px;color:#000; text-decoration:none;}
.b-support .block .mail {display: inline-block;vertical-align: top; background:url(../img/mail.png) 0 3px no-repeat;padding-left: 37px;color:#000; text-decoration:none;}
.b-support .block a:hover { opacity:0.7;}
.b-support {}

	

footer { text-align:center;padding-top: 30px;font-size: 15px;font-family: 'PF Agora Slab Pro';}
footer .foot-menu {border-top:1px solid #000;border-bottom:1px solid #000;padding:7px 0;margin-bottom: 80px;}
footer .foot-menu ul{margin: 0;padding: 0; list-style:none;display:flex; justify-content:space-between; max-width:1042px; margin:0 auto;}
footer .foot-menu ul li {display: inline-block;vertical-align: top; text-transform:uppercase; line-height:1;}
footer .foot-menu ul li.raz {width: 1px;content:"";border-left:1px solid #000;}
footer .foot-menu ul li a {color:#00; text-decoration:none;}

footer .copy { text-align:center;padding-bottom: 25px;font-size: 15px;}


header { background:#fff; position:fixed;top:0;left: 0;width: 100%;z-index: 2;}

.stickytop header .head-cont {padding-top: 20px;}
header .head-cont {max-width:1042px; margin:0 auto;padding:30px 0 7px; position: relative;}
header .logo { background:url(../img/logo.png) 50% 0 no-repeat;height: 71px;width:109px;display: block; margin:0 auto 40px;transition: all 0.3s ease;}
.stickytop header .logo { background-size:contain; height:40px;margin-bottom: 20px;} 
header nav {padding-bottom: 18px;border-bottom:1px solid #acabab;}
header nav ul {margin: 0;padding: 0; list-style:none; display:flex; justify-content:space-between;font-size: 19px; text-transform:uppercase;}
header nav ul li{display: inline-block;position: relative;vertical-align: top;}
header nav ul li a{color:#000; text-decoration:none;}
header nav ul li a:hover { text-decoration:underline;}
header nav ul li ul.brand-page-nav-sub {display: none;width: 240px;background: #fff;position: absolute;top:100%;left:0;margin-top: -1px;font-size: 14px;padding:15px 10px 10px; box-shadow:1px 1px 3px rgba(47,47,47, .2)}
header nav ul li ul.brand-page-nav-sub li {display: block;text-transform:none;}
header nav ul li ul.brand-page-nav-sub li a:hover { opacity:0.8;}
header nav ul li ul.brand-page-nav-sub li+li {border-top:1px solid #acabab;margin-top: 5px;padding-top: 5px;}
header nav ul li:hover ul.brand-page-nav-sub {display: block;}

#hamburger-icon {
    width: 22px;
    height: 18px;
    z-index: 1001;
    line-height:1;
	position: absolute;
	top:10px;
	left:15px;
	display: none;
		color:#3c3c3c;
}

body.active_m #hamburger-icon {
    height: 20px;
}

#hamburger-icon .line {
    display: block;
   background-color: #000;
    width: 22px;
    height: 3px;
    position: absolute;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#hamburger-icon strong { position:absolute;left:100%;top:5px; margin-left:10px;}
.active_m .line { background:#000;}
#hamburger-icon .line.line-1 {
    top: 0;
}

#hamburger-icon .line.line-2 {
    top: 50%;
}

#hamburger-icon .line.line-3 {
    top: 100%;
}

#hamburger-icon:hover .line-1, #hamburger-icon:focus .line-1 {
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
}

#hamburger-icon:hover .line-3, #hamburger-icon:focus .line-3 {
    transform: translateY(4px);
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
}

body.active_m #hamburger-icon .line-1 {
    transform: translateY(10px) translateX(0) rotate(45deg);
    -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
    -moz-transform: translateY(10px) translateX(0) rotate(45deg);
}

body.active_m #hamburger-icon .line-2 {
    opacity: 0;
}

body.active_m #hamburger-icon .line-3 {
    transform: translateY(-10px) translateX(0) rotate(-45deg);
    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
    -moz-transform: translateY(-10px) translateX(0) rotate(-45deg);
}

.mobile-nav {
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
  padding: 20px;
  left: -100%;
  top: 0;
  bottom:0;
  
  position: fixed;
  width: 95%;
  z-index: 12;
  transition: left 0.5s ease;
}

body.active_m .mobile-nav {
  left: 0;
}

.mobile-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow:auto;
  max-height:100%;
}
.mobile-nav ul ul {margin-left: 20px;display: none;}

.mobile-nav ul li a {
  color: inherit;
  text-decoration: none;
  font-size: 18px;
  line-height: 21px;
}

.mobile-nav-wrapper-close {
  height: 100vh;
  width: 100vw;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.5s 0s ease, z-index 0s 0.5s ease;
}

.mobile-nav-wrapper-close.mobile-nav-wrapper-close-active {
  opacity: 1;
  z-index: 2;
  transition: opacity 0.5s 0s ease, z-index 0s 0s ease;
}

.mobile-nav ul li {
  margin-bottom: 10px;
}

@media(max-width:950px){
#hamburger-icon {display: block;top:22px}
#hamburger-icon.close {left:auto;right:20px;}
header nav {display: none;}

header { position: fixed;top:0;left:0;width: 100%; z-index: 10; background:#fff;border-bottom:1px solid #acabab;height: 66px;}
header .head-cont, .stickytop header .head-cont{padding-top: 10px;padding-bottom: 10px;}
header .logo, .stickytop header .logo{margin-bottom: 0; background-size:contain; height:45px;}
.foot-menu {display: none;} 
}
@media(max-width:848px){
.my-container .ban-big {font-size: 24px;}
.my-container .ban-big .text {top:35px;left:35px; background-size:80px auto;padding-bottom: 60px;padding-right: 35px;}
.my-container .ban2 .b-text {font-size: 40px;left:50px}
.my-container .text-ban {padding-left: 5px;padding-right: 5px;}
.my-container {font-size: 18px;}
}
@media(max-width:768px){
.my-container .text-ban br {display: none;}
.b-support .block {margin-top: 10px;}
.b-support h2 {padding-bottom: 15px;}	
}

@media(max-width:506px){
.my-container .ban-big .text {position: relative;top: 0;left: 0;display: block; text-align:center;margin-bottom: 30px;margin-top: 25px;padding-right: 0; background-position:50% 100%}
.my-container .ban-big .text br {display: none;}
.my-container .two-kartinks {display: block;}
.my-container .two-kartinks .ban {width:100%; max-width:100%;padding:0 !important}
.my-container .ban2 .b-text {position: relative;padding-bottom: 30px;top:0;left: 0;margin: 0; text-align:center;display: block;}
header .logo, .stickytop header .logo {height: 40px;}
}