.slider-parallax .slider-parallax-inner/*-----------------------------------------------------------------------------------

	Theme Name: Aether 
	Author: Pix Works Studio
	Author URI: pixworksstudio.com

-----------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Bootstrap Adjustments
-----------------------------------------------------------------*/
.row {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 576px) {
	.container { max-width: 560px; }
}

@media (min-width: 768px) {
	.container { max-width: 750px; }
}

@media (min-width: 992px) {
	.container { max-width: 970px; }
}

@media (min-width: 1200px) {
	.container { max-width: 1170px; }
}

@media (max-width: 575.98px){
	.container, #header.full-header .container, .container-fullwidth {
		width: 100% !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}

#header, #header-wrap, #logo img{
	height: 80px;
}

#primary-menu ul li > a {
    padding: 29px 15px;
}

#primary-menu ul li > a i {
    top: 1px;
    font-size: 16px;
}

.dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content {
    background-color: #1C2146;
	border: 0;
	border-radius: 0 0 8px 8px;
	max-width: 150px
}

.dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a {
    color: rgba(69,187,172,1) !important;
	border-top: 1px solid #130030;
	font-size: 18px;
	font-weight: 700
}

.dark #primary-menu:not(.not-dark) ul ul li > a:hover, #primary-menu.dark ul ul li > a:hover {
    color: rgba(249,242,65,1) !important
}

.cn-font{
	font-family: 'Noto Sans SC', sans-serif !important;
}

#content p {
    line-height: 1.5;
	color: rgba(198,198,198,1);
	letter-spacing: 2px;
}

p, li{
	color: rgba(198,198,198,1);
	font-size: 18px;
	letter-spacing: 2px;
}

.p-18{
	font-size: 18px !important;
}

.ls-2{
	letter-spacing: 2px !important
}

.st{
	font-size: 10px;
	margin-top: -20px
}

.eng-word{
	font-family: 'Exo 2', sans-serif !important;
	font-style: normal !important;
	letter-spacing: 0 !important
}

.eng-word.font-italic{
	font-style: italic !important
}

.font-normal{
	font-style: normal !important
}

#header #header-wrap {
	z-index: 199;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(19,0,48,1);
	-webkit-transition: height .4s ease, background-color .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, background-color .4s ease, opacity .3s ease;
	transition: height .4s ease, background-color .4s ease, opacity .3s ease;
}

#header.full-header:not(.border-full-header):not(.sticky-header) #header-wrap { border-bottom: 0; }

#header.full-header.border-full-header #header-wrap { border-bottom-color: rgba(0,0,0,0.05) !important; }

.dark #header.full-header.border-full-header #header-wrap,
#header.dark.full-header.border-full-header #header-wrap { border-bottom-color: rgba(255,255,255,0.15) !important; }

#header.transparent-header:not(.sticky-header) #header-wrap { background-color: transparent; }

#primary-menu ul li > a{
	font-size: 18px 
}

.blue-bg{
	background: rgba(19,0,48,1) !important;
}

.blue-text{
	color: rgba(0,6,49.1)
}

.deep-blue-bg{
	background-color: rgba(24,19,61,1)
}

.green-text{
	color: rgba(69,187,172,1.00) !important
}

.green-bg{
	background: rgba(69,187,172,1.00) !important
}

.text-bold{
	font-weight: 700
}

.f-20{
	font-size: 20px !important;
}

.f-18{
	font-size: 18px !important;
}

.fw-400{
	font-weight: 400;
}

.fw-700{
	font-weight: 700;
}

.fw-900{
	font-weight: 900;
}

.pt-7{
	padding-top: 70px
}

.sec-blue{
	background-color: rgba(22,9,55,1);
	padding: 120px 0 80px !important
	/*background-color: rgba(28,33,70,1)*/
}

.use-section{
	padding: 20px 0 80px !important
}

.sec-contact{
	position: relative;
	padding-top: 140px;
}

