/*
Theme Name: PixelNames
Theme URI: https://pixelnames.com
Author: Nathan Eggert | PlaidPixel.com
Author URI: https://plaidpixel.com/
Description: Custom theme for pixelnames.com. This theme is designed and developed to handle custom domain landing pages and custom domain selling functions.
Tags: pixelnames, domains, domain names
Version: 2025.1
Text Domain: pixelnames
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/* CSS Grid Layout without Flexbox by Nate Eggert */
* {
  box-sizing: border-box;
}
.grid{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 10px;
	margin: auto;
}	
.grid.contain{
	max-width: 1480px;
}
.grid.center{
	align-items: center;
}
.col-1{
	grid-column: auto / span 1;
}
.col-2{
	grid-column: auto / span 2;
}
.col-3{
	grid-column: auto / span 3;
}
.col-4{
	grid-column: auto / span 4;
}
.col-5{
	grid-column: auto / span 5;
}
.col-6{
	grid-column: auto / span 6;
}
.col-7{
	grid-column: auto / span 7;
}
.col-8{
	grid-column: auto / span 8;
}
.col-9{
	grid-column: auto / span 9;
}
.col-10{
	grid-column: auto / span 10;
}
.col-11{
	grid-column: auto / span 11;
}
.col-12{
	grid-column: auto / span 12;
}
.grid img {
	width:100%;
}
/* Bare minimum responsiveness... add more as needed ;) */
@media only screen and (max-width: 768px) {
	.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
		grid-column: 1 / 13;
	}
}


:root {
	--white: rgb(255,255,255);
	--black: rgb(22,22,22);

	--purple: rgb(103,58,182);
	--gold: rgb(245,235,70);
	--orange: rgb(255,95,0);
	--green: rgb(0,255,95);
}
body{
	font-family:helvetica, sans-serif;
}
h1{
	font-size:6rem;
	font-weight:700;
}
h2{
	font-size:3rem;
}
h3{
	font-size:2rem;
}
p{
	line-height: 1.4rem;
	margin-bottom: 10px;
}
strong{
	font-weight: 700;
}
.text-center{
	text-align: center;
}


.nav-section{
	background-color:var(--black);
	color:var(--white);
	padding:10px;
	
	border-bottom: solid 1px;
    border-image: linear-gradient(to right, rgba(88, 88, 88, 0.6), rgba(88, 88, 88, 0.2)) 1;
}
.nav{
	display: flex;
	justify-content: center;
}
.nav li a{
	display:inline-block;
	color:var(--white);
	text-decoration: none;
	padding:20px;

    border-block: solid 2px transparent;
	
	margin: 1px;
    position: relative;
    background-color: rgb(44,44,44);
}
.nav li:first-of-type a{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.nav li:last-of-type a{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    
/*     border-block-end-color: var(--purple); */
}
.nav li a:hover{
    border-block-end-color: var(--purple);
}
.main-section{
	padding: 80px 20px;
	background:radial-gradient(ellipse at right top, rgb(0,0,0) 0%, rgb(25,25,25) 45%, rgb(0,0,0) 100%);
	color:var(--white);
}
.main-section a {
	text-decoration: none;
	font-weight: 700;
	color:var(--purple);
}
.main-section a:hover {
	text-decoration: none;
	font-weight: 700;
	color:var(--white);
}
/*********************************************************************************
------------------- Home Page Styles 	
*/
.home-top-section{
	background-image:url('img/home-header2.jpg');
	background-size:cover;
	min-height:500px;
	color:var(--white);
	text-align:center;
	text-transform: uppercase;
	display:flex;
	
	background-attachment: fixed;
	background-position: 50%;
}
.home-featured-section{
	background-color:var(--black);
	background: radial-gradient(ellipse at right top, rgb(0,0,0) 0%, rgb(25,25,25) 45%, rgb(0,0,0) 100%);
	color:var(--white);
	padding:30px;
}
.home-featured-section h2 {
	margin:40px 0 0;
}
.filter-title{
	padding:15px 20px;
	background-color:rgb(43,43,43);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top:solid 1px rgb(33,33,33);
	border-left:solid 1px rgb(33,33,33);
	border-right:solid 1px rgb(33,33,33);
	border-bottom:solid 1px rgb(63,63,63);
}
#domains-filter{
	display:flex;
	flex-wrap: wrap;
	padding:10px;
	background-color:rgb(33,33,33);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#domains-filter input[type="checkbox"]{
	display:none;
}
#domains-filter label{
	display:block;
	padding:10px 20px;
	margin:10px;
	position: relative;
	border-radius: 10px;
	background-color:rgb(33,33,33);
}
#domains-filter label:before{
	content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: radial-gradient(75% 75% at 25% 15%, #fff 0, rgba(255, 255, 255, 0.3) 100%);
    -webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0.5;
    pointer-events: none;
}
#domains-filter input[type="checkbox"]:checked + label {
    background-color: var(--purple);
}


