html { height:100%; margin: 0; padding: 0;}

	article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, address {display: block;}

	audio, canvas, video {display: inline-block;}
	audio:not([controls]) {display: none; height: 0;}

    ul, ol, li, form, fieldset, a, img, div, figure, time, article { margin: 0; padding: 0; border: 0; }

	address {font-style: normal;}

    ul {list-style: insidebar;}
    ol {list-style: insidebar;}

    ul li {list-style: none; list-style: outsidebar none;}
    ol li {list-style: decimal insidebar; }

    ol {padding: 10px 0;}
    ol li {margin: 0 0 20px 0;}

    body {height:100%; position: relative; margin: 0; font-size: 18px; min-width: 920px;}
    body, td, input, textarea, a {margin: 0px; padding: 0px; color: #000; font-family: dinpro;}
    a {text-decoration: none;}
    a:hover {text-decoration: none; color: #FC4101;}

	h1 {font: 200 54px dinpro; color: #000; margin: 0 0 25px 0; padding: 0;}
	h2 {font: 200 25px/30px dinpro; color: #000; margin: 0 0 15px 0; padding: 0;}
	h3 {font: 700 20px dinpro; color: #000; margin: 0 0 10px 0; padding: 0;}
	h4 {font: 14px dinpro; color: #000; margin: 0 0 10px 0; padding: 0; }


	p {font: 23px/27px dinpro; margin: 0 0 27px 0; padding: 0;}

	table {border-collapse: collapse; border-spacing: 0;}

	ul {font-weight: normal;}

	.center_box {width: 920px; margin: 0 auto;z-index:100; position: relative; padding: 0 25px;}
	.content_box .center_box > .wrapper {padding: 0 20px;}
	.main {min-height: 100%; position: relative; background: #fff; overflow: hidden;}
    #page_1 .add-contractor {position:absolute;top:-100px;left:700px;z-index:100}

  /* fonts */

	@font-face {
	    font-family: 'dinpro';
	    src: url('../fonts/dinpro-medium.eot');
	    src: url('../fonts/dinpro-medium.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/dinpro-medium.woff') format('woff'),
	         url('../fonts/dinpro-medium.ttf') format('truetype');
	    font-weight: 700;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'dinpro';
	    src: url('../fonts/dinpro-regular.eot');
	    src: url('../fonts/dinpro-regular.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/dinpro-regular.woff') format('woff'),
	         url('../fonts/dinpro-regular.ttf') format('truetype');
	    font-weight: 400;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'dinpro';
	    src: url('../fonts/dinpro-light.eot');
	    src: url('../fonts/dinpro-light.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/dinpro-light.woff') format('woff'),
	         url('../fonts/dinpro-light.ttf') format('truetype');
	    font-weight: 200;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'dinpro';
	    src: url('../fonts/dinpro-bold.eot');
	    src: url('../fonts/dinpro-bold.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/dinpro-bold.woff') format('woff'),
	         url('../fonts/dinpro-bold.ttf') format('truetype');
	    font-weight: 900;
	    font-style: normal;
	}

  /* forms */

	*:focus {outline: none;}
	input {margin: 0;}


  /* header */

  header {
  	background: #111111;
  	background-image: url("../img/header.jpg");
  	background-size: 100%;
  	background-repeat: no-repeat;
  	height: 770px !important;
  	background-position: center top;
  }



	header {position: relative; z-index: 5; height: 700px;}

	header .center_box {position: relative; z-index: 100;}

	header .logo { padding: 66px 0 86px; }

	#ms_right input[type="text"] {
		width: 100%;
	}

	#ms_left input[type="text"] {
		width: 100%;
	}

	#main_search {
		background-color: #ce231a;
		color: #FFFFFF;
		width: 100%;
		height: 72px;
		position: absolute;
		bottom: 183px;
		z-index: 100;
	}

	.block_wrapper {
		width: 990px;
		margin: 0 auto;
	}

	#main_search p {
		color: #dc635c;
		font-family: 'DINProCyr-Medium';
		font-size: 17px;
		margin: 0px !important;
	}

	@font-face {
		font-family: 'DINProCyr-Medium';
    	src: url("../fonts/DINProCyr-Medium.ttf");
	}

	header h1 {
		color: #FFFFFF;
		font-size: 55px;
		text-align: center;
		font-family: 'DINProCyr-Medium';
	}

	#header_login, .border-btn {
		background: none;
		color: #98d1d7;
		font-size: 17px;
		display: inline-block;
		padding: 5px 17px;
		border: 1px solid #98d1d7;
		float: right;
		margin-top: 13px;
		border-radius: 5px;
		margin-left: 10px;
	}
    
    #contractor_btn {
        background: none;
		color: #98d1d7;
		font-size: 17px;
		display: inline-block;
		padding: 5px 17px;
		border: 1px solid #98d1d7;
        float: left;
        margin-top: -14px;
        border-radius: 5px;
        margin-left: 24px;
	}

	#contractor_btn:hover {
		border-color: #FFFFFF;
		color: #FFFFFF;
		text-decoration: none;
		cursor: pointer;
	}

    header .btn {
        background: none;
        color: #98d1d7;
        font-size: 17px;
        display: inline-block;
        padding: 5px 17px;
        border: 1px solid #98d1d7;
        float: right;
        margin-top: 13px;
        border-radius: 5px;
        margin-left: 10px;
    }

    header .btn:hover {
        border-color: #FFFFFF;
        color: #FFFFFF;
        text-decoration: none;
        cursor: pointer;
    }

	#header_login:hover, .border-btn:hover {
		border-color: #FFFFFF;
		color: #FFFFFF;
		text-decoration: none;
		cursor: pointer;
	}

	#search_end,#client_ca_i,#search_beginning,#client_cargo_i,#client_cargo_size {
		background-color: transparent;
		border: 0px;
		font-size: 25px;
		color: #FFFFFF;
	}

	#search_country {
		background-color: transparent;
		color: rgba(255, 255, 255, 0.59);
		border: 0px;
	}

	#search_country2 {
		background-color: transparent;
		color: rgba(255, 255, 255, 0.59);
		border: 0px;
	}

	#main_search input[type="submit"]{
		background: none;
		background-image: url("../img/search_submit.png");
		width: 42px;
		height: 41px;
		display: inline-block;
		border: 0px;
		margin: 17px 0px 0;
	}
    
    #btn_search_start {
		background: none;
		background-image: url("../img/search_submit.png");
		width: 42px;
		height: 41px;
		display: inline-block;
		border: 0px;
		margin: 17px 0px 0;
	}
    
    #btn_edit_start {
		background: none;