.sec-contact:before{
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 600px;
	height: 100% !important;
	background: url("images/ae/footer-bg-01.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	z-index: 1
}

.sec-contact:after{
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	width: 600px;
	height: 100% !important;
	background: url("images/ae/footer-bg-02.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	z-index: 1
}

.pbc-btn{
	background: rgba(248,233,61,1);  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, rgba(239,122,2,1), rgba(248,233,61,1));  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, rgba(239,122,2,1), rgba(248,233,61,1)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: rgba(55,31,0,1) !important;
	border-radius: 10px;
	border: 2px solid #000;
	position: relative;
	line-height: 42px;
	font-weight: 900;
	font-size: 18px;
	height: 45px;
	text-align: center;
	letter-spacing: 2px;
	box-shadow: 0 0 5px rgba(154,72,242,.45);
	text-shadow: 0 0 0 rgba(0,0,0,0) !important;
	color: rgba(239,122,2,1)
} 

.pbc-btn:before{
	content: '';
	width: 90%;
	height: 5px;
	border-radius: 5px;
	background: rgba(248,233,61,.5);  /* fallback for old browsers */
	position: absolute;
	top: 5px;
	left: 5%;
	-webkit-filter: blur(2px);
            filter: blur(2px);
	box-shadow: 0 0 2px rgba(248,233,61,.7);
}

#header.dark.sticky-header.transparent-header #header-wrap:not(.not-dark), #header.sticky-header #header-wrap{
	background: rgba(19,0,48,1) !important;
	color: #fff
}

#header.dark.transparent-header, #header.dark.semi-transparent{
	background: rgba(0,6,49,1) !important;
	color: #fff;
	z-index: 9
}

.one-page-menu li a{
	color: rgba(69,187,172,1) !important
}

.one-page-menu li a:hover{
	color: rgba(249,242,65,1) !important;
}

.slider-arrow-left, .slider-arrow-right,.slider-arrow-left:hover, .slider-arrow-right:hover{
	background: rgba(0,0,0,0) !important;
	width: 14px
}

.slider-arrow-left:hover i, .slider-arrow-right:hover i{
	color: rgba(248,233,61,1.00);
	width: 14px
}

.slider-arrow-left{
	left: 0;
	right: auto;
}

.slider-caption.ae-slider-caption{
	max-width: 100%;
}

.slider-caption.ae-slider-caption p{
	font-size: 18px;
	color: rgba(198,198,198,1);
	letter-spacing: 2px;
}

.slider-caption.ae-slider-caption .slider-header-title h2{
	z-index: 9;
	font-size: 4rem;
	padding-top: 0;
	padding-left: 0;
	text-transform: capitalize;
	font-weight: 700 !important
}

.slider-header-title{
	position: relative;
}

.slider-header-title:before{
	position: absolute;
	left: -5%;
	top: -70%;
	z-index: -1;
	height: 100px;
	width: 120%;
	content: '';
}

.slider-header-title.sht-01:before{
	background-image: url("images/ae/title-back-01.png");
	background-size: contain;
	background-repeat: no-repeat;
}


