/*--------------------[ MAIN ]------------------*/
.main{position: relative;}
.main_top{width:100%; height:200px; background: #04457e;} 
.main_top:before{content: ' '; display: block; position: absolute; left: 0; top: 0; opacity: 0.9; background: url(/images/earlytms/terms-01.svg) 500px 300px;}
div.main_top:before{width:100% !important; height:100%!important; }
.main_txt{position: absolute; top:65%; left:50%; transform: translate(-50%,-50%);}
.main_txt h2 {margin-bottom: 20px; font-weight: bold; color:#fff; text-align: center;}
.main_txt .sub_txt {text-align: center; color:#fff;}

/*--------------------[ SECTION_1 ]------------------*/
.section_1{width:100%; height:100%; padding-bottom: 100px; background:url(/images/earlytms/bg2.png) repeat-x #205c99;}
.section_1 .container {padding-top:100px;  max-width: 1000px;}
.section_1 .txt1 {display: block;}
.section_1 .txt1 p {color:#fff;}
.section_1 .txt1 .sub_txt {font-weight: 100; padding-top:20px; line-height: 160%;}

/*--------------------[ MEDIA QUERY ]------------------*/

@media only screen and (max-device-width : 667px) {
.section {position: relative; top:-50px;}
.section>*{margin:0 auto; text-align: center;}
h3{font-size: 1em !important;}
h2 {font-size:2em !important;}
.sub_title {font-size:1.3em !important;}
.sub_txt {font-size:1em !important;}
.txt {text-align: left; margin:50px 0; }
.sub_title {padding-bottom: 20px;}

/*[ MAIN ]*/
.main_top{height:190px; background:#04457e;} 
.main_top:before{content: ' '; display: block; position: absolute; left: 0; top: 0; opacity: 0.9; background: url(/images/earlytms/terms-02.svg) 500px 300px;}
div.main_top:before{width:100% !important; height:100%!important; }
.main_txt{text-align: center; width:100%;}
.main_txt .sub_txt {text-align: center;  margin-bottom: 30px;}

/*[ SECTION_1 ]*/
.section_1{width:100%; height:100%; padding-bottom:50px;}
    
.section_1 .container {padding-top:30px;}
.section_1 .txt1 {display: block; justify-content:center;}
.section_1 .txt1 p {color:#fff; text-align: center;}
.section_1 .txt1 .sub_txt {font-weight: 100; padding-left:0px;}
.section_1 .line {width:100%; height:1px; background: rgba(255,255,255,0.5); margin:0 auto; margin:20px 0;}   
    
.search{width: 100%; position: relative; z-index:300;}
.searchTerm {float: left; width: 100%; border: none; padding: 10px;  padding-left:25px; height: 40px; border-radius: 3px; outline: none ;font-size: 2em; color:#fff; background: #000;}
.searchTerm:focus{color: #fff;}
.searchButton {position: absolute; bottom:-60px; right: -50px; width: 20%; height: 60px; background: #047cdd; text-align: center; color: #fff; border-radius: 0px 5px 5px 0; cursor: pointer; font-size: 1.5em; border:none;}
.searchButton>i{position:absolute; top:50%; left:30%; transform:translateY(-50%); color:#fff;}
.searchButton>span{position:absolute; top:50%; left:40%; transform:translateY(-50%); color:#fff; font-size:1em; font-family:Lucida,arial,sans-serif; }
}

@media only screen and (min-device-width : 667px){
}