/*		background-image: url("../img/btn_edit_start.png"); */
		background: url("http://www.iconsplace.com/icons/preview/white/rename-24.png") no-repeat 5px 0px;
		width: 42px;
		height: 47px;
		display: inline-block;
		border: 0px;
		margin: 17px 0px 0;
        cursor: pointer;
	}
    
    #btn_save_cargo {
		background: none;
		background: url("../img/btn_save_cargo.png") no-repeat 0;
/*		background: url("http://www.iconsplace.com/icons/preview/white/edit-24.png") no-repeat; */
		width: 42px;
		height: 47px;
		display: inline-block;
		border: 0px;
        cursor: pointer;
        margin: 0px;
	}
    
    #btn_edit_cargo {
		background: none;
/*		background-image: url("../img/btn_edit_cargo.png"); */
		background: url("http://www.iconsplace.com/icons/preview/white/rename-24.png") no-repeat 5px 10px;
		width: 42px;
		height: 41px;
		display: inline-block;
		border: 0px;
        cursor: pointer;
/*		background-size:cover */
	}
    
    #btn_submit_cargo {
        background: none;
/*		background: url("http://www.iconsplace.com/icons/preview/white/checkout-24.png") no-repeat; */
/*        background-image: url("../img/btn_submit_cargo.png"); */
		background-image: url("../img/btn_save_cargo.png");
        width: 42px;
        height: 41px;
        display: inline-block;
        border: 0px;
        cursor: pointer;
        margin: 10px 0px;
    }

	#client_cargo {
		background-color: #430d0b;
		width: 990px;
		height: 47px;
		line-height: 47px;
		position: absolute;
		bottom: -47px;
	}

	#client_cargo span {
		padding-left: 15px;
		color: #7a5452;
	}

	#client_cargo select {

		color: #FFFFFF;
		border: 0px;
	}



	#main_search input[type="submit"]:hover,input#btn_search_start:hover {
		cursor: pointer;
	}

	#ms_left {
		width: 470px;
        float: left;
        margin-left: 15px;
	}
    
    #ms_cargo_left {;
        float: left;
     /*   margin-left: 15px; */
	}

	    #ms_cargo_left table {