.slider-header-title.sht-02:before{
	background-image: url("images/ae/title-back-02.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.slider-header-title.sht-03:before{
	background-image: url("images/ae/title-back-03.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.slider-list{
	padding-left: 15px;
}

.slider-list li{
	color: rgba(69,187,172,1.00);
	font-size: 20px;
}

.slider-list li span{
	color: rgba(255,255,255,1) !important;
}

.slider-arrow-wrap{
	position: absolute !important;
    bottom: 10% !important;
    z-index: 9 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    max-height: 50px !important;
	width: 220px;
	padding: 0
}

.slider-pagi-wrap{
	position: relative;
	width: 100%;
}

.slider-arrow-left i, .slider-arrow-right i, .flex-prev i, .flex-next i, .slider-arrow-top-sm i, .slider-arrow-bottom-sm i {
    font-size: 32px;
}

.swiper-pagination span{
	background-color: rgba(255,255,255,.5) !important;
	border-color: rgba(255,255,255,.3)
}

.swiper-pagination span:hover, .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: rgba(69,187,172,1) !important;
	border-color: rgba(69,187,172,1)
}

.swiper-pagination {
    bottom: 30px !important
}

.swiper-pagination span {
	width: 16px;
    height: 16px;
    margin: 0 15px;
    opacity: 1;
}

.ae-title-block{
	position: relative;
	
}

.ae-title-block:after{
	border-color: rgba(69,187,172,1.00);
	margin-top: 10px;
}

.ae-title-block:before{
	position: absolute;
	content: '';
	height: 65px;
	width: 1px;
	top: -65px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(255,255,255,1)
}

.ae-title-block h1, .ae-title-block h2, .ae-title-block h3, .ae-title-block h4, .ae-title-block h5, .ae-title-block h6{
	color: rgba(69,187,172,1.00);
}

.ae-sub-title-block h1, .ae-sub-title-block h2, .ae-sub-title-block h3, .ae-sub-title-block h4, .ae-sub-title-block h5, .ae-sub-title-block h6{
	color: rgba(69,187,172,1.00);
}

.ae-sub-title-block h3{
	font-size: 25px 
}

.ae-title-block h1{
	color: rgba(69,187,172,1.00);
	font-size: 55px;
	line-height: 3.8rem;
	font-weight: 900;
	letter-spacing: -0.025rem;
}

.ae-title-block h2{
	color: rgba(69,187,172,1.00);
	font-size: 35px;
	line-height: 2rem;
	font-weight: 900;
	letter-spacing: -0.025rem;
}

.ae-title-block span{
	display: block;
	color: rgba(255,255,255,1) !important;
	font-size: 1rem;
	text-transform: uppercase
}

.ae-title-block span.span-h1{
	font-size: 25px !important;
	
}

.ae-title-block span.span-h2{
	font-size: 18px !important
}

.ae-listing{
	color: rgba(255,255,255,1)
}

.ae-listing li i{
	color: rgba(249,242,65,1.00);
	left: -1em !important
}

.ae-listing li{
	font-weight: 400;
	font-size: 18px;
	padding-left: 24px;
	color: rgba(198,198,198,1);
	margin-bottom: 12px !important;
}

.ae-widget{
	font-size: 20px;
	color: rgba(255,255,255,1.00);
	padding: 0 20px;
}

.ae-widget.ae-why img{
	max-width: 150px;
	margin: 0 auto 20px;
	display: block;
}

.about-item{
	display: flex;
}

.about-des{
	padding-left: 18px !important;
	width: 70%;
}

.about-item p{
	color: rgba(198,198,198,1);
	margin-bottom: 0;
	font-size: 18px !important;
}

.about-item-title span{
	color: rgba(249,242,65,1) !important
}

.about-item-title.title-red{
	color: #FF260D
}

.about-item-title.title-white{
	color: #ffffff
}

.about-item-title.title-blue{
	color: #4080FF
}

.about-item-title.title-green{
	color: #40FF19
}

.about-img{
	width: 25%;
}

/* carousel
-----------------------------------------------------------------*/
.ae-carousel.owl-carousel .owl-nav{
	max-width: 250px;
	position: relative;
	margin: 0 auto;
}

.ae-carousel.owl-carousel .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
	margin: 25px 10px 0
}


.ae-carousel.owl-carousel .owl-nav [class*=owl-]{
	opacity: 1;
	left: auto;
	right: 0;
	bottom: 0;
	top: auto;
}

.ae-carousel.owl-carousel .owl-nav .owl-prev{
	left: 0;
	bottom: -50px;
	width: 24px
}

.ae-carousel.owl-carousel .owl-nav .owl-next{
	right: 0;
	bottom: -50px;
	width: 24px
}

.ae-carousel.owl-carousel .owl-nav .owl-prev i, .ae-carousel.owl-carousel .owl-nav .owl-next i{
	display: none;
}

.ae-carousel.owl-carousel .owl-nav .owl-prev, .ae-carousel.owl-carousel .owl-nav .owl-next{
	background-color: rgba(255,255,255,0);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
}

.ae-carousel.owl-carousel .owl-nav .owl-prev:hover, .ae-carousel.owl-carousel .owl-nav .owl-next:hover{
	background-color: rgba(255,255,255,0) !important;
	background-size: 60%;
}

.ae-carousel.owl-carousel .owl-nav .owl-prev{
	background-image: url("images/ae/arrow-prev.png");
	border: 0
}

.ae-carousel.owl-carousel .owl-nav .owl-next{
	background-image: url("images/ae/arrow-next.png");
	border: 0
}

.ae-carousel.owl-carousel .owl-nav .owl-prev span, .ae-carousel.owl-carousel .owl-nav .owl-next span{
	display: none;
}

.investor-wrap{
	position: relative;
}

.investor-wrap .inv-des{
	position: absolute;
	z-index: 5;
	color: rgba(255,255,255,1);
	font-size: 20px;
}

