body{background-color: #f4f4f4!important;}
nav.navbar.navbar-default{background-color: #f4f4f4; box-shadow: none;}

.evaai{background-color: #f4f4f4; color:#2e2e2e; font-size:18px;}
.evaai .ft{font-family: 'Termina', sans-serif;}

.evaai section{padding-bottom: 60px; position: relative;}

.evaai h1{font-size: 42px; font-weight: 400;}
.evaai h2{font-size: 38px; font-weight: 400;}
.evaai h3{font-size: 32px; font-weight: 400;}
.evaai h4{font-size: 24px; font-weight: 400;}
.evaai p{font-size: 18px;}

.evaai .flex{align-items: center; display: flex;}
.evaai .flex-1{flex:1;}
.evaai .bg-img{position: absolute; z-index: 9;}

.evaai .strong{font-weight: 600;}

.floating {  
	animation-name: floating;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	margin-left: 0px;
	margin-top: 0px;
}
@keyframes floating {
	0% { transform: translate(0,  0px); }
	50%  { transform: translate(0, 30px); }
	100%   { transform: translate(0, -0px); }
}

@media screen and (max-width:767.5px){
	.evaai h1{font-size: 36px;}
	.evaai h2{font-size: 32px;}
	.evaai h3{font-size: 24px;}
	.evaai h4{font-size: 18px;}
	.evaai p{font-size: 16px;}
}

@media screen and (max-width:767.5px){
	.evaai section .container{}
	.evaai section .container-fluid{}
}

/** btn **/
	.evaai .btn,
	.evaai .btn:hover,
	.evaai .btn:focus{
		border-radius:40px;
		font-size:22px;
		font-weight: 500;
		max-width: 100%;
		padding: 40px 40px;
		text-align: center;
		width: 440px
	}
	.evaai .btn.btn-primary,
	.evaai .btn.btn-primary:hover,
	.evaai .btn.btn-primary:focus{
		background-color:#1e7eee;
		color:#fff;
		position: relative;
		transition: .5s ease;
		white-space: normal;
	}
	.evaai .btn.btn-primary:hover,
	.evaai .btn.btn-primary:focus{
		background-color:#156ddd;
	}




	.evaai .btn.btn-primary:after{
		background-image: url(/img/lp/evaai/arrow@2x.png);
		background-size: cover;
		content: '';
		display: block;
		height: 15px;
		position: absolute;
		right:40px;
		top:calc(50% - 7.5px);
		width: 28px;

	}
	.evaai .btn.blur-1{background-image: url(/img/lp/evaai/blur-1@2x.png); background-size: cover;}
	.evaai .btn.blur-2{background-image: url(/img/lp/evaai/blur-2@2x.png); background-size: cover;}
	.evaai .btn.blur-3{background-image: url(/img/lp/evaai/blur-3@2x.png); background-size: cover;}
	@media screen and (max-width:767.5px){
		.evaai .btn,
		.evaai .btn:hover,
		.evaai .btn:focus{padding-top: 20px; padding-bottom: 20px; white-space: normal;}
		.evaai .btn.btn-primary:after{display: none;}
	}

/** section heading **/
	.evaai section .heading{color: #fff; margin: 0; position: relative;}

	.evaai section .heading .content{}
	.evaai section .heading.bg-left .content{padding-left: 0; padding-top: 10px;}
	.evaai section .heading.bg-center .content{padding-left: 85px; padding-top: 10px;}
	.evaai section .heading.bg-right .content{padding-left: 85px; padding-top: 10px;}
	

	.evaai section .heading .content .logo{
		background-color: rgba(255, 255, 255, .7);
		border-radius: 63px;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		display: inline-block;
		margin-top: -103px;
		padding: 35px;
		text-align: center;
		width: 383px;
	}
	.evaai section .heading.bg-left .content .logo{}
	.evaai section .heading.bg-center .content .logo{margin-left: 85px;}
	.evaai section .heading.bg-right .content .logo{margin-left: 85px;}

	.evaai section .heading .content .logo img{width: 209px;}
	.evaai section .heading .content .h2{margin-top: 45px;}

	@media screen and (max-width:767.5px){
		.evaai section .heading.bg-left .content{padding-left: 35px; padding-right: 10px;}
		.evaai section .heading.bg-center .content{padding-left: 35px; padding-right: 10px;}
		.evaai section .heading.bg-right .content{padding-left: 35px; padding-right: 10px;}
		.evaai section .heading .content .logo{width: 300px;}
		.evaai section .heading.bg-left .content .logo{}
		.evaai section .heading.bg-center .content .logo{margin-left: 0;}
		.evaai section .heading.bg-right .content .logo{margin-left: 0;}
		.evaai section .heading .content .logo img{width: 150px;}
	}


	.evaai section .heading .bg{
		background-color: #1e7eee;
		border-radius: 90px;
		position: absolute;
		top: 63px;
		bottom: 0;
		width: 100%;
	}
	.evaai section .heading.bg-center .bg{background-image: url(/img/lp/evaai/blur-2@2x.png); background-size: cover;}
	.evaai section .heading.bg-left .bg{background-image: url(/img/lp/evaai/blur-3@2x.png); background-size: cover; left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
	.evaai section .heading.bg-right .bg{background-image: url(/img/lp/evaai/blur-1@2x.png); background-size: cover; right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}

	@media (min-width: 768px) {
		.evaai section .heading.bg-center .bg{left:calc(50vw - 750px / 2); width:750px;}
		.evaai section .heading.bg-left .bg{width: calc(50vw + 750px / 2 - 65px);}
		.evaai section .heading.bg-right .bg{width: calc(50vw + 750px / 2);}
	}

	@media (min-width: 992px) {
		.evaai section .heading.bg-center .bg{left:calc(50vw - 970px / 2); width:970px;}
		.evaai section .heading.bg-left .bg{width: calc(50vw + 970px / 2 - 130px);}
		.evaai section .heading.bg-right .bg{width: calc(50vw + 970px / 2);}
	}

	@media (min-width: 1200px) {
		.evaai section .heading.bg-center .bg{left:calc(50vw - 1170px / 2); width:1170px;}
		.evaai section .heading.bg-left .bg{width: calc(50vw + 1170px / 2 - 260px);}
		.evaai section .heading.bg-right .bg{width: calc(50vw + 1170px / 2);}
	}


/** section.MAIN **/
	.evaai section.main{position: relative;}
	.evaai section.main .container-fluid{padding-top: 0;}
	.evaai section.main .bg-box{
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 40px;
		-webkit-backdrop-filter: blur(50px);
		backdrop-filter: blur(50px);
		margin: 0 40px;
		padding: 120px 30px 90px;
	}
	.evaai section.main h1{}
	.evaai section.main h4{margin: 0 auto; max-width: 750px;}
	.evaai section.main .title-img{max-width: 100%; width: 464px;}

	.evaai section.main .bg-img.bg-img-1{bottom: 0; left: 0; width: 20%;}
	.evaai section.main .bg-img.bg-img-2{top: 0; right: 0; width: 15%;}
	@media screen and (max-width:767.5px){
		.evaai section.main .bg-box{margin: 0;}
	}


/** section.ASPECTS **/
	.evaai section.aspects{}
	.evaai section.aspects .text-box{padding:30px 95px;}
	.evaai section.aspects .items{}
	.evaai section.aspects .items .item{
		background-color: #fff;
		border-radius: 37px;
		margin: 32px 0 0;
		min-height: 380px;
		overflow: hidden;
		position: relative;
	}
	.evaai section.aspects .items .item .txt{padding:25px 45px;}
	.evaai section.aspects .items .item h3{}
	.evaai section.aspects .items .item p{}
	.evaai section.aspects .items .item img{
		bottom: 0; left: 0;
		position: absolute;
		width: 100%;
	}
	@media screen and (max-width:767.5px){
		.evaai section.aspects .text-box{padding-left: 35px; padding-right: 35px;}
	}


/** section.FEATURES **/
	.evaai section.features{}
	.evaai section.features .nav-tabs{border:none; margin-bottom: 40px;}
	.evaai section.features .nav-tabs>li{display: block; margin: 6px 0; width: 100%;}
	.evaai section.features .nav-tabs>li a,
	.evaai section.features .nav-tabs>li a:hover,
	.evaai section.features .nav-tabs>li a:focus{
		background-color: rgba(255, 255, 255, .45);
		border: none;
		border-radius: 15px;
		color: #6c6c6c;
		padding: 20px 35px;
		position: relative;
		text-align: left;
		width: 100%;
	}
	.evaai section.features .nav-tabs>li.active a,
	.evaai section.features .nav-tabs>li.active a:hover,
	.evaai section.features .nav-tabs>li.active a:focus{
		background-color: #fff;
		box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.01);
		color: #000;
	}
	.evaai section.features .nav-tabs>li.active a:before,
	.evaai section.features .nav-tabs>li.active a:hover:before,
	.evaai section.features .nav-tabs>li.active a:focus:before{
		background-image: url(/img/lp/evaai/logo-stars@2x.png);
		background-size: cover;
		content: '';
		display: block;
		height: 40px;
		position: absolute;
		top: calc(50% - 20px);
		left: -20px;
		width: 40px;
	}

	.evaai section.features .tab-content .item{
		background-color: #fff;
		border-radius: 40px;
		min-height: 570px;
		padding: 20px;
	}
	.evaai section.features .tab-content .item img{border-radius: 40px;}
	.evaai section.features .tab-content .item h3{margin-left: 30px; margin-right: 30px;}
	.evaai section.features .tab-content .item p{color: #636363; margin-left: 30px; margin-right: 30px;}

	@media screen and (max-width:767.5px){
		.evaai section.features .tab-content .item{min-height: 540px;}
	}


/** section.OPERATIONS **/
	.evaai section.operations{padding-bottom: 96px; position: relative;}
	.evaai section.operations>.bg{
		background-color: #fff;
		border-radius:0 158px 158px 0;
		left: 0; top: 180px; bottom: 96px; right: 15px;
		position: absolute;
	}
	@media (min-width: 768px) {
		.evaai section.operations>.bg{right:calc(50vw - 750px / 2);}
	}
	@media (min-width: 992px) {
		.evaai section.operations>.bg{right:calc(50vw - 970px / 2);}
	}
	@media (min-width: 1200px) {
		.evaai section.operations>.bg{right:calc(50vw - 1170px / 2);}
	}

	.evaai section.operations .bg-img{bottom: -96px; right: 10%; width: 25%;}


	.evaai section.operations .items{padding-top: 40px;}
	.evaai section.operations .item{margin-bottom:40px; padding-left: 10px; padding-right: 20px;}
	.evaai section.operations .item .img{
		border-radius:20px;
		background-position:center;
		background-repeat:no-repeat;
		height:80px;
		position: relative;
		text-align: center;
		transition: .5s ease;
		width:80px;
	}
	.evaai section.operations .item .img img{
		position: absolute;
		transition: .5s ease;
		top:50%; left:50%;
	}
	.evaai section.operations .item:hover .img{border-radius:32px;}
	.evaai section.operations .item:hover .img img{transform: scale(1.1);}

	.evaai section.operations .item .img.img-1{background-color:#c9c4ff;}
	.evaai section.operations .item .img.img-1 img{width:32px; left:calc(50% - 16px); top:calc(50% - 16px);}

	.evaai section.operations .item .img.img-2{background-color:#f9e5f1;}
	.evaai section.operations .item .img.img-2 img{width:23px; left:calc(50% - 11.5px); top:calc(50% - 17px);}

	.evaai section.operations .item .img.img-3{background-color:#f4eab4;}
	.evaai section.operations .item .img.img-3 img{width:31px; left:calc(50% - 15.5px); top:calc(50% - 15px);}

	.evaai section.operations .item .img.img-4{background-color:#bbedc7;}
	.evaai section.operations .item .img.img-4 img{width:25px; left:calc(50% - 12.5px); top:calc(50% - 14.5px);}

	.evaai section.operations .item .img.img-5{background-color:#c3ecef;}
	.evaai section.operations .item .img.img-5 img{width:30px; left:calc(50% - 15px); top:calc(50% - 15px);}

	.evaai section.operations .item .img.img-6{background-color:#cee5ff;}
	.evaai section.operations .item .img.img-6 img{width:31px; left:calc(50% - 15.5px); top:calc(50% - 18.4px);}

	.evaai section.operations .item .img.img-7{background-color:#f9f6f3;}
	.evaai section.operations .item .img.img-7 img{width:30px; left:calc(50% - 15px); top:calc(50% - 15px);}

	.evaai section.operations .item .img.img-8{background-color:#ffd49e;}
	.evaai section.operations .item .img.img-8 img{width:30px; left:calc(50% - 15px); top:calc(50% - 15px);}

	.evaai section.operations .item h4{margin:0; padding:12px 18px;}
	.evaai section.operations .item p{color:#6b6b6b; margin: 24px 0;}


/** section.POWER **/
	.evaai section.power{padding-bottom: 200px;}
	.evaai section.power>.bg{
		background-color: #fff;
		border-radius:60px;
		top: 0; bottom: 200px; left: 15px; right: 15px;
		position: absolute;
	}
	@media (min-width: 768px) {
		.evaai section.power>.bg{left:calc(50vw - 750px / 2); width: 750px;}
	}
	@media (min-width: 992px) {
		.evaai section.power>.bg{left:calc(50vw - 970px / 2); width: 970px;}
	}
	@media (min-width: 1200px) {
		.evaai section.power>.bg{left:calc(50vw - 1170px / 2); width: 1170px;}
	}

	.evaai section.power .bg-img{bottom: 0; left: 0; width: 55%;}

	.evaai section.power .item{padding: 100px 10px;}
	.evaai section.power .item .logo{width: 209px;}
	.evaai section.power .item h3{margin: 30px 0;}
	.evaai section.power .item h4{margin: 30px 0;}
	.evaai section.power .item a{margin-top: 60px;}
	.evaai section.power .item .btns{}
	@media (max-width: 1199.5px) {
		.evaai section.power .item{padding: 0 30px;}
		.evaai section.power .item .btns{text-align: right;}
	}
	@media (max-width: 767.5px) {
		.evaai section.power{padding-bottom: 65vw;}
		.evaai section.power .bg-img{width: 100%;}
	}