html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after{-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

body{margin: 0; padding: 0; line-height: 22px; color: #646464; font-size: 14px; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif; background: #ffffff; overflow-x: hidden;}
img {border:0; max-width: 100%; height: auto;}
:focus {outline:0;}
a{outline:none; text-decoration:none;}

ul,li{ list-style:none;}


@font-face {
    font-family: 'pluto_regularregular';
    src: url('../fonts/plutoregular-webfont.eot');
    src: url('../fonts/plutoregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/plutoregular-webfont.woff2') format('woff2'),
         url('../fonts/plutoregular-webfont.woff') format('woff'),
         url('../fonts/plutoregular-webfont.ttf') format('truetype'),
         url('../fonts/plutoregular-webfont.svg#pluto_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{font-family: 'pluto_regularregular';}

.bg{ position:fixed; width:100%; z-index:-1;}
.bg img{ width:100%; height:100vh;}

.left_layer{ float:left; width:360px; background:rgba(0,0,0,0.3); height:100%; position:fixed;}

.middle_text{ position:absolute; top:50%; transform:translateY(-50%); text-align:center; width:100%;}

.middle_text .bdr_box{ border:1px solid #aa7b77; padding:10px; display:inline-block; font-size:10px; line-height:13px; color:#fff; margin:20px 0;}
.middle_text .bdr_box strong{ color:#b79696;}
.middle_text p{ font-size:13px; color:#fff; margin-bottom:10px;}

.terms{ position:fixed; bottom:10px; left:10px; color:#fff; font-size:11px; font-family: 'pluto_regularregular';}


.right_box{ float:right; width:400px; height:100%; position:fixed; right:0; background:url(../images/grdeint_bg.jpg) 0 0 no-repeat; background-size:cover; text-align:center;}

.logo_box{ float:left; width:100%;}
.logo_box img{ width:100%;}

.form_box{ display:inline-block; width:360px; margin-top:-30px;}
.title{ background:#000; color:#fff; font-size:15px; text-transform:uppercase; padding:4px 20px; margin-bottom:12px;}


.form_box li{ float:left; width:100%; margin-bottom:5px;}
.form_box li p{ font-size:11px;}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"],  select,  textarea{float:left; width:100%; box-sizing:border-box; border:1px solid #ccced0; background-color:#fff; height:35px; margin:0; padding:0px 0 0px 10px; text-align:left;  font-size:14px; font-weight:normal; color:#000000; font-family: 'pluto_regularregular';}



select {  background:#fff url(../images/down_arrow1.png) 95% 18px no-repeat;  box-sizing:border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;  }
.form_box li textarea{ padding-top:10px; resize: none; font-size:14px; font-family: 'pluto_regularregular';}



.form_box li   input[type="submit"] { display:inline-block; width:auto; box-sizing:border-box; border:0px solid #c4c4c4; background:#000 ; border-radius:3px;  margin:10px 0 10px 0; padding:12px 20px 10px 20px; text-align:left;  font-size:22px; font-weight:bold; text-transform:uppercase; color:#fff; transition:0.3s ease-in-out; cursor:pointer;}
.form_box li  input[type="submit"]:hover{  background:#999; color:#fff;}

select::-ms-expand{
  display:none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000000;
}
::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000000;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000000;
   opacity:  1;
}
::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000000;
}


.thx{ margin-top:30px; width:90%;}

.thx h3{ font-size:28px; margin-bottom:20px; line-height:30px;}
.thx h2{ font-size:18px;}



.popupbox {
	width:500px;
	height:300px; background:url(../images/poupbg.jpg) 0 0 no-repeat;
	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
}

#fade { 
	display: none; /* Hidden as default */
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .60;
	z-index: 9999;
}


#poupbox{ text-align:center; color:#000;}

#poupbox h3{ font-size:28px; margin:50px 0 10px 0; line-height:30px;}
#poupbox h2{ font-size:18px;}
#poupbox .done{ background:#000; padding:10px 20px; color:#fff; text-transform:uppercase; display:inline-block; margin-top:30px; border:5px solid #fff; border-radius:5px;}
li ul.condi_li > li {
    text-align: left;
    padding-left: 15px;
    font-size: 12px;
    line-height: 20px;
    position: relative;
}
li ul.condi_li > li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    height: 6px;
    width: 6px;
    background-color: #777;
    border-radius: 100%;
}