@charset "UTF-8";

/**************** RESET *****************/
.code-information-hidden {
	display:none;
}

html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, img, ol, ul, li,
form, input, button, textarea, label, fieldset, legend, blockquote,
table, caption, tbody, tfoot, thead, tr, th, td, sub, sup, object, iframe  {
	vertical-align: baseline;
	font-size: 100%;
	font: inherit;
	border: 0;
	padding: 0;
	margin: 0;
}
*:focus {outline: 0;}
b, strong {font-weight: 700;}
i, em {font-style: italic;}
li {list-style: none;}
table {border-spacing: 0; border-collapse: collapse;}
td, th {text-align: center; vertical-align: middle;}
a, [type="submit"], [type="button"], [type="reset"], label, select, button {cursor: pointer;}
a {color: inherit; text-decoration: none;}
textarea {resize: none; overflow: auto;}
label {display: block;}
sup {vertical-align: super; font-size: 0.8em; line-height: 0;}
sub {vertical-align: sub; font-size: 0.8em; line-height: 0;}
aside, header, footer, article, section, nav {display: block; vertical-align: baseline; font-size: 100%; font: inherit; border: 0; padding: 0; margin: 0;}
html {-webkit-text-size-adjust: none;}
input:not([type="checkbox"]):not([type="radio"]) {-webkit-appearance: none;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
iframe {display: block; position: relative;}
.hide_element { display:none;}
.margin-tnved { margin-left:5px; margin-right:5px;}
.countrylist-block { margin-bottom:15px; display:none; }
.delete_icon {
    content: '';
    width: 26px;
    height: 26px;
    display:block;
    background: url('../images/icons.png') no-repeat;
    background-position: -192px -60px;
}
.order_icon {
    content: '';
    width: 54px;
    height: 54px;
    display:block;
    background: url('../images/icons.png') no-repeat;
    background-position: 0px -146px;
}
.search_order_block {
	position:absolute; z-index:1; display:none;
}
.search_order_block .left {float:left;}
.order_text { padding-top:12px; padding-left:10px; }
.logo-beta { position:absolute; margin-left:247px; margin-top:5px; color:#ff9500; font-style: italic; font-size: 0.8em; }
.fp_header { font:700 23px/27px 'PT Sans'; text-transform:uppercase; }
/**************** FONTS *****************/

@font-face {
	font-family: 'DinDisplay';
	src: url('../fonts/pfdindisplaypro-reg.eot');
	src: url('../fonts/pfdindisplaypro-reg.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/pfdindisplaypro-reg.woff') format('woff'),
		 url('../fonts/pfdindisplaypro-reg.ttf') format('truetype'),
		 url('../fonts/pfdindisplaypro-reg.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'DinDisplay';
	src: url('../fonts/pfdindisplaypro-italic.eot');
	src: url('../fonts/pfdindisplaypro-italic.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/pfdindisplaypro-italic.woff') format('woff'),
		 url('../fonts/pfdindisplaypro-italic.ttf') format('truetype'),
		 url('../fonts/pfdindisplaypro-italic.svg') format('svg');
	font-weight: 400;
	font-style:  italic;
}

@font-face {
	font-family: 'DinDisplay';
	src: url('../fonts/pfdindisplaypro-bold.eot');
	src: url('../fonts/pfdindisplaypro-bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/pfdindisplaypro-bold.woff') format('woff'),
		 url('../fonts/pfdindisplaypro-bold.ttf') format('truetype'),
		 url('../fonts/pfdindisplaypro-bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'DinDisplay';
	src: url('../fonts/pfdindisplaypro-boldital.eot');
	src: url('../fonts/pfdindisplaypro-boldital.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/pfdindisplaypro-boldital.woff') format('woff'),
		 url('../fonts/pfdindisplaypro-boldital.ttf') format('truetype'),
		 url('../fonts/pfdindisplaypro-boldital.svg') format('svg');
	font-weight: 700;
	font-style:  italic;
}


/***************** MAIN COLORS *******************/
/*-----------------------------------------------*/
/*      NAME    ***   HEX    ***       RGB       */
/*-----------------------------------------------*/
/*   blue       ***  cfdaf0  ***    207,218,240  */
/*   orange     ***  ff9500  ***    255,149,0    */
/*   darkBlue   ***  143c51  ***    20,60,81     */
/*-----------------------------------------------*/


/**************** ANIMATIONS *****************/

/*------ Shake ------*/
@-webkit-keyframes shake-horizontal {25%{-webkit-transform: translateX(2px);}50%{-webkit-transform: translateX(0);}75%{-webkit-transform: translateX(-2px);}100%{-webkit-transform: translateX(0);}}
@-moz-keyframes shake-horizontal {25%{-moz-transform: translateX(2px);}50%{-moz-transform: translateX(0);}75%{-moz-transform: translateX(-2px);}100%{-moz-transform: translateX(0);}}
@-ms-keyframes shake-horizontal {25%{-ms-transform: translateX(2px);}50%{-ms-transform: translateX(0);}75%{-ms-transform: translateX(-2px);}100%{-ms-transform: translateX(0);}}
@-o-keyframes shake-horizontal {25%{-o-transform: translateX(2px);}50%{-o-transform: translateX(0);}75%{-o-transform: translateX(-2px);}100%{-o-transform: translateX(0);}}
@keyframes shake-horizontal {25%{transform: translateX(2px);}50%{transform: translateX(0);}75%{transform: translateX(-2px);}100%{transform: translateX(0);}}

/*------ Blink ------*/
@-webkit-keyframes blink {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@-moz-keyframes blink {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@-ms-keyframes blink {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@-o-keyframes blink {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@keyframes blink {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}

/*------ Buttons ------*/
@-webkit-keyframes button {0%{-webkit-box-shadow: 0 0 8px 6px #ff9500, 0 0 12px 14px #ff9500;}100%{-webkit-box-shadow: 0 0 18px 6px rgba(255,149,0,0), 0 0 4px 40px rgba(255,149,0,0), 0 0 0 5px #ffc36f;}}
@-moz-keyframes button {0%{-moz-box-shadow: 0 0 8px 6px #ff9500, 0 0 12px 14px #ff9500;}100%{-moz-box-shadow: 0 0 18px 6px rgba(255,149,0,0), 0 0 4px 40px rgba(255,149,0,0), 0 0 0 5px #ffc36f;}}
@-ms-keyframes button {0%{box-shadow: 0 0 8px 6px #ff9500, 0 0 12px 14px #ff9500;}100%{box-shadow: 0 0 18px 6px rgba(255,149,0,0), 0 0 4px 40px rgba(255,149,0,0), 0 0 0 5px #ffc36f;}}
@-o-keyframes button {0%{box-shadow: 0 0 8px 6px #ff9500, 0 0 12px 14px #ff9500;}100%{box-shadow: 0 0 18px 6px rgba(255,149,0,0), 0 0 4px 40px rgba(255,149,0,0), 0 0 0 5px #ffc36f;}}
@keyframes button {0%{box-shadow: 0 0 8px 6px #ff9500, 0 0 12px 14px #ff9500;}100%{box-shadow: 0 0 18px 6px rgba(255,149,0,0), 0 0 4px 40px rgba(255,149,0,0), 0 0 0 5px #ffc36f;}}

@-webkit-keyframes dark-button {0%{-webkit-box-shadow: 0 0 8px 6px #143c51, 0 0 12px 14px #143c51;}100%{-webkit-box-shadow: 0 0 18px 6px rgba(20,60,81,0), 0 0 4px 40px rgba(20,60,81,0);}}
@-moz-keyframes dark-button {0%{-moz-box-shadow: 0 0 8px 6px #143c51, 0 0 12px 14px #143c51;}100%{-moz-box-shadow: 0 0 18px 6px rgba(20,60,81,0), 0 0 4px 40px rgba(20,60,81,0);}}
@-ms-keyframes dark-button {0%{box-shadow: 0 0 8px 6px #143c51, 0 0 12px 14px #143c51;}100%{box-shadow: 0 0 18px 6px rgba(20,60,81,0), 0 0 4px 40px rgba(20,60,81,0);}}
@-o-keyframes dark-button {0%{box-shadow: 0 0 8px 6px #143c51, 0 0 12px 14px #143c51;}100%{box-shadow: 0 0 18px 6px rgba(20,60,81,0), 0 0 4px 40px rgba(20,60,81,0);}}
@keyframes dark-button {0%{box-shadow: 0 0 8px 6px #143c51, 0 0 12px 14px #143c51;}100%{box-shadow: 0 0 18px 6px rgba(20,60,81,0), 0 0 4px 40px rgba(20,60,81,0);}}

/*------ Navigation arrow ------*/
@-webkit-keyframes navigation-arrow {0%{-webkit-transform: translateY(0);}25%{-webkit-transform: translateY(-2px);}75%{-webkit-transform: translateY(2px);}100%{-webkit-transform: translateY(0);}}
@-moz-keyframes navigation-arrow {0%{-moz-transform: translateY(0);}25%{-moz-transform: translateY(-2px);}75%{-moz-transform: translateY(2px);}100%{-moz-transform: translateY(0);}}
@-ms-keyframes navigation-arrow {0%{-ms-transform: translateY(0);}25%{-ms-transform: translateY(-2px);}75%{-ms-transform: translateY(2px);}100%{-ms-transform: translateY(0);}}
@-o-keyframes navigation-arrow {0%{-o-transform: translateY(0);}25%{-o-transform: translateY(-2px);}75%{-o-transform: translateY(2px);}100%{-o-transform: translateY(0);}}
@keyframes navigation-arrow {0%{transform: translateY(0);}25%{transform: translateY(-2px);}75%{transform: translateY(2px);}100%{transform: translateY(0);}}

/*------ Buzz out ------*/
@-webkit-keyframes buzz-out {10%{-webkit-transform: translateX(3px) rotate(2deg);}20%{-webkit-transform: translateX(-3px) rotate(-2deg);}30%{-webkit-transform: translateX(3px) rotate(2deg);}40%{-webkit-transform: translateX(-3px) rotate(-2deg);}50%{-webkit-transform: translateX(2px) rotate(1deg);}60%{-webkit-transform: translateX(-2px) rotate(-1deg);}70%{-webkit-transform: translateX(2px) rotate(1deg);}80%{-webkit-transform: translateX(-2px) rotate(-1deg);}90%{-webkit-transform: translateX(1px) rotate(0);}100%{-webkit-transform: translateX(-1px) rotate(0);}}
@-moz-keyframes buzz-out {10%{-moz-transform: translateX(3px) rotate(2deg);}20%{-moz-transform: translateX(-3px) rotate(-2deg);}30%{-moz-transform: translateX(3px) rotate(2deg);}40%{-moz-transform: translateX(-3px) rotate(-2deg);}50%{-moz-transform: translateX(2px) rotate(1deg);}60%{-moz-transform: translateX(-2px) rotate(-1deg);}70%{-moz-transform: translateX(2px) rotate(1deg);}80%{-moz-transform: translateX(-2px) rotate(-1deg);}90%{-moz-transform: translateX(1px) rotate(0);}100%{-moz-transform: translateX(-1px) rotate(0);}}
@-ms-keyframes buzz-out {10%{-ms-transform: translateX(3px) rotate(2deg);}20%{-ms-transform: translateX(-3px) rotate(-2deg);}30%{-ms-transform: translateX(3px) rotate(2deg);}40%{-ms-transform: translateX(-3px) rotate(-2deg);}50%{-ms-transform: translateX(2px) rotate(1deg);}60%{-ms-transform: translateX(-2px) rotate(-1deg);}70%{-ms-transform: translateX(2px) rotate(1deg);}80%{-ms-transform: translateX(-2px) rotate(-1deg);}90%{-ms-transform: translateX(1px) rotate(0);}100%{-ms-transform: translateX(-1px) rotate(0);}}
@-o-keyframes buzz-out {10%{-o-transform: translateX(3px) rotate(2deg);}20%{-o-transform: translateX(-3px) rotate(-2deg);}30%{-o-transform: translateX(3px) rotate(2deg);}40%{-o-transform: translateX(-3px) rotate(-2deg);}50%{-o-transform: translateX(2px) rotate(1deg);}60%{-o-transform: translateX(-2px) rotate(-1deg);}70%{-o-transform: translateX(2px) rotate(1deg);}80%{-o-transform: translateX(-2px) rotate(-1deg);}90%{-o-transform: translateX(1px) rotate(0);}100%{-o-transform: translateX(-1px) rotate(0);}}
@keyframes buzz-out {10%{transform: translateX(3px) rotate(2deg);}20%{transform: translateX(-3px) rotate(-2deg);}30%{transform: translateX(3px) rotate(2deg);}40%{transform: translateX(-3px) rotate(-2deg);}50%{transform: translateX(2px) rotate(1deg);}60%{transform: translateX(-2px) rotate(-1deg);}70%{transform: translateX(2px) rotate(1deg);}80%{transform: translateX(-2px) rotate(-1deg);}90%{transform: translateX(1px) rotate(0);}100%{transform: translateX(-1px) rotate(0);}}

/*------ Rotate ------*/
@-webkit-keyframes rotate {0%{-webkit-transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg);}}
@-moz-keyframes rotate {0%{-moz-transform: rotate(0deg);}100%{-moz-transform: rotate(360deg);}}
@-ms-keyframes rotate {0%{-ms-transform: rotate(0deg);}100%{-ms-transform: rotate(360deg);}}
@-o-keyframes rotate {0%{-o-transform: rotate(0deg);}100%{-o-transform: rotate(360deg);}}
@keyframes rotate {0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}


/**************** GLOBAL *****************/

html, body {overflow-x: hidden;}
html {background: url(../images/backgrounds/pattern-2.jpg) repeat fixed; font: 16px/20px 'PT Sans'; color: #000;}
#global_wrapper {min-height: 100vh; position: relative; overflow: hidden; padding: 0;}
#global_wrapper:before {content:''; display: block; width: 100%; height: 0; position: fixed; top: 0;}
		.wrapper  {display: block; max-width: 1170px; min-width: 320px; margin: auto; position: relative;}
#frame_wrapper {min-height: 100vh; position: relative; overflow: hidden; padding: 0px 0;}
#frame_wrapper:before {content:''; display: block; width: 100%; height: 0; position: fixed; top: 0;}
		.wrapper  {display: block; max-width: 1170px; min-width: 320px; margin: auto; position: relative;}

::-moz-selection {background: #ff9500; color: #fff;}
::selection {background: #ff9500; color: #fff;}


/*------ Classes  ------*/
	
	/* Markup */
	.clear {clear: both;}
	.table {display: table; width: 100%; height: 100%;}
		.cell {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
	.justify {text-align: justify; line-height: 0; position: relative;}
		.justify:after {content:''; display: inline-block; width: 100%; height: 0;}
	.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.unselectable {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
	
	/* Animation */
	.transition {-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
		.transition:before, .transition:after {-webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit;}
	
	/* Underline */
	.underline {display: inline-block; position: relative;}
	.underline:after {content:''; display: block; width: 0; height: 1px; background: #000; margin: auto; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
		.underline:hover:after {width: 100%;}
	.underlined {display: inline-block; border-bottom: 1px solid;}
		.underlined:hover {border-bottom-color: transparent;}
	
	/* Lightbox */
	.f_lightbox {display: inline-block; vertical-align: top; position: relative; overflow: hidden;}
		.f_lightbox img {display: block; width: 100%; height: 100%;}
		.f_lightbox .overlay {display: block; width: 100%; height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.7); opacity: 0; visibility: hidden;}
			.f_lightbox .overlay:after {content:'+'; display: block; width: 46px; height: 46px; border: 3px solid #fff; border-radius: 50%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; font: 36px/40px Arial; color: #fff; text-align: center; -webkit-transform: scale(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3);}
	.f_lightbox:hover {}
		.f_lightbox:hover .overlay {opacity: 1; visibility: visible;}
			.f_lightbox:hover .overlay:after {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); transform: scale(1);}
	
	/* Graphics */
	.icon {display: block; background: url(../images/icons.png) -9999px 0 no-repeat; position: relative;}
	.logo {display: block; width: 250px; height: 50px; background: url(../images/logo.png) no-repeat; -webkit-background-size: cover; background-size: cover; position: relative;}
	
	/* Links */
	.phone {display: inline-block; position: relative;}
		.phone:hover {color: #ff9500 !important;}
		.phone:active {color: #f00 !important;}
	
	/* Other */
	.draggable {cursor: url(data:image/gif;base64,R0lGODlhEAAQAJECAP///wAAAP///wAAACH5BAEAAAIALAAAAAAQABAAAAI0lC8RyLkBgFoMSotrVHsnhHWXdISS+DzRimIWy3Ii7CU0Tdn3mr93bvDBgMFfozg86mKHAgA7), move;}
	.break_line {display: block;}
	.scroll_down {width: 20px; height: 55px; background-position: -221px -32px; margin: auto; -webkit-animation: navigation-arrow 1.8s linear infinite; -moz-animation: navigation-arrow 1.8s linear infinite; -ms-animation: navigation-arrow 1.8s linear infinite; -o-animation: navigation-arrow 1.8s linear infinite; animation: navigation-arrow 1.8s linear infinite;}
	
	
	/*------ Circles ------*/
	.f_circle {display: block; width: 200px; height: 200px; border-radius: 50%; position: relative;}
		.f_circle [class*="arc"] {display: block; width: 100%; height: 50%; position: absolute; left: 0; top: 0; overflow: hidden; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%;}
			.f_circle [class*="arc"]:before {content:''; display: block; width: 100%; height: 200%; border: 2px solid #f00; border-radius: 50%;}
	
	
	/*------ Headers  ------*/
	h1, h2, h3, h4, h5, h6 {text-align: center;}
	h2 {font: 700 30px/36px 'PT Sans'; text-transform: uppercase; margin-bottom: 50px;}
	
	
	/*------ Buttons  ------*/
	.button {
		display: block; width: 262px; height: 50px; background: #ff9500; border-radius: 30px; box-shadow: 0 0 0 5px #ffc36f; font: 700 18px/50px 'PT Sans'; color: #fff; text-align: center; text-transform: uppercase; position: relative;
		-webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;
	}
		.button:hover {-webkit-animation: button 0.8s 0s ease-out 1; -moz-animation: button 0.8s 0s ease-out 1; -ms-animation: button 0.8s 0s ease-out 1; -o-animation: button 0.8s 0s ease-out 1; animation: button 0.8s 0s ease-out 1;}
		.button:active {top: 2px;}
	
	.dark_button {background: #143c51; box-shadow: none;}
		.dark_button:hover {-webkit-animation: dark-button 0.8s 0s ease-out 1; -moz-animation: dark-button 0.8s 0s ease-out 1; -ms-animation: dark-button 0.8s 0s ease-out 1; -o-animation: dark-button 0.8s 0s ease-out 1; animation: dark-button 0.8s 0s ease-out 1;}
	
	
	/*------ Forms  ------*/
	form {font: 16px/18px 'PT Sans'; position: relative;}
		form .form_header {font: 30px/30px 'PT Sans'; text-align: center; text-transform: uppercase; margin: 0 auto 20px;}
			form .form_header b {color: #ff9500;}
		form p {margin-bottom: 20px;}
		form a {color: #ff9500;}
		label {font: 16px/20px 'PT Sans'; text-transform: uppercase; margin: 0 0 15px;}
		.label {font: 16px/20px 'PT Sans'; text-transform: uppercase; margin: 0 0 15px;}
		
		/* Fields */
		.request_field_capcha {
			-webkit-transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s; -moz-transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s; -ms-transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s; -o-transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s; transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s;
			display: inline; width: 160px; background: #fff; border: 1px solid #cfdaf0; border-radius: 25px; font: 18px/22px 'PT Sans'; padding: 8px 25px; margin: 0 auto 15px;
			background:url("/request/capcha.jpg") no-repeat #FFFFFF;
			background-position: 100% 50%;
		}
		.field_input {
			-webkit-transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s; -moz-transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s; -ms-transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s; -o-transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s; transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s;
			display: block; width: 100%; background: #fff; border: 1px solid #cfdaf0; border-radius: 25px; font: 18px/22px 'PT Sans'; padding: 8px 25px; margin: 0 auto 15px;
		}
		.field_code {
			width: 100px; float:right;
		}
		.field_antisearch {
			width: 100%; float:left;
		}
		.field_input:focus {border-color: #ff9500;}
		.field_input[readonly]:focus {border-color: #cfdaf0;}
		
		
		/* Checkbox & radio */
		.checkbox {padding: 0 5px; margin: 0 auto 15px;}
			.checkbox label {display: inline-block; vertical-align: top; font: 14px/20px 'PT Sans'; text-transform: none; margin: 0 0 0 5px;}
/*			@media all and (max-width: 1023px){ .checkbox label {line-height: 16px; margin-left: 2px;} }*/
			
			/* checkbox */
			.f_checkbox {display: inline-block; vertical-align: top; width: 20px; height: 20px; background: #fff; border: 1px solid #c2d0dd; border-radius: 2px; position: relative;}
/*			@media all and (max-width: 1023px){ .f_checkbox {width: 16px; height: 16px;} } */
			.f_checkbox.disabled {opacity: 0.5;}
				.f_checkbox .check {width: 10px; height: 8px; background: url(../images/icons.png) -243px -54px no-repeat; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; visibility: hidden;}
				.f_checkbox.checked .check {opacity: 1; visibility: visible;}
			
			/* radio */
			.f_radio {display: inline-block; vertical-align: top; width: 20px; height: 20px; background: #fff; border: 1px solid #c2d0dd; border-radius: 50%; position: relative;}
			.f_radio.disabled {opacity: 0.5;}
				.f_radio .check {width: 60%; height: 60%; background: #ff9500; border-radius: inherit; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; visibility: hidden;}
				.f_radio.checked .check {opacity: 1; visibility: visible;}
		
		/* Submit */
		.submit {width: 100%; margin: 25px auto 0;}
		
	/* Search form */
	.search_form {}
		.search_form .res_val {width: 65px; height: 100%; background: #cfdaf0; border-radius: 25px; font: 700 18px/22px 'PT Sans'; text-align: center; padding: 13px 10px; position: absolute; left: -2px; top: 0;}
		.search_form .field_search {padding: 13px 70px 13px 25px;}
		.search_form .submit {width: 50px; height: 50px; border-radius: 50%; margin: auto; position: absolute; top: 0; right: -2px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
		.search_form .submit:hover {-webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
			.search_form .submit .icon {width: 18px; height: 20px; background-position: -243px -32px; margin: auto; position: absolute; left: 0; right: 0; top: 2px; bottom: 0;}
		.search_form .results {display: none; width: 100%; max-height: 240px; border-radius: 8px; position: absolute; left: 0; /*top: 100%;*/ margin-top: -15px; z-index: 10; overflow: auto;}
			.search_form .results [class*="item"] {height: 40px; background: #cfdaf0; font: 18px/40px 'PT Sans'; padding: 0 25px; cursor: pointer; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
			.search_form .results [class*="item"]:nth-child(even) {background: #dde5f4;}
			.search_form .results [class*="item"]:hover {background: #ff9500; color: #fff; cursor: pointer;}
		
		/* Placeholders */
		.field_input::-webkit-input-placeholder {color: #888;}
		.field_input::-moz-placeholder {color: #888;}
		.field_input::-ms-input-placeholder  {color: #888;}
			.field_input.error::-webkit-input-placeholder {color: #f00 !important;}
			.field_input.error::-moz-placeholder {color: #f00 !important;}
			.field_input.error::-ms-input-placeholder  {color: #f00 !important;}
			.field_input.error {color: #f00 !important; border-color: #f00 !important; -webkit-animation: shake-horizontal 0.1s linear 6; -moz-animation: shake-horizontal 0.1s linear 6; -ms-animation: shake-horizontal 0.1s linear 6; -o-animation: shake-horizontal 0.1s linear 6; animation: shake-horizontal 0.1s linear 6;}
		
		/* Sending */
		form.disabled {cursor: progress;}
		input[name="name"] {display: none;}
		
		.f_submit_progress {display: none; background: rgba(0,0,0,0.7); border-radius: inherit; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 90;}
			.f_submit_progress .progress_items {width: 100%; height: 12px; font-size: 0; text-align: center; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
				.f_submit_progress [class^="progress-"] {display: inline-block; vertical-align: top; width: 12px; height: 12px; margin: 0 3px; background: #ddd; -webkit-animation: blink 1.6s ease-out infinite; -moz-animation: blink 1.6s ease-out infinite; -ms-animation: blink 1.6s ease-out infinite; -o-animation: blink 1.6s ease-out infinite; animation: blink 1.6s ease-out infinite;}
					.f_submit_progress .progress-1 {-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;}
					.f_submit_progress .progress-2 {-webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s;}
					.f_submit_progress .progress-3 {-webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s;}


/**************** PRELOADER *****************/

@-webkit-keyframes cssload-rotate-one { 0%{-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100%{-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);} }
@-moz-keyframes cssload-rotate-one { 0%{-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100%{-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);} }
@-o-keyframes cssload-rotate-one { 0%{-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100%{-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);} }
@keyframes cssload-rotate-one { 0%{transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);}100%{transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);} }

@-webkit-keyframes cssload-rotate-two { 0%{-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}100%{-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);} }
@-moz-keyframes cssload-rotate-two { 0%{-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}100%{-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);} }
@-o-keyframes cssload-rotate-two { 0%{-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}100%{-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);} }
@keyframes cssload-rotate-two { 0%{transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);}100%{transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);} }

@-webkit-keyframes cssload-rotate-three { 0%{-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}100% {-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);} }
@-moz-keyframes cssload-rotate-three { 0%{-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}100% {-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);} }
@-o-keyframes cssload-rotate-three { 0%{-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}100% {-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);} }
@keyframes cssload-rotate-three { 0%{transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);}100% {transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);} }

#preloader {width: 100%; height: 100%; margin: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; }
	#preloader .loader {width: 140px; height: 140px; border-radius: 50%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; perspective: 780px; z-index: 3;}
		#preloader [class*="inner"] {width: 100%; height: 100%; border-radius: 50%; position: absolute;}
			#preloader .inner-1 {
				border-bottom: 6px solid #ff9500; left: 0; top: 0;
				-webkit-animation: cssload-rotate-one 1.5s linear infinite; -moz-animation: cssload-rotate-one 1.5s linear infinite; -o-animation: cssload-rotate-one 1.5s linear infinite; animation: cssload-rotate-one 1.5s linear infinite;
			}
			#preloader .inner-2 {
				border-right: 6px solid #ff9500; right: 0; top: 0;
				-webkit-animation: cssload-rotate-two 1.5s linear infinite; -moz-animation: cssload-rotate-two 1.5s linear infinite; -o-animation: cssload-rotate-two 1.5s linear infinite; animation: cssload-rotate-two 1.5s linear infinite;
			}
			#preloader .inner-3 {
				border-top: 6px solid #ff9500; right: 0; bottom: 0;
				-webkit-animation: cssload-rotate-three 1.5s linear infinite; -moz-animation: cssload-rotate-three 1.5s linear infinite; -o-animation: cssload-rotate-three 1.5s linear infinite; animation: cssload-rotate-three 1.5s linear infinite;
			}
	#preloader:before, #preloader:after {content:''; display: block; width: 100%; height: 100%; background: #f0f4f5 url(../images/backgrounds/pattern-2.jpg) repeat; position: absolute; top: 0; z-index: 2;}
		#preloader:before {left: -50%;}
		#preloader:after {right: -50%;}


/**************** HEADER *****************/

header {
	width: 100%; height: 50px; background: #f8f9fb; margin: auto; /*position: absolute;*/ left: 0; right: 0; top: 1px; z-index: 90;
	-webkit-transition: box-shadow 0.3s ease-out 0s, background 0.3s ease-out 0s; -moz-transition: box-shadow 0.3s ease-out 0s, background 0.3s ease-out 0s; -ms-transition: box-shadow 0.3s ease-out 0s, background 0.3s ease-out 0s; -o-transition: box-shadow 0.3s ease-out 0s, background 0.3s ease-out 0s; transition: box-shadow 0.3s ease-out 0s, background 0.3s ease-out 0s;
}
header .wrapper {/*padding: 38px 15px;*/}
	#auth_open {display: none; width: 30px; height: 20px; border: 1px solid #143c51; border-width: 3px 0; float: left; margin: 12px 0 0; position: relative; z-index: 4;}
		#auth_open:before, #auth_open:after {content:''; display: block; width: 100%; height: 3px; background: #143c51; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
	#auth_open.active {border-color: transparent;}
		#auth_open.active:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
		#auth_open.active:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
	header .logo {float: left; margin: 0 30px 0 0; z-index: 2;}
	header .auth_controls {margin: 0px 0 0;}
		header .header_item {display: inline-block; vertical-align: middle; font: 16px/20px 'PT Sans'; text-align: left; position: relative;}
		header .header_item.search_code, header .header_item.user {cursor: pointer;}
			header .header_item p {display: inline-block; vertical-align: middle;}
			header .header_item b {font-size: 125%; color: #ff9500;}
			header .header_item .break_line {display: none;}
			/* arrow */
			header .header_item .arrow {display: inline-block; vertical-align: middle; width: 30px; height: 30px; border: 1px solid #cfdaf0; border-radius: 50%; margin: 0 10px; position: relative;}
			header .header_item:hover .arrow {background: #cfdaf0;}
				header .header_item .arrow:after {content:''; display: block; width: 0; height: 0; border: 4px solid transparent; border-bottom: none; border-top: 5px solid #ff9500; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
			/* dropdown */
			header .header_item .dropdown {display: none; width: 205px; background: #fff; border: 1px solid #cfdaf0; border-radius: 6px; padding: 15px 18px 1px; position: absolute; right: -2px; top: 100%; margin-top: 15px; z-index: 5;}
				header .header_item .dropdown:before, header .header_item .dropdown:after {content:''; display: block; width: 0; height: 0; position: absolute;}
					header .header_item .dropdown:before {border: 5px solid transparent; border-top: none; border-bottom: 4px solid #cfdaf0; top: -4px; right: 20px;}
					header .header_item .dropdown:after {border: 4px solid transparent; border-top: none; border-bottom: 3px solid #fff; top: -3px; right: 21px;}
				header .header_item  .link {display: inline-block; font: 13px/17px 'PT Sans'; padding-left: 25px; margin-bottom: 15px; position: relative;}
				header .header_item  .link:hover {color: #ff9500;}
					header .header_item  .link .icon {width: 16px; height: 16px; position: absolute; left: 0; top: 0;}
						header .header_item  .search .icon {background-position: 0 -94px;}
						header .header_item  .tnved .icon {background-position: -36px -130px;}
						header .header_item  .history .icon {background-position: -18px -94px;}
						header .header_item  .attach .icon {background-position: -36px -94px;}
						header .header_item  .profile .icon {background-position: -54px -94px;}
						header .header_item  .download .icon {background-position: 0px -130px;}
						header .header_item  .help .icon {background-position: -18px -130px;}
						header .header_item  .password .icon {background-position: -72px -94px;}
						header .header_item  .balance .icon {background-position: -90px -94px;}
						header .header_item  .partnership .icon {background-position: -108px -94px;}
						header .header_item  .request .icon {background-position: -108px -112px;}
						header .header_item  .registration .icon {background-position: -56px -112px;}
						header .header_item  .exit .icon {background-position: -126px -94px;}
					header .header_item  .link .underlined {display: inline; border-color: transparent;}
						header .header_item  .link:hover .underlined {border-color: inherit;}
	header .auth {font-size: 0; text-align: right; float: right; margin: 13px 0 0;}
		header .auth a {display: inline-block; vertical-align: top; height: 18px; font: 20px/18px 'PT Sans'; margin: 0 0 0 25px; position: relative;}
		header .auth a:hover {color: #ff9500;}
			header .auth a:before {content:''; display: block; width: 2px; height: 100%; background: #000; margin: auto; position: absolute; top: 0; bottom: 0; left: -15px;}
		header .auth a:first-child {margin-left: 0;}
			header .auth a:first-child:before {display: none;}
	header .search_code {}
	header .balance {top: -2px;}
	header .user {}
	header .info {top: -2px;}

header.fixed_header {background: #f8f9fb; position: fixed; top: 0; box-shadow: 0 4px 12px rgba(0,0,0,0.2);}


/**************** CODES TABLES *****************/

.codes_table {width: 100%; border-collapse: separate; border-spacing: 0 0px;}
	.codes_table col {}
		.codes_table .col-1 {width: 3%;}
		.codes_table .col-2 {width: 12%;}
		.codes_table .col-3 {width: 14%;}
		.codes_table .col-4 {width: 20%;}
		.codes_table .col-5 {width: 22%;}
		.codes_table .col-6 {width: 30%;}
		.codes_table .col-7 {width: 40%;}
		.codes_table .date  {width: 140px;}
		.codes_table .country_name  {width: 140px;}
	.codes_table tr {}
		.codes_table th {background: #143c51; font: 700 14px/18px 'PT Sans'; color: #fff; text-align: left; padding: 10px;}
		.codes_table td {background: #dde5f4; font: 14px/18px 'PT Sans'; text-align: left; vertical-align: top; padding: 10px;}
		.codes_table2 tr:nth-child(odd) td {background: #f1f4f9;}
		.codes_table tr.nth-child      td {background: #f1f4f9;}
			.codes_table .tag {width: 105px; height: 19px; background: #94a1b8; border-radius: 2px; font: 700 12px/18px 'PT Sans'; color: #fff; text-transform: uppercase; padding: 0 6px; margin: 2px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
			.codes_table .possibility {width: 90%; max-width: 190px; height: 19px; background: #fff; border: 1px solid #c2d0dd; border-radius: 2px; margin: 2px 0; position: relative;}
				.codes_table .possibility .fill {height: 19px; background: #23b302; font: 700 12px/18px 'PT Sans'; color: #fff; padding: 0 8px; position: absolute; left: -1px; top: -1px;}
				.codes_table .possibility .fill-right {height: 19px; background: #23b302; font: 700 12px/18px 'PT Sans'; text-align:right; color: #202020; padding: 0 8px; position: absolute; left: -1px; top: -1px;}
			.codes_table .search {max-width: 270px;}
			.codes_table .refresh, .codes_table .track {display: inline; font: 700 14px/16px 'PT Sans'; text-transform: uppercase; letter-spacing: -0.5px;}
				.codes_table .refresh {color: #143c51;}
					.codes_table .refresh + .separator {margin-bottom: 2px;}
				.codes_table .track {color: #1c70a8;}
				.codes_table .track S {color: #A09580;}
	/* border-radius */
	.codes_table th:first-child, .codes_table td:first-child {border-radius: 4px 0 0 4px;}
	.codes_table th:last-child, .codes_table td:last-child {border-radius: 0 4px 4px 0;}

.codes_table.mobile {display: none;}

/*------ 768 ------*/
@media all and (max-width: 1023px){
	.codes_table {}
		.codes_table col {}
			.codes_table .col-1 {width: 4%;}
			.codes_table .col-2 {width: 18%;}
			.codes_table .col-3 {width: 18%;}
			.codes_table .col-4 {width: 25%;}
			.codes_table .col-5 {width: 15%;}
			.codes_table .col-6 {width: 20%;}
		.codes_table th {padding: 10px 5px;}
		.codes_table td {padding: 10px 5px;}
			.codes_table .search {max-width: 240px;}
			.codes_table .possibility {width: 100%;}
			.codes_table .refresh, .codes_table .track {font: 700 12px/14px 'PT Sans';}
}

/*------ 480 ------*_/
@media all and (max-width: 767px){
	.codes_table {display: none; border-spacing: 1px;}
	.codes_table.mobile {display: table;}
		.codes_table tr.nth-child      td {background: #f1f4f9;}
		.codes_table col {}
			.codes_table .col-1 {width: 35%;}
			.codes_table .col-2 {width: 65%;}
		.codes_table tr {}
			.codes_table th, .codes_table td {background: #f1f4f9; color: #000;}
			.codes_table tr:nth-child th, .codes_table tr:nth-child td {background: #dde5f4;}
			.codes_table2 tr:nth-child(odd) th, .codes_table2 tr:nth-child(odd) td {background: #dde5f4;}
				.codes_table .controls {text-align: center;}
		.codes_table tr.separator {}
			.codes_table tr.separator td {height: 10px; background: transparent; padding: 0;}
}

/*------ 320 ------*_/
@media all and (max-width: 479px){
	.codes_table {}
		.codes_table .possibility {max-width: 175px;}
		.codes_table .search {max-width: 175px;}
}


/**************** FOOTER *****************/

footer {width: 100%; /*height: 120px;*/ background: #cfdaf0; margin: auto; /*position: absolute; left: 0; right: 0; bottom: 0; z-index: 80;*/}
footer .wrapper {/*padding: 38px 15px;*/ padding: 5px 5px;}
	footer .logo {float: left;}
	footer .menu {font-size: 0; text-align: center; float: right; margin: 16px 0 0;}
		footer .menu_item {display: inline-block; vertical-align: top; height: 15px; border-left: 2px solid; padding: 0 22px;}
		footer .menu_item:first-child {border-left: none;}
		/*@media all and (min-width: 480px){
			footer .menu_item:first-child {padding-left: 0;}
			footer .menu_item:last-child {padding-right: 0;}
		}*/
			footer .menu_item a {font: 700 16px/15px 'PT Sans'; text-transform: uppercase;}
				footer .menu_item a:hover {color: #ff9500;}
				footer .menu_item a.active {color: #ff9500;}



/**************** MODAL WINDOWS *****************/

html:not(.mobile) #global_wrapper,
html:not(.mobile) #frame_wrapper,
html:not(.mobile) header,
html:not(.mobile) footer {
	width: 100%; width: 100vw;
}

[id^="f_overlay_modal"]  {display: none; width: 100%; height: 100%; margin: auto; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.7);}
[id^="f_modals"]   {display: none; margin: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; -webkit-transform: translateZ(0px); -webkit-overflow-scrolling: touch;}
#f_overlay_modal, #f_modals {display: none;}

/*------ Animation ------*/
[id^="f_modals"]  {-webkit-perspective: 900px; perspective: 900px;}
.f_modal {-webkit-transition: transform 0.6s linear 0s; -moz-transition: transform 0.6s linear 0s; -ms-transition: transform 0.6s linear 0s; -o-transition: transform 0.6s linear 0s; transition: transform 0.6s linear 0s;}

.f_modal.centered.closed {-webkit-transform: rotateX(25deg); -moz-transform: rotateX(25deg); -ms-transform: rotateX(25deg); -o-transform: rotateX(25deg); transform: rotateX(25deg);}
.f_modal.sent {-webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg);}
#modal_success.closed {-webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg);}
#modal_success.closing {-webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0);}

.f_modal.switchOut.rtl, .f_modal.switchIn.ltr {-webkit-transform: translateX(-90px); -moz-transform: translateX(-90px); -ms-transform: translateX(-90px); -o-transform: translateX(-90px); transform: translateX(-90px);}
.f_modal.switchIn.rtl, .f_modal.switchOut.ltr {-webkit-transform: translateX(90px); -moz-transform: translateX(90px); -ms-transform: translateX(90px); -o-transform: translateX(90px); transform: translateX(90px);}
.f_modal.switched {-webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important;}

/*------ Close button ------*/
.close_modal {display: block; width: 50px; height: 50px; background: #c2d0dd; border: 5px solid #d8e1e9; border-radius: 50%; position: absolute; top: -25px; right: -25px; z-index: 5;}
	.close_modal .cross {width: 26px; height: 26px; border: 3px solid #fff; border-radius: 50%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
		.close_modal .cross:before, .close_modal .cross:after {content:''; display: block; width: 3px; height: 60%; background: #fff; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
		.close_modal .cross:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
		.close_modal .cross:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.close_modal:hover {background: #ff9500; border-color: #ffc36f;}
.close_modal:active {border-color: #f00;}
	
	
	/*------ All modals ------*/
	.f_modal {display: none; width: 360px; background: #fff; border-radius: 12px; margin: 50px auto; position: absolute; left: 0; right: 0;}
	.f_modal.centered {margin: auto; top: 0; bottom: 0;}
		.f_modal form {padding: 25px 30px; z-index: 4;}
	
	/*------ Authorization ------*/
	#modal_auth_form {}
		#modal_auth_form form {}
			#modal_auth_form form .submit {margin-bottom: 15px;}
		#modal_auth_form .social_auth {background: #cfdaf0; padding: 25px 30px; border-radius: 0 0 12px 12px;}
			#modal_auth_form .social_auth strong {display: block; font: 700 18px/22px 'PT Sans'; text-align: center; margin: 0 auto 15px;}
				#modal_auth_form .social_auth strong .break_line {display: none;}
			#modal_auth_form .social_auth .items {margin: 0 auto 8px;}
				#modal_auth_form .social_auth .items [class*="item"] {display: inline-block; vertical-align: top; width: 140px; height: 30px; font: 14px/30px 'PT Sans'; padding-left: 42px; margin: 0 0 10px; position: relative;}
				#modal_auth_form .social_auth .items [class*="item"]:hover {color: #ff9500;}
					#modal_auth_form .social_auth .items [class*="item"] .icon {width: 30px; height: 30px; position: absolute; left: 0; top: 0;}
						#modal_auth_form .social_auth .items .facebook .icon {background-position: -144px -94px;}
						#modal_auth_form .social_auth .items .odnoklassniki .icon {background-position: -176px -94px;}
						#modal_auth_form .social_auth .items .vkontakte .icon {background-position: -208px -94px;}
						#modal_auth_form .social_auth .items .google .icon {background-position: -240px -94px;}
			#modal_auth_form .social_auth p {font: 12px/16px 'PT Sans';}
	
	/*------ Registration ------*/
	#modal_reg_form {}
	
	/*------ Confirm registration ------*/
	#modal_confirm_form {}
		#modal_confirm_form form {}
			#modal_confirm_form form .form_header {margin-bottom: 0;}
			#modal_confirm_form form .form_header + p {text-align: center; margin: 0 auto 15px;}
			#modal_confirm_form form p {margin-bottom: 10px;}
			#modal_confirm_form form .submit {margin-bottom: 15px;}
	
	/*------ Create tag ------*/
	#modal_create_tag {}
		#modal_create_tag form {}
			#modal_create_tag form .colors {font-size: 0; text-align: center; margin: auto; padding: 0 10px;}
				#modal_create_tag form .colors [class*="item"] {display: inline-block; vertical-align: top; width: 30px; height: 30px; background: #94a1b8; margin: 1px; position: relative; cursor: pointer;}
					#modal_create_tag form .colors [class*="item"] input, #modal_create_tag form .colors [class*="item"] .f_radio {display: none;}
					#modal_create_tag form .colors [class*="item"]:after {content:''; display: block; width: 10px; height: 8px; background: url(../images/icons.png) -255px -54px no-repeat; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
					#modal_create_tag form .colors [class*="item"].checked:after {opacity: 1; visibility: visible;}
			#modal_create_tag form .submit {margin-bottom: 15px;}
			#modal_create_tag form .cancle {text-align: center; text-transform: uppercase;}



/**************** PAGE MESSAGES *****************/

#f_messages_overlay {display: none; width: 100%; height: 100%; margin: auto; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.8); z-index: 11111;}
#f_messages {display: none; margin: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; -webkit-transform: translateZ(0px); z-index: 11112; -webkit-overflow-scrolling: touch;}
	
	.f_message {
		display: none; width: 95%; max-width: 500px; border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); padding: 10px; margin: auto; position: absolute; left: 0; right: 0; top: 20px;
		background: #aaa; background: -moz-linear-gradient(-45deg, #aaaaaa 0%, #333333 100%); background: -webkit-linear-gradient(-45deg, #aaaaaa 0%, #333333 100%); background: linear-gradient(135deg, #aaaaaa 0%, #333333 100%);
		-webkit-transform: translateY(-400px); -moz-transform: translateY(-400px); -ms-transform: translateY(-400px); -o-transform: translateY(-400px); transform: translateY(-400px);
		-webkit-transition: all 0.1s cubic-bezier(0.175,0.885,0.32,1.275) 0s; -moz-transition: all 0.1s cubic-bezier(0.175,0.885,0.32,1.275) 0s; -ms-transition: all 0.1s cubic-bezier(0.175,0.885,0.32,1.275) 0s; -o-transition: all 0.1s cubic-bezier(0.175,0.885,0.32,1.275) 0s; transition: all 0.1s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
	}
	.f_message.active {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
		.f_message .content {width: 100%; height: 100%; background: #fff; font: 16px/20px Arial; color: #000; text-align: center; padding: 35px 15px;}
			/* Close */
			.f_message .close {display: block; width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 15px; right: 15px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
				.f_message .close:before, .f_message .close:after {content:''; display: block; width: 2px; height: 70%; background: #333; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
				.f_message .close:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
				.f_message .close:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
			.f_message .close:hover {background: #333;}
				.f_message .close:hover:before, .f_message .close:hover:after {background: #fff;}
			/* Text */
			.f_message .text {margin-bottom: 20px;}
			/* Prompt input */
			.f_message input {display: block; width: 100%; background: #fff; border: 1px solid #ccc; padding: 8px 10px; margin: 0 auto 20px;}
				.f_message input:focus {border-color: #6691ce;}
			/* Buttons */
			.f_message .buttons {}
				.f_message button {
					display: inline-block; vertical-align: top; min-width: 80px; max-width: 200px; height: 40px; padding: 0 15px; font-weight: 700; line-height: 38px; color: #fff; text-transform: uppercase; text-shadow: 0 1px 1px #000; border: 1px solid; border-radius: 4px; box-shadow: 0 20px 30px rgba(255,255,255,0.5) inset, 0 1px 0 rgba(255,255,255,0.5) inset; margin: 0 5px; position: relative;
					-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;
				}
				.f_message .confirm_button {background: #5cb811; border-color: #3b7808;}
				.f_message .cancle_button {background: #d42916; border-color: #b73125;}
					.f_message button:hover {box-shadow: 0 -20px 30px rgba(255,255,255,0.5) inset;}
					.f_message button:focus {box-shadow: 0 -20px 30px rgba(255,255,255,0.5) inset, 0 0 15px #6691ce;}
					.f_message button:active {top: 1px;}
	
	#f_alert {}
	#f_confirm {}
	#f_prompt {}
/*
@media all and (max-width: 479px){
	.f_message {padding: 8px;}
	.f_message .content {font: 14px/16px Arial; padding: 25px 10px;}
		.f_message .text {margin-bottom: 15px;}
		.f_message input {margin-bottom: 15px;}
		.f_message button {margin: 0 2px;}
}*/

.broker_calc_row INPUT { border-radius: 10px; background: #fff; border: 1px solid #ccc; width:90px; padding:0px 10px 0px 10px }
.copyright { color: #808080; text-align:center; }
.right { float:right; }
.center { text-align:center; }
.statistic_banner { background:#fff; border-radius: 20px; border: 1px solid #ccc; padding:30px; }
.statistic_banner-noradius { border-radius: 0px; }
.statistic_banner TABLE.top TD { vertical-align:top; }
.statistic_banner:hover { border: 1px solid #ff9500; }
.statistic_banner_code { text-align:left; }
.statistic_banner_tnved { text-align:left; float:left; }
.statistic_banner_code SPAN { font-weight:Bold; color: #ff9500; }
.statistic_banner_tnved SPAN { font-weight:Bold; color: #ff9500; }
.statistic_banner .delimiter { margin-left:5px; margin-right:5px; }
.statistic_banner_its {  }
.statistic_banner_its B { color:#b73125; }
.statistic_banner_its SPAN { color:#5cb811; font-weight:Bold; }
.statistic_banner A { color: #ff9500; }
.statistic_banner_link { float:right; }
.statistic_banner SPAN.statistic_banner_name_field { color:#143c51; font-weight:Bold; }
.statistic_banner_amount_kg_ru B { color:#5cb811; font-weight:Bold; }
.statistic_banner_amount_kg_ru { float:left; margin-left:25px; }
.statistic_banner_description { text-align:left; padding-left:10px; }
.statistic_banner_description A { color:#143c51; }
.statistic_banner_description A:hover { color: #ff9500; }
.statistic_banner_country { color:#143c51; font-weight:Bold; }
.statistic_banner_code DIV.right { margin-right:10px; color:#143c51; font-weight:Bold; }
.green { color:#5cb811; }
.red { color:#b73125; }
.blue { color:#143c51; }
.orange { color:#ff9500; }
.bold { font-weight:Bold; }
.statistic_banner_block { text-align:justify; font: 18px/24px 'PT Sans'; }
.statistic_banner_block DIV { text-align:justify; font: 18px/24px 'PT Sans'; }
.statistic_banner_block DIV:hover { color: #143c51; }
.statistic_banner_block H2 { margin-bottom:10px; }
.statistic_banner_block A { display:inline; }
.statistic_banner_block A:hover { color:#ff9500; }
.statistic_banner_block .delimiter { margin-left:5px; margin-right:5px; }
.statistic_banner_block_border { background:url(../images/backgrounds/pattern-2.jpg) repeat fixed;; border-radius: 20px; border: 1px solid #ccc; padding:30px;  }
.statistic_banner_block_border H2 { margin-top:0px; }
#top_screen  .content { font: 23px/27px 'PT Sans'; text-align:center; }
#top_screen2 .content { font: 23px/27px 'PT Sans'; text-align:center; }
/*#top_screen .content { font: 30px/34px DinDisplay; text-align:center; }*/

/* DOCUMENT STYLE */
.document { padding-bottom:20px; }
.document TABLE TD { vertical-align:top; text-align:left; padding:10px; }
.document H1 { font: 700 30px/36px 'PT Sans'; text-transform: uppercase; padding: 0px; margin-top:15px; margin-bottom:15px; color: #143c51; }
.document H2 { font: 700 23px/27px 'PT Sans'; text-transform: uppercase; padding: 0px; margin-top:10px; margin-bottom:10px; color: #143c51; }
.document H3 { font: 700 18px/24px 'PT Sans'; text-transform: uppercase; padding: 0px; margin-top:10px; margin-bottom:10px; color: #143c51; }

.havechildren-loader { display:none; }

/* TNVED TREE */
.tnvedtree-code { z-index:5; position:absolute; margin-left:-170px; }
.tnvedtree-rate { z-index:5; position:absolute; margin-left:-60px; color:#ff9500; font-weight:Bold; }
.tnvedtree-text { margin-left:10px; display:inline; }
SPAN.fancytree-title { display:inline; }
.codes_table TD.no-style { background:none; text-align:left; }
.codes_table TD.group-row { background:none; text-align:left; }
.codes_table TD.group-row A { color:#FFFFFF; }
.codes_table TD.group-row .possibility { float:left; margin-left:10px; }
.codes_table TD.group-row .group_link  { float:left; }

/* COLORS GREEN */
.codes_table TD.group-row1 { background:#11782c; color:#FFFFFF; }
.codes_table TR.group-rows1 .code, 
.codes_table TR.group-rows1 .description { border-left:5px SOLID #11782c; border-radius:0; }
/* COLORS BLUE */
.codes_table TD.group-row2 { background:#143c71; color:#FFFFFF; }
.codes_table TR.group-rows2 .code, 
.codes_table TR.group-rows2 .description { border-left:5px SOLID #143c51; border-radius:0; }
/* COLORS FUXY */
.codes_table TD.group-row3 { background:#51143c; color:#FFFFFF; }
.codes_table TR.group-rows3 .code, 
.codes_table TR.group-rows3 .description { border-left:5px SOLID #51143c; border-radius:0; }
/* COLORS GREY */
.codes_table TD.group-row4 { background:#606060; color:#FFFFFF; }
.codes_table TR.group-rows4 .code, 
.codes_table TR.group-rows4 .description { border-left:5px SOLID #606060; border-radius:0; }
/* COLORS ORANGE */
.codes_table TD.group-row5 { background:#512f00; color:#FFFFFF; }
.codes_table TR.group-rows5 .code, 
.codes_table TR.group-rows5 .description { border-left:5px SOLID #512f00; border-radius:0; }
.jstree-default LI .tnvedtree-code { margin-left:-184px; }
.jstree-default LI LI .tnvedtree-code { margin-left:-216px; }
.jstree-default LI LI LI .tnvedtree-code { margin-left:-248px; }
.jstree-default LI LI LI LI .tnvedtree-code { margin-left:-280px; }
.jstree-default LI LI LI LI LI .tnvedtree-code { margin-left:-312px; }
.jstree-default LI LI LI LI LI LI .tnvedtree-code { margin-left:-270px; }
.jstree-default LI LI LI LI LI LI LI .tnvedtree-code { margin-left:-294px; }
.jstree-default LI LI LI LI LI LI LI LI .tnvedtree-code { margin-left:-318px; }
.jstree-default LI LI LI LI LI LI LI LI LI .tnvedtree-code { margin-left:-342px; }
.jstree-default LI LI LI LI LI LI LI LI LI LI .tnvedtree-code { margin-left:-366px; }
.jstree-hovered .tnvedtree-code { font-weight:Bold; }
.jstree-hovered .js_tnved-link .tnvedtree-code { text-decoration:underline; }
.js_tnved-link * { cursor:pointer; }
.js_tnved-link .tnvedtree-code { color:#ff9500; }
.jstree-node a {
    white-space: normal !important;
    height: auto;
    padding: 1px 2px;
    display: inline;
    /*ensure lower nodes move down*/
    height : auto !important;
    /*offset icon width*/
    padding-right : 4px;
}
.jstree-default-large .jstree-node { margin-left:15px !important; }
.jstree-default-large .jstree-wholerow { 
	position: relative; 
	height:auto !important; 
}
.tnvedtree-rate {
	margin-left:-75px !important;
}
.order-block { width:250px; display:block; margin-top:25px; }
.blue-link { color:#1c70a8; }

.manualpage {}
.manualpage H2 { font-size:16px; }
.manualpage .number { margin-right:15px; }
.manualpage SPAN { margin-right:15px; }

.banner{ width:960px; height:90px;}