@font-face {
	font-family: 'GothamPro';
	src: url(../fonts/gotham/GothamPro.eot);
	src: url(../fonts/gotham/GothamPro.eot) format('embedded-opentype'),
	url(../fonts/gotham/GothamPro.woff) format('woff'),
	url(../fonts/gotham/GothamPro.ttf) format('truetype'),
	url(../fonts/gotham/GothamPro.svg) format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamProM';
	src: url(../fonts/gotham/GothamPro-Medium.eot);
	src: url(../fonts/gotham/GothamPro-Medium.eot) format('embedded-opentype'),
	url(../fonts/gotham/GothamPro-Medium.woff) format('woff'),
	url(../fonts/gotham/GothamPro-Medium.ttf) format('truetype'),
	url(../fonts/gotham/GothamPro-Medium.svg) format('svg');
	font-weight: 500;
	font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), 
  	   url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), 
	   url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), 
	   url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), 
	   url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa,[class^=fa-],[class*=" fa-"]{
 	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	text-transform: none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:top;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
body{
	min-width:300px;
	margin:0;
	padding:0;
	font-size: 16px;
	font-family:'GothamPro',Arial,sans-serif;
	-webkit-text-size-adjust: none;
}
ol, ul {
  	list-style: none;
	margin:0;
	padding:0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button, input[type='button'] {
	background: none;
	border: none;
	display: inline-block;
	padding: 0;
	outline: none;
	outline-offset: 0;
	cursor: pointer;
	-webkit-appearance: none;
}
button::-moz-focus-inner, input[type='button']::-moz-focus-inner {
	border: none;
	padding: 0;
}
img {
	max-width: 100%;
	height: auto;
}
p {
	padding:15px 0;
}
a{font:inherit;color:inherit;text-decoration:none;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
a:focus{outline:none;}
a:active{background-color:transparent;}
.center {
	text-align: center;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.container-fluid:before, .container-fluid:after, .row:before, .row:after {
    content: " ";
    display: table;
}
.container-fluid:after, .row:after, .floatimg:after {
    clear: both;
}
.container-fluid {
    width: 100%;
    min-height: 1px;
}
.container-fluid [class*="grid_"] {
    float: left;
    width: 8.33333333%;
    min-height: 1px;
}
.container-fluid .grid_12 {
    width: 100%;
}
.container-fluid .grid_11 {
    width: 91.66666667%;
}
.container-fluid .grid_10 {
    width: 83.33333333%;
}
.container-fluid .grid_9,.container-fluid .grid_9f {
    width: 75%;
}
.container-fluid .grid_8 {
    width: 66.66666667%;
}
.container-fluid .grid_7 {
    width: 58.33333333%;
}
.container-fluid .grid_6 {
    width: 50%;
}
.container-fluid .grid_5,.container-fluid .grid_5sp {
    width: 41.66666667%;
}
.container-fluid .grid_4,.container-fluid .grid_4s {
    width: 33.33333333%;
}
.container-fluid .grid_4sp {
    width: 29.16666665%;
}
.container-fluid .grid_3, .container-fluid .grid_3s,.container-fluid .grid_3f  {
    width: 25%;
}
.container-fluid .grid_2 {
    width: 16.66666667%;
}
.container-fluid .grid_1 {
    width: 8.33333333%;
}
.container-fluid .grid_asym2 {
    width: 40%;
}
.container-fluid .grid_asym1 {
    width: 30%;
}
@media (max-width: 1199px) {
  p{padding:10px 0;}
}

@media (max-width: 979px) {
  .container-fluid .grid_5sp {
    width: 100%;
  }
  .container-fluid .grid_4sp {
    width: 50%;
  }
  .container-fluid .grid_4 {
    width: 36.66666667%;
  }
  .container-fluid .grid_3f {
    width: 30%;
  }
  .container-fluid .grid_3s, .container-fluid .grid_4s {
    width: 50%;
  }
  .container-fluid .grid_4s.full100{
    width: 100%;
  }
  .container-fluid .grid_8 {
    width: 63.33333333%;
  }
  .container-fluid .grid_9f {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .container-fluid [class*="grid_"] {
    float:none;
    display:block;
    width:100%;
    margin-left:0;
  }
}
@media (max-width: 479px) {
  .row{margin-left:0;}
}

.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}


#navContainer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
    height: 80px;
	background:#fff;
	-webkit-box-shadow: 0 0 5px 0 rgba(100, 100, 100, 0.4);
	-moz-box-shadow: 0 0 5px 0 rgba(100, 100, 100, 0.4);
	box-shadow: 0 0 5px 0 rgba(100, 100, 100, 0.4);
	display: flex;
}

.logo {
	display: inline-block;
	width: 11%;
	margin:0 25px 0 50px;
	line-height:76px;
}
.logo img {
	border:none;
	vertical-align: middle;
}
.lang {
	display: inline-block;
	margin:0 50px 0 25px;
    line-height: 30px;
    padding: 25px 0;
	letter-spacing:-0.03em;
	white-space: nowrap;
	width: 11%;
	text-align: right;
}
.lang span,.lang a {
	display: inline-block;
	color: #ff004e;
	margin-left: 5px;
	padding: 0 10px;
}
.lang span {
	background: #ff004e;
	color:#fff;
	cursor: default;
}
.lang a:hover {
	background: #ff004e;
	color:#fff;
}

.menu {
	margin:0 auto;
    display: inline-block;
	white-space: nowrap;
	letter-spacing: -0.01em;
}
.menu li {
    position: relative;
    height: 80px;
    display: inline-block;
    vertical-align: top;
}
.menu .menu_a {
    display: block;
    position: relative;
    line-height: 60px;
    text-decoration: none;
    font-size: 1.4em;
	color: #000;
    padding: 10px 25px 5px;
    border-bottom: 5px solid #fff;
}
.menu li:hover .menu_a {
	border-bottom: 5px solid #686786;
	padding: 10px 25px 1px;
	color: #ec0047;
}
.menu_a.active {
	color: #ec0047;
}
@media (max-width: 1599px) {
  .menu .menu_a{font-size:1.2em;}
}
@media (max-width: 1399px) {
  #navContainer,.logo,.menu li{height:70px;}
  .logo{line-height:66px;}
  .menu .menu_a{line-height:53px;font-size:1.1em;padding:8px 20px 4px;}
  .menu li:hover .menu_a {border-bottom:4px solid #686786;padding:8px 20px 1px;}
  .lang {padding:20px 0;line-height:30px;}
  .lang span,.lang a {font-size:15px;}
}
@media (max-width: 1199px) {
  #navContainer,.logo,.menu li{height:60px;}
  .logo{line-height:56px;}
  .menu .menu_a{line-height:43px;font-size:1em;}
  .lang {padding:18px 0;line-height:24px;}
  .lang span,.lang a {font-size:14px;}
}
@media (max-width: 979px) {
  /*.logo{width:100%;margin:0 0 0 calc(11% + 75px);text-align:center;}*/
  .logo {margin:0 20px;width:140px;}
  .lang {margin:0 30px 0 20px;}
  .menu .menu_a{padding:8px 8px 4px;}
  .menu li:hover .menu_a {padding:8px 8px 1px;}
}
@media (max-width: 767px) {
  .logo img{width:150px;}
  .menu{margin:0;}
  li.hide1{display:none;}
  .lang {position:absolute;right:0;width:auto;padding:15px 0;margin:0 20px;line-height:30px;}
  .lang span,.lang a {font-size:16px;}
}
@media (max-width: 659px) {
  li.hide2{display:none;}
}
@media (max-width: 579px) {
  .menu{display:none;}
}


/*.mobilepanel {
  display: none;
}
.mobilepanel_toggle {
  position: fixed;
  top: 0;
  left: 0;
  width: 78px;
  height: 65px;
  z-index: 9999998;
}
.mobilepanel_toggle span {
  position: relative;
  display: block;
  margin: auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mobilepanel_toggle span:after, .mobilepanel_toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mobilepanel_toggle span:after {
  top: 8px;
}
.mobilepanel_toggle span:after, .mobilepanel_toggle span:before, .mobilepanel_toggle span {
  width: 30px;
  height: 4px;
  background: #90876d;
  backface-visibility: hidden;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mobilepanel_toggle span:before, .mobilepanel_toggle span:after {
  -webkit-transition: top 0.3s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: top 0.3s 0.3s, -moz-transform 0.3s 0s;
  -ms-transition: top 0.3s 0.3s, -ms-transform 0.3s 0s;
  -o-transition: top 0.3s 0.3s, -o-transform 0.3s 0s;
  transition: top 0.3s 0.3s, transform 0.3s 0s;
}
.mobilepanel_toggle.active span {
  -webkit-transition: background .3s 0s ease;
  -moz-transition: background .3s 0s ease;
  -ms-transition: background .3s 0s ease;
  -o-transition: background .3s 0s ease;
  transition: background .3s 0s ease;
  background: transparent;
}
.mobilepanel_toggle.active span:before, .mobilepanel_toggle.active span:after {
  top: 0;
  -webkit-transition-delay: 0s, 0.3s;
  -moz-transition-delay: 0s, 0.3s;
  -ms-transition-delay: 0s, 0.3s;
  -o-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
  background: #90876d;
}
.mobilepanel_toggle.active span:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mobilepanel_toggle.active span:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999997;
  text-align: left;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.mobilemenu_ul {
  position: fixed;
  top: 64px;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 0 20px;
  color: #000;
  background: #fff;
  overflow: auto;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -ms-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.mobilemenu.active .mobilemenu_ul {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.mobilemenu_ul a {
  display: block;
  padding: 15px 10px 15px 20%;
  text-align:left;
  text-decoration: none;
  font-size: 1.4em;
  line-height: 20px;
}
.mobilemenu_ul a:hover {
  background: #e0decf;
}
.mobilemenu_ul a.menu_a:before {
  background:red;
  width:5px;
  height:5px;
}
.mobilemenu_ul ul a {
  padding-left: 40px;
  padding: 9px 10px 9px 25%;
  font-size: 1.2em;
}
.mobilemenu_ul:after {
  content: '';
  display: block;
  height: 20px;
}
@media (max-width: 979px) {
  .mobilemenu, .mobilepanel {display: block;}
}
@media (max-width: 699px) {
  .mobilepanel_toggle span:after, .mobilepanel_toggle span:before, .mobilepanel_toggle span{width:28px;}
}
@media (max-width: 379px) {
  .mobilepanel_toggle{height:60px;width:68px;}
  .mobilemenu_ul{top:59px;}
  .mobilepanel_toggle span:after, .mobilepanel_toggle span:before, .mobilepanel_toggle span{width:26px;}
}*/


h1{font-size:2.2em;margin-bottom:30px;font-family: "GothamProM", Helvetica, Arial, serif;}
h1,h2,h3,h4{margin-bottom:10px;line-height:1;}
h2.sp1{display:inline;position:relative;font-family: "GothamProM", Helvetica, Arial, serif;}
h2.sp1:before {
    position: absolute;
    /*top: 6px;*/
    top:0;
    left: -44px;
    content: '';
    width: 16px;
    /*height: 24px;*/
    height: 100%;
    border-right: 8px solid #686786;
    background: #ff004e;
}
h2{font-size:1.8em;}
@media (max-width:1599px){
h1{font-size:2em;}
h2{font-size:1.7em;}
}
@media (max-width:1399px){
h1{font-size:1.9em;}
h2{font-size:1.6em;}
}
@media (max-width:1199px){
h1{font-size:1.7em;}
h2{font-size:1.4em;}
}
@media (max-width:979px){
h1{font-size:1.6em;margin-bottom:20px;}
h2{font-size:1.4em;}
}
@media (max-width:767px){
h1{font-size:1.5em;}
h2{font-size:1.3em;}
}
@media (max-width:476px){
h1{font-size:1.3em;margin-bottom:5px;}
h2{font-size:1.1em;}
}

/* main content */
.content{font-size:20px;line-height:1.5;}
.content hr{border:1px solid #ff8400;}
.content p,.content ul{font-size:1em;}
.content p strong{letter-spacing:0.01em;}
.content p a{color:#3285b1;text-decoration:none;border-bottom:1px dashed #3285b1;}
.content p a:hover{border-bottom:1px solid #3285b1;}
.content ul.ullist{margin-left:40px;list-style:square;}
.content ul.notst li{margin:20px 0 25px 20px;padding-left:30px;border-left:5px solid #21a732;}
.content ul.notst b{display:block;}


.size1{margin:70px 16%;}
.size1minus{margin:30px -10% 0;}
@media (max-width: 1399px) {
  .content p,.content ul{font-size:0.9em;}
  .size1{margin:50px 12%;}
}
@media (max-width: 1199px) {
  .content p,.content ul{font-size:0.8em;}
}
@media (max-width: 767px) {
  .size1{margin:30px 12%;}
  .size1minus{margin:30px 0 0;}
}
@media (max-width: 479px) {
  .size1{margin:30px 7%;}
}


/* инфоблок */
.info_cell {
	margin:10px 50px;
	text-align: center;
	color: #cc003e;
}
.info_cell.correct {
	margin:50px 50px 20px;
}
.info_cell .name {
	display: inline-block;
	padding:10px 0;
	line-height:1.1;
    font-size: 1.3em;
	font-weight: bold;
}
.info_cell .name2 {
	display: inline-block;
	padding:10px 0;
	line-height:1;
    font-size: 1.7em;
	font-family: "GothamProM", Helvetica, Arial, serif;
	color:#000;
	font-weight: bold;
}
.info_cell .name2 strong {
    font-size: 1.4em;
	line-height:0.7;
}
.fix-but {
	display: inline-block;
	padding:10px 20px;
	background:#515275;
	font-size:1em;
	color:#fff;
	text-decoration: none;
	border:none;
	margin-top:25px;
	cursor: pointer;
}
.fix-but:hover {
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.3), 0 1px rgba(255,255,255,.1);
	-moz-box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.3), 0 1px rgba(255,255,255,.1);
	box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.3), 0 1px rgba(255,255,255,.1);
}
@media (max-width: 1599px) {
  .info_cell .name{font-size:1.2em;}
  .fix-but{font-size:0.9em;margin-top:25px;}
}
@media (max-width: 1399px) {
  .info_cell{margin:10px 40px;}
  .info_cell.correct{margin:50px 40px 20px;}
  .info_cell .name{font-size:1.1em;}
  .info_cell .name2{font-size:1.5em;}
  .info_cell .name2 strong{font-size:1.4em;}
}
@media (max-width: 1199px) {
  .info_cell .name{font-size:1em;}
  .fix-but{padding:10px 20px;font-size:0.8em;margin-top:15px;}
  .info_cell .name2{font-size:1.3em;}
}
@media (max-width: 979px) {
  .info_cell .name{font-size:0.9em;}
  .info_cell .name2{font-size:1.2em;line-height:1.2;}
  .info_cell .name2 strong{font-size:1.4em;}
}
@media (max-width: 767px) {
  .info_cell{margin:10px 0;}
  .info_cell .name,.info_cell .name2{display:block;}
}

@media (max-width: 479px) {
  
}

/* cell product */
.product{position:relative;display:block;margin:0 14px;border:7px solid #e4e1e8;text-align:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
div.product{cursor:default;}
.product.fixhei{height:410px;}
.product.fixhei2{height:370px;}
.product:hover{-webkit-box-shadow: 0px 0px 4px rgba(150,150,150,1);-moz-box-shadow: 0px 0px 4px rgba(150,150,150,1);box-shadow: 0px 0px 4px rgba(150,150,150,1);}
div.product:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.product h3,.product .headp{font-size:1.3em;padding:30px 10px;margin:-7px -7px 0 -7px;color:#000;letter-spacing:-0.02em;font-weight:bold;background:#e4e1e8 url(../images/bg-block.png);}
.product .price{padding:20px 5px;font-size:1.5em;line-height:2.0;margin:0;letter-spacing:-0.05em;}
.product .price strong{font-size:2em;line-height:1;font-style:normal;letter-spacing:-0.08em;padding:0 7px;}
.product .gunner{display:inline-block;line-height:1;margin:0 0 15px;padding:0 0 5px;color:#415f9c;text-decoration:none;border-bottom:1px dashed #415f9c;}
.product .gunner:hover{border-bottom:1px solid #5776bd;color:#5776bd;}
.product a.but{display:inline-block;width:80%;border:3px solid #fdda13;color:#000;margin-bottom:25px;padding:15px 0;letter-spacing:-0.02em;font-weight:bold;}
.product a.but:hover{background:#fdda13;border:3px solid #f7d202;}
.product ul{text-align:left;margin:26px 30px 30px 60px;font-size:17px;line-height:1.1;text-transform:none;}
.product ul li{position:relative;margin-bottom:10px;}
.product ul li:before{position:absolute;left:-16px;top:7px;width:7px;height:7px;content:'';background:#519ee7;border-radius:2px;}
.product .caption{height:44px;margin:0 15px 10px;text-align:center;overflow:hidden;}
.product .fixul{height:90px;}


@media (max-width:1799px){
.product ul{margin:26px 20px 30px 45px;}
}
@media (max-width:1599px){
.product{margin:12px;}
.product.fixhei2{height:360px;}
.product h3,.product .headp{font-size:1.2em;}
.product .price{font-size:1.4em;}
.product .price strong{font-size:1.9em;}
.product ul{margin:26px 15px 30px 40px;}
}
@media (max-width:1399px){.product{margin:10px;border:5px solid #e4e1e8;}
.product.fixhei{height:380px;}
.product.fixhei2{height:340px;}
.product h3,.product .headp{font-size:1.1em;padding:25px 10px;margin:-5px -5px 0 -5px;}
.linkp{font-size:1em;}
.product .price strong{font-size:1.8em;padding:0 5px;}
.product ul{font-size:16px;}
}
@media (max-width:1199px){.product{margin:8px;}
.product.fixhei{height:350px;}
.product.fixhei2{height:320px;}
.product h3,.product .headp{font-size:0.9em;}
.linkp{font-size:0.8em;}
.product .price{font-size:1.3em;}
.product .price strong{font-size:1.6em;}
.product ul{margin:26px 15px 30px 40px;font-size:14px;}
.product ul li:before{left:-15px;top:6px;}
}
@media (max-width:1099px){
.product ul{margin:18px 10px 20px 30px;}
}
@media (max-width:979px){.product{margin:12px;}
.product h3,.product .headp{padding:25px 10px;margin:-5px -5px 0 -5px;}
.product .price{font-size:1.4em;}
.product .price strong{font-size:1.8em;}
.product ul{margin:26px 30px 30px 60px;font-size:16px;}
.product ul li:before{left:-16px;top:7px;width:7px;height:7px;}
.product .fixul{height:80px;}
}
@media (max-width:767px){.product{margin:10px 0 20px;}
.product .price strong{font-size:1.6em;}
.product ul{margin:26px 15px 30px 45px;font-size:15px;}
.product ul li:before{left:-16px;top:6px;}
.product .fixul{height:auto;}
}

footer {
  margin:50px 0 0;
  font-weight: 400;
  color: #fff;
  background: #424e66;
  font-size: 15px;
}
.copyright {
  padding: 12px 25px;
}

/* popup окна */
.mp-trigger{cursor: pointer;}
.mp-overlay,.mp-popup{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9999999;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.mp-overlay{background-color:rgb(0,0,0);opacity:0;visibility:hidden;}
.mp-overlay.mp-show{visibility:visible;opacity:0.6;}
.mp-popup{overflow:hidden;margin:0;padding:0;border:0;border-collapse:collapse;visibility:hidden;opacity:0;font-size:20px;line-height:1.5;}
.mp-popup.mp-show{visibility:visible;opacity:1;overflow:auto;}
.mp-popup-box{height:100%;margin:0 auto;}
.mp-popup-box2{padding:0;margin:0;border:0;vertical-align:middle;}
.popup-close{position:absolute;right:20px;top:10px;font-size:2.5em;line-height:1em;color:#555;cursor:pointer;}
.popup-close:before{font-family:"FontAwesome"; content:"\f00d";}
.popup-close:hover{color:#ea0000;}
.popup-content{position:relative;margin:24px;background:#fff;color:#222;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.popup-content p,.popup-content ul{font-size:1em;}
.popup-content.full{top:0;bottom:0;left:0;right:0;padding:70px 110px;background:rgba(255,255,255,1);}
.popup-content.full.onescreen{position:absolute;overflow:hidden;margin:0;}
.popup-content.part{margin:24px 25%;padding:70px 90px;background:#fff;-webkit-box-shadow:0 0 0 6px rgba(153, 153, 153, .3);-moz-box-shadow:0 0 0 6px rgba(153, 153, 153, .3);box-shadow:0 0 0 6px rgba(153,153,153,.3);/*border-radius:6px;*/font-size:20px;line-height:1.5;}
.full.oprd{max-width:1000px;}
.oprd {max-width:700px;}
@media (max-width: 1599px) {
  .popup-close{font-size:2.4em;}
}
@media (max-width: 1399px) {
  .popup-close{font-size:2.3em;}
  .popup-content p,.popup-content ul{font-size:0.9em;}
  .popup-content.part{margin:24px 23%;padding:60px 70px;font-size:19px;}
}
@media (max-width: 1199px) {
  .popup-close{font-size:2.2em;}
  .popup-content p,.popup-content ul{font-size:0.8em;}
  .popup-content.full{padding:60px 70px;}
  .popup-content.part{margin:24px 19%;font-size:18px;}
}
@media (max-width: 979px) {
  .popup-content.full{padding:55px 60px;}
  .popup-content.part{margin:24px 15%;padding:55px 60px;}
}
@media (max-width: 767px) {
  .popup-close{font-size:2.1em;}
  .popup-content.full{padding:50px 40px;}
  .popup-content.part{margin:24px 15%;padding:50px 40px;font-size:16px;}
}
@media (max-width: 579px) {
  .popup-close{font-size:2em;}
  .popup-content{margin:0;}
  .popup-content.full{padding:50px 25px;}
  .popup-content.part{margin:0;padding:50px 30px;}
}

/* Effect 8: 3D flip horizontal */
.md-effect-mp{-webkit-perspective:1300px;-moz-perspective:1300px;perspective:1300px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-70deg);-moz-transform:rotateY(-70deg);-ms-transform:rotateY(-70deg);transform:rotateY(-70deg);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;opacity:0;}
.mp-show.md-effect-mp{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}

/* Effect 16:  Blur */
.md-effect-mpw {-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);-o-transform:translateY(-5%);transform:translateY(-5%);opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.mp-show.md-effect-mpw {-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;}

/* Effects */
@keyframes scaleone{
	0%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform: scale(1.1);}
	100%{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform: scale(1.0);}
}
@keyframes scale{
	0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform: scale(1);}
	50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform: scale(1.1);}
	100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform: scale(1);}
}
@-webkit-keyframes scroll {
    0%{opacity:0;}
    50%{opacity:1;-webkit-transform:translateY(12px);}
    100%{opacity:0;-webkit-transform:translateY(21px);}
}
@-moz-keyframes scroll {
    0%{opacity:0;}
    50%{opacity:1;-moz-transform:translateY(12px);}
    100%{opacity:0;-moz-transform:translateY(21px);}
}
@keyframes scroll {
    0%{opacity:0;}
    50%{
        opacity:1;
        -webkit-transform:translateY(12px);
        -moz-transform:translateY(12px);
        -ms-transform:translateY(12px);
        -o-transform:translateY(12px);
        transform:translateY(12px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(21px);
        -moz-transform:translateY(21px);
        -ms-transform:translateY(21px);
        -o-transform:translateY(21px);
        transform:translateY(21px)
    }
}
@-webkit-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}

@-webkit-keyframes fadeOut {
	0%{opacity:1;}
	100%{opacity: 0;}
}
@keyframes fadeOut {
	0%{opacity:1;}
	100%{opacity:0;}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}

@-webkit-keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0);}
	100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp{
 	0%{opacity:0;-webkit-transform:translate3d(0,200px,0);-ms-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0);}
	100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}


/* ul с выбором варианта */
.variant {margin:25px 0;}
.variant li {
    display: inline-block;
	padding:30px 50px;
	margin:10px;
	background: #e4e1e8 url(../images/bg-block.png);
	width:33%;
    color: #993232;
    text-align: center;
    vertical-align: baseline;
	font-size:1.2em;
	letter-spacing:-0.02em;
	font-weight:bold;
	cursor: pointer;
}
.variant ul.parametrs .check-param {
	background: #48ba45;
	color: #fff;
}
.variant.v2 .form-group {
	text-align: center;
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.variant.v2 p.label {
	font-size:1em;
	line-height:1;
	color: #104474;
}
.variant.v2 li {
	vertical-align: middle;
	padding:30px 10px;
	width:35%;
	height:90px;
	font-size:1em;
	line-height:1.2;
	overflow:hidden;
}
.variant.v2 span{
	display:inline-block;
	padding:15px 10px 0;
	color: #000;
	font-size:0.8em;
	font-weight: normal;
}
.variant ul.parametrs .check-param span {
	color: #fff;
}
.variant li:hover{-webkit-box-shadow: 0px 0px 3px rgba(150,150,150,1);-moz-box-shadow: 0px 0px 3px rgba(150,150,150,1);box-shadow: 0px 0px 3px rgba(150,150,150,1);}
.variant .answ{margin:25px 0 0;font-family:"GothamProM",Helvetica,Arial,serif;}
.variant .answ h4{color:#104474;}
.variant .answ p{font-size:1.2em;}
.variant .answ p span{font-size:1.5em;color:#4ea032;}
@media (max-width: 1399px){
  .variant li{padding:30px;font-size:1.1em;}
  .variant .answ p{font-size:1.1em;}
  .variant .answ p span{font-size:1.4em;}
}
@media (max-width: 1199px){
  .variant li{width:30%;padding:20px 30px;font-size:1em;}
  .variant .answ p{font-size:0.9em;}
  .variant .answ p span{font-size:1.3em;}
}
@media (max-width: 979px){
  .variant li{width:34%;padding:20px;}
  .variant.v2 p.label{font-size:0.9em;}
}
@media (max-width: 767px){
  .variant li{width:78%;padding:12px 20px;}
  .variant.v2 li{width:40%;height:95px;}
}
@media (max-width: 579px){
  .variant.v2 li{height:103px;}
}
@media (max-width: 479px){
  .variant.v2 li{padding:20px 10px;width:85%;height:65px;}
  .variant.v2 p.label{font-size:0.8em;}
}
@media (max-width: 379px){
  .variant.v2 li{height:80px;}
}

main {
	position: relative;
    display: block;
    top:80px;
    padding-top: 0;
}
h1.sp0 {
	position: absolute;
    right: 5%;
    left: 50%;
    top: calc(100vw * 0.08);
    font-size: 2.7em;
    z-index: 2;
}
.intro-box {
    position: relative;
    padding: 0;
    margin: 0;
}
.intro-box__wrapper.swiper-wrapper {
    align-items: stretch;
}
.intro-box__wrapper {
    width: 100%;
    height: calc(100vh - 80px);
    /*height: calc(100vw * 0.42);*/
    max-height: 870px;
}
.intro-box__slide {
    display: flex;
	background-repeat: no-repeat;
	background-position: 10% 10%;
    -webkit-background-size: contain;
    -moz-background-size: contain;    
    background-size: contain;
    padding: 0;
    overflow: hidden;
    align-items: center;
}
.intro-box__wrap {
	margin:0 10%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
/*.intro-box__wrap.left {
	margin:0 auto;
}
.intro-box__anons,.intro-box__block,.intro-box__last{
	z-index: 7;
}
.intro-content {
	position: relative;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
	z-index: 1;
	margin:40px 0 80px;
	padding:70px 0 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.intro-box__last {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 0 0 20px;
}*/
.intro-slide__promo {
    position: absolute;
    right: 8%;
    left:50%;
}
.intro-slide__promo h2 {
    color: #cc003e;
}
.intro-slide__promo p {
    margin:0 0 10px;
	font-weight: 500;
	font-size: 22px;
	line-height: 29px;
}
.intro-slide__promo p span{
	color:#ff004e;
}
.intro-slide__promo a {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	letter-spacing: 0.5px;
	margin: 0;
	padding: 15px 25px;
	border: 2px solid #ff004e;
	border-radius: 3px;
	background: rgba(255,255,255,0.1);
}
.intro-slide__anons {
    position: absolute;
    top: 70px;
    left: 5%;
}
.intro-slide__anons .anons {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    margin: 0 0 13px 0;
    line-height: 1.5;
    color: #4b545c;
    padding:3px 14px;
    border:1px solid #8c96a0;
    border-radius: 3px;
}
.intro-img {
	height: 100%;
	position:absolute;
	top:0;
	left:8%;
	right: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.intro-box-img {
	width: auto;
	max-height: 100%;
}
.intro-box__arrow {
	position: relative;
	/*margin:0 3%;*/
}
.intro-box__pagination {
    position: absolute;
    left:5%;
    bottom: 20px;
    width: 100%;
    z-index: 10
}
.intro-box__pagination .swiper-pagination {
    color: #fff;
    font-size: 24px
}
.intro-box__pagination .swiper-pagination-current {
    color: #c33;
    font-size: 18px;
    margin-right: 7px
}
.intro-box__pagination .swiper-pagination-total {
    color: #fff;
    font-size: 18px;
    margin-left: 7px
}
.intro-box .swiper-button-next,.intro-box .swiper-button-prev {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -46px;
    font-size: 30px;
    font-weight: bold;
    color:#000;
    background-color: rgba(104,103,133,0.2);
}
.intro-box .swiper-button-next:hover,.intro-box .swiper-button-prev:hover {
    background-color: rgba(255,255,255,0.6);
}
.intro-box .swiper-button-prev {
    left: 50%;
}
.intro-box .swiper-button-next {
    left: calc(50% + 60px);
    /*right: 5%;*/
}
.fa-chevron-left:before {
    content: "\f104"
}
.fa-chevron-right:before {
    content: "\f105"
}
/*.promo .promo__figure {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center
}

.promo .promo__figure .promo__figure-box {
    width: 645px;
    height: 645px;
    background-color: #f5f5f5
}
.promo__figure-svg {
    position: relative;
    height: 100%;
    fill: #f5f5f5;
    flex: none;
}*/
@media (max-width: 1599px) {
  h1.sp0 {position:absolute;right:5%;left:50%;top: calc(100vw * 0.09);font-size:2.5em;}
  .intro-slide__promo p {font-size:20px;line-height:27px;}
}
@media (max-width: 1399px) {
  main{top:70px;}
  h1.sp0 {font-size:2.2em;}
  .intro-slide__promo p {font-size:18px;line-height:24px;}
  .intro-slide__promo a {font-size:14px;padding:10px 20px;}
}
@media (max-width: 1199px) {
  main{top:60px;}
  .intro-box__wrapper {max-height:500px;}
  
  h1.sp0 {top:70px;font-size:1.9em;}
  .intro-slide__promo p {font-size:16px;line-height:22px;}
  .intro-slide__promo a {font-size:13px;padding:8px 16px;}
}
@media (max-width: 767px) {
  h1.sp0 {position:relative;right:0;left:0;top:20px;padding:0 20px;font-size:1.7em;text-align:center;}
  .intro-box__wrapper {max-height:300px;}
  .intro-slide__anons,.intro-box__arrow{visibility:hidden;}
  .intro-slide__promo p {font-size:15px;line-height:20px;}
}
@media (max-width: 529px) {
  .intro-img {top:0;left:5%;right:5%;opacity:0.2;}
  .intro-box-img {margin:auto;}
  .intro-slide__promo {right:8%;left:8%;}
}
@media (max-width: 379px) {
  h1.sp0 {font-size:1.5em;}
}