/* -----------------
  SSL Certs Header
------------------ */

header.ssl-certs {
	position: relative;
}

header.ssl-certs i.ic-top{
	margin: 0 auto;
	width: 83px;
	height: 99px;
	background-position: -666px -420px;
	display: block;
	position: relative;
	margin-bottom: 30px;
}

header.ssl-certs .cover {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background-image: url(/imgs/banners/certs_bg.webp);
	background-size: cover;
	z-index:0;
}

header.ssl-certs .slider {
	color: #fff;
}

header.ssl-certs .slider h1 {
	font-size: 20px;
	font-family: 'poppins', Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
	position: relative;
}

header.ssl-certs .slider h2 {
	font-size: 17px;
	line-height: 26px;
	font-weight: 200;
	font-family: 'poppins', Arial, sans-serif;
	margin-bottom: 25px;
	position: relative;
}

header.ssl-certs .slider h2 strong {
	font-weight: 600;
}

header.ssl-certs .slider p {
	font-size: 14px;
	opacity: 0.7;
	position: relative;
}

/* SSL CERTS > Layer 1 */
/* ------------------- */

.ssl-certs .layer-1 {
	margin-top: 30px;	
	position: relative;
}

.ssl-certs .layer-1 .wrapper{
	padding: 8px;
	border-radius: 12px;
	color: #1f5475;
	font-size: 0;
	background: rgba(228, 235, 240, 0.25);
}

.ssl-certs .layer-1 .rows{
	padding: 20px 15px 20px 15px; 
	background-color: #fff;
	border-radius: 12px;
}

.ssl-certs .layer-1 .title {
	text-align: center;
	margin-bottom: 25px;
}

.ssl-certs .layer-1 .title h2{
	font-size: 17px;
	font-weight: 200;
	font-family: 'poppins', Arial, sans-serif;
	line-height: 26px;
}

.ssl-certs .layer-1 .title h2 strong{
	font-weight: 600;
}

.ssl-certs .layer-1 .select-menu select{
	font-family: 'open_sans', Arial, sans-serif;
    border: 1px solid #8fa9ba;
    border-radius: 5px;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #1f5475;
	width: 100%;
	margin-bottom: 10px;
}

.ssl-certs .layer-1 .menu-brands{
	position: relative;
	text-align: center;
}

.ssl-certs .layer-1 .menu-brands:after {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 1px;	
	background-image: linear-gradient( 0deg, rgba(20,69,104,0) 0%, rgba(20,69,104,0.30196) 46%, rgba(20,69,104,0) 100%);
	opacity: 0.8;
}

.ssl-certs .layer-1 .menu-brands a{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #1f5475;
	cursor: pointer;
	margin: 0 4px 20px 4px;
}

.ssl-certs .layer-1 .menu-brands a:first-child{
	opacity: 0.7;
}

.ssl-certs .layer-1 .menu-brands a:first-child:hover,
.ssl-certs .layer-1 .menu-brands a.active:first-child{
	opacity: 1;
}

.ssl-certs .layer-1 .menu-brands a.ic{
	width: 140px;
	height: 45px;
	background-image: url(/imgs/ssl_menu.webp);
	background-size: 980px 124px;
	font-size: 0;
}

.ssl-certs .layer-1 .menu-brands a.ic-1{
	background-position: -840px 0px;
}

.ssl-certs .layer-1 .menu-brands a.ic-2{
	background-position: 0px 0px;
}

.ssl-certs .layer-1 .menu-brands a.ic-3{
	background-position: -140px 0;
}

.ssl-certs .layer-1 .menu-brands a.ic-4{
	background-position: -700px 0;
}

.ssl-certs .layer-1 .menu-brands a.ic-5{
	background-position: -560px 0;
}

.ssl-certs .layer-1 .menu-brands a.ic-6{
	background-position: -280px 0;
}

.ssl-certs .layer-1 .menu-brands a.ic-7{
	background-position: -420px 0;
}

.ssl-certs .layer-1 .menu-brands a.ic-1:hover,
.ssl-certs .layer-1 .menu-brands a.ic-1.active{
	background-position: -840px -45px;
}

.ssl-certs .layer-1 .menu-brands a.ic-2:hover,
.ssl-certs .layer-1 .menu-brands a.ic-2.active{
	background-position: 0px -45px;
}

