


/* Start:/bitrix/templates/rvpn16/styles.css*/
	body {background:#fff; margin:0; padding:0;}
	div, span, p, h1, h2, h3, h4, input, textarea, button, label {font-family:'Open Sans', sans-serif; color:#222;}
	div, span, p, input, textarea, button, label {font-size:28px; font-weight:300;}
	h1 {font-size:80px; font-weight:400;}
	h2 {font-size:60px; font-weight:300;}
	h3 {font-size:44px; font-weight:300;}
	h4 {font-size:36px; font-weight:400; color:#3498db;}

	.h1-ru {font-size:66px;}

	input, textarea, button {padding:5px;}
	input, textarea {margin:10px;}
	textarea:focus, input:focus{outline:none;}

	.h1IndexTop {padding:55px 0 0 0; height:425px;}
	.h1IndexTagline {font-size:45px; font-weight:300; margin-top:-30px;} 
	.h2Banner03 {font-weight:300; color:#fff; margin-left:300px; text-align:right; font-size:40px; padding-top:61px;}
	.h2Banner03-en {font-size:60px; padding-top:47px;}
	.h2Banner03-ru {font-size:40px; padding-top:61px;}
	.topBanner03 {height:180px;}

	.logo {padding: 65px 20px 0 55px; float:left; background:url(/images/rvpn/logo-03.png) left 65px no-repeat; text-decoration:none;}
	.inputtext, .inputtextarea {width:70%}

	.wrapper0, .wrapper1, .wrapper4 {max-width:1200px; margin:0 auto;}
	.wrapper1 {padding:10px 0;}
	.wrapper4 {padding:40px 0;}

	.h5 {font-size:30px; font-weight:400; min-height:82px;}

	.smallText {font-size:24px; font-weight:300;}
	.smallText2 {font-size:20px; font-weight:300;}

	.h2 {margin:100px 0;}
	.h3 {margin-bottom:0;}

	.mb0 {margin-bottom:0;}
	.mb20 {margin-bottom:20px;}

	.hBlock1 {margin:0 0 50px; padding:0 20px; vertical-align:top;}
	.hBlock1 .icon {float:left; margin:15px 40px 0 0;}
	.hBlock1 h4, .hBlock1 p {margin-left: 120px;}

	.hBlock2 {margin:0 0 50px; padding:0 20px; vertical-align:top; display:inline-block;}
	.hBlock2 {width:350px;}
	.hBlock2 {text-align: left;}

	.monitor {background:url(/images/rvpn/monitor-02.jpg) no-repeat; width:477px; height:420px; float:right; overflow:hidden; margin-top:-70px;}

	.icon {background:url(/images/rvpn/icons.png) no-repeat; overflow:hidden;}
	.icon64 {width:64px; height:64px; display:inline-block; margin:0 5px;}
	.icon80 {width:80px; height:80px; display:inline-block;}
	.iconSecurity {background-position:0 0;}
	.iconSpeed {background-position:0 -80px;}
	.iconRel {background-position:0 -160px;}
	.iconEasy {background-position:0 -240px;}
	.iconFb {background-position:0 -320px;}
	.iconYt {background-position:0 -384px;}
	.iconTw {background-position:0 -448px;}
//	.iconVk:hover {background-position:-40px -400px;}
//	.iconFb:hover {background-position:-40px -440px;}
//	.iconTw:hover {background-position:-40px -480px;}

	.white {color:#fff;}
	.cyan {color:#3498db;}
	.red {color:red;}

	.bgBanner02 {background:url(/images/rvpn/radmin-vpn-02.jpg) center repeat-x; height:785px; background-size:cover;}
	.bgBanner03 {background:url(/images/rvpn/radmin-vpn-03.jpg) center repeat-x; height:350px; background-size:cover;}
	.bgWhite {background:#fff;}
	.bgLightGray {background:#edf2f4;}
	.bgMidGray {background:#34495e;}
	.bgDarkGray {background:#1b1d1f;}

	.left {text-align:left;}
	.center {text-align:center;}

	.pic {background:url(/images/rvpn/pics-1.jpg) no-repeat; overflow:hidden;}
	.pic250 {width:250px; height:250px; display:inline-block; border-radius:5px;}
	.pic1 {background-position:0 0;}
	.pic2 {background-position:0 -250px;}
	.pic3 {background-position:0 -500px;}
	.clear {clear:both; height:0px; font-size:0px; line-height:0px;}

	.bottomMenuItem, .lng {font-size:20px; color:#3498db; text-decoration:none; text-transform:capitalize; margin:0 20px; line-height:40px; white-space:nowrap;}
//	.bottomMenuItem {font-weight:bold;}
	a.bottomMenuItem:hover, span.bottomMenuItem {text-decoration:underline;}
	.lng {border:2px solid #3498db; padding:5px 40px 5px 20px; border-radius:20px; background:url(/images/rvpn/icons.png) right -515px no-repeat; overflow:hidden;}
//	.lng:hover {color:#159ef9; border:2px solid #159ef9;}
	.lngSelect {padding:10px 30px; margin:5px 0; text-decoration:none; display:inline-block; color:#222; border-radius:3px; width:140px; font-weight:400; font-size:16px;}
	.lngSelect:hover {color:#fff; background-color:#3498db;}

	.helpPlus, .helpMinus {cursor:pointer; padding:8px 0 8px 55px; background:url(/images/rvpn/plus_minus5.png) no-repeat; font-size:30px; font-weight:400;}
	.helpPlus {background-position:0 -110px;}
	.helpMinus {background-position:-120px 10px;}
	.helpItem {padding:20px 60px; margin:10px 0 20px; background:#fff; display:none;}

	.buttonDownload {background:#3498db; color:#fff; font-size:40px; font-weight:300; padding:15px 40px; display:inline-block; border-radius:43px; text-decoration:none;}
	.buttonSubmit {background:#3498db; color:#fff; font-weight:300; padding:15px 40px; display:inline-block; border-radius:43px; text-decoration:none; border:none; cursor:pointer;}
	.starrequired {color:#ff0000;}

	.inputSupportForm, .textSupportForm {width:100%; padding:5px; margin:5px 0 10px 0; border-radius:3px; border:1px solid #bfbfbf;}
	.textSupportForm {height:244px;}
	.supportFormField {float:left; clear:left; width:46%;}
	.supportFormTextarea {float:right; clear:left; margin-top:-309px; width:46%; padding-right:22px;} 
	.supportFormSubmit {float:right;}
	.supportFormReq {}

	.blur {-webkit-filter:blur(7px); filter:blur(7px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');}
	#loader {position:absolute; display:none; background:url(/images/rvpn/loader.gif) no-repeat center rgba(255,255,255,0.6); z-index:9200;}

	button:active, button:focus, input:active, input:focus, textarea:active, textarea:focus {outline:none !important;}
	button::-moz-focus-inner, input::-moz-focus-inner, textarea::-moz-focus-inner {border:0 !important;}

	.errorText {color:red;}
	.fieldErrorText {color:#fff; background:#f66; font-size:16px; float:right; font-weight:bold; padding:2px 10px; border-radius:3px 3px 0 0; margin:19px -12px -19px 0;}
	.fieldError input, .fieldError textarea {background:#fdd; border:1px solid #f66;}

	.winCompatible {font-size:20px; color:#fff; background:url(/images/rvpn/win10.png) 0 20px no-repeat; display:inline-block; padding:20px 20px 20px 40px;}
	.img_responsive {max-width:100%; height: auto;}

	@media only screen and (max-width:1280px)
	{
		.wrapper0, .wrapper1, .wrapper4 {margin-left:40px; margin-right:40px;}
		.hBlock2 {width:300px;}
	}
	@media only screen and (max-width:1200px)
	{
		.h2Banner03-en {font-size:50px; padding-top:55px;}
		.h2Banner03-ru {font-size:36px; padding-top:66px;}
	}
	@media only screen and (max-width:1000px)
	{
		div, span, p, input, textarea, button, label {font-size:22px;}
		h1 {font-size:64px;}
		h2 {font-size:48px;}
		h3 {font-size:36px;}
		h4 {font-size:28px;}
		.h1-ru {font-size:52px;}
		.h5 {font-size:24px; min-height:66px;}
		.h1IndexTagline {font-size:36px;}
		.smallText {font-size:20px;}
		.smallText2 {font-size:16px;}
		.textSupportForm {height:204px;}
		.supportFormTextarea {margin-top:-261px;} 
		.h2Banner03-en {font-size:40px; padding-top:62px;}
		.topBanner03 {height:210px;}
		.buttonDownload {font-size:26px;}
		.fieldErrorText {margin:11px -12px -11px 0;}
	}
	@media only screen and (max-width:800px)
	{
		.supportFormField, .supportFormTextarea {float:left; clear:left; margin:0; width:70%;}
		.textSupportForm {height:80px;}
		.supportFormSubmit {float:none; display:block; margin:30px 0;}
		.monitor {display:none;}
		.h2Banner03-ru {font-size:30px; padding-top:72px;}
		.winCompatible {font-size:18px;}
	}
	@media only screen and (max-width:765px)
	{
		.h5 {min-height:0;}
	}
	@media only screen and (max-width:600px)
	{
		div, span, p, input, textarea, button, label {font-size:20px;}
		h1 {font-size:58px;}
		h2 {font-size:44px;}
		h3 {font-size:32px;}
		h4 {font-size:26px;}
		.h1-ru {font-size:48px;}
		.h5 {font-size:22px;}
		.h1IndexTagline {font-size:32px;}
		.smallText {font-size:18px;}
		.h1IndexTop {padding:40px 0 0 0; height:495px;}
		.h1IndexTagline {font-size:30px;}
		.h2Banner03 {display:none;}
		.winCompatible {font-size:16px;}
	}
	@media only screen and (max-width:400px)
	{
		h1 {font-size:52px;}
		h2 {font-size:40px;}
		.h1-ru {font-size:42px; padding-top:60px;}
		.h1IndexTagline {font-size:24px;}
		.h1IndexTop {padding:1px 0 0 0; height:534px;}
		.buttonDownload {font-size:20px;}
		.hBlock2 {width:100%; display:block; padding:0;}
		.hBlock1 {padding:0;}
		.hBlock1 .icon {margin:-8px -10px; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -o-transform:scale(0.6); transform: scale(0.6);}
		.hBlock1 h4, .hBlock1 p {margin-left:90px;}
		.pic250 {display:block;}
		.pic {margin:-40px auto; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7);}
	}
/* End */



/* Start:/bitrix/templates/rvpn16/template_styles.css*/
#lang {background: #ffffff; text-align: center; display:block; overflow:hidden; padding:0 20px;}

/* ses */
#err-content {display:none; width:320px; padding:40px;}
#err-text {}
#err-mess {width:308px; border:1px solid #999;}
#err-complete {display:none; width:320px; font-weight:bold; padding:40px;}
.sebar {padding:20px 0; background:#00467b; font-size:20px; color:#2597dd; border-bottom:1px solid #454a4d; font-weight:300; background:#1b1d1f;}
.sebutton {border:1px solid; border-radius:2px; padding:1px 5px; text-transform:uppercase; color:#2597dd; font-size:20px;}
/* End */
/* /bitrix/templates/rvpn16/styles.css */
/* /bitrix/templates/rvpn16/template_styles.css */
