@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,700');
a, a:focus, a:hover, button, button:focus{ text-decoration:none; outline: 0;}

ul{list-style:none;padding:0;margin:0}
.logo-container{text-align:center;padding:30px 0;background:#fff}
header{position:fixed;top:0;left:0;width:100%;background-color:#3c3c3c;color:#fff;text-align:center;z-index:5;padding-left:10px}
header h1{padding:4px 0;margin:0;font-size:18px}
header a{float:left;color:#fff;vertical-align:middle;margin:5px 0 0 10px;font-size:20px}
.page-container{position:fixed;left:-100vw;transition:left .5s ease-out;width:100%;padding:32px 0 83px;height:100%;background-color:#fff;overflow:auto;direction:ltr}
.page-container > * {direction: rtl;}
.page-container.active {left: 0px;z-index: 1;}
.page-container.animating {z-index: 2;overflow: hidden;}
.accordion-container { padding-bottom: 83px;}
.accordion-container .card {color: #fff;}


.accordion-container .card,.accordion-container .card-header{padding:0;border:none;border-radius:0}
.accordion-container .card-header a{display:block;padding:32px 30px;color:#fff;font-size:30px;font-weight:300}
.accordion-container .card-header a[aria-expanded="true"]{padding-bottom:10px}
.accordion-container .card-header a img{margin-left:20px}
.accordion-container .card-header a:after{content:"";display:inline-block;width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-135deg);float:left;margin:14px 0 0 3px}
.accordion-container .card-header a.collapsed:after{transform:rotate(45deg);margin-top:15px}
.accordion-container .card-header a.static:after{content:initial;display:none}
.accordion-container .card-body{font-size:18px;font-weight:100;padding-top:0;line-height:24px; overflow: hidden;}
.accordion-container .card-body .desc{margin-right:70px}
.accordion-container .card-body .more-btn, .accordion-container .card-body .desc a{padding:11px 0;float:left;white-space:normal;display:inline-block;min-width:160px;text-align:center;background-color:#fa8820;color:#fff;margin-top:12px;line-height:22px}
.page2 .number-list{margin:20px -20px}
.number-list>li{border-bottom:1px solid #fff;padding:10px;min-height: 30px;}
.number-list>li:first-child{border-top:1px solid #fff}
.number-list>li span{background-color:#fff;padding:2px 7px;float:right;margin:4px 30px 0 25px;display:inline-block;color:#555;font-size:15px}
.number-list>li div{overflow:hidden;line-height:1.1}
.comment-container{background-color:#fb8921;padding:15px 15px 5px 15px;}
.comment-container textarea{resize:none;width:100%;border:none;border-radius:0;padding:10px;font-size:14px;color:#9f9f9f;font-weight:300}
.comment-container textarea::-webkit-input-placeholder{color:#9f9f9f;opacity:1}
.comment-container textarea::-moz-placeholder{color:#9f9f9f;opacity:1}
.comment-container textarea:-ms-input-placeholder{color:#9f9f9f;opacity:1}
.comment-container button{color:#fff;background-color:#3c3c3c;width:100%;padding:5px 0;text-align:center;border:none; margin-top: 8px;}
.page2 .bottom-btn-group{background-color:#fb8921}
.page2 .bottom-btn-group li{width:33.33%;padding:3px;float:right}
.page2 .bottom-btn-group li a{color:#fff;background-color:#3c3c3c;width:100%;padding:5px 0;text-align:center;display:block}


.page-container.innerpages{ background: #f2f2f2; }
.page-container.innerpages h2{ color: #000; font-size: 30px; padding: 18px 32px; margin: 0; }
.page-container.innerpages h2 img{ margin-left: 20px;}
.terms_content, .about_content, .terms_use, .contact_us, .subpage_content{font-size: 18px; line-height: 30px; color: #000; font-weight: 100; padding-bottom: 84px;}
.contact_us{ font-size: 16px;}
.terms_content ul{ display: block; padding: 0; margin: 0; list-style:none;}
.terms_content ul li {border-top: 2px solid #d6d6d6; padding: 12px 32px;}
.terms_content ul li:nth-last-child(1){ border-bottom: none;}
.terms_content ul li b, .terms_content ul li strong{ font-weight: 700;}
.terms_content ul li span{ text-decoration:underline;}
.about_content > div, .terms_use > div, .contact_us > div {padding:0 32px 12px 32px;}
.contact_us > div img{ margin-left: 10px;}

.contact_us form{background-color:#3c3c3c;padding: 10px 32px 18px 32px; margin-top: 10px;}
.contact_us form h3{ font-size: 16px; font-weight: 700; color: #fff; padding: 0; margin: 0;}
.contact_us form input{height:34px;line-height:32px;padding:0 10px;width:100%;display:inline-block; font-size:14px;color:#9f9f9f;font-weight:300;  margin-top: 8px;}
.contact_us form::-webkit-input-placeholder {color:#9f9f9f; opacity:1;}
.contact_us form::-moz-placeholder {color:#9f9f9f; opacity:1;}
.contact_us form:-ms-input-placeholder {color:#9f9f9f; opacity:1;}

.contact_us form textarea{resize:none;width:100%;border:none;border-radius:0;padding:10px;font-size:14px;color:#9f9f9f;font-weight:300;  height: 66px;  margin-top: 8px;}
.contact_us form textarea::-webkit-input-placeholder{color:#9f9f9f;opacity:1}
.contact_us form textarea::-moz-placeholder{color:#9f9f9f;opacity:1}
.contact_us form textarea:-ms-input-placeholder{color:#9f9f9f;opacity:1}
.contact_us form button{color:#fff;background-color:#fb8921;width:100%;padding:5px 0;text-align:center;border:none; margin-top: 8px;}

.page-container.subpage{ background: #4895d9; padding-bottom: 118px; }

.subpage .subpage_content{ color: #fff; padding-bottom: 118px;}
.subpage_content h3{ color: #000; font-size: 30px; padding: 18px 32px; margin: 0; line-height: 20px; }
.subpage_content h3 img{ float: right; margin-left: 10px;}
.subpage_content h3 span{ display: inline-block;}
.subpage_content h3 b, .subpage_content h3 strong{ font-size: 18px;}
.subpage .card,.subpage .card-header{padding:0;border:none;border-radius:0; background: none; }
.subpage .card-header { border-bottom: solid 1px #7fb5e4;}
.subpage .card-header a{display:block;padding:0;color:#fff;font-size:30px;font-weight:300}
.subpage .card-header a[aria-expanded="true"]{padding-bottom:0px}
.subpage .card-header a img{margin-left:20px}
.subpage .card-header a:after{content:"";display:inline-block;width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-135deg);float:left;margin:14px 0 0 3px;}
.subpage .card-header a.collapsed:after{transform:rotate(45deg);margin-top:15px}
.subpage .card-header a.static:after{content:initial;display:none}
.subpage .card-body{font-size:18px;font-weight:100;padding-top:0;line-height:24px; overflow: hidden; padding: 0;}


.subpage .card .card{padding:0;border:none;border-radius:0; background: none; border-bottom: solid 1px #7fb5e4;}
.subpage .card .card .card-header{ border-bottom: none; padding: 10px 32px; }
.subpage .card .card .card-header a{padding:0;color:#fff;font-size: 20px;  overflow: hidden;}
.subpage .card .card .card-header a i{background-color:#fff;padding:2px 7px;float:right;margin:0 0 0 25px;display:inline-block;color:#3c3c3c;font-size:15px; font-style:normal; }
.subpage .card .card .card-header a span{ overflow: hidden;}
.cmargin{padding: 10px 32px; display:block; font-size: 18px;}
.subpage .card-body ul{ display: block; padding: 0; margin: 0; list-style:none;}
.subpage .card-body ul li{ display: block; padding: 10px  80px 10px 32px; margin: 0;  border-bottom: solid 1px #7fb5e4; list-style:none; overflow: hidden;}
.subpage .card-body ul li:nth-last-child(1){ border-bottom: none;}
.subpage .card-body ul li i{background-color:#fff;padding:2px 4px;float:right;margin:0 0 0 25px;display:inline-block;color:#3c3c3c;font-size:15px; font-style:normal; }
.subpage .card-body ul li span{ overflow: hidden;}
.subpage .card-body ul li a{ display: block; color: #fff; }
.subpage .card-body ul li a:hover{ display: block; color: #fff; text-decoration:underline;}

.subpage .comment-container,
.subpage .bottom-btn-group{background-color:#fb8921; position: fixed; bottom: 47px; left: 0; right: 0; z-index: 1; transition: bottom .3s ease-out; transition-delay: 0.5s;}
.subpage .comment-container{bottom: -40px; transition-delay: 0s;}
.subpage .open .comment-container{bottom: 118px}
.subpage.active .bottom-btn-group{bottom: 82px;}
.subpage .bottom-btn-group ul{ padding: 0; margin: 0; list-style:none; }
.subpage .bottom-btn-group li{width:33.33%;padding:3px;float:right}
.subpage .bottom-btn-group li a{color:#fff;background-color:#3c3c3c;width:100%;padding:5px 0;text-align:center;display:block; position: relative; z-index: 2}


.subline{ content: ""; position: fixed; bottom: 83px; left: 0; right: 0; width: 100%; height: 1px; background: #acacac; }

footer > nav{position:fixed;bottom:0;left:0;width:100%;background-color:#f6f6f6;z-index:5}
footer > nav > ul > li{float:right;width:14.25%;text-align:center;position:relative}
footer > nav > ul > li > a{display:block;text-align:center;padding:15px 0;font-size:12px;color:#010101;font-weight:300}
footer > nav > ul > li > a span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
footer > nav > ul > li > a img{margin-bottom:10px}
footer > nav.lightpage{border-top:solid 1px #acacac}
footer .sub-menu{position:fixed;bottom:-100%;right:0;width:100%;max-height:100vh;overflow:auto;transition:all .5s ease-out;z-index:4;border-bottom: 83px solid transparent;border-top: 30px solid transparent;}
footer.open .sub-menu{bottom:0}
footer .sub-menu li{border-bottom:1px solid #fff;text-align:center;background-color:#3c3c3c;}
footer .sub-menu li:nth-last-child(1){border-bottom:none;padding-top:0}
footer .sub-menu li:nth-last-child(2){border-bottom:none;padding-bottom:0}
footer .sub-menu li:nth-last-child(2) a{padding-bottom:5px}
footer .sub-menu a{color:#fff;font-size:20px;display:block;padding:30px 15px;font-weight:300}
footer .sub-menu a:hover,footer .sub-menu .active a{color:#fb8921}
footer .sub-menu input{height:34px;line-height:32px;padding:0 10px;width:90%;display:inline-block;margin:17px 0;font-size:20px;color:#9f9f9f;font-weight:300}
footer .sub-menu::-webkit-input-placeholder {color:#9f9f9f; opacity:1;}
footer .sub-menu::-moz-placeholder {color:#9f9f9f; opacity:1;}
footer .sub-menu:-ms-input-placeholder {color:#9f9f9f; opacity:1;}

.page-container.subpage.mixed { background: #fff;}
#Accordion_last{background: #398cbf;}
#Accordion_last .item{ padding: 18px 32px;color: #fff;}
#Accordion_last .item p{ margin-right: 52px;}
.last_heading, .last_heading:hover{  display: block; font-size: 30px; color: #fff; padding-bottom: 10px;}
.last_heading img{ margin-left: 20px;}
.last_heading:after { content: "";  display: inline-block;  width: 10px;  height: 10px;  border-right: 2px solid #fff;  border-bottom: 2px solid #fff; transform: rotate(-135deg);   float: left;     margin: 14px 0 0 3px;}
.last_heading.collapsed:after { transform: rotate(45deg);  margin-top: 15px;}

.mixed .number-list{padding:20px  0 130px 20px;}
.mixed .number-list>li{border-bottom:1px solid #c3dcec;padding:10px 20px !important;}
.mixed .number-list>li:first-child{border-top: none;}
.mixed .number-list>li span{background-color:#398cbf;padding:2px 7px;float:right;margin:4px 20px 0 25px;display:inline-block;color:#555;font-size:15px; color: #fff;}
.mixed .number-list>li div{overflow:hidden;line-height:1.1}
.mixed .number-list>li b, .mixed .number-list>li strong{ font-size: 18px; font-weight: 400;}

/* END__ */
@media only screen and (max-width: 767px) {
.d-md-block {display: none;}
footer > nav > ul > li {width: 20%;}
.accordion-container .card-body {font-size: 16px; }
.accordion-container .card-body .desc { margin-right: 60px;}
footer .sub-menu a {padding:15px;}
.accordion-container .card-header a { padding: 22px 18px; font-size: 20px;}
.comment-container textarea {font-size: 12px;}
.page-container.innerpages h2{ font-size: 24px; }
.terms_content, .about_content, .terms_use, .contact_us{font-size: 14px; line-height: 24px;}
}
/* END__ */
@media (min-width: 576px) and (max-width: 767px) {


}
/* END__ */
@media only screen and (max-width: 575px) {

}
/* END__ */
@media only screen and (max-width: 400px) {

}
/* END__ */