@charset "utf-8";
@import url('font-awesome.css');
@import url('bootstrap.css');
@import url('icomoon/style.css');
:root {
	--blue-color: #143645;
	--blue-hover-color: #ffffff;
	--blue1-color:#228ebc;
	--white-color:#ffffff;
	--yellow-color:#cee1e9;
}
:root{--main-color:#ff2143;--vice-color:#34b8c0;--green-color:#a7c44c;--red-color:#de1c31;--yellow-color:#e77b09;--blue-color:#006;--purple-color:#3e7ebe;--white-color:#ffffff;--black-color:#000000;--grey-color:#f0f0f0;--neutral-grey-color:#cccccc;--dark-grey-color:#787878;--light-grey-color:#dfe3e6;--bs-font-sans-serif:'MuseoSans-300',Arial,Helvetica,Verdana,Tahoma,sans-serif}
.scrolltopcontrol{width:54px; height:54px; background-color: var(--blue1-color); border-radius:50%; -webkit-box-shadow: 0 0 8px 0 var(--blue1-color);	box-shadow: 0 0 8px 0 var(--blue1-color); transition: .5s all ease;}
.scrolltopcontrol:hover{width:54px; height:54px; background-color: var(--blue-color); border-radius:50%; -webkit-box-shadow: 0 0 8px 0 var(--blue-color); box-shadow: 0 0 8px 0 var(--blue-color);}
.scrolltopcontrol:before {
    content: "\f077";
    font-family: 'FontAwesome'; 
    cursor: pointer;
    color: #fff; 
	display: block;
	text-align:center;
	padding-top:14px;	
}

body {
    margin: 0px;
    padding: 0px;
	font-family:"Avenir";
    background-position: top center;
    background-repeat: no-repeat;
    font-weight: normal;
    font-size: 1rem;
    -webkit-text-size-adjust: none;
    color: #333;
}
.clear {
    clear: both;
}


/*banner-css*/
.banner{
	position:relative;
	/*width:100%;*/
	width:66.666666%;
	height:40vw;
	background-color:#e6e6e6;
	overflow:hidden;
}
.banner ul.flicks {
	width:10000%;
	height:100%;
	padding:0px;
	margin:0px;
	list-style:none;
}
.banner ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table; 
}
.banner ul.flicks>li .flick-inner {
	height:100%;
	color:#fff;
	display:table-cell;
	vertical-align:middle; 
}
.banner ul.flicks>li .flick-inner .flick-content {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;

}

.btn {
    color: #fff;
    display: inline-block;
    text-align: center;
	height: 50px;
	line-height: 50px;
    width: 160px;
    z-index: 0;
    overflow: hidden;
    position: relative;
	text-decoration: none;
	font-size: 1rem;
	padding-bottom: 5px;
	cursor: pointer;
	background: #ff2143;
	
}
.btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 101%;
  height: 101%;
  background: #fff;
  color: #000 !important;
  z-index: 1;
  transition: transform 0.5s;
  transition-timing-function: ease;
  transform-origin: 0 0;
  transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7);
  transform: scaleX(0);
  border-radius: 0;
}

.btn:hover::before {
  transform: scaleX(1);
  z-index: -1;
}
.btn:hover{color: #000000!important;}
.banner .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden;
}
.banner .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:100%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
.banner .arrow-navigation:hover, .banner .arrow-navigation .arrow:hover {
	cursor:pointer;
}
.banner .arrow-navigation.left {
	left:0%;
}
.banner .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url("../images/arrow-left-light.png");
	background-repeat:no-repeat;
	background-position:left;
}
.banner .arrow-navigation.right {
	right:0%
}
.banner .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url("../images/arrow-right-light.png");
	background-repeat:no-repeat;
	background-position:right
}
.banner .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 0px;
}
.banner .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 0px;
}
.banner .dot-navigation {
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
	z-index:100;
}
.banner .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px;
}
.banner .dot-navigation ul li {
	display:inline-block;
	float:none
}
.banner .dot-navigation .dot {
	width:14px;
	height:14px;
	margin:0px 6px;
	background-color:rgba(255, 255, 255, 0.9);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
}
.banner .dot-navigation .dot:hover {
	cursor:pointer;
	background-color:rgba(255, 255, 255, 0.5);
}
.banner .dot-navigation .dot.active {
	/*background-color:#f97425;*/
	background-color:rgba(34, 142, 188, 0.8);
	width: 25px; height: 14px; border-radius: 20px;
}
.banner.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0.6s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.banner.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.hero__caption span {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 22px;
  text-transform: uppercase;
  color: #eb566c!important;
  display: inline-block;
  position: relative;
  padding-left: 100px;
}
.hero__caption span::before {
    position: absolute;
    content: "";
    width: 70px;
    height: 2px;
    background: #eb566c;
    top: 0;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}


