@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,500i,600,600i,700,700i,800,800i,900&amp;display=swap');
body{margin: 0;padding: 0;font-size: 16px;font-family: 'Poppins', sans-serif; overflow-x: hidden;}
a{color: inherit;}
a:hover{text-decoration: none;color: inherit;}
.container{ max-width: 1280px!important; }
.top {z-index: 1200;font-weight: 400;position: relative;border-bottom: 1px solid #e8e8e8;}
.top__nav > li > a {color: #707985;padding: 12px 0;font-size: 1rem;line-height: 1.6rem;text-decoration: none;display: inline-block;}
.top__nav .fa {color: #ffae11;}
.header__buttons {padding: 0;margin: 0 -5px;list-style: none;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.header__buttons li {padding: 10px 5px;}
.btn {outline: none;color: #1c2530;cursor: pointer;font-size: 1rem;line-height: 2rem;padding: 5px 25px;user-select: none;text-align: center;white-space: nowrap;
-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;}
.btn_trans{ border: 2px solid #e9e6db; }
.btn_trans:hover { color: #fff; background: #2E898b; border-color: #2E898b;border: 2px solid #e9e6db;}
.btn:active {background: #2E898b;}
.btn:focus, .btn.focus {outline: 0;}
.btn_blue {background: #2E898b;border-color: #2E898b;color: #fff;}
.btn_blue:hover {color: #2E898b;background: #fff;border-color: #2E898b;}
a.nav-link {color: #1c2530 !important;}
.banner{background: url(../images/bg_new.html) no-repeat; background-size: cover; padding: 160px 0px;}
.btn_white:hover { color: #fff; background: #ffae11;}
.btn_white{ color: #2E898b;background: #fff; }
.promo__image {display: block;position: relative;-webkit-box-flex: 1;-webkit-flex-grow: 1;-moz-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;}
.promo__image_item {left: 0;top: 50%;margin-top: -190px;position: absolute;overflow: hidden;}
.circle_1 {
    position: absolute;
    background: url(../images/circle_1.html) no-repeat;
    height: 585px;
    width: 585px;
    left: 50%;
    margin-left: -294px;
    top: 50%;
    margin-top: -294px;
    animation: circle-1 50s linear infinite;
}
.circle_2 {
    position: absolute;
    background: url(../images/circle_2.html) no-repeat;
    height: 358px;
    width: 358px;
    left: 50%;
    margin-left: -185px;
    top: 50%;
    margin-top: -185px;
    animation: circle-2 20s linear infinite;
}
.circle_3 {
    position: absolute;
    background: url(../images/circle_3.html) no-repeat;
    height: 146px;
    width: 146px;
    left: 50%;
    margin-left: -79px;
    top: 50%;
    margin-top: -79px;
    animation: circle-3 19s linear infinite;
}


@keyframes circle-1 {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@keyframes circle-2 {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@keyframes circle-3 {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(-360deg);}
}
/* ---- particles.js container ---- */
.top-banner {position: relative;z-index: 1;}
#particles-js {height: 100%;left: 0;position: absolute;top: 0;width: 100%;background-color: #1e1b1b;}
.display-table {display: table;height: 100%;width: 100%;}
.display-table-cell {display: table-cell; vertical-align: middle;}
.about{ background: url(../images/about-back.html)50% 0% no-repeat; background-size: cover;padding-bottom: 50px;}
.diamond-line-centered::before, .diamond-line-left::before {box-shadow: 0 0 3px 3px rgba(255, 174, 17, 0.4);}
.diamond-line-centered:after, .diamond-line-left:after {border: 1px solid #ffae11;}
.diamond-line-left:after { bottom: 0;content: "";height: 3px;left: 0;position: absolute;right: 0;width: 90px;}
.diamond-line-left { margin-bottom: 25px; margin-top: 25px; padding-bottom: 5px; position: relative;}
.diamond-line-left:before {border: 3px solid #fff;bottom: -5px;content: "";height: 14px;left: 15px;position: absolute;right: 0;width: 14px;z-index: 3;-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.diamond-line-left:before{ background: #ffae11;}
.choose{ background-color: #f5f5f5; }
.diamond-line-centered-theme-colored2 {margin-bottom: 25px;margin-top: 25px;padding-bottom: 5px;position: relative;}
.diamond-line-centered-theme-colored2:after {bottom: 0;content: "";height: 3px;left: 0;margin: 0 auto;position: absolute;right: 0;width: 90px;}
.diamond-line-centered-theme-colored2:before {border: 3px solid #fff;bottom: -5px;content: "";height: 14px;left: 0;margin: 0 auto;position: absolute;right: 0;
width: 14px;z-index: 3;-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.diamond-line-centered {margin-bottom: 25px;margin-top: 25px;padding-bottom: 5px;position: relative;}
.diamond-line-centered:after {bottom: 0;content: "";height: 3px;left: 0;margin: 0 auto;position: absolute;right: 0;width: 90px;background-color: #fff;}
.diamond-line-centered:before {background-color: #fff;border: 3px solid #fff;bottom: -5px;content: "";height: 14px;left: 0;
 margin: 0 auto;position: absolute;right: 0;width: 14px;z-index: 3;-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.diamond-line-centered:before{background: #ffae11;}
.clip {text-align: center;padding: 98px 30px;height: 100%; -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0); clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 25%, 75% 0); background: #fff;
box-shadow: 0 0px 3px -1px rgba(0, 0, 0, 0.3);}
.tag-wrap {filter: drop-shadow(2px 0 8px rgb(44, 84, 162,0.3)); height: 100%; width: 100%; padding: 15px 0px;}
.clip h4{padding: 25px 0px 10px 0px;color: #242424;font-size: 20px;font-weight: 500;text-transform: uppercase;}
.clip p {font-size: 16px;line-height: 26px;color: #848484;}
.clip{margin-top: 30px;}
.work-back{background: url(../images/work-back.html)no-repeat; background-size:cover;}
p.work-text{max-width: 900px;margin-left: auto;margin-right: auto; font-size: 16px; font-weight: 300;}
.step-box { border-radius: 5px;background-color: #153154!important; height: 100%;}
.fs-2 {font-size: 2.2rem!important;}
.step-box h4{ font-size: 22px; }
h4.benifit-title {font-size: 22px;color: #2E898b;}
p.b-text {font-size: 16px; color: #848484;font-weight: 300; line-height: 30px;}
.register{background: url(../images/register-back.html)no-repeat; background-size:cover;}
.register .item:first-child {border-right: 1px dashed rgba(255,255,255,0.7);}
.register .item {text-align: center; padding-top: 5px; padding-bottom: 5px;}
.register .item .icon {display: inline-block;vertical-align: middle;}
.register .item .content {display: inline-block;vertical-align: middle;text-align: left;padding-left: 34px;}
.register .item h3 {color: #ffffff;font-size: 30px;text-transform: uppercase;margin-bottom: 0;}
.register .item p { color: #fff; font-weight: lighter}
.footer{background: url(../images/footer-back.html)no-repeat; background-size:cover;}
.footer-widget-item p {color: #7e7e7e;}
.footer-widget-item > h4 {color: #f1f1f1;font-weight: 500;margin-bottom: 26px;font-size: 22px;position: relative;}
.widget-link li a {  display: inline-block;  font-size: 16px; padding: 5px 0;color: #7e7e7e;line-height: 36px;}
.widget-link li a i {color: #ffae11;margin-right: 7px;}
.form-subscribe .form-control {float: left;height: 40px;width: 86%;}
.submit {background: #ffae11 none repeat scroll 0 0;display: block;float: right;height: 40px;left:-55px;line-height: 40px;position: relative;
text-align: center;width: 40px;color: #fff;}
.form-control {
	background: transparent;
	border: 1px solid #a5a5a5;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 20px;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	height: 46px;
	border-left:0;
}
ul.widget-link{ padding: 0px; }
.footer-bottom .f-menu li {display:inline-block;margin-left:6px;margin-right:6px;}
.footer-bottom .f-menu li:after {content: "/";position: relative;right: -8px;}
.footer-bottom .f-menu li:last-child:after { display:none;}
.news-box{ border:1px solid #7e7e7e; padding: 20px;}
.footer-bottom{ background: #171717;color: #7e7e7e; }
.r-back-1 {position: relative;}
.box-1 { background-color: #fff; box-shadow: 0 0 3px 3px rgba(225, 225, 225, 0.4);width: 170px;height: 170px;position: absolute;left: 16px;top: 15%;text-align: center;
 padding: 37px 0px;border-radius: 6px;}
.benifit{ display: flex; }
.sign__particles {position: absolute;display: block;top: 0;right: 0;bottom: 10px;left: 0;z-index: 1;background-color: #00153e !important;}
.sign__content {position: relative;z-index: 2;min-height: 100vh;position: relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;
display: flex;justify-content: center;align-items: center;padding: 30px 15px;}
.sign {
	height: auto;
	min-height: 100vh;
	position: relative;
	background-image: url(../assets/images/bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	background-position: center;
}
.card{background-color:#fff;}
.card-header{ background-color: transparent;border:none; }
.input-group-prepend span {
	width: 50px;
	background-color: #014e54;
	color: black;
	border: 0 !important;
	justify-content: space-around;
	color: #fff;
}
.form-group {
	margin-bottom: 25px;
}
.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #2E898b;
	outline: 0;
	box-shadow: none;
}
	.remember{color:#7e7e7e;}
.remember input{width: 20px;height: 20px;margin-left: 15px;margin-right: 5px;}
.login_btn{color: black;background-color: #ffae11;width: 100px;}
.login_btn:hover{color: black;background-color: white;}
.links{color:#7e7e7e;}
.card-footer{ background-color: transparent; }
	.card-footer a {
		color: #2E898b;
	}
.links a{margin-left: 4px;}
ul.f-menu {text-align: right;}
.sl-nav {display: inline;}
.sl-nav ul {margin:0;padding:0;list-style: none;position: relative;display: inline-block;}
.sl-nav li {cursor: pointer; padding-bottom:10px; color: #707985;}
.sl-nav li ul {display: none;}
.sl-nav li:hover ul {position: absolute;top:29px;right:10px;display: block;background: #fff;width: 120px;padding-top: 0px;z-index: 1;border-radius:5px;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.sl-nav li:hover .triangle {position: absolute;top: 15px;right: 78px;z-index:10;height: 14px;overflow:hidden;width: 30px;background: transparent;}
.sl-nav li:hover .triangle:after {content: '';display: block;z-index: 20;width: 15px;transform: rotate(45deg) translateY(0px) translatex(10px);height: 15px;
background: #fff;border-radius:2px 0px 0px 0px;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.sl-nav li ul li {padding: 15px 15px;padding-bottom:0;z-index: 2;font-size: 15px;color: #3c3c3c;}
.sl-nav li ul li:last-of-type {padding-bottom: 15px;}
.intl-tel-input { flex: 1; }


@media only screen and (max-width: 1024px){

	.box-1 {
	    width: 130px;
	    height: 130px;
	    position: absolute;
	    left: 16px;
	    top: 15%;
	    text-align: center;
	    padding: 8px 0px;
	    border-radius: 6px;
	}
	.box-1 h4 {
	    font-size: 20px;
	}
	img.img-fluid.logo {
    	width: 150px;
	}
	.submit {
	    left: -44px;
	    position: relative;
	    text-align: center;
	    width: 40px;
	    color: #fff;
	}
	.promo__image_item {
	    left: 0;
	    top: 50%;
	    margin-top: -95px;
	    position: absolute;
	}
}


@media only screen and (max-width: 768px){
	.rmb-20 {
	    margin-bottom: 20px;
	}
	.rmb-50 {
	    margin-bottom: 50px;
	}
	.benifit {
		flex-direction: column;
	}
	.box-1 {
		width: 200px;
		height: 200px;
		position: absolute;
		left: 49px;
		top: 9%;
		text-align: center;
		padding: 45px 0px;
		border-radius: 6px;
	}
	img.img-fluid.b-img {
		transform: rotate(90deg);
	}
	.r-back-1 {
		position: relative;
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	.promo__image{ 
		display: none; 
	}
	.banner-text{ 
		text-align: center;

	 }
   	.submit{ left: -40px;
   		position: relative; 
   	}
   	p.f-text{ 
   		text-align: center; 
   	}
   ul.f-menu {
    	text-align: center; 
    	padding: 0px;
	}
}
@media only screen and (max-width: 576px){
	.register .item:first-child {
   		 border-right: none;
	}
	 .register .item .icon {
    	display: block;
   	}
   	.register .item h3{ 
   		margin-top: 20px;
   	}
   	ul.f-menu {
    	text-align: center; 
    	padding: 0px;
	}
	.links{ font-size: 14px; }
}