.investor-wrap .inv-des.inv-des-01{
	top: 30%;
	left: -2%;
	max-width: 300px;
	text-align: right;
}

.investor-wrap .inv-des.inv-des-02{
	right: -2%;
	max-width: 250px;
	text-align: left;
	top: 50%;
	transform: translateY(-20%);
}

.investor-wrap .inv-des.inv-des-03{
	bottom: 0;
	text-align: center;
	left: 50%;
	transform: translateX(-50%)
}

.footer-logo{
	width: 82px;
	height: auto;
	margin: 0 !important;
}

.footer-recognition{
	display: flex;
	align-items: center;
}

.footer-recognition figcaption{
	color: rgba(0,4,45,1);
	margin-left: 5px
}

.copyright-wrap{
	display: flex;
	align-items: center;
}

.footer-logo-wrap{
	display: inline;
	margin-bottom: 10px;
}

.copyrights-menu.copyright-links{
	text-align: center;
}

.copyrights-menu.copyright-links ul{
	list-style: none;
	margin-bottom: 0;
}

.copyrights-menu.copyright-links ul li{
	display: inline;
}

.copyrights-menu.copyright-links a{
	margin: 10px 15px;
	font-size: 15px;
	font-weight: 700;
	color: rgba(255,255,255,1) !important
}

.copyrights-menu.copyright-links a:hover{
	color: rgba(249,242,65,1.00)
}

.ae-tab.tab-nav{
	border-bottom: 2px solid rgba(69,184,172,0) !important;
}

.tab-nav.ae-tab a{
	border-bottom: 0px solid #000530 !important;
	background: #28756D;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #45B8AC, #28756D);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #45B8AC, #28756D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color: rgba(0,5,48,1) !important;
}

.tabs.tabs-bb ul.ae-tab.tab-nav li.ui-tabs-active a{
	top: 0px;
	border-color: rgba(69,184,172,0) !important;
	border-bottom-color: rgba(69,184,172,0) !important;
	z-index: 2;
	background: #000530 !important;
	line-height: 40px;
	color: #f8e93d !important;
	font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
}

.tabs.tabs-bb ul.ae-tab.tab-nav li.ui-tabs-active:nth-child(1) a span{
	color: #FF260D
}

.tabs.tabs-bb ul.ae-tab.tab-nav li.ui-tabs-active:nth-child(2) a span{
	color: #ffffff
}

.tabs.tabs-bb ul.ae-tab.tab-nav li.ui-tabs-active:nth-child(3) a span{
	color: #40FF19
}

.tabs.tabs-bb ul.ae-tab.tab-nav li.ui-tabs-active:nth-child(4) a span{
	color: #4080FF
}

.tab-nav.ae-tab li{
	border: 1px solid rgba(69,184,172,1) !important;
	width: 24.95%;
	margin-right: 0.05% !important
}

.tab-nav.ae-tab li:nth-child(1){
	border-radius: 8px 0 0 0;
}

.tab-nav.ae-tab li:nth-child(1) a{
	border-radius: 7px 0 0 0;
}

.tab-nav.ae-tab li:nth-child(4){
	border-radius: 0 8px 0 0;
}

.tab-nav.ae-tab li:nth-child(4) a{
	border-radius: 0 7px 0 0;
}

.tab-nav.ae-tab li:nth-child(4){
	margin-right: 0 !important;
}

.tab-container.ae-tab-container{
	border:1px solid rgba(69,184,172,1);
	margin-top: -2px;
	padding: 25px;
	background: rgba(0,5,48,1)
}

.feature-text{
	color: #ffffff;
	font-size: 19px !important;
}

/* About Addon
-----------------------------------------------------------------*/
.about-box{
	width: 100%;
	padding: 80px 40px 20px;
}

.ab-01{
	background-color: rgba(24,19,61,1);
	margin-top: 0;
}

.ab-02{
	background-color: rgba(28,33,70,1)
}

.ab-03{
	background-color: rgba(33,51,83,1)
}

.heading-block.ae-title-block span{
	font-weight: 700;
	margin-top: 0;
}

.heading-block.ae-title-block.about-header:before{
	display: none;
}

.heading-block.ae-title-block.about-header span{
	color: rgba(255,255,255,1);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 25px;
	line-height: 25px;
}