/*		width: 85%; */
/*		margin: 0px 5px */
		}
    
    #ms_cargo_center {;
        float: left;
/*         margin-left: 15px; */
	}
    
    #ms_cargo_right {
        float: left;
/*        margin-left: 15px; */
	}
    
    #ms_left_result {
/*        width: 850px; */
	width: auto;
        float: left;
        margin-left: 15px;
	}

	.step1#ms_left_result {
		height: 72px;
		line-height: 72px;
	}

	#ms_left_result strong {
		color: yellow;
	}

	.step2#client_cargo {
		background-color: #ba0a03;
	}

	#client_cargo_option {

	}

	.step2#client_cargo div div {
		padding-top: 0px;
	}

	#ms_left span {
		display: block;
	}

	#ms_right span {
		display: block;
	}

	#ms_right {
		width: 353px;
  		float: left;
  margin-left: 33px;
	}

	#client_cargo {
	background-color: #430d0b;
	width: 990px;
	height: 72px;
	line-height: 72px;
	position: absolute;
	bottom: -72px;
}
    
    #client_cargo_option {
		background-color: #830500 !important; 
		width: 990px;
		height: auto;
		line-height: 47px;
		position: absolute;
		bottom: -196px;
		vertical-align: middle;
	}
	
	.step2 #btn_edit_cargo {
		background: url("http://www.iconsplace.com/icons/preview/white/rename-24.png") no-repeat 5px 25px !important;
		height: 72px !important;
	}
    
    #client_cargo_inpt {
		background-color: #430d0b;
		width: 990px;
		height: 70px;
		line-height: 10px;
		position: absolute;
		bottom: -70px;
	}

	#client_cargo span {
		padding-left: 15px;
		color: #7a5452;
	}

	#client_cargo select {

		color: #FFFFFF;
		border: 0px;
	}

	#client_cargo option {
		background: transparent;
		color: #111111;
	}


	header .start_box {position: absolute; width: 100%; height: 72px; bottom: 0; left: 0; z-index: 100;}
	header .start_box .center_box {height: 195px;}
	header .goto { position: absolute; z-index: 10; width: 41px; height: 41px; background: url(../img/arrow.png) 0 0 no-repeat; top: -18px; left: 54px; }
	header .goto:hover {background-position: bottom; }
	header .line {position: absolute; left: 47px; bottom: 0;}



  /* content */

	.content_box {padding: 0; position: relative; z-index: 2;}

	.content_box .fade_box {opacity:0;}

	.bg_gray {background: #f0f5f8;}


	#page_1 {}
	#page_1 .wrapper {padding: 143px 0 52px 280px;}
	#page_1 .decor_box {margin-top: 50px;}
	#page_1 .decor_box > * {display: inline-block !important; zoom: 1; @display: inline !important; vertical-align: bottom;}
	#page_1 .decor_box div {padding: 0 15px 25px 0; color: #8d9aa4; font-size: 18px;}


	#page_2 .gage_2_wrap {position:relative;z-index:100}
	#page_2 .center_box {padding-bottom: 20px;}

	#page_2 .bg_map {position: absolute; margin-top: 5px; left: 0; width: 100%; min-width: 920px; z-index: 1;}
	#page_2 .center_box {position: relative; z-index: 10;}
	#page_2 .text_box_1 {width: 360px; margin: 0 0 0 435px; padding-top: 5px;}
	#page_2 .text_box_1 .decor {margin: 0 0 10px 94px;}

	#page_2 .text_box_2 {width: 520px; margin: 183px 0 0 30px; padding-left: 200px; position: relative;}
	#page_2 .text_box_2 .decor {position: absolute; left: 10px; top: -18px; width: 158px; height: 158px; text-align: center; color: #fff; background: url(../img/circle_bg.png) 0 0 no-repeat;}
	#page_2 .text_box_2 .decor span {display: block;}
	#page_2 .text_box_2 .decor .big {font: 900 98px/1 dinpro; padding-top: 8px;}
	#page_2 .text_box_2 .decor .smal {font: 900 23px/1 dinpro;}

	@media screen and (max-width: 1200px) {
		#page_2 {background: url(../img/bg_map.png) #f0f5f8 center 5px no-repeat;}
		#page_2 .bg_map {display: none;}
	}

	#page_3 {}
	#page_3 .wrapper {padding: 225px 0 10px;}
	#page_3 .comments .item {margin-bottom: 60px; text-align: center;}
	#page_3 .comments .item > * {display: inline-block !important; zoom: 1; @display: inline !important; vertical-align: top;}
	#page_3 .comments .item .user_info {width: 350px; text-align: right; font: 200 18px/20px dinpro;}
	#page_3 .comments .item .user_info div:first-child {font: 200 25px/30px dinpro; margin-bottom: 5px;}
	#page_3 .comments .item .text {width: 350px; font: 200 25px/30px dinpro; text-align: left;}

	#page_3 .comments .photo {width: 64px; height: 64px; padding: 5px 0 0 5px; margin: 7px 30px 0 30px; background: url(../img/comment_photo_bg.png) 0 0 no-repeat;}
	#page_3 .comments .photo img {display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

	#page_4 .wrapper {padding: 190px 0 75px;}

	#page_4 .info_box {text-align: center; margin-top: 56px;}
	#page_4 .info_box .col {width: 285px; text-align: left; display: inline-block !important; zoom: 1; @display: inline !important; vertical-align: top; padding: 16px 0 16px 50px;}
	#page_4 .info_box .col:first-child {text-align: right; padding: 16px 50px 16px 0; border-right: 1px solid #d1d5d8;}

	#page_4 .info_box .col > div {font: 200 18px/24px dinpro; margin-bottom: 27px;}

	#page_4 .info_box .field {}
	#page_4 .info_box .field input[type="text"] {display: block; width: 240px; height: 38px; padding: 0 10px; margin-bottom: 13px; background: #f8f8f8; border: none; font: 200 18px/25px dinpro;}
	#page_4 .info_box .field input[type="submit"] , .subbt { padding: 8px 10px;  background: #11747D; border: none; color: #fff; font: 18px/32px dinpro; margin-top: 13px; cursor:pointer; }
	#page_4 .info_box .field input[type="submit"]:hover , .subbt:hover { color: #fff; background: #FC4101; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; transition: background 0.3s ease;}
	#page_4 .info_box .field label {display: block; font: 200 17px/1 dinpro; margin-bottom: 8px;}


	#draw_line {z-index:1;position: absolute; margin-top: -95px;}


	.finish {position: absolute; top: 65px; width: 100%; text-align: center; margin-left: -25px;}

	#distance {display: none; position: fixed; left: 100px; top: 100px; width: 50px; height: 30px; font: bold 14px/30px Arial; z-index: 10000; background: #333; color: #fff; text-align: center;}

	#main {
		position: relative;
	}

	@font-face {
	font-family: 'DINProCyr-Light';
    src: url("../fonts/DINProCyr-Light.ttf");
}

