* {box-sizing:border-box; margin:0; padding:0;}

@font-face {
	font-family: 'Conv_Days';
	src: url('fonts/Days.eot');
	src: local('☺'), url('fonts/Days.woff') format('woff'), url('fonts/Days.ttf') format('truetype'), url('fonts/Days.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {height:100%;}
body {font:1em/1.6em 'Open Sans', sans-serif; color:#555; height:100%; overflow-y:scroll;}
body:before {display:block; position:fixed; top:0; bottom:0; width:100%; background:url(../images/background_.jpg) no-repeat center center / cover; content:" "; z-index:-1;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}

a {color:#fff; outline:none; text-decoration:underline;}
img {width:auto; max-width:100%; height:auto; border:none;}

.wrapper {position:relative; width:1200px; max-width:80%; margin:0 auto; min-height:100%; height:auto !important; height:100%;}

.header {padding:20px 0; display:table; width:100%;}
.header > div {display:table-cell;}
.logo img {width:300px; max-width:100%;}
.phone {text-align:right; vertical-align:middle; font-family:'Conv_Days';}
.phone a {display:inline-block; background:url(../images/phone.png) no-repeat left center; padding-left:60px; line-height:48px; color:#fff; text-decoration:none; font-size:1.6em; font-weight:700;}

.main {padding:20px 0; position:relative;}
.slogan {font-family:'Conv_Days'; font-size:33px; text-transform:uppercase; line-height:1.2em; color:#fff; text-align:center; margin-bottom:40px;}
.slogan > span {display:block; color:#E65714; text-shadow:0 0 50px #fff;}

.catalog {position:absolute; top:25vh; right:50%; width:600px; height:400px; background:url(../images/catalog.png) no-repeat center center / contain; overflow:hidden;}

.catalog .pulse {border:0px solid #000000; padding:0; position:absolute; left:40%; top:40%; width:200px; height:200px;
	-webkit-animation:transform-peek 2500ms linear 0ms infinite normal both;
	-moz-animation:transform-peek 2500ms linear 0ms infinite normal both;
	animation:transform-peek 2500ms linear 0ms infinite normal both;
}

.form {width:500px; max-width:100%; float:right; margin-top:20px; padding:0 20px 20px; background:rgba(0,0,0,.3); border-radius:20px;}
.form .title {display:block; text-align:center; padding:40px 0; font-family:'Conv_Days'; font-size:25px; color:#fff;}

/* Modal */
.overlay {display:none; position:fixed; top:0; bottom:0; width:100%; background:#000; z-index:100; overflow:hidden;}
.modal {position:relative; display:none; width:400px; max-width:100%; margin:0 auto; color:#000; background:#fff; padding:10px 30px 30px 30px; z-index:101; border-radius:5px;}
.mtitle {display:block; font-size:1.4em; line-height:1em; margin:0 0 30px; text-align:center; padding:20px;}
.mclose {position:relative; display:block;}
.mclose b {position:absolute; top:-5px; right:-15px; font-size:2.4em; font-weight:normal; line-height:1em; color:#777; cursor:pointer;}
.mform {width:400px; max-width:100%;}
.form .mform  {width:100%;}
.mform [type="text"], .mform [type="tel"], .mform [type="password"], .mform [type="email"], .mform select, .mform textarea {display:block; width:100%; margin-bottom:20px; padding:0 15px; height:60px; line-height:60px; text-align:center; font-size:1.2em; color:#777; border:1px solid #ddd; border-radius:30px; outline:none;}
.mform select {text-align-last:center; text-align:center;}
.mform textarea {min-height:100px;}
.mform label {display:block; padding:5px 0; text-align:center; font-family:Times New Roman; font-size:.8em; cursor:pointer;}

.button {display:inline-block; margin:2px; padding:0 20px; background:#7C2724; color:#fff !important; font-size:14px; font-weight:600; text-transform:uppercase; text-align:center; text-decoration:none; cursor:pointer; letter-spacing:1.5px; height:34px; line-height:34px; border-radius:17px; transition:.5s all;}

small.opd {display:block; text-align:center; margin:10px auto; font-size:.75em; line-height:1.2em; color:#fff;}

.modal.big {width:800px; max-width:98%; overflow:hidden;}
.modal.big .big-text {height:70vh; overflow:auto; border:1px solid #dedede; padding:10px; background:#efefef;}
.modal.big .big-text::-webkit-scrollbar {width:6px;}
.modal.big .big-text::-webkit-scrollbar-track {background-color:#ecedee;}
.modal.big .big-text::-webkit-scrollbar-thumb {border-radius:3px;background-color:#F44417;}

.callbackbtn {display:block; position:relative; overflow:hidden; height:60px; cursor:pointer; border-radius:30px;}
.callbackbtn .butt-anim {
	display:block;
	width:100%;
	height:60px;
	background-color:#E38602;
	background:linear-gradient(to left, #E38602 0%, #E92329 100%);
	border:0px #245580 solid;
	text-align:center;
	color:#fff;
	font-family:'Conv_Days';
	font-size:20px;
	line-height:60px;
}
.callbackbtn .butt-anim:after {
	content:"";
	margin-left:60px;
	width:30px;
	height:300px;
	background:#fff;
	-webkit-animation-delay:0.05s;
	animation-delay:0.05s;
	position:absolute;
	left:-40px;
	top:-150px;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-transition:all 0.1s;
	transition:all 0.1s;
	-webkit-animation-name:slideme;
	animation-name:slideme;
	-webkit-animation-duration:3s;
	animation-duration:3s;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#wait {display:none; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,.95) url(../images/loader.gif) no-repeat center center; z-index:9999;}
#easyTooltip {display:none; width:auto; padding:20px; background:#fff; line-height:1.4em; border-radius:10px;}

@media only screen and (max-width:769px) {
	.wrapper {max-width:90%; margin:0 auto 40px auto}	
	.header {padding:20px 0; display:block; text-align:center;}
	.header > div {display:block;}
	.logo img {width:300px; max-width:100%;}
	.phone {text-align:center; padding:20px 0;}
	.phone a {font-size:1.4em;}
	
	.nomobile {display:none !important;}
	
	.main {padding:20px 0; position:relative;}
	.slogan {font-size:30px; text-align:center;}
	.slogan > span {text-align:center;}
	
	.catalog {position:relative; top:auto; left:0; right:0; margin:20px auto; text-align:center; width:100%; height:300px;}
	.catalog .pulse {border:0px solid #000000; padding:0; position:absolute; left:35%; top:30%; width:200px; height:200px;}
	
	.form {width:100%; text-align:center; margin-bottom:20px; float:none;}
	.form .mform {width:100%;}
}