.ssl-certs .layer-1 .menu-brands a.ic-3:hover,
.ssl-certs .layer-1 .menu-brands a.ic-3.active{
	background-position: -140px -45px;
}

.ssl-certs .layer-1 .menu-brands a.ic-4:hover,
.ssl-certs .layer-1 .menu-brands a.ic-4.active{
	background-position: -700px -45px;
}

.ssl-certs .layer-1 .menu-brands a.ic-5:hover,
.ssl-certs .layer-1 .menu-brands a.ic-5.active{
	background-position: -560px -45px;
}

.ssl-certs .layer-1 .menu-brands a.ic-6:hover,
.ssl-certs .layer-1 .menu-brands a.ic-6.active{
	background-position: -280px -45px;
}

.ssl-certs .layer-1 .menu-brands a.ic-7:hover,
.ssl-certs .layer-1 .menu-brands a.ic-7.active{
	background-position: -420px -45px;
}

.ssl-certs .layer-1 .menu-type{
	padding-top: 20px;
	text-align: center;
}

.ssl-certs .layer-1 .menu-type a{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 120px;
	height: 100px;
	border-bottom: 3px solid #fff;
	text-align: center;
	transition: border-color 200ms;
	margin: 0 12px 20px 12px;
}

.ssl-certs .layer-1 .menu-type a:last-child{
	margin-right: 0;
}

.ssl-certs .layer-1 .menu-type a:hover,
.ssl-certs .layer-1 .menu-type a.active{
	border-color: #1f5475;
}

.ssl-certs .layer-1 .menu-type i{
	display: block;
	margin: 0 auto 15px auto;
	width: 45px;
	height: 39px;
}

.ssl-certs .layer-1 .menu-type i.ic-1{
	background-position: -436px -475px;
}

.ssl-certs .layer-1 .menu-type i.ic-2{
	background-position: -301px -475px;
}

.ssl-certs .layer-1 .menu-type i.ic-3{
	background-position: -616px -475px;
}

.ssl-certs .layer-1 .menu-type i.ic-4{
	background-position: -571px -475px;
}

.ssl-certs .layer-1 .menu-type i.ic-5{
	background-position: -526px -475px;
}

.ssl-certs .layer-1 .menu-type i.ic-6{
	background-position: -391px -475px;
}

.ssl-certs .layer-1 .menu-type i.ic-7{
	background-position: -481px -475px;
}

.ssl-certs .layer-1 .menu-type i.ic-8{
	background-position: -346px -475px;
}

.ssl-certs .layer-1 .menu-type span{
	font-size: 12px;
	color: #384650;
}

/* SSL CERTS > Layer 2 */
/* ------------------- */

.ssl-certs .layer-2 .wrapper {
	font-size: 0;
	padding: 25px 0 40px 0;
}

.ssl-certs .layer-2 .packages .col{
	margin-bottom: 16px;
	color: #1f5475;
	display: none;
}

.ssl-certs .layer-2 .packages .col.active{
	display: block;
}

.ssl-certs .layer-2 .packages .col p{
	line-height: normal;
}

.ssl-certs .layer-2 .packages .col {
	background-color: #fff;
	padding: 30px 25px;
	border: 1px solid rgba(56, 70, 80, 0.1);
	box-shadow: 6px 6px 10px 0px rgba(56, 70, 80, 0.05);
	border-radius: 12px;
	transition: box-shadow 200ms;
}

.ssl-certs .layer-2 .packages .col:hover{
	box-shadow: 0px 0px 10px 0px rgba(56, 70, 80, 0.2);
}

.ssl-certs .layer-2 .packages .col i.ic-brand {
	width: 120px;
	height: 34px;
	display: inline-block;
	margin-bottom: 10px;
	background-image: url(/imgs/ssl_menu.webp);
	background-size: 980px 124px;
	transition: transform 300ms ease-out;
}

.ssl-certs .layer-2 .packages .col:hover h3 {
	transform: translateY(-5px);
}

.ssl-certs .layer-2 .packages .col:hover i.ic-brand {
	transform: translateY(5px);
}

.ssl-certs .layer-2 .packages .col i.ic-geotrust{
	background-position: -600px -90px;
}

.ssl-certs .layer-2 .packages .col i.ic-thawte{
	background-position: 0px -90px;
}

.ssl-certs .layer-2 .packages .col i.ic-symantec{
	background-position: -120px -90px;
}

.ssl-certs .layer-2 .packages .col i.ic-globalsign{
	background-position: -720px -90px;
}

