/* ==============================================================================
   mainblocks
   ==============================================================================*/

#prehead { height: 85px; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,.15); position: fixed; top: 0; z-index: 990; }
#mainblock { height: 697px; background: url(../img/bg1.jpg) bottom center; }
#your_salary { height: 999px; background: url(../img/bg2.jpg) top center; }
#why_much { background: #f7f5ec; }
#about_us { min-height: 710px; background: url(../img/bg4.jpg); }
#we_glad { height: 760px; background: url(../img/bg6.jpg) top center; }
#not_desturb { height: 620px; background: url(../img/bg7.jpg) top center; }
#reviews { min-height: 900px; background: url(../img/bg4.jpg) top center; }
#question { background: #f9f8f1; }
#footer { background: #534e48; }

.bbb { font-family: 'bbb'; }
.bb { font-family: 'bb'; }
.pb { font-family: 'pb'; }
.pl { font-family: 'pl'; }
.pr { font-family: 'pr'; }
.yell { color: #d8ab00; }

.clearfix { clear: both; }

.cap { font-family: 'bb'; font-size: 48px; line-height: 48px; text-align: center; }
.cap span { color: #d8ab00; }
.subcap { font-family: 'bb'; font-size: 36px; line-height: 52px; text-align: center; }
.cen {text-align: center;}
.contain {width: 100%; clear: both; position: relative;}
.center {height:100%; margin:0px auto; width:980px; clear:both; /*border-right: 1px dashed red; border-left: 1px dashed red;*/ }

/* ==============================================================================
   subblocks
   ==============================================================================*/

/*-------------prehead--------------*/
#prehead .center { padding: 12px 25px; }
.firm_logo { width: 180px; float: left; text-align: center; }
.agency { background: #d5ac00; color: #fff; padding: 3px; font-size: 14px; margin-top: 2px; }
.main_descriptor { font-size: 16px; line-height: 22px; float: left; margin: 8px 23px; padding-left: 13px; border-left: 1px solid #afafaa; }
.phone_block { float: right; text-align: right; }
.headfoot_phone { font-size: 24px; color: #5b5b5b; text-decoration: none; }
/*-------------mainblock--------------*/
#mainblock .center { padding-top: 156px; text-align: center; }
#main_offer { margin-bottom: 24px; font-family: 'bbb'; text-shadow: 0.5px 0.866px 0px rgba(0, 0, 0, 0.35); color: #fff; font-size: 68px; background: rgba(221,163,40,0.9); display: inline-block; padding: 0 15px; letter-spacing: 3.5px; }
#become, #recieve { color: #fff; background: rgba(50,32,6,0.6); display: inline-block; padding: 0 10px; }
#become { font-size: 32px; line-height: 38px; }
#recieve { font-size: 24px; }
#recieve span { padding: 0 15px; }
#places_block { height: 88px; display: inline-block; margin: 70px 0 30px; }
#places_count, #places_digit, #places { float: left; font-size: 36px; background: rgba(221,163,40,0.9); padding: 0 12px; }
#places_digit { width: 122px; height: 88px; background: url(../img/time.png) no-repeat; font-size: 62px; line-height: 92px; margin-top: -20px; }
/*-------------indexes--------------*/
#indexes .center { padding: 35px 0; text-align: center; }
#index_items li { width: 172px; display: inline-block; margin: 0 26px; vertical-align: top; }
#index_items li img { margin-bottom: 20px; }
/*-------------your_salary--------------*/
#your_salary .center { padding: 40px 0; }
#your_salary .cap { margin-bottom: 30px; }
#calc_block { height: 410px; background: url(../img/calc1.png) top center no-repeat; margin-bottom: 30px; }
#calc_block input[type="range"] {
	margin: 120px 250px;
	width: 480px;
	-webkit-appearance: none;
}
input[type=range] { -webkit-appearance: none !important; outline: none !important; box-shadow: none !important; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none !important; }
input[type=range]:focus { outline: none !important; box-shadow: none !important; }
input[type=range]::-ms-track {
	width: 100%;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border: 2px solid #d8ab00;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #ffffff;
	cursor: pointer;
}
input[type=range]::-moz-range-thumb {
	border: 2px solid #d8ab00;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #ffffff;
	cursor: pointer;
}
input[type=range]::-ms-thumb {
	border: 2px solid #d8ab00;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #ffffff;
	cursor: pointer;
}
input[type=range]::-webkit-slider-runnable-track,
input[type=range]:focus::-webkit-slider-runnable-track,
input[type=range]::-moz-range-track,
input[type=range]::-ms-track,
input[type=range]::-ms-fill-lower,
input[type=range]:focus::-ms-fill-lower,
input[type=range]::-ms-fill-upper,
input[type=range]:focus::-ms-fill-upper {
	background: transparent !important;
}
#calc_block output { float: right; font-family: courier,sans-serif; font-size: 64px; font-weight: bold; letter-spacing: 17.5px; margin: -50px 296px; color: #d8ab00; }
#your_task {}
#your_task ul { margin: 0px; padding: 0; }
#your_task li { width: 454px; height: 135px; display: inline-block; background: url(../img/task_block.png); text-align: center; vertical-align: top; margin-bottom: 30px; }
#your_task li span { font-size: 30px; color: #d8ab00; margin-bottom: 20px; }
#your_task li p { margin-top: 10px; padding: 0 20px; }
/*-------------why_much--------------*/
#why_much .center { padding: 55px 0; }
#compare1_block { margin-top: 20px; }
#other_comp, #our_comp { width: 439px; height: 635px; display: inline-block; vertical-align: top; text-align: center; padding: 80px 33px 0; margin: 0 23px; }
#other_comp { background: url(../img/why_other.png); }
#our_comp { background: url(../img/why_our.png); }
.compare_text { font-size: 18px; line-height: 22px; height: 400px; }
.compare_text span { font-size: 30px; }
.compare_price { font-size: 48px; line-height: 50px; /*margin-top: 165px;*/ }
#other_comp .compare_text { color: #2b2b2b; }
#other_comp .compare_price { color: #8e8d8c; }
#our_comp .compare_text { color: #fff; }
#our_comp .compare_price { color: #e2b600; }
/*-------------about_us--------------*/
#about_us .center { padding: 55px 40px; }
#about_us .cap { text-align: left; color: #fff; }
#about_us .subcap { text-align: left; color: #e2b600; }
#about_left { float: left; width: 49%; }
#about_left img { border: 7px solid #b18d11; }
#about_right { float: right; width: 49%; }
#about_text { color: #fff; margin-bottom: 20px; }
#about_text span { font-size: 30px; }
/*-------------pluses--------------*/
#pluses .center { padding: 60px 0; }
#pluses ul { margin: 0; padding: 0; }
#pluses li { width: 445px; min-height: 120px; margin: 65px 0 0 17px; display: inline-block; vertical-align: top; text-align: left; font-size: 16px; line-height: 22px; }
#pluses li span { font-size: 24px; line-height: 24px; color: #d8ab00; }
#pluses li p { display: inline-block; width: 338px; margin-top: 0; }
#pluses img { border-radius: 50%; border: 2px solid #fff; margin-right: 15px; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.2); float: left; }
/*-------------we_glad & not_desturb--------------*/
#we_glad .center { padding: 80px 60px; }
#we_glad .cap, #we_glad .subcap, #not_desturb .cap, #not_desturb .subcap { text-align: left; }
#we_glad ul, #not_desturb ul { margin: 30px 0; padding: 0; font-size: 20px; }
#we_glad li, #not_desturb li { list-style-type: none; margin: 7px 0; }
#we_glad li:before, #not_desturb li:before { padding-right: 22px; position: relative; top: 8px; }
#we_glad li:before { content: url(../img/check_plus.png); }
#not_desturb li:before { content: url(../img/check_stop.png); }
#not_desturb .center { padding-top: 70px; }
#ddright { width: 510px; float: right; margin-right: 35px; }
/*-------------reviews--------------*/
#reviews .center { padding: 60px 0 55px; }
#reviews .cap { color: #fff; }
.rev_block { width: 310px; margin: 28px 5px 20px; padding: 10px 0 40px; vertical-align: top; display: inline-block; text-align: center; background: rgba(247,245,236,.9); border-radius: 7px; }
.rev_block span { color: #d8ab00; }
.rev_name, .rev_data, .rev_text { margin: 15px; }
.rev_name { font-size: 24px; line-height: 26px; }
.rev_data { font-size: 16px; line-height: 22px; }
.rev_photo { width: 100%; height: 184px; background: #ccc; }
.rev_text { font-size: 16px; line-height: 22px; }
/*-------------map--------------*/
.where_we { width: 770px; height: 100px; margin: -100px auto; position: relative; top: -350px; box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2); z-index: 980; }
.where_we .cap { color: #fff; }
.map_left { background: #724d38; float: left; width: 300px; height: 100%; padding-top: 24px; }
.map_right { background: #f7f5ec; height: 100%; padding: 18px 0 0 320px; font-size: 20px; }
.map_right a { color: #222; text-decoration: none; margin-right: 10px; }
.map_right a:hover { text-decoration: underline; }
.map_right img { margin: 0 8px 5px; }
/*-------------question--------------*/
#question .center { padding: 40px; text-align: center; }
#question .subcap { margin-bottom: 20px; }
/*-------------footer--------------*/
#footer .center { padding: 25px; text-align: center; }
#footer .phone_block a { text-decoration: none; color: #fff7ef; }
#footer .main_descriptor { color: #fff7ef; }
#production { font-size: 12px; line-height: 18px; }
#production img { margin-bottom: 15px; }
#production a { text-decoration: none; color: #fff7ef;  }
#footer .logo { margin-bottom: 20px; }
#jurinfo { font-size: 12px; line-height: 18px; margin: 20px; }

/* ==============================================================================
   modal windows
   ==============================================================================*/
   
.modal, .modal_thanks, #modal_video { z-index: 999; box-shadow: 0 5px 15px rgba(0,0,0,.8); border-radius: 6px; }
.modal {
	background: #826e5e;
	padding: 30px 20px;
	text-align: center;
	display: none;
	width: 400px;
	height: 450px;
	box-sizing: border-box;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -260px;
	margin-left: -200px;
}
.modal_thanks {
	display: none;
	width: 440px;
	height: 250px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -220px;
	margin-top: -125px;
	box-sizing: border-box;
	padding: 40px;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	background: #fff;
}
#modal_video { display: none; width: 800px; height: 450px; position: fixed; top: 50%; left: 50%; margin-top: -225px; margin-left: -400px; background: #000; }
#modal_video .modal_close { left: 30px; top: 0; }
#modal_video iframe { margin-top: -20px; border-radius: 6px; }
#modal_question { min-height: 590px; margin-top: -295px; }
.modal_thanks .modal_close { left: 70px; top: -40px; }
.overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	z-index: 997;
}
.modal_close {
	width: 20px;
	height: 20px;
	background: url(../img/close_btn1.png) bottom right no-repeat;
	display: block;
	cursor: pointer;
	position: relative;
	left: 50px;
	top: -30px;
	color: #606060;
	float: right;
}
.resume_modal { height: 600px; position: fixed; top: 50%; margin-top: -300px; }
.resume_modal textarea { height: 130px; margin-bottom: 15px; margin-left: 5px; }
.modal_close:hover { background-position: top right; color: #3482f0; }
.form_cap { font-family: 'bb'; text-transform: uppercase; font-size: 36px; line-height: 36px; color: #fff; }
.form_comment { font-size: 21px; line-height: 22px; margin: 10px 0 20px; color: #ffde00; }
.data_safe { margin-top: 14px; font-size: 14px; line-height: 18px; }

/* ==============================================================================
   buttons
   ==============================================================================*/

.btn_yellow {
	width: 260px; height: 50px; font-family: 'pr'; text-shadow: 0.629px 0.777px 0px rgba(255, 255, 255, 0.68); font-size: 18px; line-height: 50px;
	border-radius: 6px; text-align: center; cursor: pointer;
	background-image: linear-gradient( 90deg, rgb(248,177,0) 0%, rgb(251,220,0) 99%);
	background-image: -moz-linear-gradient( 90deg, rgb(248,177,0) 0%, rgb(251,220,0) 99%);
	background-image: -webkit-linear-gradient( 90deg, rgb(248,177,0) 0%, rgb(251,220,0) 99%);
	background-image: -ms-linear-gradient( 90deg, rgb(248,177,0) 0%, rgb(251,220,0) 99%);
	box-shadow: 0px 2px 1px 0px rgba(151, 110, 1, 0.97), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.004);
		transition: all 0.1s ease 0.1s;
		-moz-transition: all 0.1s ease 0.1s;
		-webkit-transition: all 0.1s ease 0.1s;
}
.small { width: 175px; height: 30px; font-size: 18px; line-height: 30px; position: relative; left: 30px; top: -2px; }
.btn_yellow:hover {
	background-image: linear-gradient( 90deg, rgb(255,204,0) 0%, rgb(253,255,49) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(255,204,0) 0%, rgb(253,255,49) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,204,0) 0%, rgb(253,255,49) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,204,0) 0%, rgb(253,255,49) 100%);
}
.prebtn { border-radius: 7px; background-color: rgba(255, 255, 255, .2); box-shadow: inset 1px 2px 2px 0px rgba(0, 0, 0, 0.5); padding: 10px; display: inline-block; border-top: 1px solid rgba(169,156,128,.1); border-left: 1px solid rgba(169,156,128,.1); }

#mainblock .btn_yellow { min-width: 300px; display: inline-block; font-size: 30px; line-height: 65px; height: 65px; }
#we_glad .prebtn { margin: 30px 120px; }
#reviews .btn_yellow, #question .btn_yellow { display: inline-block; }
#your_salary .btn_yellow { margin: 55px 350px; }
/* ==============================================================================
   forms
   ==============================================================================*/

.form_id { display: none; }
.name {
	background: url(../img/lf_name.png) 13px 17px no-repeat #fff;
}
.phone {
	background: url(../img/lf_phone.png) 13px 17px no-repeat #fff;
}
.mail {
	background: url(../img/lf_mail.png) 13px 17px no-repeat #fff;
}

input, textarea {
	box-sizing: border-box;
	border: 0;
	border-radius: 6px;
	margin: 20px auto 10px;
	font-family: 'pr';
	font-size: 16px !important;
	color: #333;
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
}
textarea { width: 260px; padding: 20px; height: 150px; resize: none !important; }
input[type="text"], input[type="email"] {
	width: 260px;
	height: 50px;
	padding-left: 38px;
}
.modal input[type="text"] {
	margin-bottom: 10px !important;
}
#modal_question textarea { margin-bottom: 15px !important; }

input:focus, textarea:focus { box-shadow: 0 0 7px rgba(84,135,204,.4); transition: box-shadow 0.2s ease 0s, border-color 0.2s ease 0s; }
input.error { border-color: red; color: red; background-color: #ffe3e3; transition: border-color 0.2s ease 0.2s, background-color 0.2s ease 0.2s;}
input.error:focus { color: #4d4d4d; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
input[type="file"] { margin: 15px 0; width: 260px; }
.fileform { 
	background-color: #ffffff;
	border: 0 none;
	border-radius: 6px;
	cursor: pointer;
	display: inline-block;
	height: 46px;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 2px;
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 260px;
}
 
.fileform .selectbutton { 
	background-color: #a2a3a3;
	border: 1px solid #939494;
	border-radius: 5px;
	color: #ffffff;
	float: right;
	font-size: 16px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	padding: 9px 6px;
	text-align: center;
	vertical-align: middle;
	width: 70px;
}
 
.fileform #upload{
	position:absolute; 
	top: -15px; 
	left:0; 
	width:100%; 
	-moz-opacity: 0; 
	filter: alpha(opacity=0); 
	opacity: 0; 
	font-size: 150px; 
	height: 46px; 
	z-index:20;
	cursor: pointer;
}

.fileform #fileformlabel { 
	background-color: #ffffff;
	float: left;
	height: 46px;
	line-height: 22px;
	overflow: hidden;
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	width: 160px;
}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

body {
	padding: 0px;
	margin: 0px;
	font-family: 'pr';
	font-size: 18px;
	line-height: 1em;
	color: #2c2c2c;
	position: relative;
}
div { box-sizing: border-box; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; line-height: 1.4; } /*font-size: 1em; */

::-moz-selection { background: #3487f3; color: #fff; text-shadow: none; }
::selection { background: #3487f3; color: #fff; text-shadow: none; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }