@font-face {
   font-family: 'SpoilerRegular';
   src: url('spoilerregularwebfont.eot');
   src: url('spoilerregularwebfont.eot?#iefix') format('embedded-opentype'),
        url('spoilerregularwebfont.woff') format('woff'),
url('spoilerregularwebfont.ttf') format('truetype'),
        url('spoilerregularwebfont.svg#ReformaRegular') format('svg');
   font-weight: normal;
   font-style: normal;
/*unicode-range: U+0590-05FF;*/
}



html{
    font-size:10px;
}

.owl-carousel{
       max-height: 100vh; 
}
* {
font-family: 'SpoilerRegular', sans-serif;
font-weight:400;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 2rem;color:#fff; line-height:3rem;
 font-weight:400;
}
 
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;
 
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; 
	 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;}
address{font-style:normal;}
.relative{position:relative;}
.absolute{position:absolute;}
.flc{clear:both;}
.flr{float:right;}
.fll{float:left;}
.col-1-1{width:100%;}
.tac{text-align:center; }
 img{display: block;}
 
 
 body{
     overflow: hidden;
     background-color: rgb(239, 239, 239);
 }
 
input::-webkit-input-placeholder { /* WebKit browsers */
   color:#000000; font-size:2.6rem; font-weight: 400;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#000000; font-size:2.6rem; font-weight: 400;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#000000; font-size:2.6rem; font-weight: 400;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:#000000; font-size:2.6rem; font-weight: 400;
}


.alignmiddle{
	position:absolute;
	top:50%;
	  -webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	transform: translateY(-50%);
	}
        
        
        
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    position: absolute; top:50%;position:absolute;
	top:50%; right:0;
	  -webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	transform: translateY(-50%);
        width:6.7rem; height: 9.6rem;
        background:url('../imgs/0-rightbtn.png') no-repeat;
        background-size:100% 100%;
}
.owl-carousel .owl-nav button span{opacity: 0;}
.owl-carousel .owl-nav button.owl-next{
    right:auto; left:0;
           background:url('../imgs/0-leftbtn.png') no-repeat;
        background-size:100% 100%;
}


.wrap_outer{width:100%; top:0; right:0; z-index: 1000; }

 
.wrap{width:116rem; margin:auto;
          -webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.15);
    box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.15);

}
.topright{
    width:80rem; top:0; right:0; z-index: 100;
}
.topleft{
    left:0rem; top:0; z-index: 100; 
        background:url('../imgs/formbg.png') no-repeat;
       background-size:100% 100%;
       width:32.2rem; height:49.4rem;
}
.formBox h2{
 text-align: center; color:#fff; font-size:2.5rem; line-height: 2.5rem;
 font-family: 'SpoilerRegular', sans-serif;
 margin-bottom:1rem;
}
.formBox h2 br{height:0; overflow: hidden; display: block; clear: both;}


.formBox input{
   border:1px solid #e29ca0; color:#000000; height:3.5rem; padding:0.8rem 1rem;  font-size:1.8rem;width:100%; margin-bottom: 1.5rem;
}
.formBox label{
    display: block; font-size:1.8rem; line-height: 2rem;
    
}
.formBox button img{
 width:100%;   
}
.formBox button{
    display: block; margin:1.5rem auto 0; border:0; padding:0;
    background-color:transparent;width:15rem;
}

.message_Box{
    font-size:2rem; font-weight: 700; color:#fff;
}

.boxInfo{
    background:url('../imgs/bg.png') no-repeat;
    background-size:100% 100%;
    max-height: 0; overflow: hidden;
transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.toggleInfo{
      max-height: 30rem;  overflow: hidden;  transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.line{
    margin-bottom:2.5rem;
}
.topright.active .toggleInfo{
    max-height: 0;
}
.topright.active .boxInfo{
    max-height: 100rem;
}
.boxInfoIn{
    padding:2rem 5rem;
}
.toggleInfoClose{width:2rem; top:1.4rem; right:2rem;}
.pics{
    width:56.7rem; margin-bottom: 2rem;
}
h1{
       font-weight: 700; color:#ffffff; font-size:3.1rem; line-height: 3.1rem;  margin-bottom: 1.5rem;
}
.logos{
    width:52.8rem; margin-bottom: 2.5rem;
}
.fline{margin-bottom:1.4rem;
    width:58.7rem;
}
.boxInfoIn ul {
    list-style: none; margin-bottom: 1rem;
}
.boxInfoIn ul li{
    position: relative; padding-right: 1.7rem; margin-bottom: 0rem;
}
.boxInfoIn ul li:before{
    width:0.4rem; height:0.4rem; background-color: #fff; border-radius: 2rem;
    position: absolute; right:0; top:1.1rem;
    content:'';display: block;
}
.field {width:100%;}
.formBox{
    width:24rem; margin:auto;
    padding:2.5rem 0;
}
.credit{font-size:1.7rem;}
 

@media (max-width:1380px) and (min-width:1025px){
 html {
    font-size: 0.6vw;
}
}
/*
@media (max-width:1380px) and (min-width:1025px) and (min-height:550px){
    html {
       font-size: 8px;
   }
}*/


.mobile{display: none;}
@media (max-width:1024px) {
    
    .desktop{display: none;}
    .mobile{display: block;}
    html{
            font-size:10px;
    } 
    .topright,
    .topleft{
        position: relative; top:0; right:0;
    }
    .topleft,
    .topright,.fline,
    .wrap{width:100%;}
    
    .formBox{width:56rem; height: }
    .topleft{
        background:url('../imgs/fdes.jpg');
    }
    body{overflow: visible;}
    .formBox h2{
    font-size: 4rem;
    line-height: 4rem; font-weight: 700;
    }
    .credit,.boxInfoIn p,
    .boxInfoIn ul li{
            font-size: 2.4rem;
    line-height: 3rem;
    }
    
    .formBox label {
        font-size: 2.8rem;
        line-height: 4rem;
    }
    .formBox input{    padding: 0.6rem 1rem;
        height: 4rem; font-size: 2.8rem;
    }
    .topleft{height:auto;}
    
    .formBox button{
        width: 23rem;margin: 1.5rem auto 5rem;
    }
}