.ssl-certs .layer-2 .packages .col i.ic-comodo{
	background-position: -480px -90px;
}

.ssl-certs .layer-2 .packages .col i.ic-alphassl{
	background-position: -240px -90px;
}

.ssl-certs .layer-2 .packages .col i.ic-rapidssl{
	background-position: -360px -90px;
}

.ssl-certs .layer-2 .packages .col h3{
	font-size: 18px;
	font-weight: 600;
	transition: transform 300ms ease-out;
}

.ssl-certs .layer-2 .packages .col .type{
	margin-top: 30px;
}

.ssl-certs .layer-2 .packages .col .type span{
	color: #008bda;
	font-size: 13px;
	line-height: 28px;
}

.ssl-certs .layer-2 .packages .col .type i{
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 7px;
}

.ssl-certs .layer-2 .packages .col .type i.ic-dv{
	background-position: -301px -521px;
}

.ssl-certs .layer-2 .packages .col .type i.ic-ws{
	background-position: -451px -521px;
}

.ssl-certs .layer-2 .packages .col .type i.ic-ev{
	background-position: -481px -521px;
}

.ssl-certs .layer-2 .packages .col .type i.ic-ov{
	background-position: -391px -521px;
}

.ssl-certs .layer-2 .packages .col .type i.ic-ucc{
	background-position: -361px -521px;
}

.ssl-certs .layer-2 .packages .col .type i.ic-cs{
	background-position: -421px -521px;
}

.ssl-certs .layer-2 .packages .col .type i.ic-ms{
	background-position: -331px -521px;
}

.ssl-certs .layer-2 .packages .col .section{
	margin-top: 30px;
	padding-bottom: 12px;
	position: relative;
}

.ssl-certs .layer-2 .packages .col .section:after{
	position: absolute;
	display: block;
	content: '';
	left: 0; 
	bottom: 0;
	width: 100%;
	height: 1px;
	background-image: linear-gradient( 0deg, rgba(20,69,104,0) 0%, rgba(20,69,104,0.30196) 46%, rgba(20,69,104,0) 100%);
}

.ssl-certs .layer-2 .packages .col .section h4{
	opacity: 0.8;
	font-size: 14px;
	font-family: 'poppins', Arial, sans-serif;
}

.ssl-certs .layer-2 .packages .col .period{
	padding: 14px 0 20px 0;
}

.ssl-certs .layer-2 .packages .col .period a{
	display: inline-block;
	padding: 8px 10px;
	font-size: 15px;
	font-weight: 600;
	font-family: 'poppins', Arial, sans-serif;
	color: #1f5475;
	border: 1px solid #fff;
	border-radius: 5px;
	margin-right: 2px;
	cursor: pointer;
	transition: border-color 200ms;
}

.ssl-certs .layer-2 .packages .col .period a:hover,
.ssl-certs .layer-2 .packages .col .period a.active{
	background-color: #fff;
	border-color: #8fa9ba;
}

.ssl-certs .layer-2 .packages .col .period a.active{
	cursor: default;
}

.ssl-certs .layer-2 .packages .col .price{
	position: relative;
	padding-bottom: 35px;
}