.about-blockquote{
	font-style: italic;
	color: rgba(69,187,172,1.00) !important;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 2px;
}

.ae-italic{
	font-style: italic;
	color: rgba(69,187,172,1.00);
	font-weight: 700;
	font-size: 14px;
}

.iconlist.ae-icon-list > li div:first-child{
    position: absolute;
    left: -1.25em;
    width: 1.75em;
    top: 8px;
    width: 12px;
    height: 12px;
	border-radius: 50%;
	background: #28756D;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #45B8AC, #28756D);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #45B8AC, #28756D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	content: '';
}

.about-widget{
	padding: 0 20px;
}


.about-widget.aw-01{
	text-align: right;
}

.about-widget > .iconlist > li div:first-child{
    position: absolute;
    left: -1.75em;
    width: 1.75em;
    top: 1px;
    width: 25px;
    height: 25px;
}

.about-widget.aw-01 > .iconlist > li div:first-child{
    position: absolute;
    right: -1.75em;
	left: auto;
    width: 1.75em;
    top: 1px;
    width: 25px;
    height: 25px;
}

.about-widget.aw-01 > .iconlist > li{
	font-size: 18px;
	font-weight: 700;
	color: #fff !important;
	padding-bottom: 50px;
	padding-right: 20px
}

.about-widget.aw-02 > .iconlist{
    margin-left: 0;
	margin-right: 1.75em;
}

.about-widget.aw-02 > .iconlist > li{
	font-size: 16px;
	font-weight: 700;
	color: #fff !important;
	padding-bottom: 32px;
	padding-left: 20px
}

.pbc-gototop{
	border-radius: 50% !important;
	background: rgba(255,255,255,0) !important;
	border: 2px solid rgba(41,131,120,1);
	position: relative;
	padding: 8px;
	line-height: 20px !important;
	font-size: 36px !important;
	font-weight: 900;
	width: 46px !important;
	height: 46px !important;
	text-shadow: 0 2px 3px rgba(0,0,0,.25);
	color: #fff;
}

.pbc-gototop:after{
	position: absolute;
	width: 90%;
	height: 90%;
	margin: 0 auto;
	content: '';
	left: 2px;
	top: 2px;
	z-index: -1;
	border-radius: 50%;
	/*background: rgba(69,187,172,1);*/
	background: rgba(248,233,61,1);  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, rgba(41,131,120,1), rgba(69,187,172,1));  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, rgba(41,131,120,1), rgba(69,187,172,1)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.stretched #gotoTop {
    bottom: 260px;
	z-index: 2 !important
}

.ae-arrow:after{
	position: absolute;
	left: -20px;
	top: 5px;
	z-index: 1;
	content: '';
	background-image: url("images/ae/arrow-yellow.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 24px;
	height: 18px;
}


@media (max-width: 575.98px){
	.tab-nav.ae-tab li{
		border: 1px solid rgba(69,184,172,1) !important;
		width: 49.5%;
		margin-right: 0.5% !important;
		margin-bottom: 2px !important;
		border-radius: 0px !important;
	}
	
	.tab-nav.ae-tab li:nth-child(1){
		border-radius: 10px 0 0 0 !important
	}
	
	.tab-nav.ae-tab li:nth-child(1) a{
		border-radius: 8px 0 0 0 !important
	}
	
	.tab-nav.ae-tab li:nth-child(2){
		border-radius: 0px 10px 0 0 !important
	}
	
	.tab-nav.ae-tab li:nth-child(2) a{
		border-radius: 0px 8px 0 0 !important
	}
	
	.tabs.tabs-bb ul.ae-tab.tab-nav li.ui-tabs-active a{
		border-bottom: 1px solid rgba(69,184,172,1) !important;
	}
	
	ul.tab-nav:not(.tab-nav-lg) li a{
		max-height: 40px;
	}
	
	.tab-nav.ae-tab li a{
		border-radius: 0px !important;

	}
	

	.stretched #gotoTop {
		bottom: 260px;
		z-index: 2 !important;
		display: none;
	}
	
	.heading-block.ae-title-block span {
		width: 94.5%;
		line-height: 1.4rem;
	}
	
	.ae-title-block h1{
		line-height: 4.8rem;
	}

}


/* Form
-----------------------------------------------------------------*/
.address-section{
	padding-top: 1.75em
}

