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

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

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

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

@font-face {
    font-family: Roboto-Thin;
    src: url('../fonts/roboto-thin.eot');
    src: url('../fonts/roboto-thin.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-thin.ttf') format('ttf'),
         url('../fonts/roboto-thin.woff2') format('woff2'),
         url('../fonts/roboto-thin.woff') format('woff'),
         url('../fonts/roboto-thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

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

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

table{
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}

table td{
padding:0px; /* cellpadding="0" */
}

/* ====================== */

html {
	width: 100%;
	height: 100%;
	}

body {
	font-family: pfdin-light;
	font-size: 16px;
	background-color: white;
	color: black;
	padding: 0;
	width: 100%;
	height: 100%;
	display: table;
	}

ul {
	padding-left: 0;
	margin: 0;
	list-style: none;
	}

* {
	box-sizing: border-box;
	position: relative;
	}

p {
	margin: 0;
	}

a, a:hover, a:visited {
	color: inherit;
	outline: none !important;
	text-decoration: none;
	}

.clearfix {
	clear: both;
	}

input, button, textarea, select {
    font-family: inherit !important;
    outline: none;
    border: 1px solid gray;
    background-color: white;
    color: black;
    }

button {
	cursor: pointer;
	}

.col {float: left;}

.col_1 {width: 8.3%;}
.col_2 {width: 16.6%;}
.col_3 {width: 25%;}
.col_4 {width: 33.3%;}
.col_5 {width: 41.6%;}
.col_6 {width: 50%;}
.col_7 {width: 58.3%;}
.col_8 {width: 66.6%;}
.col_9 {width: 75%;}
.col_10 {width: 83.3%;}
.col_11 {width: 91.6%;}
.col_12 {width: 100%;}
.col_020 {width: 20%;}

.container {
	padding: 0;
	margin: 0 auto;
	z-index: 1;
	}

.unselectable {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	}

/* === template (bg) =================== */

.template {
	position: absolute;
	top: 0;
	left: 0;
	opacity: .4;
	}

.template_ghost {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.full_ghost {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(30, 30, 30);
	}

/* === containers =================== */

.container {
	max-width: 100%;
	width: 980px;
	}

/* ====================== */

body.video_bg {
	background-image: url(../video/poster_v3.png);
	background-attachment: fixed;
	background-size: cover;
	}

body.gray {
	background-color: rgb(43, 54, 66);
	color: white;
	}

body.white {
	background-color: white;
	color: black;
	}

/* ======================== */

h1 {
    font-size: 46px;
    margin: 0px;
    text-transform: uppercase;
    text-align: center;
    padding: 39px 0px 38px;
	}



.load{
	width:64px;
	height:64px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-32px;
	margin-left:-32px;
}

.send_result{
	text-align:center;
	font-size:24px;
}

.back{
    padding: 8px 8px;
    border: 1px solid rgb(0, 0, 0);
    background-color: transparent;
    transition: all .3s;
    text-transform: uppercase;
    font-size: 19px;
    margin-left: 19px;
    text-align: center;
    width: 100px;
    cursor: pointer;
	float:right;
}

.back:hover{
    background-color: rgb(249, 192, 0);
    border-color: rgb(249, 192, 0);
}