/* SSL EV > header */

header.ssl-ev{
	position: relative;
	height: 560px;
}

header.ssl-ev .cover {
	background-image: url(/imgs/ssl-ev-header.webp);
}

header.ssl-ev .info{
	padding-top: 50px;
}

header.ssl-ev .info h1{
	font-size: 20px;
	margin-bottom: 15px;
}

header.ssl-ev .info h2{
	font-size: 14px;
	margin-bottom: 40px;
	font-weight: 600;
	opacity: 0.7;
}

/* SSL EV > Layer 1 */

.ssl-ev .layer-1 .wrapper{
	overflow: visible;
	padding: 45px 0 25px 0;
}

.ssl-ev .layer-1 .ssl-menu{
	font-size: 0;
	text-align: center;
}

.ssl-ev .layer-1 .ssl-menu a{
	display: inline-block;
	vertical-align: middle;
	margin: 0 2% 20px 0;
	cursor: pointer;
}

.ssl-ev .layer-1 .ssl-menu a:after{
	display: block;
	content: '';
	margin: 0 auto;
	background-image:url(/imgs/sprite.webp?v=2);
	background-size: 1000px 3518px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-1{
	margin-left: 1%;
}

.ssl-ev .layer-1 .ssl-menu a.itm-1:after{
	width: 136px;
	height: 23px;
	background-position: -861px -736px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-2:after{
	width: 123px;
	height: 31px;
	background-position: -874px -799px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-3:after{
	width: 120px;
	height: 48px;
	background-position: -121px -3470px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-4:after{
	width: 145px;
	height: 33px;
	background-position: -852px -625px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-5:after{
	width: 99px;
	height: 22px;
	background-position: -883px -832px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-6:after{
	width: 130px;
	height: 32px;
	background-position: -867px -764px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-7:after{
	width: 105px;
	height: 27px;
	background-position: -892px -705px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-1:hover:after,
.ssl-ev .layer-1 .ssl-menu a.itm-1.active:after{
	background-position: -718px -736px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-2:hover:after,
.ssl-ev .layer-1 .ssl-menu a.itm-2.active:after{
	background-position: -748px -799px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-3:hover:after,
.ssl-ev .layer-1 .ssl-menu a.itm-3.active:after{
	background-position: 0px -3470px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-4:hover:after,
.ssl-ev .layer-1 .ssl-menu a.itm-4.active:after{
	background-position: -704px -625px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-5:hover:after,
.ssl-ev .layer-1 .ssl-menu a.itm-5.active:after{
	background-position: -751px -832px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-6:hover:after,
.ssl-ev .layer-1 .ssl-menu a.itm-6.active:after{
	background-position: -735px -764px;
}

.ssl-ev .layer-1 .ssl-menu a.itm-7:hover:after,
.ssl-ev .layer-1 .ssl-menu a.itm-7.active:after{
	background-position: -785px -705px;
}

.ssl-ev .layer-1 .ssl-menu a.active{
	cursor: default;
}

/* SSL EV > Layer 2 */

.ssl-ev .layer-2 .wrapper{
	text-align: center;
	overflow: visible;
}

.ssl-ev .layer-2 .wrapper .row{
	overflow: visible;
}

.ssl-ev .layer-2 .col{
	margin-bottom: 30px;
}

.ssl-ev .layer-2 .col .inside{
	border: 1px solid #e8e8e8;
	height: auto;
	padding: 35px 40px 22px 40px;
	font-size: 0;
	box-shadow: 3px 3px 2px 0.4px rgba(0, 0, 0, 0.11);
}

.ssl-ev .layer-2 .col-1 .icon-wrapper{
	position: relative;
	height: 35px;
}

.ssl-ev .layer-2 .col-1 .icon{
	position: absolute;
	margin: auto;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display: block;
}

.ssl-ev .layer-2 .col-1 .icon-1{
	width: 99px;
	height: 22px;
	background-position: -751px -832px;
}

.ssl-ev .layer-2 .col-1 .icon-2{
	width: 130px;
	height: 32px;
	background-position: -735px -764px;
}

.ssl-ev .layer-2 .col-1 .icon-3{
	width: 105px;
	height: 27px;
	background-position: -785px -705px;
}

.ssl-ev .layer-2 .col-1 .icon-4{
	width: 136px;
	height: 23px;
	background-position: -718px -736px;
}

.ssl-ev .layer-2 .col-1 .icon-5{
	width: 123px;
	height: 31px;
	background-position: -748px -799px;
}

.ssl-ev .layer-2 .col-1 .icon-6{
	width: 145px;
	height: 33px;
	background-position: -704px -625px;
}

.ssl-ev .layer-2 .col-1 .icon-7 {
	width: 120px;
    height: 48px;
	background-position: 0px -3470px;
}

.ssl-ev .layer-2 .col-1 ul.ssl-submenu{
	margin-top: 20px;
	list-style-type: none;
	text-align: left;
}

.ssl-ev .layer-2 .col-1 ul.ssl-submenu li{
	margin-bottom: 25px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: transform 150ms;
}

.ssl-ev .layer-2 .col-1 ul.ssl-submenu li:hover {
	transform: translate3d(8px, 0, 0);
}

.ssl-ev .layer-2 .col-1 ul.ssl-submenu li a{
	font-size: 18px;
	color: #2d5582;
	/* opacity: 0.8; */
	cursor: pointer;
	padding: 5px 0;
}

.ssl-ev .layer-2 .col-1 ul.ssl-submenu li a.active{
	font-weight: 600;
	cursor: default;
}

.ssl-ev .layer-2 .col h3{
	font-size: 26px;
}

.ssl-ev .layer-2 .col h3 strong{
	font-size: 30px;
	font-weight: bold;
}

.ssl-ev .layer-2 .features{
	margin-top: 10px;
}

.ssl-ev .layer-2 .features .item{
	padding: 18px 0;
	position: relative;
}

.ssl-ev .layer-2 .features .item:after{
	content: '';
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	background: rgb(0, 204, 153);
	background: linear-gradient(left, rgba(0, 204, 153, 0) 0%, rgba(0, 204, 153, .75) 50%, rgba(0, 204, 153, 0) 100%);
}

.ssl-ev .layer-2 .features .item:last-child:after{
	display: none;
}

.ssl-ev .layer-2 .features p {
	line-height: normal;
}

.ssl-ev .layer-2 .features p.inf-price{
	font-size: 15px;
	font-weight: 200;
}

.ssl-ev .layer-2 .features p.inf-price strong{
	font-weight: 600;
}

.ssl-ev .layer-2 .features p.real-price{
	font-size: 22px;
	font-weight: 600;
	color: #b8c0c8;
	text-decoration: line-through;
}

.ssl-ev .layer-2 .features p.nav-price{
	font-size: 26px;
	font-weight: 600;
	color: #00bebc;
}

.ssl-ev .layer-2 .features p.save{
	font-size: 22px;
	font-weight: 600;
}

.ssl-ev .layer-2 a.btn-order{
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background: #0071b9;
	background: linear-gradient(to right, #0071b9 0%, #00bebc 100%);
	padding: 14px 0;
	border-radius: 17px;
}

.ssl-ev .layer-2 a.btn-order:hover span {
	display: block;
	animation: btt-hover-fx .3s forwards;
}

/* SSL EV > Layer 3 */

.ssl-ev .layer-3 .wrapper{
	padding: 30px 0 40px 0;
}

.ssl-ev .layer-3 .row{
	font-size: 0;
}

.ssl-ev .layer-3 .col{
	margin-bottom: 8px;
}

.ssl-ev .layer-3 .col .inside{
	background-color: #f7f7f9;
	padding: 15px 10px 10px 10px;
	white-space: nowrap;
}

.ssl-ev .layer-3 .col .inner{
	background-color: #fff;
	border: 1px solid #e7e7e8;
	padding: 8px;
	position: relative;
}

.ssl-ev .layer-3 .col .inner:before{
	width: 90%;
	height: 8px;
	position: absolute;
	top: -8px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #ededf2;
	content: '';
}

.ssl-ev .layer-3 .col .icon{
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 30px;
}

.ssl-ev .layer-3 .col .icon-1{
	background-position: -193px -2px;
}

.ssl-ev .layer-3 .col .icon-2{
	background-position: -220px -2px;
}

.ssl-ev .layer-3 .col .icon-3{
	background-position: -247px -2px;
}

.ssl-ev .layer-3 .col .icon-4{
	background-position: -301px -2px;
}

.ssl-ev .layer-3 .col .icon-5{
	background-position: -382px -2px;
}

.ssl-ev .layer-3 .col .icon-6{
	background-position: -274px -4px;
}

.ssl-ev .layer-3 .col .icon-7{
	background-position: -328px -2px;
}

.ssl-ev .layer-3 .col .icon-8{
	background-position: -355px -2px;
}

.ssl-ev .layer-3 .col .icon-9{
	background-position: -490px -2px;
}

.ssl-ev .layer-3 .col .icon-10{
	background-position: -409px -2px;
}

.ssl-ev .layer-3 .col .icon-11{
	background-position: -436px -2px;
}

.ssl-ev .layer-3 .col .icon-12{
	background-position: -463px -2px;
}

.ssl-ev .layer-3 .col .icon-13{
	background-position: -164px -33px;
}

.ssl-ev .layer-3 .col .icon-14{
	background-position: -191px -33px;
}

.ssl-ev .layer-3 .col .icon-15{
	background-position: -218px -33px;
}

.ssl-ev .layer-3 .col .icon-16{
	background-position: -245px -33px;
}

.ssl-ev .layer-3 .col .text{
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
}

.ssl-ev .layer-3 .col .text h3{
	font-size: 14px;
	font-weight: 600;
	color: #616366;
	margin-bottom: 5px;
}

.ssl-ev .layer-3 .col .text p{
	line-height: normal;
	font-size: 14px;
	font-weight: 200;
	color: #4a4c4f;
}

/* SSL EV > Layer 4 */

.ssl-ev .layer-4{
	background-color: #0071b9;
	background-image: url(/imgs/grad.webp);
	background-repeat: repeat-y;
	background-size: contain;
}

.ssl-ev .layer-4 .wrapper{
	overflow: visible;
	padding: 50px 0;
	color: #fff;
}

.ssl-ev .layer-4 .wrapper .row{
	overflow: visible;
}

.ssl-ev .layer-4 .col .icon{
	width: 104px;
	height: 105px;
	background-position: -4px -6px;
	margin: 0 auto;
}

.ssl-ev .layer-4 .col-2 {
	text-align: center;
	padding: 0 20px;
}

.ssl-ev .layer-4 .col h2{
	font-size: 17px;
	font-weight: 200;
	margin-bottom: 30px;
}

.ssl-ev .layer-4 .col h2 strong{
	font-weight: 600;
}

.ssl-ev .layer-4 .col p{
	font-size: 14px;
	opacity: 0.7;
}

/* SSL EV > Layer */

.ssl-ev .layer-5 .wrapper{
	padding: 50px 0;
	text-align: center;
}

.ssl-ev .layer-5 .text h2{
	font-size: 20px;
	margin-bottom: 15px;
}

.ssl-ev .layer-5 .text h2 strong{
	font-weight: 600;
}

.ssl-ev .layer-5 .text p{
	font-size: 17px;
}

.ssl-ev .layer-5 .row{
	margin-top: 50px;
}

.ssl-ev .layer-5 .col{
	margin-bottom: 50px;
}

.ssl-ev .layer-5 .col .icon{
	margin: 0 auto 30px auto;
	height: 119px;
}

.ssl-ev .layer-5 .icon-1{
	width: 160px;
	background-position: -837px -984px;
}

.ssl-ev .layer-5 .icon-2{
	width: 100px;
	background-position: -897px -862px;
}

.ssl-ev .layer-5 .icon-3{
	width: 90px;
	background-position: -631px -984px;
}

.ssl-ev .layer-5 .icon-4{
	width: 110px;
	background-position: -724px -984px;
}

.ssl-ev .layer-5 .icon-5{
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 20px;
}

.ssl-ev .layer-5 .col h3{
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 20px;
}

.ssl-ev .layer-5 .col p{
	font-size: 14px;
}

.ssl-ev .layer-faq {
	border: none;
}

.ssl-ev .layer-faq:before {
	border-color: #0098BB transparent transparent transparent;
}

/* ADJUST FOR RESPONSIVE - TABLET */
@media only screen and (min-width : 768px) {

	header.ssl-ev .info h1{
		font-size: 26px;
	}

	header.ssl-ev .info h2{
		font-size: 15px;
	}

	.ssl-ev .layer-2 .col h3 strong{
		font-size: 34px;
	}

	.ssl-ev .layer-4 .col h2{
		font-size: 20px;
	}

	.ssl-ev .layer-4 .col p{
		font-size: 15px;
	}

	.ssl-ev .layer-5 .text h2{
		font-size: 26px;
	}

	.ssl-ev .layer-5 .text p{
		font-size: 20px;
	}

	.ssl-ev .layer-5 .col h3{
		font-size: 20px;
	}

	.ssl-ev .layer-5 .col p{
		font-size: 15px;
	}
}

/* ADJUST FOR RESPONSIVE - DESKTOP */
@media only screen and (min-width : 993px) {

	header.ssl-ev{
		height: 682px;
	}

	header.ssl-ev .info{
		padding-top: 100px;
	}

	header.ssl-ev .info h1{
		font-size: 42px;
	}

	header.ssl-ev .info h2{
		font-size: 18px;
	}

	.ssl-ev .layer-2 .col{
		margin-bottom: 0;
	}

	.ssl-ev .layer-2 .col h3 strong{
		font-size: 42px;
	}

	.ssl-ev .layer-3 .wrapper{
		padding: 30px 0 70px 0;
	}

	.ssl-ev .layer-4 .wrapper{
		padding: 80px 0;
	}

	.ssl-ev .layer-4 .col-2 {
		text-align: left;
		padding: 0;
	}

	.ssl-ev .layer-4 .col h2{
		font-size: 28px;
		margin-bottom: 15px;
	}

	.ssl-ev .layer-4 .col p{
		font-size: 16px;
	}

	.ssl-ev .layer-5 .wrapper{
		padding: 100px 0;
	}

	.ssl-ev .layer-5 .text h2{
		font-size: 38px;
	}

	.ssl-ev .layer-5 .row{
		margin-top: 100px;
	}

	.ssl-ev .layer-5 .col{
		margin-bottom: 100px;
	}

	.ssl-ev .layer-5 .col h3{
		font-size: 26px;
	}

	.ssl-ev .layer-5 .col p{
		font-size: 17px;
	}
}

/* ADJUST FOR RETINA */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

	.ssl-ev .layer-1 .ssl-menu a:after {
		background-image:url('/imgs/sprite_retina.webp');
	}

}