.form_error {
    color: red;
    padding: 10px;
    display: none;
}

#registration {
	background-color: rgba(0, 0, 0, 0.38);
	display: none;
	width: 100%;
	min-height: 1003px;
	height: 100%;
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
}

.popup {
	background-color: rgba(0, 0, 0, 0.38);
	display: none;
	width: 100%;
	min-height: 1003px;
	height: 100%;
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
}

#registration_popup {
    background-color: #FFFFFF;
    font-family: 'DINProCyr-Light';
    text-align: center;
    width: 505px;
    /* height: 681px; */
    position: relative;
    margin: 161px auto 0px auto;
    padding-bottom: 15px;
}

.popup_inner {
    background-color: #FFFFFF;
    font-family: 'DINProCyr-Light';
    text-align: center;
    width: 505px;
    /* height: 681px; */
    position: relative;
    margin: 161px auto 0px auto;
    padding-bottom: 15px;
}

.popup_contractor {
	background-color: rgba(0, 0, 0, 0.38);
	display: none;
	width: 100%;
	min-height: 1003px;
	height: 100%;
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
}

#registration_head {
	color: #10747d;
	font-size: 46px;
	line-height: 40px;
	font-weight: normal;
	padding-top: 51px;
}

.popup_head {
    color: #10747d;
    font-size: 46px;
    line-height: 40px;
    font-weight: normal;
    padding-top: 51px;
}

.popup_head_success {
    color: #10747d;
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
    padding-top: 51px;
}
.info-text-goto{
	font: 400 22px/3px dinpro;
  color: #398f98;
  margin-left: 90px;
  float:left
}
#registration_close {
	background-image: url("../img/feedback_close.png");