.address-section ul li{
	margin-bottom: 40px;
	padding-left: 30px
}

.address-section ul li i{
	font-size: 18px;
	margin-top: -8px;
	line-height: 36px;
	left: -20px !important;
	width: 26px !important;
	color: rgba(69,187,172,1)
	
}

.address-section ul li i:after{
	position: absolute;
	border: 1px solid rgba(69,187,172,1);
	border-radius: 50%;
	width: 36px;
	height: 100%;
	content: '';
	left: -5px;
	top: 0;
}

.icon-ratate{
	transform: rotate(-90deg)
}

.form-group.ae-form-group{
	margin-bottom: 0 !important;
	height: 45px;
}

.ae-form-group input{
	background: rgba(255,255,255,1);
	border-radius: 8px;
	color: rgba(55,55,55,1);
}

.normal-label small{
	color: rgba(255,0,4,1.00)
}

.ae-form-group input:placeholder-shown + label {
  cursor: text;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(0.74rem, -1.8rem) scale(1);
  transition: all .3s;
}
/**
* By default, the placeholder should be transparent. Also, it should 
* inherit the transition.
*/
.ae-form-group input::placeholder {
  opacity: 0;
  transition: inherit;
}
/**
* Show the placeholder when the input is focused.
*/
.ae-form-group input:focus::placeholder {
  opacity: 1;
}
/**
* When the element is focused, remove the label transform.
* Also, do this when the placeholder is _not_ shown, i.e. when 
* there's something in the input at all.
*/
.ae-form-group input:not(:placeholder-shown) + label,
.ae-form-group input:focus + label {
  transform: translate(0.74rem, -3.6rem) scale(1) !important;
  cursor: pointer;
	color: #fff;
}

.ae-form-group input:focus {
	background: rgba(255,255,255,1);
	color: rgba(223,175,47,1)
}

/*.form-group.message-form-grop label{
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 5;
	transition: all .3s
}*/

/*.form-group.message-form-grop textarea:focus + label{
	left: 150px;
	color: rgba(255,255,255,0)
}

.form-group.message-form-grop textarea:placeholder-shown ~ .form__label {
  font-size: 16px;
  cursor: text;
  top: 20px;
}*/

.form-group.message-form-grop{
	position: relative;
}

.form__group {
  position: relative;
  padding: 0px 0 0;
  margin-top: 0px;
}

.form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  outline: 0;
  font-size: 16px;
  color: #212121;
  padding: 7px 0;
	border-radius: 10px;
  background: rgba(255,255,255,1);
  transition: border-color 0.2s;
	padding-left: 10px
}

.form__field::placeholder {
  color: transparent;
}

.form__field:placeholder-shown ~ .form__label {
  	font-size: 16px;
  	cursor: text;
  	top: 6px;
	left: 10px;
}

label,
.form__field:focus ~ .form__label {
  position: absolute;
  top: -20px;
	left: 10px;
  display: block;
  transition: 0.2s;
  font-size: 12px;
  color: #9b9b9b;
}

.form__field:focus ~ .form__label {
  color: #009788;
}

.form__field:focus {
  padding-bottom: 6px;
  border: 0px solid #009788;
}

.si-light.ae-social{
	background-color: rgba(24,83,76,.5);
	color: rgba(255,255,255,1)
}

.si-light.ae-social i{
	color: rgba(255,255,255,1)
}

.footer-title{
	font-style: normal;
	font-weight: 400;
	color: #000530
}

/* Para background item
-----------------------------------------------------------------*/
.para-01{
	position: absolute;
	width: 700px;
	z-index: -10;
	margin-top: 50px;
	top: 0;
}

.para-02{
	position: absolute;
	margin-top: 150px;
	top: 800px;
	width: 400px;
}

.para-03{
	position: absolute;
	margin-top: 150px;
	top: 2000px;
	width: 300px;
	right: 0;
	left: auto;
}

.para-04{
	position: absolute;
	margin-top: 150px;
	top: 3200px;
	width: 600px;
	left: 0;
}

.para-05{
	position: absolute;
	margin-top: 150px;
	top: 4000px;
	width: 400px;
	left: auto;
	right: 0;
}

.para-06{
	position: absolute;
	margin-top: 50px;
	top: 4800px;
	width: 600px;
	left: 0;
}

