﻿/*  by Unbat / Igor Nedosekov / unbat@unbat.ru / 2015 */

/* FONTS*/
@font-face{font-family:'Proxima Nova';src:local('Proxima Nova Regular'),local(Proxima_Nova_Regular),url(../fonts/proxima_nova_regular.woff2) format("woff2"),url(../fonts/proxima_nova_regular.woff) format("woff"),url(../fonts/proxima_nova_regular.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'Proxima Nova';src:local('Proxima Nova Bold'),local(Proxima_Nova_Bold),url(../fonts/proxima_nova_bold.woff2) format("woff2"),url(../fonts/proxima_nova_bold.woff) format("woff"),url(../fonts/proxima_nova_bold.ttf) format("truetype");font-weight:700;font-style:normal}
@font-face{font-family:'Proxima Nova';src:local('Proxima Nova Semibold'),local(Proxima_Nova_Semibold),url(../fonts/proxima_nova_semibold.woff2) format("woff2"),url(../fonts/proxima_nova_semibold.woff) format("woff"),url(../fonts/proxima_nova_semibold.ttf) format("truetype");font-weight:600;font-style:normal}
@font-face{font-family:'Proxima Nova';src:local('Proxima Nova Italic'),local(Proxima_Nova_italic),url(../fonts/proxima_nova_regular_italic.woff2) format("woff2"),url(../fonts/proxima_nova_regular_italic.woff) format("woff"),url(../fonts/proxima_nova_regular_italic.ttf) format("truetype");font-weight:400;font-style:italic}

 /* MAIN */
html,body{width:100%;height:100%}
body{background:#efefef;font-family:Proxima Nova;color:#4c4c4c;font-size:18px;letter-spacing:.3px;line-height:1.2}
strong{font-weight:700}
.italic{font-style:italic}
.div-table{display:table;height:100%}
.div-cell{display:table-cell;height:100%;vertical-align:middle}
.imgResponsive{width:100%;height:auto}
.clearfix:after{content:" ";visibility:hidden;display:block;height:0;clear:both}

/* разметка */
#zigmundBlock{background:#f2ca80;border-radius:0 0 10px 10px;width:180px;height:110px;position:absolute;z-index:100;top:0;left:50%;margin:0 0 0 -90px;text-align:center}
#zigmund{display:inline-block;width:135px;height:61px;background:url(../img/iconset.png) no-repeat 0 0;margin:16px 0 0}
#left{width:50%;position:fixed;top:0;left:0;bottom:0;background:#303030 url(../img/leftBg.jpg) no-repeat top right;background-size:cover;color:#efefef}
#right{width:50%;position:absolute;top:0;right:0;bottom:0;color:#4c4c4c}
.max700{max-width:700px; margin:0 auto}
/*#left .max700{float:right;width:100%}*/
@media(max-width:1280px) {
	#left{background-position:top center}}
@media(max-width:1023px) {
	#left,#right,.max700,#vertical-line,#left .max700,.left,.right{width:auto;height:auto;position:static;border:none;float:none;clear:both}
	.max700{margin:0 auto}
	#zigmundBlock{display:none}}
	
/* ЛЕВЫЙ БЛОК */
#leftPadding{height:30px}
#left h1,#left h2{display:block;text-align:center;font-size:38px;text-transform:uppercase;padding:10px 0;letter-spacing:2px}
#left h2{font-size:20px}
.centralLine{height:30px;width:1px;background:#efefef;margin:0 auto}
.spacing{height:10px}
.centralDot{height:7px;width:7px;background:#efefef;margin:0 auto}
form{padding:10px 0}
.inputBlock{max-width:410px;margin:0 auto;padding:8px 0}
input{width:calc(100% - 4px);border:2px solid #efefef;text-align:center;height:42px;line-height:42px;background:transparent;font-size:17px;letter-spacing:1.5px;text-transform:uppercase;color:#efefef;font-weight:600}
input::-webkit-input-placeholder{color:#efefef}
input::-moz-placeholder{color:#efefef}
input:-moz-placeholder{color:#efefef}
input:-ms-input-placeholder{color:#efefef}
input[type="submit"]{background:#efefef;color:#323232;font-weight:700;width:calc(100% - 1px);cursor:pointer;-webkit-appearance:none;-webkit-border-radius:0;line-height:38px}
input:not([disabled="disabled"]):hover,input:focus{box-shadow:0 0 5px rgba(242,202,128,1);border:2px solid rgba(242,202,128,1);outline:none}
input[type="submit"]:not([disabled="disabled"]):hover{background:#f2ca80;border:2px solid #f2ca80}
input[type="submit"][disabled="disabled"]:hover{cursor:default}
.inputError{box-shadow:0 0 5px rgba(190,0,0,1);border:2px solid rgba(190,0,0,1);outline:none}
@media(max-width:767px) {
	.centralLine{height:40px}
	.inputBlock{padding:10px 0}
	input{width:calc(100% - 32px);margin:0 0 0 15px}
	#left h1{font-size:30px}
	input[type="submit"]{font-size:15px;letter-spacing:0}}

/* ПРАВЫЙ БЛОК */
#right .padding{height:60px}
#right .article{max-width:650px;padding:0 25px}
#right h1{font-size:30px;padding:0 0 15px}
#right h2{color:#4c4c4c;font-weight:700;font-size:22px;display:inline-block;background:#f2ca80;padding:15px 20px;margin:40px 0 20px}
#right li{list-style-type:disc;list-style-position:inside;padding:0 0 2px}
#right p{padding:11px 0}
#right .line{height:4px;background:#f2ca80;margin:40px 0}
#right .imgResponsive{margin:20px 0 0}
.numberListLine{padding:30px 0}
.numberListItem{width:50%;float:left}
.numberListItem .div-cell:first-of-type{width:45px;vertical-align:top}
.numberListItem .div-cell:last-of-type{padding:0}
.circle{display:inline-block;width:30px;height:30px;border:3px solid #f2ca80;text-align:center;font-size:20px;font-weight:700;line-height:30px;border-radius:50%;color:#8c8c8c}
.skobki{padding:30px 0}
.leftCell{border-left:4px solid #f2ca80;border-top:3px solid #f2ca80;border-bottom:3px solid #f2ca80;width:11px}
.rightCell{border-right:4px solid #f2ca80;border-top:3px solid #f2ca80;border-bottom:3px solid #f2ca80;width:11px}
.skobkiContent{padding:17px 20px}
.skobkiContent p{font-size:20px}
.uppercase{font-size:20px;text-transform:uppercase}
.bigBold{font-size:40px;letter-spacing:1.5px;font-weight:700}
.rub{display:inline-block;width:22px;height:30px;background:url(../img/iconset.png) no-repeat 0 -256px;margin:0 7px;}
@media(max-width:767px) {
	.numberListLine{padding:0}
	.numberListItem{float:none;width:auto;padding:30px 0}}

/* КНОПКА и ПОПАП */
#button{width:114px;height:114px;background:url(../img/iconset.png) no-repeat 0 -61px;position:fixed;bottom:0;left:0;z-index:100;cursor:pointer}
#gray{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;background:#000;opacity:.6;display:none}
#popup,#popup2{position:fixed;top:50%;left:50%;max-width:1000px;z-index:10000;text-align:center;display:none}
#popupHide,#popupHide2{padding:0 0 15px;text-align:right}
#popupCross,#popupCross2{width:24px;height:25px;display:inline-block;background:url(../img/iconset.png) no-repeat 0 -231px;cursor:pointer}
.popupContent{background:#efefef;padding:100px}
#popup h1,#popup2 h1{color:#333;font-weight:700;font-size:30px;text-transform:uppercase;letter-spacing:1.5px}
#popup h3{color:#333;font-size:20px;text-align:center;font-weight:700}
#popup2 h3{color:#333;font-size:20px;text-align:center}
.miniLine{height:4px;width:40px;background:#f2ca80;margin:10px auto;}
#popup .orangeBorder{border:3px solid #f2ca80;padding:40px;margin:40px auto;max-width:420px}
#popup input{border:1px solid #4c4c4c;color:#4c4c4c}
#popup input::-webkit-input-placeholder{color:#4c4c4c}
#popup input::-moz-placeholder{color:#4c4c4c}
#popup input:-moz-placeholder{color:#4c4c4c}
#popup input:-ms-input-placeholder{color:#4c4c4c}
#popup input[type="submit"]{background:#4c4c4c;color:#efefef}
#thxNo{font-size:15px;cursor:pointer;text-decoration:underline}
@media(max-width:767px) {
	#popup h1 {font-size:20px}
	#popup input {margin:0 auto}
	#popup input[type="submit"]{font-size:13px}
	#button{width:57px;height:57px;background:url(../img/iconset.png) no-repeat 0 -174px}
	#popup,#popup2{padding:0;top:0;left:0}	
	.popupContent{padding:20px 15px}
	#popup .orangeBorder{padding:0 15px;margin:20px auto}
	.popupInput{margin:0;width:calc(100% - 32px)}}

/* ВЕЛКОМЫ */
.welcome h1{color:#333;font-weight:700;font-size:30px;text-transform:uppercase;letter-spacing:1.5px;display:block;text-align:center;margin:200px 0 0 0;}
.welcome h3{color:#333;font-size:20px;text-align:center;display:block;}