body, html {margin:0;padding:0;width:100%;min-width:400px;background:#fff;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;font-weight: 400;color:#000;font-size:14px;line-height:21px;-webkit-text-size-adjust: none;font-size:100%;}

* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin:0;padding:0;}
input,textarea {font-family: Arial, Helvetica Neue, Helvetica, sans-serif;}

.m {margin:0 auto;max-width:1318px;position:relative;}


h1, h2, h3, h4, h5, p {margin:15px 0;padding:0;}
img {border: none;max-width: 100%;}

.clr {clear:both;margin:0;padding:0;height:0;line-height:normal;}

ul {margin:0;padding:0;list-style:none}

a {color: #000;text-decoration: underline #adadad;transition: color .4s ease-in-out, opacity .4s ease-in-out, border .4s ease-in-out, background-color .4s ease-in-out, text-decoration .4s ease-in-out;}

a:hover {color: #928a21;text-decoration: underline #e1dda6;}
a.dashed {text-decoration-style: dashed;}

a img {border:none;text-decoration:none;}
a:hover img {opacity:0.9;}

a:focus {outline: none;}
strong, .strong {font-weight:bold;}

input::-moz-focus-inner {border: 0;padding: 0;}

span.skype_pnh_print_container {display:inline !important;}
span.skype_pnh_container {display:none !important;}

.fa {margin-right:4px;}
a.fa {color:#666;}
.margin_none {margin:0;}
.border_none {border:none;}
.mobile_yes {display:none;}


input.form_text, textarea.form_textarea {width:100%;height:34px;line-height:34px;border:1px solid #c8c8c8;background: #fff url(../i/input_top_bord.png) 0 0 repeat-x;padding:0 5px 0 10px;font-size:14px;color:#969696;margin:0 0 20px 0;text-align:left;}

textarea.form_textarea {resize:vertical;height:100px;line-height:17px;padding-top:7px;}

input.form_text:focus, textarea.form_textarea:focus {color:#000;}
input.form_text::-webkit-input-placeholder, textarea.form_textarea::-webkit-input-placeholder {color:#b1b2ad;}
input.form_text::-moz-placeholder, textarea.form_textarea::-moz-placeholder {color:#b1b2ad;}
input.form_text:-ms-input-placeholder, textarea.form_textarea:-ms-input-placeholder {color:#b1b2ad;}

input.form_text.error, textarea.form_textarea.error, .error input.form_text, .error textarea.form_textarea {border:1px solid #ffbbbb;}

.error_txt {display:block;height: 18px;line-height: 18px;padding-left: 0;background: none;color: #e21111;font-size: 12px;}



/* .buttons */
.button_white, .button_black, .button_red, .button_blue, .button_green {display:inline-block;line-height:47px;font-size:14px;padding:0 20px;box-shadow: 1px 1px 2px #d7d7d7;cursor:pointer;color:#000000;border:1px solid #b1b1b1;border-right: 1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;background:#F0F0F0;background-image: linear-gradient(to bottom, #F0F0F0 0%, #DCDCDC 100%);text-decoration:none;text-align:center;font-weight:normal;font-style:normal;border-radius:0;}

.button_black {color:#fff;border:1px solid #515151;background:#515151;background-image: linear-gradient(to bottom, #515151 0%, #0D0D0D 100%);}
.button_blue {color:#fff;border:1px solid #2a79a6;background:#2a79a6;background-image: linear-gradient(to bottom, #2a79a6 0%, #03527f 100%);}
.button_red {color:#fff;border:1px solid #e93a2b;background:#e93a2b;background-image: linear-gradient(to bottom, #e93a2b 0%, #b11406 100%);}
.button_green {color:#fff;border:1px solid #409700;background:#409700;background-image: linear-gradient(to bottom, #409700 0%, #2d6a00 100%);}

.button_white:hover, .button_black:hover, .button_red:hover, .button_blue:hover, .button_green:hover {color:#fff;background-image:none;text-decoration:none;}


/* default ~1000 */
body, html {height:100%;}

#main {position:relative;min-height:600px;height:100%;}


#header, #footer {position:absolute;left:0;top:0;z-index:100;width:100%;height: 70px;background:#f0f0f0;min-width:400px;}
#footer {top:auto;bottom:0;color: #000;}

#header .goto {position:absolute;right:20px;top:24px;}

#header #logo {position:absolute;left:20px;top:15px;width:192px;height:40px;/* background: url(../i/logo_violity_ccc_ua.png) 0 0 no-repeat;*/}
#header #logo a {display:block;width:192px;height:40px;}

#footer a {color: #010101;}
#footer .copy {position:absolute;right:20px;top:26px;font-size:14px;}
#footer .mailto {position:absolute;left:20px;top:26px;font-size:14px;}

#page_content {height:100%;}
#page_content .m {height:100%;}
#page_content .left {width:885px;height:434px;position:absolute;left:50%;top:50%;margin-top:-210px;margin-left:-400px;padding:79px 0 0 396px;background: url(../i/redirect.jpg) 0 center no-repeat;}
/*
#page_content .right {width:45%;height:100%;max-width:400px;float:left;margin-left:15%;background: url(../i/redirect.jpg) center center no-repeat;background-size:contain;}
*/
#page_content h1 {margin:0 0 20px 0;font-size: 44px;line-height:48px;color:#000000;font-weight:normal;}
#page_content p {margin:0 0 21px 0;padding:0;font-size:18px;line-height:27px;}
#page_content h1 em {display:block;font-style:normal;line-height:21px;color:#585858;font-size:20px;margin-bottom:9px;}
#page_content h1 .quote {display:inline-block;margin-left:-22px;}

.redirect_block {height:81px;position:relative;z-index:1;}
.redirect_block .txt {display:block;float:right;width:175px;font-size:15px;color:#010101;line-height:22px;padding-top:12px;}
.redirect_block .button_black {margin-top:20px;width:175px;}
.redirect_block .button_black i.fa {color:#FFFFFF;margin:0 0 0 10px;}

.redirect_block .chart {position: absolute;left: 197px;top: -4px;}
.redirect_block .chart .percent {position: absolute;left: 10px;top: 24px;color: #000;font-size: 36px;line-height: 40px;width: 80px;text-align: center;}
.redirect_block .param {position: absolute;left: 29px;top: 62px;color: #000;font-size: 13px;line-height: 16px;}


/* BIG */
@media only screen and (min-width:1200px) {

	/* 
	a {color: #000000;text-decoration: underline #adadad;transition: color .4s ease-in-out, opacity .4s ease-in-out, border .4s ease-in-out, background .4s ease-in-out, text-decoration .4s ease-in-out;}
	a:hover {color: #928a21;text-decoration: underline #e1dda6;}
	*/

	.areyourobot_captcha {margin-left:0;margin-right:0;}
}


@media only screen and (max-width:990px) {/*1200px */
	#page_content {height:auto;padding:100px 0 40px 0;}
	#page_content .m {height:auto;}
	#page_content .left {width:489px;height:auto;position:static;left:auto;top:auto;margin:0 auto;padding:0 0 0 0;background:none;}
	#page_content .right {width:100%;max-width:none;height:350px;float:none;margin:10px 0 0 0;background: url(../i/redirect.jpg) center bottom no-repeat;background-size:contain;}
	
	
	#footer {position:static;left:auto;top:auto;}
	#footer {min-height: 0;}
}


@media only screen and (max-width:800px) {
	.mobile_no {display:none;}
}

@media only screen and (max-width:600px) {
	#footer {height:auto;padding:29px 0;}
	#footer .copy, #footer .mailto {position:static;right:auto;left:auto;top:auto;text-align:center;}
	#footer .mailto {margin-bottom:20px;}
	
	
	#page_content .left {width:auto;}
	#page_content h1 .quote {display:inline-block;margin:0;}
	#page_content h1 {font-size:30px;line-height:36px;}
	
	.redirect_block {height:162px;width:305px;margin-left:auto;margin-right:auto;}
	.redirect_block .txt {display:block;float:none;width:auto;padding-top:0;position:absolute;left:0;top:100px;text-align:center;}
}