.para-07{
	position: absolute;
	bottom: -100px;
	width: 600px;
	left: 0;
	margin-top: 150px;
}

.para-08{
	position: absolute;
	margin-top: 150px;
	bottom: 0;
	width: 300px;
	right: 0;
	left: auto;
}

.copyright-border{
	border-top: 1px solid rgba(42,16,80,.2)
}

@media all and (min-width: 320px) and (max-width: 768px) {
		#back-top {
			position: absolute;
			top: 100px;
			z-index: 5;
			right: 25px;
			transition: width 2s linear 1s;
			opacity: 0;
		}
		#back-top.fixed {
			position: fixed;
			bottom: 0;
			width: 100%;
			z-index: 5;
			margin-top: 210px;
			right: 25px;
			transition: width 2s linear 1s;
			opacity: 1
		}	
	
	.ae-title-block h1{
		line-height: 4.8rem;
	}
	
	.investor-wrap .inv-des{
		position: relative;
		z-index: 5;
	}
	
	.slider-arrow-wrap{
		width: 220px !important;
		height: 52px !important;
		bottom: 0 !important
	}
	
	.slider-arrow-wrap .slider-arrow-left, .slider-arrow-wrap .slider-arrow-right{
		top: 0 !important;
		margin-top: 0 !important;
		
	}

	.investor-wrap .inv-des.inv-des-01, .investor-wrap .inv-des.inv-des-02, .investor-wrap .inv-des.inv-des-03{
		display: block;
		max-width: 100%;
		text-align: center;
		top: 0;
		left: 0;
		transform: translate(0,0);
		margin-bottom: 15px;
	}
	
	.primary-menu-open #header-wrap{
		height: 100% !important;
	}
	
	#primary-menu-trigger i{
		font-size: 42px
	}
	
	#logo{
		height: 90px;
	}
	
	#primary-menu-trigger {
		top: 20px;
	}
	
	.dark #primary-menu:not(.not-dark) ul ul{
		max-width: 90% !important;
	}
	
	.ae-body .trigger-close{
		display: none;
		transition: all .3s
	}
	
	.ae-body.primary-menu-open .trigger-close{
		display: inherit !important;
	}
	
	.ae-body.primary-menu-open .trigger-open{
		display: none;
	}
	
	#primary-menu ul:not(.windows-mobile-menu) li > a i.icon-angle-down:last-child{
		display: inherit !important;
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 32px;
	}
	
	.mobile-left{
		text-align: left !important
	}
	
	.swiper-pagination{
		opacity: 1 !important;
		left: 0 !important;
	}
	
	.para-01{
		display: none;
	}
	
	.first-carousel{
		min-height: 1280px
	}
	
	.owl-stage-outer.owl-height{
		padding-bottom: 50px !important;
		
	}
	
	.ae-sec{
		margin-top: 0 !important;
	}
	
	.mobile-01{
		width: 200px;
		margin: 0 auto 50px;
	}
	
	.copyright-wrap{
		display: block;
	}
	
	.footer-logo-wrap{
		display: block;
		width: 100%;
		text-align: center;
	}
	
	.footer-logo{
		margin: 0 auto !important
	}
	
	.copyright-links{
		display: block;
	}
}