background-repeat: no-repeat;
width: 14px;
height: 14px;
position: absolute;
right: 19px;
top: 23px;
}

#registration_close:hover {
	cursor: pointer;
}

.popup_close {
	background-image: url("../img/feedback_close.png");
background-repeat: no-repeat;
width: 14px;
height: 14px;
position: absolute;
right: 19px;
top: 23px;
}

.popup_close:hover {
	cursor: pointer;
}

#registration p {
	font-size: 20px;
	line-height: 27px;
	margin-top: 28px;
	margin-bottom: 47px;
}

.popup p {
    font-size: 20px;
    line-height: 27px;
    margin-top: 28px;
    margin-bottom: 47px;
}

#registration label {
	color: #444444;
	font-size: 16px;
	display: block;
	margin-top: 15px;
	margin-bottom: 4px;
}

.popup label {
    color: #444444;
    font-size: 16px;
    display: block;
    margin-top: 15px;
    margin-bottom: 4px;
}

#registration_popup input[type="text"] {
	background-color: #f8f8f8;
	text-indent: 10px;
	display: block;
	width: 257px;
	height: 38px;
	border: 0px;
	margin: 0 auto;
}

.popup input[type="text"] {
    background-color: #f8f8f8;
    text-indent: 10px;
    display: block;
    width: 257px;
    height: 38px;
    border: 0px;
    margin: 0 auto;
}

.popup input[type="email"] {
    background-color: #f8f8f8;
    text-indent: 10px;
    display: block;
    width: 257px;
    height: 38px;
    border: 0px;
    margin: 0 auto;
}

.popup select {
    background-color: #f8f8f8;
    text-indent: 10px;
    display: block;
    width: 257px;
    height: 38px;
    border: 0px;
    margin: 0 auto;
}

#registration_popup input[type="password"] {
	background-color: #f8f8f8;
	text-indent: 10px;
	display: block;
	width: 257px;
	height: 38px;
	border: 0px;
	margin: 0 auto;
}

.popup input[type="password"] {
	background-color: #f8f8f8;
	text-indent: 10px;
	display: block;
	width: 257px;
	height: 38px;
	border: 0px;
	margin: 0 auto;
}

#registration_save {
	background-color: #10747d;
	color: #FFFFFF;
	text-align: center;
	line-height: 38px;
	font-size: 15px;
	display: block;
	width: 257px;
	height: 38px;
	margin: 46px auto 0px auto;
    border: none;
    cursor: pointer;
    text-decoration: underline;
}

#registration_save:hover {
	text-decoration: none;
}

.popup .save {
	background-color: #10747d;
	color: #FFFFFF;
	text-align: center;
	line-height: 38px;
	font-size: 15px;
	display: block;
	width: 257px;
	height: 38px;
	margin: 46px auto 0px auto;
    border: none;
    cursor: pointer;
    text-decoration: underline;
}

.popup .btn_small {
	width: 123px;
}

.uncertain_quantity{
    color: #778899;
}

.popup .save:hover {
	text-decoration: none;
}


  /* content */

	.main_page header nav {background-color: #eee;}
	.main_page .content_box {padding-top: 0;}


  /* footer */

	#footer {position: relative; font: 200 18px/25px dinpro; height: 130px; width: 100%;  text-align: center; margin-top: 35px;}
	#footer .title {margin-bottom: 8px;}
	#footer .mail {font-size: 25px;}
	#footer .mail a {-webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; transition: color 0.3s ease;}


  /* support class style */

	.clr_red {color: #c22d00;}
	.clr_gray {color: #676767;}

	.upper_text {text-transform: uppercase;}

	.clear {clear: both; float: none !important;}
	.clear_l {clear: left; float: none !important;}
	.clear_r {clear: right; float: none !important;}
	.fleft {float: left !important;}
	.fright {float: right !important;}

	.inlblock {display: inline-block !important; zoom: 1; @display: inline !important; vertical-align: top;}

	.middle_box > * {display: inline-block !important; zoom: 1; @display: inline !important; vertical-align: middle;}

	.disp_none {display: none;}

	.relative {position: relative;}

	.f12 {font-size: 12px !important;}
	.f14 {font-size: 14px !important;}

	.pos_right {text-align: right !important;}
	.pos_center {text-align: center !important;}
	.pos_left {text-align: left;}
	.pos_justify {text-align: justify;}

	.w25p {width: 25%;}

	.h40 {height: 40px !important;}

	.mb0 {margin-bottom: 0px !important;}
	.mb5 {margin-bottom: 5px !important;}
	.mb30 {margin-bottom: 30px !important;}
	.mb50 {margin-bottom: 50px !important;}

	.mt0 {margin-top: 0px !important;}
	.mt5 {margin-top: 5px !important;}
	.mt50 {margin-top: 50px !important;}
	.mt70 {margin-top: 70px !important;}

	.mtm5 {margin-top: -5px !important;}

	.mr0 {margin-right: 0px !important;}
	.mr10 {margin-right: 10px !important;}

	.ml0 {margin-left: 0px !important;}
	.ml5 {margin-left: 5px !important;}
	.ml15 {margin-left: 15px !important;}

	.pt0 {padding-top: 0 !important;}
	.pt45 {padding-top: 45px !important;}
div#main{
	overflow: hidden;
}

#client_cargo select::-ms-expand {
    display:none
}

#client_cargo option {
	color: #111111;
    background:#fff
}

