body, html {margin:0; padding:0; width:100%; min-width:400px; background:#ffffff; font-family: Arial, Helvetica Neue, Helvetica, sans-serif;  font-weight: 400;  color:#000000; 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; }

.block_m{ margin:0 auto; padding:0 20px;  max-width:1340px; }

/*
.block_m{ margin:0 auto; padding:0;  width:980px; }
*/

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: #000000; 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:#666666;}
.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;}

.block_m  {position:relative;}

#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 .block_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: #000000;
    font-size: 36px;
    line-height: 40px;
    width: 80px;
    text-align: center;
}
.redirect_block .param {
    position: absolute;
    left: 29px;
    top: 62px;
    color: #000000;
    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;}

}

/* /BIG */


@media only screen and (max-width:990px){/*990px / 1200px */
	#page_content{ height:auto; padding:100px 0 40px 0; }
	#page_content .block_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; }
	
}