.ssl-certs .layer-2 .packages .col .price p{
	font-size: 24px;
	font-weight: 600;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.ssl-certs .layer-2 .packages .col .price p.active{
	display: block;
}

.ssl-certs .layer-2 .packages .col .price span{
	opacity: 0.4;
	text-decoration: line-through;
}

.ssl-certs .layer-2 .packages .col .browsers{
	padding-top: 10px;
}

.ssl-certs .layer-2 .packages .col .browsers i{
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin: 0 2px;
}

.ssl-certs .layer-2 .packages .col .browsers i.ic-1{
	background-position: -252px -521px;
}

.ssl-certs .layer-2 .packages .col .browsers i.ic-2{
	background-position: -186px -521px;
}

.ssl-certs .layer-2 .packages .col .browsers i.ic-3{
	background-position: -274px -521px;
}

.ssl-certs .layer-2 .packages .col .browsers i.ic-4{
	background-position: -208px -521px;
}

.ssl-certs .layer-2 .packages .col .browsers i.ic-5{
	background-position: -230px -521px;
}

.ssl-certs .layer-2 .packages .col a.btn-order{
	position: relative;
	background-color: #0780e3;
	color: #fff;
	border: 1px solid #0780e3;
	border-radius: 4px;
	font-size: 14px;
	font-family: 'poppins', Arial, sans-serif;
	font-weight: 600;
	display: block;
	margin-top: 25px;
	padding: 11px 0;
	text-align: center;
	overflow: hidden;
	transition: all 250ms;
}

.ssl-certs .layer-2 .packages .col a.btn-order:hover {
	color: #0780E3;
	background-color: #fff;
	border: 1px solid #0780E3;
	padding-left: 30px;
}

.ssl-certs .layer-2 .packages .col a.btn-order:after {
	content: '';
	position: absolute;
	left: -35px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 30px;
	height: 29px;
	background-image: url(/imgs/sprite.webp);
	background-size: 643px 944px;
	background-position: -337px -344px;
	transition: all 150ms;
}

.ssl-certs .layer-2 .packages .col a.btn-order:hover:after {
	left: 5px;
}


/* SSL CERTS > Layer 3 */
/* ------------------- */

.ssl-certs .layer-3{
	background-image: url('/imgs/seo_bg.webp');
}

.ssl-certs .layer-3 .wrapper{
	font-size: 0;
	color: #fff;
}

.ssl-certs .layer-3 .col {
	text-align: center;
}

.ssl-certs .layer-3 .col h2{
	font-size: 20px;
	font-family: 'poppins', Arial, sans-serif;
	margin-bottom: 30px;
	line-height: 28px;
}

.ssl-certs .layer-3 .col p{
	font-size: 14px;
	opacity: 0.8;
}

.ssl-certs .layer-3 .col .google-wrapper {
	position: relative;
	display: block;
	height: 500px;
	width: 100%;
	background-color: rgba(7, 128, 227, 0.75);
	border-radius: 40px;
	padding: 20px;
	-webkit-user-select: none;
	user-select: none;
	cursor: default;
}

.ssl-certs .layer-3 .col .google-wrapper .inside {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border: 8px solid rgba(255, 255, 255, 0.2);
	border-radius: 40px;
	overflow: hidden;
}

.ssl-certs .layer-3 .col .google-wrapper .top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 16%;
	background-color: rgba(255, 255, 255, 0.1);
}

.ssl-certs .layer-3 .col .google-wrapper .g-logo {
	position: absolute;
	left: 5%;
	top: 25%;
	width: 20%;
	height: 50%;
	background-image: url(/imgs/g-logo.webp);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.ssl-certs .layer-3 .col .google-wrapper .search-bar {
	position: absolute;
	left: 30%;
	top: 20%;
	height: 60%;
	width: 50%;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	z-index: 0;
}

.ssl-certs .layer-3 .col .google-wrapper .search-bar::before {
	content: '';
	position: absolute;
	top: 20%;
	left: 5%;
	height: 60%;
	width: 67%;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 3px;
	z-index: 1;
}

.ssl-certs .layer-3 .col .google-wrapper .search-bar::after {
	content: '';
	position: absolute;
	top: 20%;
	right: 5%;
	height: 60%;
	width: 20%;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 3px;
	z-index: 1;
}

.ssl-certs .layer-3 .col .google-wrapper .menu-bar {
	position: absolute;
	top: 16%;
	left: 0;
	width: 100%;
	height: 10%;
	background-color: rgba(255, 255, 255, 0.05);
}

.ssl-certs .layer-3 .col .google-wrapper .menu-bar span {
	display: block;
	position: absolute;
	top: 33%;
	width: 10%;
	height: 34%;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.1);
}

.ssl-certs .layer-3 .col .google-wrapper .menu-bar span:nth-child(1) { 
	left: 30%;
}

.ssl-certs .layer-3 .col .google-wrapper .menu-bar span:nth-child(2) { 
	left: 41%;
}

.ssl-certs .layer-3 .col .google-wrapper .menu-bar span:nth-child(3) { 
	left: 52%;
}

.ssl-certs .layer-3 .col .google-wrapper .menu-bar span:nth-child(4) { 
	left: 63%;
}

.ssl-certs .layer-3 .col .google-wrapper .menu-bar span:nth-child(5) { 
	left: 74%;
}

.ssl-certs .layer-3 .col .google-wrapper .search-results {
	position: absolute;
	left: 27%;
	top: 26%;
	width: 73%;
	height: 74%;
	z-index: 0;
	overflow: hidden;
}