@media (max-width: 575.98px){
	
	
	#header, #header-wrap, #logo img {
		height: 70px;
	}
	
	#logo img{
		margin-top: 10px;
	}
	
	.slider-header-title{
		/*margin-top: 300px;*/
	}
	
	.slider-caption.ae-slider-caption{
		top: 150px !important;
		left: 0;
		padding: 0 15px;
	}
	
	.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
		height: 140vh !important;
	}
	
	.slider-parallax .slider-parallax-inner{
		height: 140vh !important
	}

	
	.slider-caption.ae-slider-caption p{
		font-size: 18px;
		max-width: 100%;
		margin:0 0 15px;
	}
	
	.banner-btn{
		text-align: center;
	}

	.slider-caption.ae-slider-caption .slider-header-title h2{
		font-size: 2rem;
	}
	
	.slider-header-title:before{
		width: 100%;
		left: -8px
	}
	
	.slider-header-title.sht-01:before, .slider-header-title.sht-02:before, .slider-header-title.sht-03:before{
		/*display: none;*/
	}
	
	.slider-arrow-wrap{
		bottom: -20px !important;
	}

	.about-item{
		display: inherit;
	}
	
	.investor-wrap .inv-des{
		position: relative;
		z-index: 5;
	}

	.investor-wrap .inv-des.inv-des-01, .investor-wrap .inv-des.inv-des-02, .investor-wrap .inv-des.inv-des-03{
		display: block;
		max-width: 100%;
		text-align: center;
		top: 0;
		left: 0;
		transform: translate(0,0);
		margin-bottom: 15px;
	}
	
	.para-01{
		position: absolute;
		width: 300px;
		z-index: -10;
		margin-top: 50px;
		top: 0;
	}

	.para-02{
		position: absolute;
		margin-top: 150px;
		top: 500px;
		width: 200px;
	}

	.para-03{
		position: absolute;
		margin-top: 150px;
		top: 800px;
		width: 200px;
		right: 0;
		left: auto;
	}

	.para-04{
		position: absolute;
		margin-top: 150px;
		top: 1500px;
		width: 300px;
		left: 0;
	}

	.para-05{
		position: absolute;
		margin-top: 150px;
		top: 2800px;
		width: 300px;
		left: auto;
		right: 0;
	}

	.para-06{
		position: absolute;
		margin-top: 50px;
		top: 3800px;
		width: 300px;
		left: 0;
	}

	.para-07{
		position: absolute;
		/*bottom: 800px;*/
		width: 300px;
		top: 6000px;
		left: 0;
		margin-top: 0;
	}

	.para-08{
		position: absolute;
		margin-top: 0;
		bottom: 0;
		width: 200px;
		right: 0;
		left: auto;
		z-index: 1;
		display: none;
	}

	.copyrights{
		text-align: center !important
	}
	
	.slider-list li{
		font-size: 12px;
	}

	.about-box.ab-01{
		margin-top: 0
	}
	
	.about-widget.aw-01 > .iconlist{
		text-align: left;
		margin-right: 1.75em;
		margin-left: auto;
		margin-bottom: 0;
	}
	
	.about-widget.aw-01 > .iconlist > li {
		font-size: 18px;
		font-weight: 700;
		color: #fff !important;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 0;
	}
	
	.about-widget.aw-01 > .iconlist > li div:first-child {
		position: absolute;
		left: -1.75em;
		right: auto;
		width: 1.75em;
		top: 1px;
		width: 25px;
		height: 25px;
	}
	
	.about-widget.aw-02 > .iconlist > li{
		padding-bottom: 20px;
	}
 	
	.sec-contact:before, .sec-contact:after{
		display: none;
	}
	
	#logo{
		text-align: left;
	}
	
	#primary-menu-trigger {
		left: auto;
		color: rgba(69,187,172,1.00);
		right: 20px;
	}
	
	.about-des{
		width: 100%
	}
	
	.tab-container.ae-tab-container{
		padding: 20px 10px;
	}
	
	.about-img{
		width: 50%;
		margin-bottom: 20px;
	}
	
	.m-center{
		text-align: center !important
	}
	
	.use-tab{
		margin-top: 10px;
	}	
	
	.use-carosel .owl-carousel .owl-stage .owl-item{
		padding: 0 15px;
		/*border: 1px solid #fff;*/
	}
	
	.use-carosel .owl-carousel .owl-stage-outer{
		height: auto !important
	}
}

@media (width: 1024px){
	.investor-wrap .inv-des.inv-des-01{
		left: -5%;
	}

	.investor-wrap .inv-des.inv-des-02{
		right: -5%;
	}	
}

@media (width:360px){
	.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
		height: 170vh !important;
	}
	
	.slider-parallax .slider-parallax-inner{
		height: 170vh !important
	}
	
	.ae-title-block h1{
		line-height: 4.8rem;
	}
}

@media (width:384px){
	.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
		height: 170vh !important;
	}
	
	.slider-parallax .slider-parallax-inner{
		height: 170vh !important
	}
	
	.ae-title-block h1{
		line-height: 4.8rem;
	}
}

@media (width: 320px ){
	.swiper_wrapper:not(.force-full-screen), .swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
		height: 200vh !important;
		
	}
	
	.slider-parallax .slider-parallax-inner{
		height: 200vh !important
	}
	
	.ae-title-block h1{
		line-height: 4.8rem;
	}
}