[name=client_cargo], [name=client_ca]{
	font: 16px/30px 'DINProCyr-Medium';
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  appearance: none;
	  background: #430d0b;
	  background-image: url("../img/tc_head.png");
	  background-repeat: no-repeat;
	  background-position: right center;
	  color: #FFFFFF;
	  border: 0px;
	  padding-right: 20px;

}

.ipt_txt_order{
    background-image: none;
    background-color: transparent;
    border: 0px;
    font-size: 25px;
    color: #FFFFFF;
}

.left-border{
   height: 72px;
  width: 1px;
  float: left;
  background: #e27b76;
}
#ms_left p, #ms_right  p {
  	font: 17px/30px dinpro;
   }

@media only screen and (max-width: 1010px) {
    .block_wrapper {
        width: 800px;
    }

    .block_content {
        width: 800px;
    }

    .block_wrapper > h1 {
        margin-top: -45px;
        width: 100%;
    }

    #ms_left {
        width: 359px;
    }

    #ms_right {
        width: 321px;
        margin-left: 0px;
    }

    @media only screen and (max-width: 990px) {
        /*h1.rules{
                font-size: 20px;
                margin: 0 0 6px 0;
            }
            .rules_st{font: 8px/11px dinpro;}
            .rules_nd{font: 8px/11px dinpro;}
    #page_1 .wrapper {
      padding: 25px 0 52px 280px;
    }
    #page_2 .text_box_1 .decor {
      margin: -33px 0 10px 94px;
    }
    #page_2 .text_box_2 {
      width: 520px;
      margin: 155px 0 -25px 30px;}
      #page_2 .text_box_2 .decor {

      top: 61px;}
    */
    }
    @media only screen and (max-width: 718px) {
        p {
            font-size: 23px;
        }
    }
}


    #feedback {
        display: none;
        background-color: rgba(0, 0, 0, 0.38);
        width: 100%;
        min-height: 892px;
        height: 100%;
        position: absolute;
        z-index: 100;
        top: 0;
        left: 0;
    }

    #feedback_popup {
        background-color: #FFFFFF;
        font-family: 'DINProCyr-Light';
        width: 326px;
        height: 570px;
        padding: 0px 89.5px;
        position: relative;
        margin: 161px auto 0px auto;
    }

    #feedback_close {
        background-image: url("../img/feedback_close.png");
        background-repeat: no-repeat;
        width: 14px;
        height: 14px;
        position: absolute;
        right: 19px;
        top: 23px;
    }

    #feedback_close:hover {
        cursor: pointer;
    }

    #feedback_head {
        font-size: 46px;
        color: #10747d;
        font-weight: normal;
        text-align: center;
        padding-top: 43px;
        margin-bottom: 40px;
    }

    #feedback label {
        color: #000000;
        font-size: 18px;
        display: block;
        margin-bottom: 5px;
    }

    #feedback input[type="text"] {
        background-color: #f8f8f8;
        text-indent: 10px;
        display: block;
        width: 326px;
        height: 38px;
        margin: 0 auto;
        border: 0px;
        margin-bottom: 10px;
    }

    #feedback textarea {
        background-color: #f8f8f8;
        text-indent: 10px;
        display: block;
        width: 326px;
        height: 111px;
        padding-top: 5px;
        margin: 0 auto;
        border: 0px;
    }
    
    .error_inpt{
        color: #F5F5DC;
		font-size: 70%;
        line-height: 12px;
        margin-left: 10px;
        z-index: 99;
    }
    
    .error_field{
        color: red;
		font-size: 90%;
        margin-left: 10px;
        z-index: 99;
        text-align: left;
    }
    
    #client_cargo_inp,#client_ca_inp {
        background-color: #FF6A6A;
		border: 0px;
		font-size: 25px;
		color: #FFFFFF;
        
        background-image: none;
    }
    
    #search_beginning,#search_end,#search_country,#search_country2 {
		/* background-color: rgb(188,16,21); */
	}
    
    #ms_left_cargo {
		width: 359px;
        float: left;
        margin-left: 15px;
	}
    
    #ms_left_cargo input[type="text"] {
		width: 100%;
	}   
    