.ssl-certs .layer-3 .col .google-wrapper .result-cell {
    position: relative;
    width: 80%;
    height: 23%;
    display: block;
    margin-bottom: 2%;
    z-index: 1;
}

.ssl-certs .layer-3 .col .google-wrapper .result-cell:nth-child(2),
.ssl-certs .layer-3 .col .google-wrapper .result-cell:nth-child(3) {
    animation-name: cell-anim; 
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	opacity: 0.5;
}

@keyframes cell-anim {
    from {
		transform: translate3d(0, 0, 0);
	}
    to {
		transform: translate3d(0, 110%, 0);
	}
}

.ssl-certs .layer-3 .col .google-wrapper .result-cell:nth-child(1) {
    animation-name: cell-anim-1; 
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes cell-anim-1 {
    from {
		transform: translate3d(0, 0, 0);
		opacity: 0;
	}
    to {
		transform: translate3d(0, 110%, 0);
		opacity: 0.5;
	}
}

.ssl-certs .layer-3 .col .google-wrapper .result-cell:nth-child(4) {
    animation-name: cell-anim-4; 
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes cell-anim-4 {
    from {
		transform: translate3d(0, 0, 0);
		opacity: 0.5;
	}
    to {
		transform: translate3d(0, 110%, 0);
		opacity: 0;
	}
}

.ssl-certs .layer-3 .col .google-wrapper .result-cell.ssl-cell {
    position: absolute;
	top: 5%;
	left: 2%;
	background-color: #1a8ae6;
    border: 1px solid #62aeee;
    border-radius: 6px;
    color: #fff;
    z-index: 3;
	box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.1);
}

.ssl-certs .layer-3 .col .google-wrapper .result-cell .ssl-cell-icon {
	position: absolute;
	top: 11%;
	left: 4%;
	width: 8%;
	padding-top: 8%;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPiAuc3Qwe29wYWNpdHk6MDtmaWxsOiNGRkZGRkY7fSAuc3Qxe2ZpbGw6I0ZGRkZGRjt9IDwvc3R5bGU+PHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNODIuNyAzNS41YzAgMS40IDAgMSAwIDIuNCAwIDEtMC4yIDEuNS0xLjMgMS40IC0yLjktMC4xLTUuOS0wLjEtOC44IDAgLTEgMC0xLjMtMC40LTEuMy0xLjMgLTAuMS0zLjQgMC4zLTUtMC40LTguNCAtMS43LTguNi05LjctMTUuNC0xOC41LTE1LjcgLTQuMi0wLjEtOC40LTAuMi0xMi4zIDEuOCAtNy4yIDMuNy0xMS4zIDkuNS0xMS40IDE3LjggMCAyLjEtMC4xIDIuMyAwIDQuMyAwIDEtMC4yIDEuNS0xLjMgMS40IC0yLjktMC4xLTUuOSAwLTguOCAwIC0wLjYgMC0xLjMgMC4xLTEuMy0wLjggMC01LjUtMC41LTkuMSAxLjUtMTQuNCA0LjUtMTIuMSAxMy4xLTE5LjQgMjYtMjEuMkM1Mi41IDEuOCA2MCAyLjYgNjYuOCA2LjYgNzcuMiAxMi44IDgyLjYgMjEuOSA4Mi43IDM0IDgyLjcgMzQuNSA4Mi43IDM1IDgyLjcgMzUuNXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNODUuNiA0Ni42YzAtMS40LTAuNC0xLjctMS43LTEuNyAtMTEuMyAwLjEtMjIuNSAwLTMzLjggMCAtMTEuNCAwLTIyLjcgMC0zNC4xIDAgLTEuMiAwLTEuNyAwLjMtMS43IDEuNiAwLjEgNS41IDAgMTEgMCAxNi41IDAgMy45IDAuOCA3LjggMi4yIDExLjUgNi4zIDE2LjMgMjIuNiAyNS42IDM5LjggMjIuNSAxNi44LTMgMjkuMi0xNy43IDI5LjItMzQuN0M4NS42IDU3LjEgODUuNiA1MS44IDg1LjYgNDYuNnpNNTYuMyA3OGMtNC4yIDAuMS04LjMgMC4xLTEyLjUgMCAtMS41IDAtMS45LTEuMS0xLjItMi40IDAuOS0xLjUgMS44LTMgMi44LTQuNSAtMi4yLTIuMy0yLjctNC45LTEuNC03LjggMS4yLTIuNSAzLjMtMy44IDYuMS0zLjggMi44IDAgNC45IDEuMyA2IDMuOSAxLjIgMi41IDAuOCA0LjktMC45IDcgLTAuNCAwLjUtMC41IDAuOS0wLjEgMS40IDAuOCAxLjIgMS42IDIuNSAyLjMgMy43QzU4LjIgNzYuOSA1Ny44IDc4IDU2LjMgNzh6Ii8+PC9zdmc+) no-repeat;
	opacity: 0.5;
}

