*:not(input, textarea) {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: none;
}

.page {
	opacity: 1 !important;
}

.red {
	color: #ff0000;
}

.white {
	color: #fff;
}

.no-padding-tb {
	padding-top: 0;
	padding-bottom: 0;
}

.divider-2 {

}

.divider-2:before {
	width: 80%;
	border-top: 1.2px solid #c4c4c4;
}

* + .divider-2 {
	margin-top: 5px;
}

/*@media (min-width: 992px) {
	* + .divider-2 {
		margin-top: 38px;
	}
}*/

.box-minimal__divider {
	font-size: 0;
	line-height: 0;
}

.box-minimal__divider::after {
	content: '';
	display: inline-block;
	width: 100%;
	max-width: 280px;
	height: 1.5px;
	background: #fff;
}

* + .box-minimal__divider {
	margin-top: 16px;
	margin-bottom: 16px;
}

@media(max-width: 767px) {
	* + .box-minimal__divider {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

.preloader {
	background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7));
}

.cssload-speeding-wheel {
	border: 3px solid #000c26;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.swiper-pagination-bullet {
	background: #fff;
}

.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color,var(--swiper-theme-color)); 
}

.button-primary:hover, .button-primary:active, .button-primary.active {
	background-color: #30446f;
    border-color: #30446f;
}

/*----------------------------------- SECTION 2 -----------------------------------*/
.section-2 {
	background-color: #000c26;
	padding-top: 50px;
	padding-bottom: 40px;
}

.section-2 .divider-2 {
	padding-bottom: 30px;
}