#domain-results{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
	margin:40px auto;
}
.domain-item{
	text-decoration: none;
/* 	padding:40px; */
	padding:20px;
	margin:10px;
	background: radial-gradient(ellipse at right top, var(--purple) 0%, #151419 45%, #151419 100%);
	color:#bbbbbb;
	position: relative;
    border-radius: 10px;
    max-width: 320px;
    min-height: 325px;
	background-size:200% 200%;
	transition:all 0.5s;
	background-position:100% 0%;
}
.domain-item:hover{
	background-position: 50% 50%;
	box-shadow: 0px 0px 20px var(--black);
	transform:scale(1.05);
	transition:all 0.5s;
}
.domain-item:before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: radial-gradient(75% 75% at 25% 15%, #fff 0, rgba(255, 255, 255, 0.3) 100%);
    -webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0.5;
    pointer-events: none;
}
.domain-item:hover:before {
    background: radial-gradient(75% 75% at 0% 0%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
    opacity: 1;
	animation:borderspin infinite 1s;
}
@keyframes borderspin{
	2.5%{
	    background: radial-gradient(75% 75% at 10% 0%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	5%{
	    background: radial-gradient(75% 75% at 20% 0%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	7.5%{
	    background: radial-gradient(75% 75% at 30% 0%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	10%{
	    background: radial-gradient(75% 75% at 40% 0%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	12.5%{
	    background: radial-gradient(75% 75% at 50% 0%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	15%{
	    background: radial-gradient(75% 75% at 60% 0%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	17.5%{
	    background: radial-gradient(75% 75% at 70% 0%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	20%{
	    background: radial-gradient(75% 75% at 80% 0%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	22.5%{
	    background: radial-gradient(75% 75% at 90% 0%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	25%{
	    background: radial-gradient(75% 75% at 100% 0%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	27.5%{
	    background: radial-gradient(75% 75% at 100% 10%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	30%{
	    background: radial-gradient(75% 75% at 100% 20%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	32.5%{
	    background: radial-gradient(75% 75% at 100% 30%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	35%{
	    background: radial-gradient(75% 75% at 100% 40%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	37.5%{
	    background: radial-gradient(75% 75% at 100% 50%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	40%{
	    background: radial-gradient(75% 75% at 100% 60%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	42.5%{
	    background: radial-gradient(75% 75% at 100% 70%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	45%{
	    background: radial-gradient(75% 75% at 100% 80%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	47.5%{
	    background: radial-gradient(75% 75% at 100% 90%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	50%{
	    background: radial-gradient(75% 75% at 100% 100%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	52.5%{
	    background: radial-gradient(75% 75% at 90% 100%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	55%{
	    background: radial-gradient(75% 75% at 80% 100%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	57.5%{
	    background: radial-gradient(75% 75% at 70% 100%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	60%{
	    background: radial-gradient(75% 75% at 60% 100%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	62.5%{
	    background: radial-gradient(75% 75% at 50% 100%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	65%{
	    background: radial-gradient(75% 75% at 40% 100%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	67.5%{
	    background: radial-gradient(75% 75% at 30% 100%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	70%{
	    background: radial-gradient(75% 75% at 20% 100%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	72.5%{
	    background: radial-gradient(75% 75% at 10% 100%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	75%{
	    background: radial-gradient(75% 75% at 0% 100%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	77.5%{
	    background: radial-gradient(75% 75% at 0% 90%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	80%{
	    background: radial-gradient(75% 75% at 0% 80%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	82.5%{
	    background: radial-gradient(75% 75% at 0% 70%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	85%{
	    background: radial-gradient(75% 75% at 0% 60%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	87.5%{
	    background: radial-gradient(75% 75% at 0% 50%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	90%{
	    background: radial-gradient(75% 75% at 0% 40%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	92.5%{
	    background: radial-gradient(75% 75% at 0% 30%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	95%{
	    background: radial-gradient(75% 75% at 0% 20%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
	97.5%{
	    background: radial-gradient(75% 75% at 0% 10%, var(--gold) 0, rgba(255, 255, 255, 0.4) 100%);
	}
}
.domain-item .icon {
    position: relative;
    display: inline-flex;
    padding: 5px;
    border-radius: 10px;
    background:#151419;
}
.domain-item .icon:before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: radial-gradient(75% 75% at 25% 15%, #fff 0, rgba(255, 255, 255, 0.3) 100%);
    -webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0.5;
    pointer-events: none;
}
.icon-bg{
	width:35px;
	height:35px;
	background-repeat: no-repeat;
	background-position: center center;
}
.domain-item .name{
	color:#ffffff;
	margin:20px 0px;	
}
.domain-item button{
	background-color:var(--purple);
	padding:12px 20px;
	color:#fff;
	border:solid 1px transparent;
	border-radius: 10px;
	margin:30px 0 0;
}
.domain-item button:hover{
	cursor:pointer;
	background-color:var(--black);
	border:solid 1px var(--purple);
}


.i-globe{
	background-image: url('data:image/svg+xml,<svg aria-labelledby="icon-title" fill="none" height="30" role="img" viewBox="0 0 30 30" width="30" xmlns="http://www.w3.org/2000/svg"><title id="icon-title">An icon of a globe</title><defs><linearGradient gradientUnits="userSpaceOnUse" id="icon-gradient-fill" x1="4" x2="40" y1="4" y2="24"><stop stop-color="white" stop-opacity="0.2"></stop><stop offset="0" stop-color="white" stop-opacity="0.4"></stop><stop offset="0.5" stop-color="white"></stop><stop offset="0.75" stop-color="white" stop-opacity="0.4"></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient></defs><path d="M15 26.25C17.4937 26.2499 19.9168 25.4215 21.8888 23.895C23.8607 22.3685 25.2699 20.2304 25.895 17.8163M15 26.25C12.5063 26.2499 10.0832 25.4215 8.11121 23.895C6.13925 22.3685 4.73009 20.2304 4.105 17.8163M15 26.25C18.1062 26.25 20.625 21.2125 20.625 15C20.625 8.7875 18.1062 3.75 15 3.75M15 26.25C11.8937 26.25 9.375 21.2125 9.375 15C9.375 8.7875 11.8937 3.75 15 3.75M15 3.75C16.9953 3.74917 18.9549 4.2792 20.6777 5.28571C22.4006 6.29221 23.8246 7.73896 24.8037 9.4775M15 3.75C13.0047 3.74917 11.0451 4.2792 9.32226 5.28571C7.59942 6.29221 6.17538 7.73896 5.19625 9.4775M24.8037 9.4775C22.0821 11.8349 18.6007 13.1302 15 13.125C11.2525 13.125 7.825 11.75 5.19625 9.4775M24.8037 9.4775C25.7548 11.1625 26.2531 13.0651 26.25 15C26.25 15.9725 26.1262 16.9163 25.895 17.8163M25.895 17.8163C22.5615 19.6642 18.8115 20.631 15 20.625C11.0475 20.625 7.33375 19.6063 4.105 17.8163M4.105 17.8163C3.86843 16.8962 3.74915 15.95 3.75 15C3.75 12.9938 4.275 11.1088 5.19625 9.4775" stroke="url(%23icon-gradient-fill)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>');	
}
.i-globe-b{
	background-image: url('data:image/svg+xml,<svg aria-labelledby="icon-title" fill="none" height="30" role="img" viewBox="0 0 30 30" width="30" xmlns="http://www.w3.org/2000/svg"><title id="icon-title">An icon of a globe</title><defs><linearGradient gradientUnits="userSpaceOnUse" id="icon-gradient-fill" x1="4" x2="40" y1="4" y2="24"><stop stop-color="black" stop-opacity="0.2"></stop><stop offset="0" stop-color="black" stop-opacity="0.4"></stop><stop offset="0.5" stop-color="black"></stop><stop offset="0.75" stop-color="black" stop-opacity="0.4"></stop><stop offset="1" stop-color="black" stop-opacity="0"></stop></linearGradient></defs><path d="M15 26.25C17.4937 26.2499 19.9168 25.4215 21.8888 23.895C23.8607 22.3685 25.2699 20.2304 25.895 17.8163M15 26.25C12.5063 26.2499 10.0832 25.4215 8.11121 23.895C6.13925 22.3685 4.73009 20.2304 4.105 17.8163M15 26.25C18.1062 26.25 20.625 21.2125 20.625 15C20.625 8.7875 18.1062 3.75 15 3.75M15 26.25C11.8937 26.25 9.375 21.2125 9.375 15C9.375 8.7875 11.8937 3.75 15 3.75M15 3.75C16.9953 3.74917 18.9549 4.2792 20.6777 5.28571C22.4006 6.29221 23.8246 7.73896 24.8037 9.4775M15 3.75C13.0047 3.74917 11.0451 4.2792 9.32226 5.28571C7.59942 6.29221 6.17538 7.73896 5.19625 9.4775M24.8037 9.4775C22.0821 11.8349 18.6007 13.1302 15 13.125C11.2525 13.125 7.825 11.75 5.19625 9.4775M24.8037 9.4775C25.7548 11.1625 26.2531 13.0651 26.25 15C26.25 15.9725 26.1262 16.9163 25.895 17.8163M25.895 17.8163C22.5615 19.6642 18.8115 20.631 15 20.625C11.0475 20.625 7.33375 19.6063 4.105 17.8163M4.105 17.8163C3.86843 16.8962 3.74915 15.95 3.75 15C3.75 12.9938 4.275 11.1088 5.19625 9.4775" stroke="url(%23icon-gradient-fill)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg>');	
}

.i-email{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 27.2 23.6" style="enable-background:new 0 0 27.2 23.6;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:url(%23SVGID_1_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st1{fill:none;stroke:url(%23SVGID_2_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}</style><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-3.3445" y1="21.226" x2="43.3393" y2="-4.7094"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.75" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><path class="st0" d="M21.5,22.9H5.8c-2.8,0-5-2.2-5-5V5.8c0-2.8,2.2-5,5-5h15.7c2.8,0,5,2.2,5,5v12.1C26.5,20.6,24.2,22.9,21.5,22.9z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="6.5397" y1="12.7974" x2="26.2421" y2="1.8516"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.75" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><polyline class="st1" points="20,8.2 13.6,13.4 6.7,8.2 "/></g></svg>');
}
.i-arrow{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 27.2 23.6" style="enable-background:new 0 0 27.2 23.6;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:url(%23SVGID_1_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st1{fill:none;stroke:url(%23SVGID_2_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}</style><g><path class="st0" d="M21.5,22.9H5.8c-2.8,0-5-2.2-5-5V5.8c0-2.8,2.2-5,5-5h15.7c2.8,0,5,2.2,5,5v12.1C26.5,20.6,24.2,22.9,21.5,22.9z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="6.5397" y1="12.7974" x2="26.2421" y2="1.8516"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.75" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><polyline class="st1" points="20,8.2 13.6,13.4 6.7,8.2 "/></g></svg>');	
}
.i-arrow-b{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 27.2 23.6" style="enable-background:new 0 0 27.2 23.6;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:url(%23SVGID_1_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st1{fill:none;stroke:url(%23SVGID_2_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}</style><g><path class="st0" d="M21.5,22.9H5.8c-2.8,0-5-2.2-5-5V5.8c0-2.8,2.2-5,5-5h15.7c2.8,0,5,2.2,5,5v12.1C26.5,20.6,24.2,22.9,21.5,22.9z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="6.5397" y1="12.7974" x2="26.2421" y2="1.8516"><stop offset="0" style="stop-color:%23000000;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23000000"/><stop offset="0.75" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23000000;stop-opacity:0"/></linearGradient><polyline class="st1" points="20,8.2 13.6,13.4 6.7,8.2 "/></g></svg>');	
}
.i-question{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:url(%23SVGID_1_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st1{fill:none;stroke:url(%23SVGID_2_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st2{fill:url(%23SVGID_3_);}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-1.9811" y1="6.3665" x2="34.0187" y2="26.3663"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.75" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><path class="st0" d="M12,0.8C5.8,0.8,0.8,5.8,0.8,12c0,2.2,0.6,4.2,1.7,6l0,0L1,23l5.8-1l0,0c1.6,0.8,3.3,1.3,5.2,1.3c6.2,0,11.2-5,11.2-11.2S18.2,0.8,12,0.8z"/><g><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="7.9328" y1="10.428" x2="15.7606" y2="10.428"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.9163" style="stop-color:%23FFFFFF;stop-opacity:0.4"/></linearGradient><path class="st1" d="M11.9,14.6v-2c1.4,0,2.6-0.9,3-2.1C15.1,9.8,15,9,14.8,8.3c-0.4-0.9-1.1-2-2.9-2c-2.9,0-3.2,3.2-3.2,3.2"/><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="11.0563" y1="17.5782" x2="12.7855" y2="17.5782"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.9947" style="stop-color:%23FFFFFF;stop-opacity:0.4"/></linearGradient><circle class="st2" cx="11.9" cy="17.6" r="0.9"/></g></svg>');
}
.i-checkmark{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24.8 23.9" style="enable-background:new 0 0 24.8 23.9;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:url(%23SVGID_1_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st1{fill:none;stroke:url(%23SVGID_2_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}</style><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6.539" y1="7.2864" x2="21.6298" y2="15.6701"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.75" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><polyline class="st0" points="6.3,11.7 11.6,16.5 18.5,7.5 "/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-1.038" y1="4.4987" x2="36.0118" y2="25.0819"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.75" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><path class="st1" d="M13.8,1.2L13.8,1.2c1.4-0.9,3.2-0.3,3.8,1.2l0,0c0.4,1,1.3,1.6,2.3,1.7h0c1.6,0.1,2.8,1.7,2.4,3.2l0,0c-0.3,1,0.1,2,0.9,2.7l0,0c1.3,1,1.3,3,0,4l0,0c-0.8,0.6-1.1,1.7-0.9,2.7l0,0c0.4,1.6-0.7,3.2-2.4,3.2h0c-1,0.1-1.9,0.7-2.3,1.7l0,0c-0.6,1.5-2.4,2.1-3.8,1.2l0,0c-0.9-0.6-2-0.6-2.8,0l0,0c-1.4,0.9-3.2,0.3-3.8-1.2l0,0c-0.4-1-1.3-1.6-2.3-1.7h0c-1.6-0.1-2.8-1.7-2.4-3.2l0,0c0.3-1-0.1-2-0.9-2.7l0,0c-1.3-1-1.3-3,0-4l0,0c0.8-0.6,1.1-1.7,0.9-2.7l0,0C2.1,5.7,3.3,4.1,4.9,4.1h0c1-0.1,1.9-0.7,2.3-1.7l0,0C7.8,0.9,9.6,0.3,11,1.2l0,0C11.9,1.7,13,1.7,13.8,1.2z"/></g></svg>');
}
.i-checkmark-b{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24.8 23.9" style="enable-background:new 0 0 24.8 23.9;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:url(%23SVGID_1_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st1{fill:none;stroke:url(%23SVGID_2_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}</style><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6.539" y1="7.2864" x2="21.6298" y2="15.6701"><stop offset="0" style="stop-color:%23000000;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23000000"/><stop offset="0.75" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23000000;stop-opacity:0"/></linearGradient><polyline class="st0" points="6.3,11.7 11.6,16.5 18.5,7.5 "/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-1.038" y1="4.4987" x2="36.0118" y2="25.0819"><stop offset="0" style="stop-color:%23000000;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23000000"/><stop offset="0.75" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23000000;stop-opacity:0"/></linearGradient><path class="st1" d="M13.8,1.2L13.8,1.2c1.4-0.9,3.2-0.3,3.8,1.2l0,0c0.4,1,1.3,1.6,2.3,1.7h0c1.6,0.1,2.8,1.7,2.4,3.2l0,0c-0.3,1,0.1,2,0.9,2.7l0,0c1.3,1,1.3,3,0,4l0,0c-0.8,0.6-1.1,1.7-0.9,2.7l0,0c0.4,1.6-0.7,3.2-2.4,3.2h0c-1,0.1-1.9,0.7-2.3,1.7l0,0c-0.6,1.5-2.4,2.1-3.8,1.2l0,0c-0.9-0.6-2-0.6-2.8,0l0,0c-1.4,0.9-3.2,0.3-3.8-1.2l0,0c-0.4-1-1.3-1.6-2.3-1.7h0c-1.6-0.1-2.8-1.7-2.4-3.2l0,0c0.3-1-0.1-2-0.9-2.7l0,0c-1.3-1-1.3-3,0-4l0,0c0.8-0.6,1.1-1.7,0.9-2.7l0,0C2.1,5.7,3.3,4.1,4.9,4.1h0c1-0.1,1.9-0.7,2.3-1.7l0,0C7.8,0.9,9.6,0.3,11,1.2l0,0C11.9,1.7,13,1.7,13.8,1.2z"/></g></svg>');
}
.i-fire{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 23.6" style="enable-background:new 0 0 17 23.6;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:url(%23SVGID_1_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st1{fill:none;stroke:url(%23SVGID_2_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}</style><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="1.0184" y1="8.3437" x2="17.9115" y2="17.7287"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.75" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><path class="st0" d="M8.2,0.8c0,0-0.2,5.3-3.7,7.6s-3.8,6.4-3.8,6.4s-0.6,5.9,5.8,8.2c0,0-0.1-0.1-0.2-0.3c-1.9-2.6-1.7-6.3,0.5-8.7c1.7-1.8,3.6-4.3,3.6-6.2C10.4,4.5,8.2,0.8,8.2,0.8z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="8.4954" y1="14.0447" x2="21.1311" y2="21.0646"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.75" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><path class="st1" d="M13.2,9.7c0,0,7.7,7.8-1.4,13.2c0,0-3.7-2.4-3-5.3C9.4,14.7,12.6,14.3,13.2,9.7z"/></g></svg>');
}
.i-fire-b{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 17 23.6" style="enable-background:new 0 0 17 23.6;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:url(%23SVGID_1_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st1{fill:none;stroke:url(%23SVGID_2_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}</style><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="1.0184" y1="8.3437" x2="17.9115" y2="17.7287"><stop offset="0" style="stop-color:%23000000;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23000000"/><stop offset="0.75" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23000000;stop-opacity:0"/></linearGradient><path class="st0" d="M8.2,0.8c0,0-0.2,5.3-3.7,7.6s-3.8,6.4-3.8,6.4s-0.6,5.9,5.8,8.2c0,0-0.1-0.1-0.2-0.3c-1.9-2.6-1.7-6.3,0.5-8.7c1.7-1.8,3.6-4.3,3.6-6.2C10.4,4.5,8.2,0.8,8.2,0.8z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="8.4954" y1="14.0447" x2="21.1311" y2="21.0646"><stop offset="0" style="stop-color:%23000000;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23000000"/><stop offset="0.75" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23000000;stop-opacity:0"/></linearGradient><path class="st1" d="M13.2,9.7c0,0,7.7,7.8-1.4,13.2c0,0-3.7-2.4-3-5.3C9.4,14.7,12.6,14.3,13.2,9.7z"/></g></svg>');
}
.i-lock{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20.1 23.9" style="enable-background:new 0 0 20.1 23.9;" xml:space="preserve"><style type="text/css">.st0{fill:url(%23SVGID_1_);}.st1{fill:url(%23SVGID_2_);}</style><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-3.5625" y1="21.2785" x2="30.7493" y2="2.2164"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.75" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><path class="st0" d="M17.3,10h-0.7V5.9C16.6,3.2,13.8,0,10,0S3.5,3.2,3.5,5.9V10H2.8C1.2,10,0,11.2,0,12.7v8.4c0,1.5,1.2,2.8,2.8,2.8h14.6c1.5,0,2.8-1.2,2.8-2.8v-8.4C20.1,11.2,18.9,10,17.3,10z M5,5.9c0-2,2.3-4.4,5.1-4.4c2.7,0,5.1,2.4,5.1,4.4V10H5V5.9z M18.6,21.2c0,0.7-0.6,1.2-1.2,1.2H2.8c-0.7,0-1.2-0.6-1.2-1.2v-8.4c0-0.7,0.6-1.2,1.2-1.2h1.5h11.7h1.5c0.7,0,1.2,0.6,1.2,1.2V21.2z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="8.3784" y1="16.7043" x2="11.7166" y2="16.7043"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.9163" style="stop-color:%23FFFFFF;stop-opacity:0.4"/></linearGradient><path class="st1" d="M11.7,15.4c0-0.9-0.7-1.7-1.7-1.7c-0.9,0-1.7,0.7-1.7,1.7c0,0.7,0.4,1.2,0.9,1.5v2.1c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8v-2.1C11.3,16.6,11.7,16,11.7,15.4z"/></g></svg>');
}
.i-lock-b{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20.1 23.9" style="enable-background:new 0 0 20.1 23.9;" xml:space="preserve"><style type="text/css">.st0{fill:url(%23SVGID_1_);}.st1{fill:url(%23SVGID_2_);}</style><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-3.5625" y1="21.2785" x2="30.7493" y2="2.2164"><stop offset="0" style="stop-color:%23000000;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23000000"/><stop offset="0.75" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23000000;stop-opacity:0"/></linearGradient><path class="st0" d="M17.3,10h-0.7V5.9C16.6,3.2,13.8,0,10,0S3.5,3.2,3.5,5.9V10H2.8C1.2,10,0,11.2,0,12.7v8.4c0,1.5,1.2,2.8,2.8,2.8h14.6c1.5,0,2.8-1.2,2.8-2.8v-8.4C20.1,11.2,18.9,10,17.3,10z M5,5.9c0-2,2.3-4.4,5.1-4.4c2.7,0,5.1,2.4,5.1,4.4V10H5V5.9z M18.6,21.2c0,0.7-0.6,1.2-1.2,1.2H2.8c-0.7,0-1.2-0.6-1.2-1.2v-8.4c0-0.7,0.6-1.2,1.2-1.2h1.5h11.7h1.5c0.7,0,1.2,0.6,1.2,1.2V21.2z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="8.3784" y1="16.7043" x2="11.7166" y2="16.7043"><stop offset="0" style="stop-color:%23000000;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23000000"/><stop offset="0.9163" style="stop-color:%23000000;stop-opacity:0.4"/></linearGradient><path class="st1" d="M11.7,15.4c0-0.9-0.7-1.7-1.7-1.7c-0.9,0-1.7,0.7-1.7,1.7c0,0.7,0.4,1.2,0.9,1.5v2.1c0,0.4,0.3,0.8,0.8,0.8s0.8-0.3,0.8-0.8v-2.1C11.3,16.6,11.7,16,11.7,15.4z"/></g></svg>');
}
.i-shield{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 21.5 24" style="enable-background:new 0 0 21.5 24;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:url(%23SVGID_1_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st1{fill:none;stroke:url(%23SVGID_2_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}</style><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="12" x2="21.5" y2="12"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><path class="st0" d="M10.8,0.8l-10,2.5v10c2.5,7.5,10,10,10,10s7.5-2.5,10-10v-10L10.8,0.8z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="6.5205" y1="8.6748" x2="17.4257" y2="14.7332"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="0.75" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><polyline class="st1" points="6.7,11.8 10.2,15 14.8,9 "/></g></svg>');
}
.i-shield-b{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 21.5 24" style="enable-background:new 0 0 21.5 24;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:url(%23SVGID_1_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st1{fill:none;stroke:url(%23SVGID_2_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}</style><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="12" x2="21.5" y2="12"><stop offset="0" style="stop-color:%23000000;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23000000"/><stop offset="1" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23000000;stop-opacity:0"/></linearGradient><path class="st0" d="M10.8,0.8l-10,2.5v10c2.5,7.5,10,10,10,10s7.5-2.5,10-10v-10L10.8,0.8z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="6.5205" y1="8.6748" x2="17.4257" y2="14.7332"><stop offset="0" style="stop-color:%23000000;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23000000"/><stop offset="0.75" style="stop-color:%23000000;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23000000;stop-opacity:0"/></linearGradient><polyline class="st1" points="6.7,11.8 10.2,15 14.8,9 "/></g></svg>');
}
.i-overlap{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 27.5 18.8" style="enable-background:new 0 0 27.5 18.8;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:url(%23SVGID_1_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st1{fill:none;stroke:url(%23SVGID_2_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st2{fill:none;stroke:url(%23SVGID_3_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}</style><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="9.4167" x2="14.5" y2="9.4167"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><path class="st0" d="M9.4,9.4c0-3.2,1.7-6,4.3-7.5C12.5,1.2,11,0.8,9.4,0.8c-4.8,0-8.7,3.9-8.7,8.7s3.9,8.7,8.7,8.7c1.6,0,3.1-0.4,4.3-1.2C11.2,15.4,9.4,12.6,9.4,9.4z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="13" y1="9.4167" x2="27.5" y2="9.4167"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><path class="st1" d="M18.1,0.8c-1.6,0-3.1,0.4-4.3,1.2c2.6,1.5,4.3,4.3,4.3,7.5s-1.7,6-4.3,7.5c1.3,0.7,2.8,1.2,4.3,1.2c4.8,0,8.7-3.9,8.7-8.7S22.9,0.8,18.1,0.8z"/><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="8.6667" y1="9.4167" x2="18.8333" y2="9.4167"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><ellipse class="st2" cx="13.8" cy="9.4" rx="4.3" ry="7.5"/></g></svg>');
}
.i-overlap2{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 25 25" style="enable-background:new 0 0 25 25;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:url(%23SVGID_1_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st1{fill:none;stroke:url(%23SVGID_2_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}.st2{fill:none;stroke:url(%23SVGID_3_);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}</style><g><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-1.2692" y1="12.4808" x2="13.2308" y2="12.4808" gradientTransform="matrix(0.7071 0.7071 -0.7071 0.7071 12.4808 -5.1697)"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><path class="st0" d="M9.4,9.4c2.3-2.3,5.5-3,8.4-2.2c-0.4-1.4-1.1-2.8-2.2-3.9c-3.4-3.4-8.9-3.4-12.3,0s-3.4,8.9,0,12.3c1.1,1.1,2.5,1.9,3.9,2.2C6.4,14.9,7.1,11.7,9.4,9.4z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="11.7308" y1="12.4808" x2="26.2308" y2="12.4808" gradientTransform="matrix(0.7071 0.7071 -0.7071 0.7071 12.4808 -5.1697)"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><path class="st1" d="M21.7,9.4c-1.1-1.1-2.5-1.9-3.9-2.2c0.8,2.9,0,6.1-2.2,8.4s-5.5,3-8.4,2.2c0.4,1.4,1.1,2.8,2.2,3.9c3.4,3.4,8.9,3.4,12.3,0S25.1,12.8,21.7,9.4z"/><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="7.3975" y1="12.4808" x2="17.5641" y2="12.4808" gradientTransform="matrix(0.7071 0.7071 -0.7071 0.7071 12.4808 -5.1697)"><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.2"/><stop offset="0" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="0.5" style="stop-color:%23FFFFFF"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0.4"/><stop offset="1" style="stop-color:%23FFFFFF;stop-opacity:0"/></linearGradient><ellipse transform="matrix(0.7071 -0.7071 0.7071 0.7071 -5.1697 12.4808)" class="st2" cx="12.5" cy="12.5" rx="7.5" ry="4.3"/></g></svg>');
}
/*********************************************************************************
------------------- Landing Page Styles 	
*/


.domain-header-section{
	position:relative;
	background-color:var(--purple);
	color:var(--white);
	padding:80px 20px;
/* 	background:linear-gradient(to bottom, var(--purple) 0%, var(--purple) 50%, var(--white) 50%, var(--white) 100%); */
	background-color:var(--black);
	background: radial-gradient(ellipse at right top, rgb(0,0,0) 0%, var(--purple) 45%, rgb(0,0,0) 100%);
	background-size:200%;
	animation:bgdh infinite 40s;
}
@keyframes bgdh{
	50%{
		background-size:100%;
	}
}
/* Adjusting header (domain name) font size based on number of characters (how long it is.) */
.domain-header-section h1{
	font-size: 2rem;
	font-weight: 400;
}
.domain-header-section h1 span{
	font-size: 5rem;
	line-height: 6rem;
	font-weight: 700;
}
.domain-header-section h1 span.title_6,
.domain-header-section h1 span.title_7,
.domain-header-section h1 span.title_8{
	font-size: 7rem;
	line-height: 8rem;
}
.domain-header-section h1 span.title_9,
.domain-header-section h1 span.title_10,
.domain-header-section h1 span.title_11{
	font-size: 5.5rem;
	line-height: 6.5rem;
}
.domain-header-section h1 span.title_12,
.domain-header-section h1 span.title_13,
.domain-header-section h1 span.title_14{
	font-size: 4.5rem;
	line-height: 5.5rem;
}
.domain-header-section h1 span.title_15,
.domain-header-section h1 span.title_16{
	font-size: 4rem;
}
.domain-header-section h1 span.title_17,
.domain-header-section h1 span.title_18{
	font-size: 3.8rem;
}

.domain-header-section .mini-bio{
	color:#bbbbbb;
	padding:60px 0;
	max-width: 320px;
}




.buy-offer-wrap,.form-wrap{
	background-color:var(--white);
	text-decoration: none;
	padding:25px;
	color:var(--black);
    border-radius: 10px;
	text-align: center;
	width:100%;
	box-shadow: 0px 0px 4px rgb(122,122,122);
	
}
.buy-offer-tabs{
	display: flex;
    justify-content: center;
    margin:0 0 20px;
}
.buy-offer-tabs button{
	padding:10px 16px;
	width:50%;
	border:none;
	background-color:rgb(144,144,144);
	color:rgba(255,255,255,0.8);
	font-size: 1.2rem;
	cursor:pointer;
}
.buy-offer-tabs button.active{
	background-color:var(--purple);
	color:rgba(255,255,255,0.8);
	cursor:not-allowed;
}
.buy-section,
.offer-section {
	display: none;
}
.buy-section.active,
.offer-section.active {
	display: block;
}
.buy-section .godaddy-price {
	font-weight: 600;
	margin:20px 0;
	border-top: solid 1px #ddd;
    padding-top: 20px;
}
.buy-section .bottom-text,
.offer-section .bottom-text{
	font-size:13px;
	margin:20px 0 0;
	border-top: 1px solid #ddd;
    padding: 10px 0 0;
}
.buy-offer-wrap h3,.form-wrap h3 {
	text-align: center;
	font-weight: 700;
	display:flex;
	justify-content: center;
	align-items: center;
	margin: 40px 0 0;
}
.buy-offer-wrap p.highlight{
	color:var(--white);
	background:var(--black);
	padding:3px 0;
}
.buy-offer-wrap form p{
	line-height:0.5rem;
}
.buy-offer-wrap input[type="text"],.buy-offer-wrap input[type="email"], .buy-offer-wrap textarea{
	font-family:helvetica, sans-serif;
	font-size: 1rem;
	max-width: 100%;
	width:100%;
	color:var(--black);
	padding:0.8rem 1rem;
	margin-top: 8px;
	min-height: 3rem;
	max-height: 8rem;
	border:solid 1px;
	border-image: linear-gradient(to right, rgba(55,55,55,0.6), rgba(55,55,55,0.2)) 1;	
}
.buy-offer-wrap form input[type="submit"],.buy-offer-wrap a.buy-now-button {
	width:100%;
	min-height: 3rem;
    background: var(--purple);
	border:solid 2px var(--purple);
    padding:0 20px;
	color:var(--white);
	text-transform: uppercase;
	border-radius: 5px;
	font-size: 1.4rem;
	cursor:pointer;
    display: block;
    text-decoration: none;
    line-height: 2.8rem;
}
.buy-offer-wrap form input[type="submit"]:hover,.buy-offer-wrap a.buy-now-button:hover{
    background: var(--white);
	border:solid 2px var(--purple);
	color:var(--black);
}

.wpcf7 form .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 12px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: rgb(36,126,0);
    background: rgb(56,146,1);
    color: white;
    border-width: 2px;
    border-radius: 5px;
}
.wpcf7-not-valid-tip{
    background: var(--gold);
	color:var(--black);
	padding:10px;
	line-height: 1rem;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    background: var(--gold);
	color:var(--black);
	border:none;
	padding:10px;
}
.footnote{
	display: block;
	font-size: 0.65rem;
	margin:1rem 0;
}


.domain-about-section{
	background-color:var(--black);
	background: radial-gradient(ellipse at right top, rgb(0,0,0) 0%, rgb(45,45,45) 45%, rgb(0,0,0) 90%);
	color:var(--white);
	padding:80px 30px;
	position: relative;
}
.domain-about-section .grid{
	position: relative;
	z-index: 9;
}
.section-header{
	display: flex;
	align-items: baseline;
}
.domain-about-section h2, .domain-about-section p{
	margin-bottom: 1rem;
}
.domain-about-section .button{
	background-color:var(--gold);
	padding:12px 20px;
	color:var(--black);
	border:solid 1px transparent;
	border-radius: 10px;
	display: inline-block;
	text-decoration: none;
	transition:background-color 0.4s;
}
.domain-about-section .button:hover{
	cursor:pointer;
	color:var(--white);
	background-color:var(--black);
	border:solid 1px var(--gold);
}
.button .button-icon{
	margin-left:5px;
	transition:all 0.4s;
}
.button:hover .button-icon{
	margin-left:15px;	
}
.domain-recommend-section{
/* 	background-color:var(--gold); */
/* 	background: radial-gradient(ellipse at right top, var(--gold) 0%, rgb(25,25,25) 45%, var(--gold) 100%); */
	background-color:rgb(33,33,33);
	color:var(--white);
	border-top:solid 1px rgb(63,63,63);
	padding:80px 30px;
}
/*********************************************************************************
------------------- FAQ Page Styles 	
*/

.faq .top-border{
	border-bottom:solid 1px;
	border-image: linear-gradient(to right, rgba(88,88,88,0.6), rgba(88,88,88,0.2)) 1;	
}
.accordion{
	padding: 20px 10px;
	border-bottom:solid 1px;
	border-image: linear-gradient(to right, rgba(88,88,88,0.6), rgba(88,88,88,0.2)) 1;	
}
.accordion:hover, .accordion.active{
	background:rgb(33,33,33);
}
.accordion .q .icon-bg{
	transition:0.25s;
}
.accordion.active .q .icon-bg{
	transform: scaleY(-1);
	transition:0.25s;
}
.accordion .q{
	font-weight: 700;
	display: flex;
	align-items: center;
    justify-content: space-between;
}

.accordion .a{
	display:none;
	margin:10px 0;
}
.accordion.active .a{
	display:block;
}


/*********************************************************************************
------------------- Main Page Styles 	
*/
.main-section input[type="text"],.main-section input[type="email"],.main-section select, .main-section textarea{
	font-family:helvetica, sans-serif;
	font-size: 1rem;
	max-width: 100%;
	width:100%;
	color:var(--black);
	padding:0.8rem 1rem;
	margin-bottom: 8px;
	min-height: 3rem;
	max-height: 8rem;
	border:solid 1px;
	border-image: linear-gradient(to right, rgba(55,55,55,0.6), rgba(55,55,55,0.2)) 1;	
}
.main-section form input[type="submit"] {
	width:100%;
	min-height: 3rem;
    background: var(--purple);
	border:solid 2px var(--purple);
    padding:0 20px;
	color:var(--white);
	text-transform: uppercase;
	border-radius: 5px;
	font-size: 1.4rem;
}
.main-section form input[type="submit"]:hover{
    background: var(--white);
	border:solid 2px var(--purple);
	color:var(--black);
}

.main-section .wpcf7 form .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 12px;
}


/*********************************************************************************
------------------- Footer Styles 	
*/

.footer-top-section{
	background-color:var(--purple);
	color:var(--white);
	padding:80px;
	border-top:solid 1px rgb(123, 78, 202);
	border-bottom:solid 1px rgb(123, 78, 202);
}
.footer-top-section h3{
	margin-bottom: 1rem;
}
.footer-top-section form input[type="text"],
.footer-top-section form input[type="email"] {
	color:var(--white);
	padding:0 1rem;
	min-height: 3rem;
    background: rgb(93, 48, 172);
    border-top: solid 1px rgb(73, 28, 152);
    border-left: solid 1px rgb(73, 28, 152);
    border-bottom: solid 1px rgb(123, 78, 202);
    border-right: solid 1px rgb(123, 78, 202);
    min-width: 50%;
}
.footer-top-section form input[type="text"]::placeholder,
.footer-top-section form input[type="email"]::placeholder{
	color:var(--white);
}
.footer-top-section :focus {
    outline: 0;
}
.footer-top-section a.button {
	display: inline-flex;
    align-items: center;
	text-decoration: none;
}
.footer-top-section form button, .footer-top-section a.button {
	min-height: 3rem;
    background: rgb(93, 48, 172);
    border-bottom: solid 1px rgb(73, 28, 152);
    border-right: solid 1px rgb(73, 28, 152);
    border-top: solid 1px rgb(123, 78, 202);
    border-left: solid 1px rgb(123, 78, 202);
    padding:0 20px;
	color:var(--white);
}
.footer-top-section form button:hover, .footer-top-section a.button:hover{
	cursor:pointer;
    background: rgb(93, 48, 172);
    border-top: solid 1px rgb(73, 28, 152);
    border-left: solid 1px rgb(73, 28, 152);
    border-bottom: solid 1px rgb(123, 78, 202);
    border-right: solid 1px rgb(123, 78, 202);
}
footer#footer{
	background-color:var(--black);
	background: radial-gradient(ellipse at right top, rgb(0,0,0) 0%, rgb(25,25,25) 45%, rgb(0,0,0) 100%);
	color:var(--white);
	padding:80px 80px 0px;
}
.footer-box{
	color:var(--white);
	text-decoration: none;
	display:flex;
	flex-direction: column;
    align-items: center;
	padding:30px;
	height:100%;
	border:solid 1px;
	border-image: linear-gradient(to right, rgba(255,255,255,0.6), rgba(255,255,255,0.2)) 1;
}
.footer-box:hover{
	color:var(--white);
	background:var(--purple);
}
.footer-box h3{
	margin:1rem 0;
	text-align: center;
}
#copyright{
	padding:20px;
	margin-top:80px;
	text-align: center;
	border-top:solid 1px;
	border-image: linear-gradient(to right, rgba(255,255,255,0.6), rgba(255,255,255,0.2)) 1;

}

/*********************************************************************************
------------------- Responsive Styles 	
*/

@media only screen and (max-width: 1024px) {
	.domain-header-section h1{
		font-size: 1.5rem;
	}

	.domain-header-section h1 span.title_6,
	.domain-header-section h1 span.title_7,
	.domain-header-section h1 span.title_8,
	.domain-header-section h1 span.title_9,
	.domain-header-section h1 span.title_10,
	.domain-header-section h1 span.title_11,
	.domain-header-section h1 span.title_12,
	.domain-header-section h1 span.title_13,
	.domain-header-section h1 span.title_14,
	.domain-header-section h1 span.title_15,
	.domain-header-section h1 span.title_16{
		font-size: 3rem;
	}
	.domain-header-section h1 span.title_17,
	.domain-header-section h1 span.title_18{
		font-size: 2.8rem;
	}
	.domain-header-section h1 span{
		line-height: 4rem;
	}
}
@media only screen and (max-width: 400px) {
	h1 {
    	font-size: 3rem;
    }
	h2 {
		font-size:2rem;
	}
	.nav li a {
	    padding: 10px;
    }
	.footer-top-section,footer#footer {
	    padding: 60px 20px;	
	}
}