.checkbutton div{
    float: left;
    margin-right: 10px;
    background: url(/img/button_check.png) no-repeat 0 0;
    width: 150px;
    height: 75px;
    position: relative;
    font-size: 14px;
    cursor: pointer;
    
    text-align: center;        
}

.checkbutton span{
    font-size: 14px;
    color: rgb(60,46,38);     
}

.checkbutton .check-on{
    background-position: -150px 0;
}

.checkbutton div:hover {
    background-position: -300px 0;
}

.checkbutton .check-on:hover{
    background-position: -450px 0;
}

.checkbutton input[type="checkbox"] {
    display: none;
}

.checkbutton input[type="radio"] {
    display: none;
}

.check-button{
    color: rgb(60,46,38);     
    
}

.check-button input[type="checkbox"] {
    display: none;
}

.check-button input[type="radio"] {
    display: none;
}

#rout_head .table_head {
	color: #10747d;
	font-family: 'DINProCyr-Light';
	font-size: 35px;
	font-weight: normal;
	letter-spacing: 5px;
	text-align: center;
    float: left;
}

#route_address_alt {
	color: #8d9aa4;
	font-family: 'DINAlternate-Bold';
	font-size: 16px;
	font-weight: bold;
	padding-left: 30px;
    float: left;
}

.table_form{
    padding-top: 50px;
}

.td_head{
    color: #10747d;
	font-family: 'DINProCyr-Light';
	font-size: 25px;
	font-weight: normal;
	letter-spacing: 3px;
	text-align: center;
    float: left;
}

.homePageUnderlineInput {
border-bottom: 1px solid red !important;
width: 270px;
margin: 0 15px 0 15px;
}

.ms_cargo_btn1 {
	float: right; 
	height: 46px; 
	width: 42px; 
	padding: 13px 20px;
}
.ms_cargo_btn2 {
	float: right; 
	width: 85px;
	text-align: center;
}
@media (max-width: 990px) {
	.homePageUnderlineInput {
		width: 232px;
	}
	.ms_cargo_btn1,
	.ms_cargo_btn2 {
		float: left;
		width: 42px;
	}
}

.homePageUnderlineInputLocation {
border-bottom: 1px solid rgb(67, 13, 11) !important;
}

.pac-icon {
background-image: none !important;
width: 0px !important;
}

.pac-item {
font-size: 13px;
}

.pac-container:after { /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */

background-image: none !important;
height: 0px;
}

body {
	background-color: #f0f5f8 !important;
}

.formDetails .td_head {
	padding: 10px 0 7px;
}

/* <div class="newCheckBox checked">Склад</div> */

.newCheckBox, .newRadio{
    background-color: white;
    border: 1px solid #ccc;
    padding: 20px;
    margin-top: 2px;
    text-align: center;
    width: 110px;
    float: right;
    margin-right: 5px;
    cursor: pointer;
}

.newCheckBoxSmall{
    background-color: white;
    border: 1px solid #ccc;
    padding: 1px;
    margin-top: 1px;
    text-align: center;
    width: 110px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.newCheckBoxSmall:hover{
	background-color: #17b1bf;
	color: white;
}

.check-button .checked {
	background-color: #10747d;
	color: white;
}

.newCheckBox:hover {
	background-color: #17b1bf;
	color: white;
}

.newRadio:hover {
	background-color: #17b1bf;
}

#client_cargo_options {
	padding-left: 15px;
}

#client_cargo_options .check-button {
	margin-right: 15px;
	
}