.pl2-title {
	background: linear-gradient(to right, #000c26, #5C0700, #5C0700, #5C0700, #5C0700, #000c26);
}

.pl2-title h2 {
	color: #fff;
	padding: 10px 0;
	text-transform: none;
	line-height: 1.1;
}

.pl2-cont {
	background-image: url(../images/bg5.png);
}

.pl2-img {
	max-width: 700px;
	margin: 0 auto;
	padding: 25px 15px;
}

.pl2-content h4, .pl2-content h6 { 
	color: #fff; text-transform: none;
}

.pl2-content h4 {
	font-size: 28px;
	padding-bottom: 16px;
	line-height: 1.2;
}

@media(max-width: 1199px) {
	.pl2-content h4 {
		font-size: 25px;
	}

	.pl2-content h6 {
		font-size: 16px;
	}
}

@media(max-width: 991px) {
	.pl2-content h4 {
		font-size: 21px;
	}

	.pl2-content h6 {
		font-size: 13px;
	}
}


/*----------------------------------- SECTION T1 -----------------------------------*/
.section-t1 {
	/*background-image: linear-gradient(to bottom, #000c26, #021234, #000c26);*/
	padding: 40px 0;
}

@media(max-width: 767px) {
	.section-t1 h3 {
		line-height: 1.2;
	}
}


/*----------------------------------- SECTION T1-1 -----------------------------------*/

/*----------------------------------- SECTION T1-2 -----------------------------------*/

@media (min-width: 576px) and (max-width: 767px) {
	.st1-2 .container {
	    max-width: 700px;
	}
}

.profile-light4 {
	text-align: center;
}

.profile-light4 > * {
	/*margin-bottom: 16px;*/
}

.profile-light4 h1, .profile-light4 h3, .profile-light4 h4 , .profile-light4 p {
	color: #fff;
	text-align: justify;
	width: 100%;
}

.profile-light4 h1 {
	font-size: 84px; 
	/*font-weight: 900; */
	line-height: 1;
	padding: 0;
}

.profile-light4 h3 {
	font-size: 22px; 
	font-weight: 300; 
	padding: 1% 0 0 0;
}

.profile-light4 h4 {
	font-weight: 300;
	padding: 0 0 1% 0;
}

.profile-light4 h4 strong {
	font-weight: 900;
}

.profile-light4 p {
	padding: 1% 0; 
	margin: 0;
	font-size: 14px;
}

.profile-light4__figure img {
	max-width: 350px;
}

.profile-light4__main {
	display: flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    padding: 30px 25px;
    text-align: left;
    margin-left: -50px !important;
    z-index: 9;
    margin-bottom: 0;
}

.profile-light4__text {
	font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	color: #151515;
}

* + .profile-light4__text {
	margin-top: 15px;
}

.profile-light4__title {
	/*max-width: 400px;*/
	max-width: 80%;
	float: right;
	padding-top: 3%;
	padding-bottom: 3%;
	text-transform: none;
}

@media (max-width: 1200px) {
	.profile-light4__title {
		max-width: 75%;
	}
}

@media (max-width: 700px) {
	.profile-light4 {
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}

	.profile-light4__figure {
		flex-shrink: 0;
	    position: relative;
	    left: 0;
	    padding: 13px 10px 9px 10px;
	    margin-bottom: 0px;
	    z-index: 20;
	}

	.profile-light4__figure img {
		max-width: 150px;
	}

	.profile-light4__main {
		display: flex;
	    justify-content: center;
	    flex-direction: column;
	    flex-grow: 1;
	    padding: 10px;
	    text-align: left;
	    margin-left: 0px !important;
	    z-index: 9;
	    margin-bottom: 0;
	}

	.profile-light4__inner {
	    background-image: linear-gradient(to bottom, #00040c, #000c26, #00040c);
	    padding: 10px;
	}

	.profile-light4 h1, .profile-light4 h3, .profile-light4 h4, .profile-light4 p {
		text-align: center;
	}

	.profile-light4__title {
		padding: 3% 6%;
		max-width: 100%;
	}

	.profile-light4 h1 {

	}
}

@media (max-width: 575px) {
	.profile-light4__main {
		margin-left: 0px !important;
	}
}

@media (min-width: 701px) {
	.profile-light4 {
		display: flex;
		margin-left: -16px;
	}
	.profile-light4 > * {
		margin-left: 16px;
	}

	.profile-light4__main {
		margin-left: -50px !important;
	}

	.profile-light4__figure {
		flex-shrink: 0;
	    position: relative;
	    left: 0;
	    padding: 43px 10px 59px 10px;
	    margin-bottom: 0px;
	    z-index: 20;
	    width: 40%;
	}

	.profile-light4__inner {
		margin-left: -82%;
	    background-image: linear-gradient(to right, #00040c, #021234);
	}
}

@media (min-width: 701px) and (max-width: 991px) {
	.profile-light4 h1 {
		font-size: 79px;
	}

	.profile-light4 h3 {
		font-size: 23px;
	}

	.profile-light4 h4 {
		font-size: 15px;
	}

	.profile-light4 p {
		font-size: 12px;
	}
}

@media (min-width: 701px) {
	.profile-light4__inner {
		position: relative;
		overflow: hidden;
		padding: 0 5px 0 50px;
		margin-left: -34%;
	}
	.profile-light4__title {
		position: relative;
	}
	.profile-light4__title::before {
		
	}
	.profile-light4__text {
		font-size: 16px;
	}
}

@media (min-width: 992px) {
	.profile-light4 h4 {
		font-size: 18px;
	}
}

@media (min-width: 1200px) {
	.profile-light4__main {
		/*padding: 35px 30px 25px 70px;*/
	}
	.profile-light4__inner {
		/*padding-left: 90px;*/
		/*max-width: 750px;*/
	}
	.profile-light4__text {
		font-size: 17px;
	}
}   

/*----------------------------------- SECTION T1-3 -----------------------------------*/

@media (min-width: 576px) and (max-width: 767px) {
	.st1-3 .container {
	    max-width: 700px;
	}
}

/*----------------------------------- SECTION 4 -----------------------------------*/
.section-4 {
	background-color: #021234;
	padding-top: 50px;
	padding-bottom: 40px;
}

.pl4-desc {
	padding-bottom: 0px;
}

.pl4-desc p {
	font-size: 19px;
	text-align: justify; 
	color: #fff;
}

@media(max-width: 991px) {
	.pl4-desc p {
		font-size: 16px;
	}
}

@media(max-width: 767px) {
	.pl4-desc p {
		font-size: 15px;
	}
}

.pl4-img {
	padding: 10px 0;
}

.pl4-img .col-sm-6 {
	padding-bottom: 15px;
}

.pl4-img img {
	max-width: 400px;
}

/*----------------------------------- SECTION 5 -----------------------------------*/
.section-5 {
	background-color: #00050e;
	padding: 50px 0;
	/*background-image: url(../images/bg5.png);*/
}

.section-5 h3 {
	/*font-size: 42px;*/
}

/*----------------------------------- SECTION 6 -----------------------------------*/
.section-6 {
	background-image: linear-gradient(to bottom, #000c26, #021234, #021234, #021234, #000c26);
}

.pl6-desktop {
	display: block;
}

.pl6-mobile {
	display: none;
}

@media(max-width: 991px) {
	.pl6-desktop {
		display: none;
	}

	.pl6-mobile {
		display: block;
	}
}

/*----------------------------------- SECTION 7 -----------------------------------*/
.section-7 {
	background-color: #021234;
	padding: 30px 0;
}

.profile-light5 {
	text-align: center;
}

.profile-light5 > * {
	/*margin-bottom: 16px;*/
}

.profile-light5 h1, .profile-light5 h3, .profile-light5 h4 , .profile-light5 p {
	color: #fff;
	text-align: right;
	width: 100%;
}

.profile-light5 h1 {
	font-size: 84px; 
	/*font-weight: 900; */
	line-height: 1;
	padding: 0;
}

.profile-light5 h3 {
	font-size: 28px; 
	font-weight: 300; 
	/*padding: 1% 0 0 0;*/
	padding: 0;
}

.profile-light5 h4 {
	font-weight: 300;
	padding: 0 0 1% 0;
}

.profile-light5 h4 strong {
	font-weight: 900;
}

.profile-light5 p {
	padding: 1% 0; 
	margin: 0;
	font-size: 14px;
}

.profile-light5__figure img {
	max-width: 350px;
}

.profile-light5__main {
	display: flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    padding: 30px 25px;
    text-align: left;
    margin-left: -50px !important;
    z-index: 9;
    margin-bottom: 0;
}

.profile-light5__text {
	font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	color: #151515;
}

* + .profile-light5__text {
	margin-top: 15px;
}

.profile-light5__title {
	/*max-width: 400px;*/
	max-width: 100%;
	float: right;
	padding-top: 3%;
	padding-bottom: 3%;
	text-transform: none;
}

.profile-light5__outer {
	margin: 0 auto;
}

.profile-light5__outer h2 {
	font-weight: 700;
	line-height: 1;
	color: #fff;
	
}

@media (max-width: 1200px) {
	.profile-light5__title {
		max-width: 75%;
	}
}

@media (max-width: 700px) {
	.profile-light5 {
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}

	.profile-light5__figure {
		flex-shrink: 0;
	    position: relative;
	    left: 0;
	    padding: 10px 10px 9px 10px;
	    margin-bottom: 0px;
	    z-index: 20;
	}

	.profile-light5__main {
		display: flex;
	    justify-content: center;
	    flex-direction: column;
	    flex-grow: 1;
	    padding: 10px;
	    text-align: left;
	    margin-left: 0px !important;
	    z-index: 9;
	    margin-bottom: 0;
	}

	.profile-light5__inner {
	    background-image: linear-gradient(to bottom, #00040c, #000c26, #00040c);
	    padding: 10px;
	}

	.profile-light5__outer {
		background: none;
		padding: 0;
	}

	.profile-light5__outer h2 {
		font-size: 25px;
		text-align: center;
		padding-top: 12px;
		padding-right: 0;
		padding-left: 0;
	}

	.profile-light5 h1, .profile-light5 h3, .profile-light5 h4, .profile-light5 p {
		text-align: center;
	}

	.profile-light5 h3 {
		font-size: 17px;
	}

	.profile-light5__title {
		padding: 3% 6%;
		max-width: 100%;
	}
}

@media (max-width: 575px) {
	.profile-light5__main {
		margin-left: 0px !important;
	}
}

@media (min-width: 701px) {
	.profile-light5 {
		display: flex;
		margin-left: -16px;
	}
	.profile-light5 > * {
		margin-left: 16px;
	}

	.profile-light5__main {
		margin-right: -50px !important;
	}

	.profile-light5__figure {
		flex-shrink: 0;
	    position: relative;
	    left: 0;
	    padding: 43px 10px 59px 10px;
	    margin-bottom: 0px;
	    z-index: 20;
	    width: 40%;
	}

	.profile-light5__inner {
		/*margin-left: -82%;*/
	    background-image: linear-gradient(to left, #00040c, #021234);
	    padding-top: 30px; padding-bottom: 30px;
	}
}

@media (min-width: 701px) and (max-width: 991px) {
	.profile-light5 h1 {
		font-size: 79px;
	}

	.profile-light5 h3 {
		font-size: 19px;
	}

	.profile-light5 h4 {
		font-size: 15px;
	}

	.profile-light5 p {
		font-size: 12px;
	}
}

@media (min-width: 701px) {
	.profile-light5__inner {
		position: relative;
		overflow: hidden;
		padding: 20px 36% 20px 50px;
		margin-right: -34%;
	}

	.profile-light5__outer {
		padding-top: 0;
	}

	.profile-light5__outer h2 {
		text-align: right;
		padding: 0;
	}

	.profile-light5__inn {
		/*padding-bottom: 10px;*/
	}

	.profile-light5__title {
		position: relative;
	}

	.profile-light5__title::before {
		
	}

	.profile-light5__text {
		font-size: 16px;
	}
}

@media (min-width: 992px) {
	.profile-light5 h4 {
		font-size: 18px;
	}
}

@media (min-width: 1200px) {
	.profile-light5__main {
		/*padding: 35px 30px 25px 70px;*/
	}
	.profile-light5__inner {
		/*padding-left: 90px;*/
		/*max-width: 750px;*/
		padding: 30px 31% 30px 50px;
	}
	.profile-light5__text {
		font-size: 17px;
	}

	.profile-light5__outer {
		padding-top: 0;
	}

	.profile-light5__inn {
		/*padding-bottom: 10px;*/
	}
}   

@media (max-width: 767px) and (min-width: 576px) {
	.section-7 .container {
	    max-width: 700px;
	}
}


/*----------------------------------- SECTION 8 -----------------------------------*/
.section-8 {
	background-color: #000c26;
	background-image: url(../images/bg5.png);
	padding: 50px 0;
}

.section-8 h3 + img {
	margin-top: 0;
	margin-bottom: 10px;
}

.section-8 h3 + p {
	margin-top: 0;
}

.section-8 .divider-2 {
	padding: 15px;
}

.section-8 .divider-2:before {
	width: 100%;
}

.pl8-title {
	text-align: center;
	/*background-image: linear-gradient(to right, #000c26, #021234, #021234, #021234, #021234, #000c26);*/
	max-width: 600px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.section-8 .call-to-action a, .section-8 .call-to-action button {
	background-color: #ef430c;
	color: #fff;
	border-radius: 300px;
	font-size: 23px;
	font-weight: 700;
	padding: 10px 20px;
    line-height: 1.1;
    margin: 10px 0;
    white-space: normal;
    text-transform: uppercase;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    visibility: visible; 
    animation-name: tada;
}

@media (min-width: 768px) {
	.section-8 .call-to-action .left-btn {
		margin-right: 10px;
	}
}

/*@media(max-width: 575px) {
	.section-8 h3 {
		font-size: 17px;
	}
}*/

/*----------------------------------- SECTION 9 -----------------------------------*/
.section-9 {
	background-color: #00050e;
	padding-bottom: 30px;
}

.profile-light6 {
	/*margin-bottom: 10px;*/
	text-align: center;
	/*border-bottom: 1px #999 solid;*/
    /*background-color: #021234;*/
    /*border-radius: 100px;*/
}

.profile-light6 > * {
	/*margin-bottom: 16px;*/
}

.profile-light6 h4	{
	color: #fff;
	text-align: justify;
}

.profile-light6 h3	{
	color: #fff;
	/*text-align: justify;*/
	text-transform: none;
	font-weight: 300;
	/*font-size: 25px;*/
}

.profile-light6__figure img {
	max-width: 450px;
}

.profile-light6__figure h1 {
	color: #fff;
}

.profile-light6__main {
	display: flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    padding: 30px 25px;
    text-align: left;
    margin-left: -50px !important;
    /*background-color: #021234;*/
    z-index: 9;
    margin-bottom: 0;
    border-radius: 100px;
}

.profile-light6__text {
	font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	color: #151515;
}

* + .profile-light6__text {
	margin-top: 15px;
}

.profile-light6__inner {
	/*margin-left: -500px;*/
	/*margin-left: -80%;*/
    background-image: linear-gradient(to right, #153767, #00050e);
}

.profile-light6__title {
	/*max-width: 400px;*/
	max-width: 60%;
	float: right;
	padding-top: 3%;
	padding-bottom: 3%;
}

@media (max-width: 1200px) {
	.profile-light6__title {
		font-size: 21px;
		max-width: 50%;
	}
}

@media (max-width: 700px) {
	.profile-light6 {
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}

	.profile-light6__figure {
		flex-shrink: 0;
	    /* background-image: linear-gradient(to right, #153767, #021234); */
	    position: relative;
	    left: 0;
	    padding: 43px 10px 9px 10px;
	    margin-bottom: 0px;
	    z-index: 20;
	}

	.profile-light6__main {
		display: flex;
	    justify-content: center;
	    flex-direction: column;
	    flex-grow: 1;
	    padding: 10px;
	    text-align: left;
	    margin-left: -17px !important;
	    /*background-color: #021234;*/
	    z-index: 9;
	    margin-bottom: 0;
	    border-radius: 100px;
	}

	.profile-light6__inner {
		/*margin-left: -500px;*/
		/*margin-left: -80%;*/
	    background-image: linear-gradient(to bottom, #000c26, #021234, #000c26);
	}

	.profile-light6__title {
		text-align: center;
		padding: 3% 6%;
		max-width: 100%;
		font-size: 17px;
		line-height: 1.2;
	}
}

@media (max-width: 575px) {
	.profile-light6__main {
		margin-left: 0px !important;
	}
}

@media (min-width: 701px) {
	.profile-light6 {
		display: flex;
		margin-left: -16px;
	}
	.profile-light6 > * {
		margin-left: 16px;
	}

	.profile-light6__main {
		margin-left: -50px !important;
	}

	.profile-light6__figure {
		flex-shrink: 0;
	    /*background-image: linear-gradient(to right, #153767, #021234);*/
	    position: relative;
	    left: 0;
	    padding: 43px 10px 59px 10px;
	    /*border-radius: 100px 0 0 100px;*/
	    margin-bottom: 0px;
	    /*margin-right: -30px;*/
	    z-index: 20;
	    width: 60%;
	}

	.profile-light6__inner {
		margin-left: -82%;
		padding-right: 10px;
	}

	.profile-light6 h4 {
		font-size: 15px;
	}
}

@media (min-width: 768px) {
	.profile-light6__inner {
		position: relative;
		overflow: hidden;
		padding: 0 15px 0 50px;
		margin-left: -100%;
	}
	.profile-light6__title {
		position: relative;
	}
	.profile-light6__title::before {
		/*content: '';
		position: absolute;
		top: .6em;
		right: 100%;
		display: inline-block;
		line-height: inherit;
		margin-right: .55em;
		vertical-align: middle;
		width: 120px;
		border-bottom: 1px solid #ccc;*/
	}
	.profile-light6__text {
		font-size: 16px;
	}
}

@media (min-width: 992px) {
	.profile-light6 h4 {
		font-size: 18px;
	}
}

@media (min-width: 1200px) {
	.profile-light6__main {
		/*padding: 35px 30px 25px 70px;*/
	}
	.profile-light6__inner {
		padding-left: 90px;
		padding-right: 15px;
		/*max-width: 750px;*/
	}
	.profile-light6__text {
		font-size: 17px;
	}

	.profile-light6__title	{
		font-size: 25px;
	}
}   

@media (min-width: 701px) and (max-width: 991px) {
	.profile-light6__title {
		font-size: 18px;
	}
}

@media (max-width: 767px) and (min-width: 576px) {
	.section-9 .container {
	    max-width: 700px;
	}
}

/*-----------------     SECTION 10     ---------------*/
.section-10 {
	background-color: #000c26;
	padding: 60px 0 30px 0;
}

.section-10 .button {
	margin-top: 0;
}

.section-10 .boxshadow {
	/*margin: 10px 0;*/
}

* + .box-minimal__divider3 {
	margin-top: 12px;
	margin-bottom: 12px;
}

.box-minimal__divider3:after {
	content: '';
    display: inline-block;
    width: 45px;
    height: 3px;
    background: #fab915;
}

.pl10-cont .col-hi-plus {
	background-color: #021234;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pl10-cont .col-p10 {
	background-color: #112342;
    padding-bottom: 30px;
    padding-top: 30px;
}

.pl10-title h1 {
	padding-bottom: 10px; 
	font-size: 60px;
}

.pl10-title h3 {
	font-size: 30px;
}

@media(max-width: 767px) {
	.section-10 {
		padding-top: 30px;
		padding-bottom: 0;
	}

	.pl10-cont .col-hi-plus {
		padding-top: 10px;
		margin: 0;
	}

	.pl10-title h1 {
		padding-bottom: 10px; 
		font-size: 41px;
	}

	.pl10-title h3 {
		font-size: 19px;
	}

	.pl10-cont h2 {
		font-size: 26px;
	}

	.pl10-cont h4 {
		font-size: 15px;
	}
}

.pl10-cont {
	margin-top: 0;
}

.pl10-left-desc {
	color: #fff;
	text-align: center;
	padding: 10px 0;
}

.img-hi-plus {
	max-width: 350px;
}

.pl10-hi-plus h5 {
	color: #fff; 
	margin-top: 0px; 
	margin-bottom: 0px;
}

.pl10-hi-plus ul li h6, .pl10-hi-plus .class-promo1 {
	color: #fff;
	letter-spacing: normal;
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
    max-width: 277px;
    margin: 0 auto;
    text-align: left;
}

.pl10-hi-plus .class-promo1 {
    text-align: center;
    font-size: 15px;
}

.pl10-hi-plus ul li .fa-check-square-o {
	color: #55fbb6;
}

.pl10-hi-plus a, .pl10-cont button {
	color: #fff;
	border: none;
	border-radius: 300px;
	font-size: 18px;
	font-weight: 700;
	padding: 10px 20px;
    line-height: 1.1;
    margin: 10px 0;
    white-space: normal;
    text-transform: uppercase;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    visibility: visible; 
    animation-name: tada;
}

.pl10-hi-plus .btn-act {
	color: #fff;
}

.pl10-hi-plus .btn-psn {
	background-color: #fa591d;
}

.pl10-hi-plus .btn-wa {
	background-color: #00a500;
}

.pl10-hi-plus .btn-psn:hover, .pl10-hi-plus .btn-psn:active, .pl10-hi-plus .btn-psn:focus {
	background-color: #ef430c;
}

.pl10-hi-plus .btn-wa:hover, .pl10-hi-plus .btn-wa:active, .pl10-hi-plus .btn-wa:focus {
	background-color: #4fa149;
}

.pl10-hi-plus .tx-1 {
	padding-top: 20px;
	max-width: 277px;
    margin: 0 auto;
}

.pl10-hi-plus .tx-2 {
	padding-top: 10px;
}

.pl10-hi-plus .tx-3 {
	padding-top: 0px;
}

@media (max-width: 767px) {
	.pl10-hi-plus {
		margin-top: 20px;
	}

	.pl10-left-desc {
		font-size: 15px;
	}

	.pl10-cont .video-testi {
		display: none;
	}

	.pl10-title .box-minimal__divider3 {
		display: none;
	}
}

/*-----------------     SECTION 11     ---------------*/
.section-11 {
	background: url(../images/bg-ongkir.jpg);
	padding: 10px 0;
}

.pl11 {
	text-align: center;
}

.pl11 h3, .pl11 p {
	/*background-color: #757171;
	opacity: 0.8;
	text-shadow: 2px 2px #4b4b4a;*/
}

.pl11 .col-md-3, .pl11 .col-md-9 {
	margin: auto;
}

.pl11 .section-xs img {
	max-width: 250px;
}

.pl11 .delivery-desc {
	background-color: #000C26;
    opacity: 0.8;
}

.pl11 .box-minimal__divider {
	max-width: 100px;
    margin: 0 auto;
    padding-top: 7px;
    padding-bottom: 5px;
}

.pl11 .sp1 {
	color: #fff000;
}

.pl11 .sp2 {
	color: #fff;
}

@media(max-width: 767px) {
	.pl11 p {
		font-size: 14px;
	}

	.pl11 .delivery-desc {
		padding: 15px 10px;
	}
}

/*-----------------     SECTION 12     ---------------*/
.section-12 {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #021234;
}

.pl12-cont {
	max-width: 1000px; 
	margin: 0 auto;
	padding: 0 15px;
}

.pl12-cont h1 {
	font-size: 65px;
}

.pl12-cont h3 {
	text-transform: none;
}

.pl12-cont h5 {
	line-height:24px; 
	color: #fff; 
	text-transform: none; 
	font-weight: 300;
}

.pl12-cont h5 strong {
	font-weight: 600;
}

@media(max-width: 767px) {
	.pl12-cont h1 {
		font-size: 35px;
	}

	.pl12-cont h3 {
		font-size: 22px;
	}

	.pl12-cont h5 {
		font-size: 17px;
	}
}

/*-----------------     SECTION 13     ---------------*/
.section-13 {
	background-color: #000c26; 
	padding:0px;
}

.pl13 {
	max-width: 1600px;
	margin: 0 auto;
}

.section-13 .col-sm-push-6 {
	visibility: visible; 
	animation-name: fadeInLeft;
}

.section-13 .col-sm-pull-6 {
	visibility: visible; 
	animation-name: fadeInRight;
}

@media(min-width: 576px) {
	.section-13 .col-sm-push-6 {
		padding-right: 0;
	}

	.section-13 .col-sm-pull-6 {
		padding-left: 0;
	}
}

/*-----------------     SECTION 14     ---------------*/
.section-14 {
	background-color: #000C26;
	/*background-image: url(../images/all_3.jpg); */
	/*background-size: 100%;*/
	width: 100%;
	/*padding: 60px 0;*/
}

.pl14 {
	margin-bottom: 80px; 
	margin-top: 80px;
}

.pl14 .main-cont {
	padding: 0 20px;
}

.pl14 .main-cont .sp1 {
	background-color: #757171; 
	opacity: 0.9; 
	color: #ffffff;
	text-shadow: 2px 2px #4b4b4a;
}

.pl14 .main-cont .sp2 {
	color: #ffff00;
}

.pl14 h1 {
	font-size: 60px;
}

.pl14-img {
	/*max-width: 1600px;
	margin: 0 auto;*/
}

@media(max-width: 767px) {
	.pl14 h1 {
		font-size: 35px;
	}
}

/*-----------------     SECTION 15     ---------------*/
.section-15 {
	background-color:#000c26;
	padding: 40px 0;
}

.pl15-title {
	color: #ffffff;
}

.pl15-title h1 {
	padding-top: 40px; 
	color: #ffffff;
}

.pl15-title h4 {
	text-transform: none; 
	padding-bottom: 20px;
	color: #ffffff;
}

@media(max-width: 767px) {
	.pl15-title h1 {
		font-size: 27px;
		padding-top: 0;
	}

	.pl15-title h4 {
		font-size: 17px;
		
	}
}

.pl15-cont .s1 {
	margin-bottom: 36px;
}

.pl15-cont ul {
	list-style: inherit;
	padding-left: 15px;
}

.pl15-cont ul li {
	display: list-item;
	color: #fff;
}

.pl15-cont ul li h5 {
	text-transform: none; 
	color: #fff; 
	font-size: 20px; 
	margin: 5px 0;
}

.pl15-cont .btn-psn {
	margin-top: 20px;
	background-color: #fa591d;
	white-space: normal;
}

.pl15-cont .btn-psn:active, .pl15-cont .btn-psn:hover, .pl15-cont .btn-psn:focus {
	color: #fff;
}

@media(max-width: 767px) {
	.pl15-cont ul li h5 {
		font-size: 15px; 
	}
}

/*-----------------     SECTION 16     ---------------*/
.section-16 {
	background-color: #021234;
	margin-bottom: 0px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.pl16-title {
	font-size: 65px; 
	color: #fff;
}

.pl16-cont {
	margin-top: 20px;
}

.pl16-cont img {
	max-width: 300px;
}

.pl16-cont h5 {
	color: #fff; 
	text-transform: none;
}

.pl16-cont .tx-1 {
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding-top: 0px;
}

.pl16-cont .tx-2 {
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding-top: 10px; 
}

.pl16-cont .btn-act {
	color: #fff;
	white-space: normal;
}

.pl16-cont .btn-psn {
	background-color: #fa591d;
}

.pl16-cont .btn-wa {
	background-color: #00a500;
}

.pl16-cont .btn-psn:hover, .pl16-cont .btn-psn:active, .pl16-cont .btn-psn:focus {
	background-color: #ef430c;
}

.pl16-cont .btn-wa:hover, .pl16-cont .btn-wa:active, .pl16-cont .btn-wa:focus {
	background-color: #4fa149;
}

@media(max-width: 767px) {
	.pl16-title {
		font-size: 33px; 
	}
}

/*-----------------     SECTION 17     ---------------*/
.section-17 {
	background-color: #021234;
	padding-top: 60px;
	padding-bottom: 30px;
	color: #fff;
}

.section-17 .testi-wa-list {
	padding: 10px 0 25px 0;
}

.section-17 .testi-wa-list .col-sm-6 {
	max-width: 300px;
	padding-top: 15px;
	margin: auto;
}

.section-17 .testi-video-list {
	padding: 25px 0 25px 0;
}

.section-17 .testi-video-list .col-sm-6 {
	max-width: 400px;
	padding-top: 15px;
	margin: auto;
}

.section-17 .testi-video-list p {
	margin-top: 5px;
	color: #fff;
}

.section-17 .video-testi {
	padding-bottom: 10px;
}

/*.section-17 .testi-list-mb {
	display: none;
}*/

.section-17 .testi-list-dsk {
	display: contents;
}

.section-17 .testi-list-mb .swiper-container {
	/*background-color: #061a44;*/
	/*padding: 0 0 15px 0;*/
}

.section-17 .ty-3 {
	margin-top: 13%;
}

.section-17 .disclaimer {
	padding-top: 20px;
}

.box-minimal__divider17 {
	margin-top: 10px;
}

.box-minimal__divider17::after {
    content: '';
    display: inline-block;
    width: 100%;
    max-width: 125px;
    height: 3px;
    background: #fab915;
}

@media (max-width: 767px) {
	/*.section-17 .testi-list-mb {
		display: contents;
	}*/

	.section-17 .testi-list-dsk {
		display: none;
	}

	/*.section-17 .disclaimer {
		padding-top: 20px;
	}*/

	.box-minimal__divider17 {
		margin-top: 0;
		margin-bottom: 5px;
	}
}

@media (max-width: 575px) {
	.section-17 {
		padding-top: 30px;
	}

	.section-17 p { 
		font-size: 12px;
	}

	.section-17 .testi-video-list .thumb-youtube {
		width: 2.5em;
		height: 2.5em;
	}
}

@media(max-width: 479px) {
	.section-17 .ty-3 {
		margin-top: 10%;
	}
}

/*-----------------     SECTION 18     ---------------*/
.section-18 {
	padding: 30px 0;
}

.section-18 .main-cont {
	vertical-align:middle;
}

.section-18 .title-cont h1 {
	font-size: 65px;
}

.section-18 .title-cont h3 {
	font-size: 30px;
}

@media(max-width: 767px) {
	.section-18 .title-cont h1 {
		font-size: 32px;
	}

	.section-18 .title-cont h3 {
		font-size: 22px;
	}
}

.section-18 .main-cont .fadeInLeftBig {
	padding-top: 10px; 
	text-align: center;
	visibility: visible; 
	animation-name: fadeInLeftBig;
}

.section-18 .main-cont .fadeInRightBig {
	visibility: visible;
	animation-name: fadeInRightBig;
	margin: auto;
}

.section-18 .main-cont .fadeInRightBig .fadeInLeft {
	visibility: visible; 
	animation-name: fadeInLeft;
}

.section-18 .main-cont .fadeInRightBig .fadeInLeft img {
	max-width: 400px;
}

@media(max-width: 575px) {
	.section-18 .main-cont .fadeInRightBig .fadeInLeft {
		margin-top: 20px;
	}
}

/*-----------------     SECTION 19     ---------------*/
.section-19 {
	padding-bottom: 30px;
	padding-top: 40px;
	background-image: url(../images/store2.jpg); 
	width:100%; 
	position: relative;
}

.section-19 .content-flex {
	padding: 5px;
	text-align: center;
}

.section-19 .content-flex .fadeInLeft {
	visibility: visible; 
	animation-name: fadeInLeft;
}

.section-19 .content-flex .fadeInRight {
	visibility: visible; 
	animation-name: fadeInRight;
}

.section-19 .content-flex h5 {
	color:#fff;
	margin-top: 10px;
}

.section-19 .content-flex p {
	font-size: 13px;
	color:#fff;
	margin-top: 10px;
}

/*-----------------     SECTION 20     ---------------*/
.section-20 {
	background: url(../images/bgimg3.jpg) no-repeat center center;
    background-size: 100% 100%;
}

.section-20 .call-to-action {
	color: #000; 
	/*margin-bottom: 20px;*/
	padding-top: 80px;
	padding-bottom: 20px;
}

.section-20 .call-to-action .tx-1 {
	padding-top: 30px;
	margin: 0 auto 20px;
	text-transform: none;
	line-height: 1.1;
} 

.section-20 .call-to-action .tx-2 {
	margin-top: 20px;
    margin-bottom: 10px;
}  

.section-20 .call-to-action a, .section-20 .call-to-action button {
	background-color: #ef430c;
	color: #fff;
	border-radius: 300px;
	font-size: 23px;
	font-weight: 700;
	padding: 10px 20px;
    line-height: 1.1;
    margin: 10px 0;
    white-space: normal;
    text-transform: uppercase;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    visibility: visible; 
    animation-name: tada;
}

@media (min-width: 768px) {
	.section-20 .call-to-action .left-btn {
		margin-right: 10px;
	}
}

@media (max-width: 767px) {
	.section-20 {
		background-size: cover;
	}
}

/*-----------------     SECTION 21     ---------------*/
.section-21 {
	background-color: #000c26;
	color: #99a9b5;
    padding: 40px 0 10px 0;
    text-align: center;
    font-family: "Open Sans";
}

.section-21 a {

}

.section-21 h4 {
	color: #fff;
}

.pl21 {
	margin-top: 20px !important;
	margin-bottom: 10px;
	max-width: 767px;
	margin-left: auto;
	margin-right: auto;
}

.pl21 a {
	color: #99a9b5;
}

.pl21 .col-sm-4 a {
	font-size: 16px
}

.pl21 span {
	display: block;
	font-size: 14px;
}

.pl21 .col-sm-12 {
	padding-top: 5px;
}

.pl21 .tx-1, .pl21 .tx-3 {
	padding-bottom: 12px;
}

.pl21 .tx-2 {
	padding-bottom: 36px;
}

/*-----------------     SECTION 22     ---------------*/
.section-22 {
	background-color: #000c26;
	padding-top: 40px;
	padding-bottom: 40px;
}

.section-22 .section-xs {
	padding: 15px 0 0 0;
}

.section-22 .col-xs-12 {
	margin: auto;
}

.section-22 h3, .section-22 h5 {
	line-height: 1.2;
}

.pl22-title {
	/*background: linear-gradient(to right, #000c26, #073368, #000c26);*/
}

.pl22-title h1 {
	color: #fff;
	padding: 10px 0;
	line-height: 1.1;
}

@media(max-width: 767px) {
	.pl22 .row {
		margin-top: 15px;
	}

	.s22-last .row {
		margin-top: 15px;
	}

	.pl22-title h1 {
		font-size: 24px;
	}

	.section-22 h5 {
		font-size: 17px;
	}
}

@media(max-width: 575px) {
	.section-22 {
		padding-bottom: 0;
	}

	.s22-last {
		background-color: #021234;
		padding-bottom: 30px;
	}
}

/*-----------------     SECTION 23     ---------------*/
.section-23 {
	background: linear-gradient(to right, #091e41, #000c26);
}

.section-23 .container-fluid {
	max-width: 1600px;
}

.section-23 .col-xs-12 {
	margin: auto;
}

.section-23 h4 {
	line-height: 1.3;
}

@media(max-width: 767px) {
	.section-23 h4 {
		font-size: 18px;
	}
}

/*-----------------     SECTION 24     ---------------*/
.section-24 {
	padding-top: 30px;
	padding-bottom: 20px;
	background-color: #cecece;
	z-index: -30;
	position: relative;
}

.pl24-wrap {
	padding-left: 20px; 
	padding-right: 20px;
}

.pl24-title {
	color: #000c26;
    padding-bottom: 25px;
    line-height: 1.2;
}

.profile-light7 {
	padding-bottom: 30px;
	text-align: center;
	/*border-bottom: 1px #999 solid;*/
    /*background-color: #021234;*/
    /*border-radius: 100px;*/
}

.profile-light7 > * {
	margin-bottom: 16px;
	color: #fff;
}

.profile-light7 p {
	font-size: 17px;
	text-align: justify;
}

.plleft-7 p {
	padding-right: 2%;
}

.plright-7 p {
	padding-left: 2%;
}

.plleft-7 h4 {
	text-align: left;
}

.plright-7 h4 {
	text-align: right;
}

.profile-light7__figure {
	flex-shrink: 0;
    background-color: #000c26;
    position: relative;
    left: 0;
    padding: 12px;
    border-radius: 150px;
    margin-bottom: 0px;
    margin-right: -30px;
    width: 250px;
    height: 250px;
    border: 12px solid white; 
}

.profile-light7__figure:after {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    background-color: #000c26;
    border-radius: 150px;
    z-index: -1;
}

.profile-light7__figure img {
	/*max-width: 120px;*/
	margin: 13% auto;
}

.profile-light7__figure h4 {
	color: #fff;
	margin-top: 15px;
}

.profile-light7__main {
	display: flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    padding: 14px 25px;
    text-align: left;
    margin-left: -141px !important;
    background-color: #000c26;
    z-index: -9;
    margin-bottom: 0;
    border-radius: 100px;
}

.profile-light7__text {
	font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	color: #151515;
}

* + .profile-light7__text {
	margin-top: 15px;
}

.profile-light7__title {
	margin-top: 0;
}

.profile-light7__inner {
	/*padding-left: 19%;*/
	/*max-width: 750px;*/
}

@media (max-width: 767px) {
	.pl24-title {
		padding-bottom: 10px;
	}

	.profile-light7 {
		margin-left: auto;
		margin-right: auto;
		background-color: #000c26;
		border-radius: 40px;
	}

	.profile-light7__figure {
		margin: 15px auto 3% auto;
		width: 180px;
		height: 150px;
		border: 4px #fff solid;
	}

	.profile-light7__figure:after {
		top: -13px;
	}

	.profile-light7__figure h4 {
		margin-top: 0;
	}

	.profile-light7__figure img {
		margin: auto;
		max-width: 120px;
	}

	.profile-light7 p {
		font-size: 15px;
	}

	.profile-light7__main {
		margin-left: 0 !important;
		text-align: center;
		padding: 10px 15px;
	}

	.pl24-wrap {
		padding-bottom: 15px;
	}

	.plleft-7 h4, .plright-7 h4 {
		text-align: center;
	}

	.visible-576 {
		display: block;
	}

	.hidden-576 {
		display: none;
	}
}

@media (min-width: 768px) {
	.profile-light7 {
		display: flex;
		margin-left: -16px;
	}
	.profile-light7 > * {
		margin-left: 16px;
	}
	.profile-light7__inner {
		padding-left: 30%;
    	padding-right: 1%;
	}

	.plright-7 .profile-light7__main {
		margin-right: -141px !important;
   	 	margin-left: 0 !important;
	}

	.plright-7 .profile-light7__inner {
		padding-left: 2%;
    	padding-right: 29%;
	}

	.plright-7 .profile-light7__figure {
		margin-right: 0;
    	margin-left: -30px;
	}

	.visible-576 {
		display: none;
	}

	.hidden-576 {
		display: block;
	}
}

@media (min-width: 768px) {
	/*.profile-light7__inner {
		position: relative;
		overflow: hidden;
		padding: 0 0 0 25%;
	}
	.plright-7 .profile-light7__inner {
		padding-left: 2%;
    	padding-right: 25%;
	}
	.profile-light7__title {
		position: relative;
	}
	.profile-light7__text {
		font-size: 16px;
	}*/
}

@media (min-width: 992px) {
	.profile-light7__inner {
		padding-left: 20%;
	}

	.plright-7 .profile-light7__inner {
		padding-left: 0%;
    	padding-right: 20%;
	}
}

@media (min-width: 1200px) {
	.profile-light7__main {
		/*padding: 35px 30px 25px 70px;*/
	}
	.profile-light7__inner {
		padding-left: 17%;
		/*max-width: 750px;*/
	}

	.plright-7 .profile-light7__inner {
		padding-right: 17%;
	}

	.profile-light7__text {
		font-size: 17px;
	}
}

/*-----------------     SECTION 25     ---------------*/
.section-25 {
	background-color: #021234; 
	padding-top: 0; 
	padding-bottom: 0;
}

.section-25 .container-fluid {
	max-width: 1600px;
}

.section-25 .col-sm-6 {
	padding: 0;
}

.section-25 .section-sm h4 {
	padding-left: 40px;
	padding-right: 40px;
	line-height: 1.3;
	font-size: 24px;
}

@media(max-width: 1200px) {
	.section-25 .section-sm h4 {
		font-size: 22px;
	}
}

@media(max-width: 767px) {
	.section-25 .section-sm h4 {
		font-size: 18px;
	}
}

@media(max-width: 576px) {
	.section-25 .section-sm h4 {
		padding: 0 15px;
	}
}

/*-----------------     SECTION 26     ---------------*/
.section-26 {
	background-color: #01193f;
}

.pl26-img-header {
	max-width: 200px;
	text-align: center;
	margin: 0 auto;
	padding: 30px 0;
}

/*-----------------     SECTION 27     ---------------*/
.section-27 {
	padding: 0 15px 30px 15px
}

.pl27-title {
	padding-top: 30px; 
	padding-bottom: 10px;
}

.divider-27-1 {
	max-width: 600px; 
	margin: 0 auto;
	padding: 10px 0;
}

.divider-27-1 hr {
	border: 1px #000c26 solid;
}

.divider-27-2 {
	margin: 0 auto;
	padding: 50px 0 0px 0;
}

.divider-27-2 hr {
	border: 0.4px #000c26 solid;
}

/*-----------------     SECTION 28     ---------------*/
.section-28 {
	background-color: #000c26;
}

.pl28 {
	/*max-width: 1600px;
    margin: 0 auto;*/
}

.pl28 .img-desk {
	display: block;
}

.pl28 .img-mb {
	display: none;
}

@media (max-width: 767px) {
	.pl28 .img-desk {
		display: none;
	}

	.pl28 .img-mb {
		display: block;
	}
}

/*-----------------     SECTION 29     ---------------*/
.section-29 {
	background: #ffffff; 
	padding: 30px 0; 
	color: #000;
}

.section-29 a {
	color: rgb(255, 255, 255); 
	background-color: rgb(250, 89, 29); 
	white-space: normal;
}

@media(max-width: 575px) {
	.section-29 h3 {
		font-size: 19px;
	}
}