@media (min-width: 1280px){
.banner ul.flicks>li .flick-inner .flick-content i {color:#000; font-size:3rem; width:90%; margin:0 auto;  padding: 0; text-align: left; font-family:"Avenir Next Ultra Light"; font-weight: bold; font-style: normal; display: block; line-height: 1.4em;}
.banner ul.flicks>li .flick-inner .flick-content p {color: #000; font-size:1.2rem; width:90%; margin: 20px auto; text-align: left; line-height: 28px; }
.banner ul.flicks>li .flick-inner .flick-content span {width:90%; margin: 0 auto 20px auto; text-align: left; display: block; }
}
@media (min-width: 1024px) and (max-width: 1440px){	
.banner{top:0;height:60vw;}
.banner ul.flicks>li .flick-inner .flick-content i {color:#000; font-size:2rem; width:90%; margin:0 auto; font-weight: 700; padding: 20px 0; text-align: left; display: block; line-height: 1.2em;font-style: normal; }
.banner ul.flicks>li .flick-inner .flick-content p {color: #000; font-size:18px; width:90%; margin: 10px auto; text-align: left;line-height: 28px;}
.banner ul.flicks>li .flick-inner .flick-content span {color: #000; font-size:24px; width:60%; margin: 20px auto; text-align: left; display: block; }

}
@media (max-width: 1023px){
.banner{top:0;height:700px;}
.banner ul.flicks>li .flick-inner .flick-content i {color:#000; font-size:1.5rem; width:100%; margin:0 auto; font-weight: 700; padding: 20px 0; text-align: left; display: block; line-height: 1.2em;font-style: normal; }
.banner ul.flicks>li .flick-inner .flick-content p {color: #000; font-size:1rem; width:100%; margin: 10px auto; text-align: left;line-height: 28px;}
.banner ul.flicks>li .flick-inner .flick-content span {color: #000; font-size:18px; width:100%; margin: 20px auto; text-align: left;  display: block;}

		.banner ul.flicks>li .flick-inner .flick-content {
	max-width:90%; 
	margin-left:auto;
	margin-right:auto;
		padding-top: 20%;

}
	
	.banner ul.flicks>li {
	float:left;
	width:1%;
	height:100%;
	background-position:center;
	background-size:cover;
	display:table; 
}
}

/*menu 2 css*/
.menu-mobile{display:none;padding:15px 20px;color:var(--white-color);text-decoration:none;text-align:left}
.menu-mobile:after{content:"\f1de";font-family:'FontAwesome' !important;font-size:1.25rem;padding:5px 0 0 0;float:right;position:relative;top:50%;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);color:var(--white-color)}
.menu{width:100%;margin:0 auto;}
.menu>ul{margin:0 auto;width:100%;list-style:none;padding:0;box-sizing:border-box;padding-left:0;text-align:center}
.menu>ul:before,.menu>ul:after{content:"";display:table}
.menu>ul:after{clear:both}
.menu>ul>li{padding:0 20px;margin:0;display:inline-block;font-size:17px;font-weight:bold;text-align:left}
.menu>ul>li>a{position:relative;display:inline-block;padding:16px 0;text-decoration:none;color:var(--black-color)}
.menu>ul>li:hover,.menu>ul>li:hover>a{color:var(--main-color)}
.menu-dropdown-icon::after{
    content: "\f107";
    font-family: FontAwesome;
    padding: 0px 5px;
    color: #000;
    font-weight: bold;
}
.submenu-button{position: relative;}
.menu>ul>li:hover>a::after{width:100%}
.menu>ul>li>ul{display:none;opacity:1 !important;width:100%;background-color:#0d2d3e;padding:0;position:absolute;z-index:9999;left:0;margin:10px 0 0 0;list-style:none;height:auto}
@media (min-width:1025px){
.menu>ul>li>ul{height:500px}
.menu>ul>li>ul::before{display:inline-block;content:"";width:1px;height:500px;position:absolute;top:0;left:24%;z-index:99;background:#074262;}
.menu>ul>li>ul>li{display:block;width:24%;height:52px;float:none;padding-left:0;padding-right:0;padding-bottom:0}
.menu>ul>li>ul>li>a{display:block;border:0;padding:10px 10px 10px 25px;font-size:16px;line-height:32px;width:100%;color:#fff;text-decoration: none; position: relative;}
.menu>ul>li>ul>li>a:before {
    content: "\f105";
    font-family: "FontAwesome";
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
	position: absolute; right: 10px;
}
.navi-menu-3{padding: 10px; border-top: 1px #fff solid;}
.menu>ul>li>ul>li.menu-on{cursor:pointer;}
.menu>ul>li>ul>li:hover{background-color:#ff2143;}
.menu>ul>li>ul>li.menu-on>a{color:#fff;background-color:#ff2143;}
.menu>ul>li>ul>li>ul{display:none;width:75%;height:500px;position:absolute;top:0;left:25%;z-index:99;padding:10px 10px}
.menu>ul>li>ul>li>ul{max-height:495px;overflow-x:auto}
.menu>ul>li>ul>li>ul::-webkit-scrollbar{width:5px;height:5px}
.menu>ul>li>ul>li>ul::-webkit-scrollbar-thumb{border-radius:5px;-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-ms-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-o-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
.menu>ul>li>ul>li>ul::-webkit-scrollbar-track{-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-ms-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-o-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
.menu>ul>li>ul>li>ul>li{width:49%;display: inline-block; padding-right: 2%; line-height:30px; list-style: none;vertical-align: top;}
.menu>ul>li>ul>li>ul>li>a{display:inline-block;padding:5px 10px;font-size:15px;line-height:32px;font-weight:bold;color:#fff; text-decoration: none;}
.menu>ul>li>ul>li>ul>li>a:hover{color:var(--main-color)}
.menu>ul>li>ul>li>ul>li>ul>li{position:relative;line-height:25px;list-style-type: none;}
.menu>ul>li>ul>li>ul>li>ul a{display:block;padding:.15em 0;font-size:14px;font-weight:normal;color:#fff; text-decoration: none;}
.menu>ul>li>ul>li>ul>li>ul a:hover{color:var(--main-color)}
}
.menu>ul>li>ul.normal-sub{width:250px;height:auto;left:auto;font-size:16px}
.menu>ul>li>ul.normal-sub::before{display:none}
.menu>ul>li>ul.normal-sub>li{width:100%;height:auto}
.menu>ul>li>ul.normal-sub>li a{width:100%;border:0;padding:10px;line-height:24px;overflow:inherit;white-space:inherit;text-overflow:inherit}
.menu>ul>li>ul.normal-sub>li.menu-on>a{background:none}
.menu>ul>li>ul.normal-sub>li a:hover{color:#fff; background: #ff2143;}
.menu>ul>li>ul.normal-sub>li a::before{display:none}

@media (max-width:1024px){
.menu-mobile{display:block}
.menu-mobile:hover{color:var(--white-color)}
.menu-dropdown-icon:before{display:block;padding:10px 15px}
.menu .menu-dropdown-icon>a:before{display:none}
.menu .show-on-mobile{display:block}
.menu{background:var(--vice-color)}
.menu>ul{display:none;padding:0;background-color:var(--white-color)}
.menu>ul>li{width:100%;float:none;display:block;position:relative; padding: 0;}
.menu>ul>li>a{padding:10px 20px !important;border-bottom:1px solid var(--light-grey-color)}
.menu>ul>li a{padding:5px 10px;display:block;color:var(--black-color); text-decoration: none;}
.menu>ul>li>ul>li>a{width:100% !important; color: #fff!important;}
.menu>ul>li>ul{position:relative;width:100%;left:0;padding:10px 0;}
.menu>ul>li>ul.normal-sub{width:100%}
.menu>ul>li>ul>li{float:none;width:100%;margin-top:0}
.menu>ul>li>ul>li>ul{position:relative}
.menu>ul>li>ul>li>ul>li{float:none}
.menu>ul>li>ul>li>ul>li>a{padding-left:20px;font-weight:normal; color: #fff;}
.menu>ul>li>ul>li>ul>li>ul>li>a{padding-left:20px;font-weight:normal; color: #fff;}
.menu .submenu-button{position:absolute;z-index:299;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:42px;width:52px;cursor:pointer}
/*.menu .submenu-button::before{content:' ';position:absolute;left:21px;top:21px;display:block;width:11px;height:1px;background:#444;z-index:99}*/
.menu .submenu-button.submenu-opened:after{display:none}}
.menu .submenu-button::after{
    content: "\f107";
    font-family: FontAwesome;
    padding: 0px 5px;
    color: #0d2d3e;
    font-weight: bold;
	position: absolute;
	top: 0px;
}
.menu-dropdown-icon::after{
    content: "\f107";
    font-family: FontAwesome;
    padding: 0px 5px;
    color: #000;
    font-weight: bold;
	display: none;
}
.menu-dropdown-icon:hover >.submenu-button::after{color: #ff2143;}

/*** Table Css style ***/

.ollist {padding:0px 0px 15px 19px;margin:0px;}
.ollist li {list-style-type:decimal; padding: 5px 0; }
.ollist li >ul>li {list-style-type:lower-latin }
.reference{padding-bottom:0px;line-height:20px !important;color:#888888 !important; }

.ullist {padding:0px 0px 0 19px;margin:0px;}
.ullist li {list-style: disc; line-height: 26px; font-size: 1rem; margin-bottom: 10px; }
.ollist li {list-style-type:decimal }
.ullist li >ul>li{list-style-type:circle}
.ollist li >ul>li {list-style-type:lower-latin }
.hollow-disc li{list-style-type:circle !important;}

.ullist li a{ color:#0d2d3e; text-decoration: none;}
.ullist li a:hover{ color: #f84949;}

.reference{padding-bottom:0px;color:#888888 !important; }


table {
  border-collapse: collapse; margin:0; width: 100%; border: 1px solid #ddd;}

table tr,
table th,
table td {
  border: none;
  border-bottom: 0px solid #ddd;
  font-size: 1rem;
}

table th,
table td {
  padding:12px;
  text-align: left; line-height:26px; border-left: 1px #ddd solid;
}

table th {
  background:  var(--blue1-color);
  color: #fff;
  text-transform: uppercase;border-bottom: 1px solid #ddd;
}

table tr td {
  background: #fff;
  color: #333;border-bottom: 1px solid #ddd;
}
table tr td img{ padding-right: 5px; vertical-align: middle;}
table tr td a{
  color:#218bbb;
  text-decoration:none;vertical-align: middle;
}

table tr:nth-of-type(2n+2) td {
  background: #fff;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  font-size: 1rem;
  padding: 0;
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
  padding:10px;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  display: inline-block;
  padding: 2px 5px;
}

table.bt tfoot th:first-of-type:before,
table.bt tfoot th:first-of-type .bt-content,
table.bt tfoot td:first-of-type:before,
table.bt tfoot td:first-of-type .bt-content,
table.bt tbody td:first-of-type:before,
table.bt tbody td:first-of-type .bt-content {
  padding-top: 10px;
}

table.bt tfoot th:last-of-type:before,
table.bt tfoot th:last-of-type .bt-content,
table.bt tfoot td:last-of-type:before,
table.bt tfoot td:last-of-type .bt-content,
table.bt tbody td:last-of-type:before,
table.bt tbody td:last-of-type .bt-content {
  padding-bottom: 10px;
}


table.bt thead,
table.bt tbody th {
  display: none;
}

table.bt tfoot th,
table.bt tfoot td,
table.bt tbody td {
  border: none;
  display: block;
  vertical-align: top;
}

table.bt tfoot th:before,
table.bt tfoot td:before,
table.bt tbody td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 30%;
  display: inline-block; 
}

table.bt tfoot th.bt-hide,
table.bt tfoot td.bt-hide,
table.bt tbody td.bt-hide {
  display: none;
}

table.bt tfoot th .bt-content,
table.bt tfoot td .bt-content,
table.bt tbody td .bt-content {
  vertical-align: top; width:55%; display: inline-block; padding-top:10px;
}

.successinfo{padding-left:15px;line-height:30px;line-height:22px;color:#888888;padding-right:20px;padding-bottom:20px;}
.successinfo .iconarea{}
.successinfo .iconarea .iconunit{text-align:center;display:block; width:40px;height:40px; border-radius:40px; background-color:#7b9d3c;color:#ffffff;line-height:40px;font-weight: bolder;font-size:22px; position:relative;z-index:9;}
.successinfo .tit{font-size:20px;font-weight:bold;color:#7b9d3c; display:block;}
.successinfo .iconarea .iconunit img{top:10px;left:5px;position:absolute; z-index:10;}