.ssl-certs .layer-3 .col .google-wrapper .result-cell .ssl-cell-name {
	position: absolute;
	top: 7%;
	left: 13%;
	font-size: 14px;
	font-weight: bold;
}

.ssl-certs .layer-3 .col .google-wrapper .result-cell .ssl-cell-url {
	position: absolute;
	top: 28%;
	left: 13%;
	font-size: 12px;
	font-weight: normal;
	opacity: 0.5;
}

.ssl-certs .layer-3 .col .google-wrapper .result-cell span:nth-child(1) {
	content: '';
	position: absolute;
	left: 5%;
	top: 19%;
	height: 11%;
	width: 50%;
	background-color: rgba(255, 255, 255, 0.3);
	z-index: 2;
}

.ssl-certs .layer-3 .col .google-wrapper .result-cell span:nth-child(2) {
	content: '';
	position: absolute;
	left: 5%;
	top: 37%;
	height: 11%;
	width: 12%;
	background-color: rgba(255, 255, 255, 0.15);
	z-index: 2;
}

.ssl-certs .layer-3 .col .google-wrapper .result-cell::before {
	content: '';
	position: absolute;
	left: 5%;
	top: 57%;
	height: 11%;
	width: 62%;
	background-color: rgba(255, 255, 255, 0.15);
	z-index: 2;
}

.ssl-certs .layer-3 .col .google-wrapper .result-cell::after {
	content: '';
	position: absolute;
	left: 5%;
	top: 76%;
	height: 11%;
	width: 50%;
	background-color: rgba(255, 255, 255, 0.15);
	z-index: 2;
}

/* Breakpoint 768 */

@media only screen and (min-width : 768px) {

	header.ssl-certs .slider h1 {
		font-size: 26px;
	}
	
	header.ssl-certs .slider h2 {
		font-size: 20px;
	}
	
	.ssl-certs .layer-1 .rows{
		padding: 25px 15px 0px 15px; 
	}
	
	.ssl-certs .layer-1 .title {
		margin-bottom: 40px;
	}
	
	.ssl-certs .layer-1 .title h2{
		font-size: 20px;
	}
	
	.ssl-certs .layer-3 .col h2{
		font-size: 26px;
	}
	
	.ssl-certs .layer-3 .col p{
		font-size: 15px;
	}
}


/* Breakpoint 993 */

@media only screen and (min-width : 993px) {

	.ssl-certs .layer-3 .col{
		text-align: left;
	}
}

/* Breakpoint 1200 */

@media only screen and (min-width : 1200px) {

	header.ssl-certs {
		min-height: 700px;
	}
	
	header.ssl-certs .slider h1 {
		font-size: 44px;
	}
	
	header.ssl-certs .slider h2 {
		font-size: 22px;
		line-height: normal;
	}
	
	.ssl-certs .layer-1 {
		margin-top: -220px;	
	}
	.ssl-certs .layer-1 .rows{
		padding: 40px 35px 20px 35px;
	}
	
	.ssl-certs .layer-1 .title {
		text-align: left;
	}
	
	.ssl-certs .layer-1 .title h2{
		font-size: 28px;
		line-height: normal;
	}
	
	.ssl-certs .layer-2 .wrapper {
		padding: 25px 0 95px 0;
	}
	
	.ssl-certs .layer-3{
		height: 710px;
	}
	
	.ssl-certs .layer-3 .col h2{
		font-size: 34px;
		line-height: 45px;
	}
}

/* Breakpoint Retina */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

	.ssl-certs .layer-3 .col .google-wrapper .g-logo {
		background-image: url(/imgs/g-logo-2x.webp);
	}

	.ssl-certs .layer-1 .menu-brands a.ic,
	.ssl-certs .layer-2 .packages .col i.ic-brand {
		background-image: url(/imgs/ssl_menu_retina.webp);
	}
}