html { height: 100%; }
body { height: 100%; min-height: 100%; position: relative; margin: 0px; padding: 0px; 
font-family: 'Exo 2', sans-serif;; font-size: 10pt; background: white top center; color: black; 
}

.dbg { border-top: 1px solid red; border-bottom: 1px solid blue; }

.fn { height: 0px; clear: both; background: none; margin: 0px; padding: 0px;}
.mc { min-width: 960px; width: 100%; position: relative; overflow: hidden; }
.cc { width: 960px; margin: 0px auto; position: relative; }
.mc.mm { position: fixed; z-index: 500; height: 65px; top: 0px; background-color: white; 
	-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.25);
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.25);	
	}

.mm .logo { position: relative; float: left; padding: 15px 0px; }
.logo img { display: block; }
.mm .phone { float: right; font-size: 22pt; font-weight: 800; padding: 13px 0px; }
.mm .mainmenu { text-transform: uppercase; padding: 15px 0px 0px 0px; margin-left: 75px; float: left; }
.mainmenu .mi { padding: 10px 15px; float: left; font-size: 10pt; font-weight: 700; color: #a2a1a1; }

.mm.slide-show { padding-top: 65px; }
.slides { height: 640px; position: relative; z-index: 0; }
.slide { height: 640px; position: fixed; width: 100%; height: 640px; }
.coverable {
	background-size: cover; background-position: center center;
	-ms-behavior: url(css/backgroundsize.min.htc);
}
.clickable { cursor: pointer; }
.working-scheme { width: 255px; height: 45px; background: url(../img/working-scheme.png) center center no-repeat; position: absolute; top: 550px; left: 50%; margin-left: -127px; }

#sl1 { background-image: url(../img/sl-01.jpg); }
#sl2 { background-image: url(../img/sl-02.jpg); }
#sl3 { background-image: url(../img/sl-03.jpg); }
a { color: red; }
a:hover { color: #f26c4f; }
a:visited { color: #9e0b0f; }

.about-us { font-size: 11pt; line-height: 1.5em; padding: 50px 0px 50px 0px; background-color: white; }
.about-us .ill { background: url(../img/containers.jpg) 0px 0px no-repeat; width: 600px; height: 210px; position: absolute; bottom: -30px; left: 50%; margin-left: 190px; z-index: 0; }
.c65 { float: left; width: 65%; z-index: 1; position: relative; }
.c65 .cntr { padding-right: 100px; }
.c35 { float: left; width: 35%; z-index: 1; position: relative; }
.c33 { float: left; width: 33%; position: relative; }
.c33 .cntr { padding-right: 40px; }

.title { font-weight: 800; text-transform: uppercase; text-align: center; font-size: 30pt; padding: 20px 0px 30px 0px; line-height: 1.1em; }
ul { list-style-type: none; padding: 0px; margin: 20px 0px; }
ul li { background: url(../img/li.png) 0px 11px no-repeat; padding: 3px 0px 20px 45px; }
ul.lli li { background: url(../img/lli.png) 0px 5px no-repeat; padding: 3px 0px 20px 35px; }

.animated {
transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.quickly {
transition: all 0.1s;
-webkit-transition: all 0.1s;
}

.services, .why-us { padding: 50px 0px; background-color: #246592; background-image: url(../img/services-bg.jpg); color: white; font-size: 14pt; line-height: 1.5em; font-weight: 200; }
.why-us { background-image: url(../img/whyus-bg.jpg) }
.services .title, .why-us .title { color: white; }
.btn-holder { padding: 20px; text-align: center; }
.services .btn, .slide-show .btn { font-size: 20pt; color: white; font-weight: 200; display: inline-block; text-align: center; margin: 0px auto; border: 5px solid rgba(255,255,255,0.25); cursor: pointer; }
.services .btn .grad, .slide-show .btn .grad, .contact-data .btn .grad { padding: 20px 50px; 
	background: #d41219;
	background: -moz-linear-gradient(top,  #d41219 0%, #a10b0f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d41219), color-stop(100%,#a10b0f));
	background: -webkit-linear-gradient(top,  #d41219 0%,#a10b0f 100%);
	background: -o-linear-gradient(top,  #d41219 0%,#a10b0f 100%);
	background: -ms-linear-gradient(top,  #d41219 0%,#a10b0f 100%);
	background: linear-gradient(to bottom,  #d41219 0%,#a10b0f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d41219', endColorstr='#a10b0f',GradientType=0 );	
}
.services .btn.hov, .slide-show .btn.hov { border-color: white; }
.contact-data .btn .grad { padding: 10px 20px; color: white; }
.contact-data .btn { cursor: pointer; }
.contact-data .btn.hov .grad {
	background: #a10b0f;
	background: -moz-linear-gradient(top,  #a10b0f 0%, #d41219 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a10b0f), color-stop(100%,#d41219));
	background: -webkit-linear-gradient(top,  #a10b0f 0%,#d41219 100%);
	background: -o-linear-gradient(top,  #a10b0f 0%,#d41219 100%);
	background: -ms-linear-gradient(top,  #a10b0f 0%,#d41219 100%);
	background: linear-gradient(to bottom,  #a10b0f 0%,#d41219 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a10b0f', endColorstr='#d41219',GradientType=0 );
}
.slide-show .btn { position: absolute; top: 110px; left: 50%; margin-left: 25px; }

.partners, .scheme { padding: 50px 0px; background-color: white; }
.partners { padding: 100px 0px; }
.partner-info { width: 25%; float: left; font-size: 12pt; font-weight: 200; text-align: center; padding-top: 20px; }
.partner-info .logo img { display: block; margin: 0px auto; cursor: pointer; }
.partner-info .lnk { text-align: center; width: 70%; margin: 0px auto; padding-top: 20px; }
.partner-info .lnk a { color: black; text-decoration: none; }
.partner-info.hov .lnk a { color: #36a3cf; text-decoration: underline; }

.contacts { height: 650px; position: relative; background-color: white; border-top: 1px solid #c0c0c0; }
.contacts .ymap { height: 650px; z-index: 1; position: absolute; top: 0px; left: 0px; width: 100%; border-top: 1px solid white; }
.contact-data { position: absolute; top: 50%; left: 50%; margin-left: -400px; margin-top: -100px; background-color: white; z-index: 2; 
	-webkit-box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.5);
	box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.5);	
	}
.contact-data .cntr { padding: 25px 35px; }
.contact-data a { color: #36a3cf; }
.c50 { float: left; } 
.contact-data .cntr .c50 .cntr { padding: 0px; }
.contact-data .cntr .c50:first-child .cntr { padding-right: 30px; }
.contact-data .cntr .c50 .cntr p:first-child { margin-top: 0px; }
.contact-data .cntr .c50 .cntr p:last-child { margin-bottom: 0px; }
.shft { width: 70px; display: inline-block; }

.why-item { width: 20%; float: left; position: relative; line-height: 1.5em; font-size: 11pt; font-weight: 400; }
.why-item .icon { width: 180px; height: 170px; margin: 0px auto; background: url(../img/icons.png) 0px 0px no-repeat; position: relative; }
.icon.red { background-position: 0px 0px; }
.icon.green { background-position: -180px 0px; }
.icon .pic { width: 55px; height: 55px; position: absolute; top: 50%; left: 50%; margin-top: -27px; margin-left: -32px; background: url(../img/icons.png) 1000px 1000px no-repeat; }
.pic.no-personal { background-position: 0px -170px; }
.pic.no-exchange { background-position: -55px -170px; }
.pic.control-ok { background-position: -110px -170px; }
.pic.economy { background-position: -165px -170px; }
.pic.no-registration { background-position: -220px -170px; }
.why-item .desc { width: 90%; margin: 0px auto; text-align: center; padding: 20px 0px; }
.why-row { position: relative; padding: 20px 0px; }

.scheme .why-item .desc { text-align: left; width: auto; padding-left: 35px; }
.slogan { font-size: 16pt; font-weight: 700; padding: 50px 0px 15px 125px; position: relative; width:520px; margin: 0px auto;}
.slogan .icon { width: 110px; height: 55px; top: 50%; margin-top: -12px; left: 5px; background: url(../img/icons.png) -275px -170px no-repeat; position: absolute; }

.msg-line-1 { font-size: 20pt; color: white; position: absolute; top: 115px; left: 50%; margin-left: -465px; line-height: 1em; font-weight: 200; }
.msg-line-2 { font-size: 36pt; color: white; position: absolute; top: 215px; left: 50%; margin-left: -465px; line-height: 1em; font-weight: 700; }
.msg-line-3 { font-size: 20pt; color: white; position: absolute; top: 275px; left: 50%; margin-left: -465px; line-height: 1em; font-weight: 700; }

.step { width: 180px; height: 170px; background: url(../img/steps.png) 0px 0px no-repeat; }
#step1 { background-position: 0px 0px; }
#step2 { background-position: -180px 0px; }
#step3 { background-position: -360px 0px; }
#step4 { background-position: -540px 0px; }
#step5 { background-position: -720px 0px; }

.slide-show #step5 { position: absolute; top: 330px; left: 50%; margin-left: 225px; }
.slide-show #step4 { position: absolute; top: 330px; left: 50%; margin-left: 35px; }
.slide-show #step2 { position: absolute; top: 230px; left: 50%; margin-left: 130px; }
.slide-show #step1 { position: absolute; top: 230px; left: 50%; margin-left: -60px; }
.slide-show #step3 { position: absolute; top: 230px; left: 50%; margin-left: 320px; }

.arrow { width: 100px; height: 40px; position: absolute; left: 125px; background: url(../img/steps.png) 0px -170px; top: -5px; }
.arrow.bottom { top: 140px; background-position: -100px -170px; left: 135px; }

.s2, .s3 { color: black; }
.s1 { color: white; }
.mi.hov { color: black; }
.mi.sel { background-color: #246592; color: white; }

.welcome-message { height: 640px; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 9; }
.contact-form { display: none; height: 640px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 10; background-color: rgba(0,0,0,0.75)}
.contact-form .mess, .frm { position: absolute; top: 140px; left: 50%; }
.frm .fld { padding: 10px 0px; }
input, textarea { border: 1px solid rgba(255,255,255,0.75); padding: 15px 20px; background-color: transparent; color: white; width: 400px; font-size: 14pt; font-family: 'Exo 2', sans-serif; }
textarea { height: 120px; }
.frm .btn, .mess .btn { position: relative; top: 0px; left: 0px; margin-left: 0px; }
.contact-form .mess { width: 450px; text-align: center; top: 85px; }

.spinner { background: url(../img/loader.gif) center center rgba(255,0,0,0.75) no-repeat; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.contact-form .close { position: absolute; background: url(../img/close.png) center center black no-repeat; width: 50px; height: 50px; top: 100px; background-size: none; 
	-webkit-border-radius: 50%;
	border-radius: 50%;	
}
.close-btn { margin-left: 450px; left: 50%; }
.close-btn.hov { background-color: red; }

.hint { position: absolute; z-index: 80; left: 0px; background-color: #efefd4; border: 1px solid #c3c3ab; height: auto; top: -210px; display: none; z-index: 1000; }
.hint .hcont { padding: 10px 20px; font-size: 8pt; }
.hint .arr { position: absolute; bottom: -5px; left: 20px; background: url(../img/harr.gif) 0px 0px no-repeat; z-index: 5; width: 10px; height: 5px; }
.hint .close { position: absolute; top: -13px; right: -13px; width: 25px; height: 25px; background: none; background-color: #a4a491; z-index: 5; cursor: pointer; border: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;	
}
.hint .close:hover { background-color: #7e7e70; }
.hint .close img { display: block; width: 100%; height: 100%; border: none; }
.contact-form .mess { font-size: 20pt; color: white; line-height: 1.2em; font-weight: 200; }
.err { color: #f39699; }

.xmass-top { position: absolute; top: 65px; width: 100%; height: 61px; background: url(../img/x-top2.png) center center repeat-x; z-index:900;}
.x-balls-1 { position: absolute; top: 80px; width: 65px; height: 55px; background: url(../img/x-balls-1.png) 0px 0px no-repeat; }
.x-balls-2 { position: absolute; top: 4px; left: 70px; width: 49px; height: 86px; background: url(../img/x-balls-2.png) 0px 0px no-repeat; z-index: 10; }
.x-gift { position: absolute; top: 3px; left: 48px; width: 46px; height: 35px; background: url(../img/x-gift.png) 0px 0px no-repeat; }
.xballs { position: absolute; top: 0px; left: 50%; margin-left: -770px; background: url(../img/x-balls-3.png) center center no-repeat; z-index: 1000; width: 266px; height: 387px; }

.copy { padding: 20px 0px; text-align: center; color: white; border-top: 1px solid black; font-size: 12pt; font-weight: 200; background-color: #246592; background-image: url(../img/services-bg.jpg); }

input.agree{width:auto;}
.copy a{color:#fff;}