/*--------------------[ MAIN ]------------------*/
.main{position: relative;}
.main_top{width:100%; height:300px; background: #348cc2;} 
.main_top:before{content: ' '; display: block; position: absolute; left: 0; top: 0; opacity: 0.9; background: url(/images/earlytms/faq-01.svg) 500px 300px;}
div.main_top:before{width:100% !important; height:100%!important; }
.main_txt{position: absolute; top:70%; 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:#fff;}
.section_1 .container {padding-top:30px;  max-width: 1000px;}
.section_1 .txt1 {display: block; margin-left:50px;}
.section_1 .line {width:100%; height:1px; background: #0a4888; margin:0 auto; margin:30px 0;}

.txt1 h3 {color:#6f6f6f; font-size: 1.3em; margin-top:30px; line-height: 150%;}
.txt1 .sub_txt { max-height: 0; overflow: hidden; transition: max-height 0.5s , padding-bottom 0.5s ; font-weight: 500 !important; margin-top:5px; line-height: 140%; color:#2a2a2a;}
.active .sub_txt {max-height: 400px!important; }
.plus-minus-toggle {cursor: pointer; height: 21px; position: absolute; width: 21px; left: -40px; top: 45%; z-index: 2;}
.plus-minus-toggle:before, .plus-minus-toggle:after {background:#135599; content: ''; height: 5px; left: 0; position: absolute; top: 0; width: 21px; transition: transform 500ms ease;}
.plus-minus-toggle:after {transform-origin: center;}
.plus-minus-toggle.collapsed:after {transform: rotate(90deg);}
.plus-minus-toggle.collapsed:before {transform: rotate(180deg);}
.question {position: relative; cursor: pointer; transition: color 0.5s ease;}

/*--------------------[ 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; text-align: left!important;}
.txt {text-align: left; margin:50px 0; }
.sub_title {padding-bottom: 20px;}

/*[ MAIN ]*/
.main_top{height:190px; background:#348cc2;} 
.main_top:before{content: ' '; display: block; position: absolute; left: 0; top: 0; opacity: 0.9; background: url(/images/earlytms/faq-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 {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){
}