@charset "utf-8";
/* CSS Document */

.Colby-CpRegIt {
	font-family: Colby-CpRegIt;
	font-weight: normal;
	font-style: normal;
}
.Colby-CpReg {
	font-family: Colby-CpReg;
	font-weight: normal;
	font-style: normal;
}
.Colby-CpMed {
	font-family: Colby-CpMed;
	font-weight: normal;
	font-style: normal;
}
.Colby-CpMedIt {
	font-family: Colby-CpMedIt;
	font-weight: normal;
	font-style: normal;
}
.Colby-CpLt {
	font-family: Colby-CpLt;
	font-weight: normal;
	font-style: normal;
}
.Colby-CpExtLtIt {
	font-family: Colby-CpExtLtIt;
	font-weight: normal;
	font-style: normal;
}
.Colby-CpLtIt {
	font-family: Colby-CpLtIt;
	font-weight: normal;
	font-style: normal;
}
.Colby-CpExtLt {
	font-family: Colby-CpExtLt;
	font-weight: normal;
	font-style: normal;
}
.Colby-CpBlk {
	font-family: Colby-CpBlk;
	font-weight: normal;
	font-style: normal;
}
.Colby-CpBlkIt {
	font-family: Colby-CpBlkIt;
	font-weight: normal;
	font-style: normal;
}
.Colby-CpBld {
	font-family: Colby-CpBld;
	font-weight: normal;
	font-style: normal;
}
.Colby-CpBldIt {
	font-family: Colby-CpBldIt;
	font-weight: normal;
	font-style: normal;
}

html, body { background: #f8fafa; }

h1, h2, h3, h4, h5 {
	font-family: Colby-CpReg;
	font-weight: normal;
	font-style: normal;
	letter-spacing: .02em;
	line-height: 120%;
}

h1 { font-size: 55px; }
h2 { font-size: 39px; }
h3 { font-size: 33px; }
h4 { font-size: 28px; }
h5 { font-size: 24px; }

h6 { font-family: Miso-Lt; font-size: 30px; line-height: 120%; }

html,
body,
a {	font-family: OpenSans; }

p, .p {	font-family: OpenSans; font-size: 16px; line-height: 150%; color: #7b7f8b!important; }

.subtitle { color: #7b7f8b; line-height: 120%; }

html body .text-primary { color: #F36E22!important; }


input::placeholder { color: #ADADB0!important; opacity: 1; font-family: OpenSans-light!important; }
input::-webkit-input-placeholder { color: #ADADB0!important; opacity: 1; font-family: OpenSans-light!important; }
input::-moz-placeholder { color: #ADADB0!important; opacity: 1; font-family: OpenSans-light!important; }
input:-ms-input-placeholder { color: #ADADB0!important; opacity: 1; font-family: OpenSans-light!important; }
input:-moz-placeholder { color: #ADADB0!important; opacity: 1; font-family: OpenSans-light!important; }


/* CENTER HEADER */

.h3-navbar {
	border-top: none;
	position: relative;
	background: url("/assets/img/header-lined.png"); }

.topbar .list-icons { position: absolute; right: 0; top: 0; }
.topbar .list-icons li { line-height: 23px; margin: 13px 5px 0 0; }

.h3-navbar .navbar-brand {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100px;
	text-align: center;
	padding: 30px 15px;
	top: 0px; }
.h3-navbar .navbar-brand img { width: 70px; margin-left: 7px; margin-top: 5%; }
.h3-navbar .navbar {
	padding: 0px;
	margin-top: -1px; }
.h3-navbar .navbar .navbar-nav .nav-item {
	margin: 0 10px; }
.h3-navbar .navbar .navbar-nav .nav-link {
	padding: 55px 26px 50px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
	color: #8d97ad;
	border-bottom: 5px solid transparent; }
.h3-navbar .navbar .navbar-nav .nav-item.active .nav-link, .h3-navbar .navbar .navbar-nav .nav-item:hover .nav-link {
	border-bottom: 5px solid #F36E22;
	color: #636366; }

.dropdown-item { font-size: 14px; }

.fixed-header .h3-navbar .navbar .navbar-nav .nav-link {
	padding: 25px 26px 20px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 13px;
	color: #8d97ad;
	border-bottom: 5px solid transparent; }

.fixed-header .h3-navbar .navbar-brand {
	width: 80px;
	text-align: center;
	padding: 10px 15px;
	top: 0px; }

.fixed-header .h3-navbar .navbar-brand img { width: 55px; margin-left: 7px; margin-top: 0; }

.dotcoShop {width:848px; }
@media (max-width: 1201px) {
	.h3-navbar .navbar-brand {
		position: relative;
		top: 0px;
		margin-right: auto;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: auto;
		background: transparent;
		padding: 10px 0;
		margin-left: 0px; }
	.h3-navbar .navbar-brand img { margin-left: 0px; margin-top: 5%; }
	.h3-navbar .navbar-brand .spare-text {
		display: none; }
	.h3-navbar .navbar .navbar-nav .nav-link {
		border-top: 0px;
		font-size: 13px;
		padding: 55px 20px 50px;}
	.h3-navbar .ml-auto { margin-left: 0!important; }

	.fixed-header .h3-navbar .navbar .navbar-nav .nav-link { padding: 25px 20px 20px; }
}

.h3-navbar .navbar-collapse.show .navbar-nav .nav-link { padding: 15px 0!important; }


/* LEFT HEADER */

.header11 .logo { width: 75px; }

.header11 {
	background: url("/assets/img/header-lined.png");
}

.h11-nav {
	padding: 0;
}
.h11-nav .navbar-brand {
	padding: 10px 0; }
.h11-nav .h11-topbar ul {
	margin-bottom: 0px;
	padding: 15px 0; }
.h11-nav .h11-topbar ul li {
	display: inline-block;
	vertical-align: middle; }
.h11-nav .h11-topbar ul li a {
	padding: 0px 7px;
	color: #8d97ad;
	display: block; }
.h11-nav .h11-topbar ul li:hover a {
	color: #263238; }
/*.h11-nav .h11-topbar ul li:last-child a {
	font-size: 21px;
	font-weight: 600;
	color: #263238;
	padding-left: 15px;
	margin-left: 7px;
	border-left: 1px solid rgba(120, 130, 140, 0.13); }*/
.h11-nav .navbar-nav .nav-item {
	margin: 0 20px; }
.h11-nav .navbar-nav .nav-item .nav-link {
	padding: 12px 0px;
	color: #8d97ad;
	border-bottom: 1px solid transparent;
	font-weight: 500;
	text-transform: uppercase; }
.h11-nav .navbar-nav .nav-item:hover .nav-link, .h11-nav .navbar-nav .nav-item.active .nav-link {
	color: #636366;
	border-bottom: 1px solid #F36E22; }
.h11-nav .navbar-nav .nav-item:last-child {
	margin-right: 0px; }

.fixed-header .h11-nav .h11-topbar { display: none; }

.navbar-nav.ml-auto { font-size: 15px; }

.h11-topbar .list-inline a { font-size: 13px; }

.h11-topbar .list-inline a i { font-size: 20px; }

.h11-topbar .list-inline .dropdown-menu li a { font-size: 15px!important; }

@media (max-width: 1023px) {
	.h11-nav .navbar-nav .nav-item {
		margin: 0;
  }
}

.btn-outline-success, a.btn-outline-success { background-color: #FFFFFF; }

.banner-innerpage {
	padding: 90px 0 20px;
}

.card.card-shadow {
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
}

.topbar, .topbar.fixed-header {
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.2)!important;
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.2)!important;
}


.footer4 .list-unstyled li { margin: 0 0 10px; line-height: 110%; }
.footer4 .list-unstyled li a { color: #8d97ad; text-transform: uppercase; font-size: 14px; }
.footer4 .list-unstyled li a:hover { color: #636366;	}

/* Freebie Carousel */

.lh-200 ul li { line-height: 200%; }

p strong { font-weight: bold!important; letter-spacing: 0.5px; }

/* colors */

a.text-white:hover { color: #fff!important; }

.footer4 .round-social.light a:hover {
	background: #f36e22;
	-webkit-transform: translate3d(0px, -2px, 0px);
	transform: translate3d(0px, -2px, 0px);
}

.footer4 .f4-bottom-bar a:hover {
	color: #f36e22;
}

a.text-primary:focus, a.text-primary:hover {
	color: #3e4555!important;
}


p a, .p a { color: #f36e22; }

p a:focus, p a:hover, .p a:focus, .p a:hover { color: #3e4555!important; }


.lh-200 li a { color: #8d97ad; font-weight: bold; letter-spacing: 0.5px; }

.lh-200 li a:focus, .lh-200 li a:hover { color: #f36e22!important; }

.text-alert, .text-danger { color: #ff4d4d!important; }
.text-co, .text-primary { color: #f36e22!important; }
.text-highlight, .text-warning { color: #ffbe4d!important; }
.text-go, .text-success { color: #56d38b!important; }
.text-inform, .text-info { color: #15BEF0!important; }
.text-promo { color: #3c91e6!important; }
.text-coolgrey, .text-secondary { color: #A8ACB1!important; }

.bg-light-grey { background-color: #8d97ad; }
.bg-alert { background-color: #ff4d4d; }
.bg-co, .bg-primary { background-color: #f36e22; }
.bg-highlight { background-color: #ffbe4d; }
.bg-go { background-color: #56d38b; }
.bg-inform { background-color: #15BEF0; }
.bg-promo { background-color: #3c91e6; }
.bg-coolgrey { background-color: #A8ACB1; }
.bg-darkgrey { background-color: #3e4555; }

.darkgrey { color: #3e4555; }

.border-alert, .border-danger { border-color: #ff4d4d!important; }
.border-co, .border-primary { border-color: #f36e22!important; }
.border-warning { border-color: #ffbe4d!important; }
.border-go, .border-success { border-color: #56d38b!important; }
.border-inform, .border-info { border-color: #15BEF0!important; }
.border-promo { border-color: #3c91e6!important; }
.border-coolgrey { border-color: #A8ACB1!important; }
.border-darkgrey { border-color: #3e4555!important; }

.bg-alert-gradiant {
	background: linear-gradient(to right, rgb(255, 77, 77) 0%, rgb(243, 110, 34) 100%);
}

.bg-highlight-gradiant {
	background: linear-gradient(to right, #f36e22 0%, #ffbe4d 100%);
}

.bg-go-gradiant {
	background: linear-gradient(to right, #56d38b 0%, #1dc8cc 100%);
}

.bg-newgo-gradiant {
	background: linear-gradient(to right, #56d38b 0%, #15BEF0 100%);
}

.bg-inform-gradiant {
	background: linear-gradient(to right, #1dc8cc 0%, #3c91e6 100%);
}

.bg-promo-gradiant {
	background: linear-gradient(to right, #15BEF0 0%, #3c91e6 100%);
}



.btn-circle { border: 1px #fff solid!important; }

.btn-outline-go, a.btn-outline-go {
	color: #56d38b;
	background-color: white;
	border-color: #56d38b;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-outline-go:hover, a.btn-outline-go:hover,
.btn-outline-go:focus, a.btn-outline-go:focus {
	color: white;
	background-color: #56d38b;
}

/* OLD "GO" Gradient

.btn-go-gradiant {
	background: #56d38b;
	background: -webkit-linear-gradient(legacy-direction(to right), #56d38b 0%, #1dc8cc 100%);
	background: -webkit-gradient(linear, left top, right top, from(#56d38b), to(#1dc8cc));
	background: -webkit-linear-gradient(left, #56d38b 0%, #1dc8cc 100%);
	background: -o-linear-gradient(left, #56d38b 0%, #1dc8cc 100%);
	background: linear-gradient(to right, #56d38b 0%, #1dc8cc 100%);
	border: 0px transparent solid;
	-webkit-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
}

.btn-go-gradiant:hover, .btn-go-gradiant:focus, .btn-go-gradiant:active {
	background: #1dc8cc;
	background: -webkit-linear-gradient(legacy-direction(to right), #1dc8cc 0%, #56d38b 100%);
	background: -webkit-gradient(linear, left top, right top, from(#1dc8cc), to(#56d38b));
	background: -webkit-linear-gradient(left, #1dc8cc 0%, #56d38b 100%);
	background: -o-linear-gradient(left, #1dc8cc 0%, #56d38b 100%);
	background: linear-gradient(to right, #1dc8cc 0%, #56d38b 100%);
}

*/

.btn-newgo-gradiant, .btn-go-gradiant {
	background: linear-gradient(to right, #56d38b 0%, #15BEF0 100%);
	background: #56d38b;
	background: -webkit-linear-gradient(legacy-direction(to right), #56d38b 0%, #15BEF0 100%);
	background: -webkit-gradient(linear, left top, right top, from(#56d38b), to(#15BEF0));
	background: -webkit-linear-gradient(left, #56d38b 0%, #15BEF0 100%);
	background: -o-linear-gradient(left, #56d38b 0%, #15BEF0 100%);
	background: linear-gradient(to right, #56d38b 0%, #15BEF0 100%);
	border: 0px transparent solid;
	-webkit-transition: 0.5s ease-in;
	-o-transition: 0.5s ease-in;
	transition: 0.5s ease-in;
}

.btn-newgo-gradiant:hover, .btn-newgo-gradiant:focus, .btn-newgo-gradiant:active,
.btn-go-gradiant:hover, .btn-go-gradiant:focus, .btn-go-gradiant:active {
	background: #56d38b;
	background: -webkit-linear-gradient(legacy-direction(to right), #56d38b 0%, #56d38b 100%);
	background: -webkit-gradient(linear, left top, right top, from(#56d38b), to(#56d38b));
	background: -webkit-linear-gradient(left, #56d38b 0%, #56d38b 100%);
	background: -o-linear-gradient(left, #56d38b 0%, #56d38b 100%);
	background: linear-gradient(to right, #56d38b 0%, #56d38b 100%);
}

/*.btn-newgo-gradiant:hover, .btn-newgo-gradiant:focus, .btn-newgo-gradiant:active {
	background: #15BEF0;
	background: -webkit-linear-gradient(legacy-direction(to right), #15BEF0 0%, #56d38b 100%);
	background: -webkit-gradient(linear, left top, right top, from(#15BEF0), to(#56d38b));
	background: -webkit-linear-gradient(left, #15BEF0 0%, #56d38b 100%);
	background: -o-linear-gradient(left, #15BEF0 0%, #56d38b 100%);
	background: linear-gradient(to right, #15BEF0 0%, #56d38b 100%);
}*/

.btn-highlight-gradiant {
	background: #f36e22;
	background: -webkit-linear-gradient(legacy-direction(to top), #f36e22 0%, #ffbe4d 100%);
	background: -webkit-gradient(linear, left bottom, right top, from(#f36e22), to(#ffbe4d));
	background: -webkit-linear-gradient(bottom, #f36e22 0%, #ffbe4d 100%);
	background: -o-linear-gradient(bottom, #f36e22 0%, #ffbe4d 100%);
	background: linear-gradient(to top, #f36e22 0%, #ffbe4d 100%);
	border: 0px transparent solid;
}

.btn-highlight-gradiant:hover, .btn-highlight-gradiant:focus, .btn-highlight-gradiant:active {
	background: #f36e22;
}

.btn-orange,
.btn-orange.disabled,
.btn-co,
.btn-co.disabled,
.btn-primary,
.btn-primary.disabled,
.btn.bg-co {
	background: #F36E22;
	border: 1px solid #F36E22;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.btn-orange:hover,
.btn-orange.disabled:hover,
.btn-co:hover,
.btn-co.disabled:hover,
.btn-primary:hover,
.btn-primary.disabled:hover,
.btn.bg-co:hover {
	background: #DA570B;
	border: 1px solid #DA570B;
}

.carousel-thumbnails .carousel-indicators img {
	max-width: 100px;
	height: 50px;
	overflow: hidden;
	display: block;
}

.carousel-thumbnails .carousel-indicators li {
	height: auto;
	max-width: 100px;
	width: 100px;
	border: none;
	box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
}

.carousel-thumbnails .carousel-indicators li.active {
	border-bottom: 4px solid #fff;
}

.bg-mobile {
	background: url("/assets/img/ui/mobileBG.png") no-repeat;
	background-size: contain;
	padding: 60px 140px 85px 92px!important;
}

.bg-mobile .carousel { transform: rotate(-1deg); border: 2px #aaa solid; }

.bg-mobile .carousel-item .card { min-height: 265px; }

.britco { background: url("/assets/img/whosusing/_thumb-britco.jpg") no-repeat; }

.angel { background: url("/assets/img/whosusing/_thumb-angelco.jpg") no-repeat; }

.taco { background: url("/assets/img/whosusing/_thumb-taco.jpg") no-repeat; }

.popco { background: url("/assets/img/whosusing/_thumb-popco.jpg") no-repeat; }

.britco, .angel, .taco, .popco {
	background-size: contain;
}
.carousel-control-prev{ margin-left:-45px;}
.carousel-control-next{ margin-right:-45px;}

#registrars a img { filter: grayscale(100%); opacity: 0.6;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }

#registrars a:hover img { filter: grayscale(0%); opacity: 1;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }

#home-head {
	background: url("/assets/img/ui/ind-arrow-bg.png") no-repeat;
	background-position: top center;
	background-size: auto;
}

#freeb-head {
	background: url("/assets/img/ui/freeb-head.png") no-repeat;
	background-position: top center;
	background-size: auto;
}

.img-shadow {
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1)!important;
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1)!important;
}

#userdrop {
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1)!important;
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1)!important;
	border: none;
	padding: 3px 10px!important;
	right: auto;
	left: 35px;
	top: -10px;
	width: auto;
}

#userdrop li { margin: 0px; padding: 0; line-height: 20px; }

#userdrop li a { margin: 5px 0px; padding-top: 2px; font-size: 13px!important; }

#userdrop li a:hover { color: #f36e22; }

.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(168,172,177,.13);
}

#WHOIS { margin-top: 25px; border: 1px solid rgba(168,172,177,.15); width: 100%; }

#WHOIS tr td {
	padding: 10px 13px;
	font-size: 15px;
}

.footer4 .social ul li a { font-size: 26px; margin-right: 15px; }

.footer4 .social ul.list-inline li a:hover { color: #f36e22; }

#freebie-c {
	background: url("/assets/img/ui/freebieBG.png") no-repeat;
	background-position: top left;
	background-size: contain;
}

#homenews {
	background: url("/assets/img/ui/newsBG.png") no-repeat;
	background-position: 95% 0%;
	background-size: 15%;
}

@media (max-width: 501px) {
  #homenews {
  	background: none;
  }
}

@media (min-width: 768px) {
	/* show 3 items */
	#carouselMulti .carousel-inner .active,
	#carouselMulti .carousel-inner .active + .carousel-item,
	#carouselMulti .carousel-inner .active + .carousel-item + .carousel-item {
		display: block;
	}

	#carouselMulti .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
	#carouselMulti .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
	#carouselMulti .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
	#carouselMulti .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
		transition: none;
	}

	#carouselMulti .carousel-inner .carousel-item-next,
	#carouselMulti .carousel-inner .carousel-item-prev {
		position: relative;
		transform: translate3d(0, 0, 0);
	}

	#carouselMulti .carousel-inner .active.carousel-item + .carousel-item + .carousel-item+ .carousel-item+ .carousel-item+ .carousel-item+ .carousel-item{
		position: absolute;
		top: 0;
		right: -25%;
		z-index: -1;
		display: block;
		visibility: visible;
	}

	/* left or forward direction */
	#carouselMulti .active.carousel-item-left + .carousel-item-next.carousel-item-left,
	#carouselMulti .carousel-item-next.carousel-item-left + .carousel-item,
	#carouselMulti .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
	#carouselMulti .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}

	/* farthest right hidden item must be abso position for animations */
	#carouselMulti .carousel-inner .carousel-item-prev.carousel-item-right {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		/*display: block;*/
		visibility: visible;
	}

	/* right or prev direction */
	#carouselMulti .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
	#carouselMulti .carousel-item-prev.carousel-item-right + .carousel-item,
	#carouselMulti .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
	#carouselMulti .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
		display:none;
	}
}


@media (max-width: 768px) and (orientation:portrait){
	#carouselMulti .carousel-inner .active + .carousel-item + .carousel-item {
		display: none;
	}

	#carouselMulti .carousel-item-prev.carousel-item-right + .carousel-item {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}
}


#perkcards .card-header h4 { white-space: nowrap; text-overflow: ellipsis; display: block; overflow: hidden; }

@media (max-width: 1023px) {
	.topbar {
		position: fixed;
	}
	.h11-nav .navbar-nav .nav-item {
		margin: 0 20px;
	}
}

@media (max-width: 991px) {
	.topbar {
		position: relative;
  	margin-bottom: -50px;
	}
}

#freeb-filters input:placeholder-shown { font-size: 16px!important; }
#freeb-filters input::placeholder { font-size: 16px!important; }
#freeb-filters input::-webkit-input-placeholder { font-size: 16px!important; }
#freeb-filters input::-moz-placeholder { font-size: 16px!important; }
#freeb-filters input:-ms-input-placeholder { font-size: 16px!important; }
#freeb-filters input:-moz-placeholder { font-size: 16px!important; }

#whos-map {
	background: url(/assets/img/ui/MapWcolorD-NoText.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
}

#whos-carousel .carousel-control-next, #whos-carousel .carousel-control-prev {
	width: 5%;
}

#whoscards a img { filter: grayscale(100%); opacity: 0.8;
	-webkit-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in; }

#whoscards .card:hover img {
	filter: grayscale(0%); opacity: 1;
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in; }

#whoscards .card:hover {
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3);
		box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3);
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in;
}


#whosusing-head {
	background: url("/assets/img/ui/whosusing-conames-head.png") no-repeat;
	background-position: 50% 36px;
	background-size: 1200px;
}
#faq-head {
		background: url(/assets/img/ui/why-head-bg.png) no-repeat;
		/* background-position: 50% 0px; */
	background-size: 1600px;
}
@media (max-width: 1200px) {
	#whosusing-head {
  	padding-top: 100px;
  }
}

@media (max-width: 991px) {
	#whosusing-doms {
  	padding-top: 85px;
  }
}

/* Switch Toggle */
.coswitch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.coswitch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.coslider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.coslider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .coslider {
	background-color: #f36e22;
}

input:focus + .coslider {
	box-shadow: 0 0 1px #ffffff;
}

input:checked + .coslider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.coslider.coround {
	border-radius: 34px;
}

.coslider.coround:before {
	border-radius: 50%;
}

#whyTab .nav-link { color: #f36e22; padding-top: 13px; padding-bottom: 13px; border-left: 0px !important; }
#whyTab .nav-link:hover { color: #f36e22; background: #eee; border-left: 0px !important; }
#whyTab .nav-link.active { color: #fff; background: #f36e22; }

#whyTab .nav-item .nav-link { border-radius: 5px 0 0 5px; }

#why-features {
	background: url("/assets/img/ui/why-allbg.png") no-repeat;
	background-size: 100%;
	background-position: 50% 180px;
}

@media (max-width: 1199px) {
	#why-features {
  	background: url("/assets/img/ui/why-allbg.png") no-repeat;
  	background-size: 1199px;
  	background-position: 50% 210px;
		max-width: 1199px!important;
		margin: 0!important;
		padding: 50px 6%!important;
	}
}

@media (max-width: 991px) {
	#why-features {
  	background: none;
  	max-width: auto!important;
  	margin: 0!important;
  	padding: 0!important;
	}
}

#why-videos {
	background: url("/assets/img/ui/why-vid-bg.png") no-repeat;
	background-position: 50% 16px;
	background-size: 1700px;
}

#whyvid {
	background: url("/assets/img/ui/whyvid-bg.png") no-repeat;
	background-position: 50% 0;
	background-size: 115%;
	width: 100%;
}

/*
#why-co {
	background: url("../../media/img/ui/why-head-bg.png") no-repeat;
	background-position: 50% 0px;
	background-size: 1700px;
}
*/

#quote {
	background: url("/assets/img/ui/quote.png") no-repeat;
	background-position: 36px 0px;
	background-size: 150px;
}

@media (max-width: 768px) {
	#quote {
  	background-position: 16px 0px;
	}
	.dotcoShop { width:100%; }
}

#quote-l-col {
	background: url("/assets/img/ui/quote.png") no-repeat;
	background-position: 0px 0px;
	background-size: 150px;
	padding-left: 40px;
	padding-top: 25px;
	margin-left: -40px;
}

#find-head {
	background: url("/assets/img/ui/find-head.png") no-repeat;
	/* background-position: 50% 0px; */
	background-size: 1600px;
}


#female {
	background: url("/assets/img/ui/fem-head.png") no-repeat;
	background-position: 50% 30px;
	background-size: 1600px;
}

#goal-digger {
	background: url("/assets/img/ui/goaldigger.png") no-repeat;
	background-position: 73% 25px;
	background-size: 375px;
}

@media (min-width: 1786px) {
	#goal-digger {
  	background-position: 60% 25px;
	}
}

@media (max-width: 1199px) {
	#goal-digger {
  	background-position: 90% 25px;
	}
}

@media (max-width: 768px) {
	#goal-digger {
  	background: none;
	}
}
#fem-carousel .carousel-control-prev { margin-left: -100px; }
#fem-carousel .carousel-control-next { margin-right: -100px; }

#quote-c {
	background: url("/assets/img/ui/fem-quote-c.png") no-repeat;
	background-position: 0px 0px;
	background-size: 150px;
}

#coTab .nav-link { color: #f36e22; padding-top: 13px; padding-bottom: 13px; margin-bottom: 5px; }
#coTab .nav-link:hover { color: #f36e22; background: #eee; }
#coTab .nav-link.active { color: #444; background: #eee; border-left: 10px #f36e22 solid; }
#coTab .nav-item .nav-link { border-radius: 3px; }

#coTab .nav-item ul li a { color: #f36e22; font-size: 16px; }
#coTab .nav-item ul li a:hover { color: #444; }
#coTab .nav-item ul li.active a { color: #444; }
#coTab .nav-item ul { list-style-type: none; padding: 10px 10px 10px 28px; border-bottom: 1px #DDD solid; margin-bottom: 5px; background: #fff; }
#coTab .nav-item ul li { padding-top: 8px; padding-bottom: 8px; }

#co-story {
	background: url("../../assets/img/ui/costory-bg.png") no-repeat;
	/* background-position: 50% 0px; */
	background-size: 1700px;
}
#whyco {
	padding-top: 60px;
	background: url("../../assets/img/ui/why-vid-bg.png") no-repeat;
	/* background-position: 70% 0; */
	background-size: 1500px;
}

/*********************************************************************************************************/

.featuredDiv{ height: auto !important; }
#domain-available-status, #domain-unavailable-status, #domain-premium-status, #featured-headline, #domain-tiered-pricing-status{ display: none; }

#recommended {
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
	page-break-inside: avoid;					 /* Theoretically FF 20+ */
	break-inside: avoid-column;				 /* IE 11 */
	display:contents;
}
#suggestedom{
	-moz-column-count: 4;
	-webkit-column-count: 4;
	column-count: 4;
	width: 30em;
	margin-bottom: 1rem;
}
h6 a{
	color: #3e4555;
	font-family: Miso-Lt;
}

/*********** Case Studies ******************************************/

#whos-map {
	background: url('/assets/img/ui/MapWcolorD-NoText.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
}

#whos-carousel .carousel-control-next, #whos-carousel .carousel-control-prev {
	width: 5%;
}


#whoscards a img { filter: grayscale(100%); opacity: 0.8;
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in; }

#whoscards .card:hover img {
	filter: grayscale(0%); opacity: 1;
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in; }

#whoscards .card:hover {
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3);
		box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.3);
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in;
}

#whosusing-doms {
	background: url("/assets/img/ui/whosusing-conames.png") no-repeat;
	background-position: 50% 0%;
	background-size: 90%;
	padding-top: 155px;
}

#whosusing-head {
  background: url("/assets/img/ui/whosusing-conames-head.png") no-repeat;
  background-position: 50% 36px;
  background-size: 1200px;
}

#proudtobe-head {
  background: url("/assets/img/ui/find-head.png") no-repeat;
  background-position: 50% -10px;
  background-size: 1500px;
}

@media (max-width: 1200px) {
	#whosusing-doms {
		padding-top: 125px;
	}
}

@media (max-width: 991px) {
	#whosusing-doms {
		padding-top: 85px;
	}
}

/* Switch Toggle */
.coswitch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.coswitch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.coslider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.coslider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .coslider {
	background-color: #f36e22;
}

input:focus + .coslider {
	box-shadow: 0 0 1px #ffffff;
}

input:checked + .coslider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.coslider.coround {
	border-radius: 34px;
}

.coslider.coround:before {
	border-radius: 50%;
}

/*company css */

.view-events-timeline .event-item .field-event-date {
	color: #42ba5d;
	font-weight: 700;
}

.view-events-timeline .event-item.product::before {
	background: #50bfdd;
}

.view-events-timeline .event-item h3 {
	font-size: 25px;
	font-weight: 500;
	margin: 0;
	color: #8d97ad;
	line-height: 43.0px;
}

.view-events-timeline .event-item .field-body {
	font-size: 13px;
}

.tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link:hover, .tabs-vertical li .nav-link.active:focus {
	background: #eee;
	border: 0px;
	color: #000000;
	border-left: 10px #f36e21 solid;
}
.nav-link {
	display: block;
	padding: .5rem 1rem;
	color: #f36e22;
}
.view-events-timeline {
	border-left: 1px solid #ddd;
	padding-left: 30px;
	margin: 60px 0;
}

.view-events-timeline .event-item::before {
	content: ' ';
	position: absolute;
	left: 2px;
	width: 15px;
	height: 15px;
	background: #999;
	border-radius: 20px;
}
.field-subtitle{
	text-align: center;
}

.pane-content h1 {
	font-size: 40px;
	color: #f36f21;
	font-weight: 400;
	text-align: center;
	margin: 0;
}
.text-uppercase {
	text-transform: uppercase!important;
}
ul.menu li a.active-trail, ul.menu li a.active, ul.menu li a:hover {
	background: #50bfdd;
	color: #1f6b80;
	text-decoration: none;
}
ul.menu li a.active-trail, ul.menu li a.current-active, ul.menu li a:hover {

	color: #2f95b1;

}
#co-story {
	background: url(../../assets/img/ui/costory-bg.png) no-repeat;
 /* background-position: 50% 0px; */
	background-size: 1700px;
}

input.error, textarea.error{
	outline:red groove thin;
}
label.error
{
	color:red;
	font-family:verdana, Helvetica;
}

#whosusing-head {
	background: url("/assets/img/ui/whosusing-conames-head.png") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: 50% 36px;
	background-size: 1200px;
	background-color: #f8fafa;
}

#find-head {
	background: url("/assets/img/ui/find-head.png") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-position: 50% 0px;
	background-size: 1600px;
}

@media only screen
	and (min-width: 320px)
	and (max-width: 568px) {

	#suggestedom{ -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; width: 30em;margin-bottom: 1rem;}
	#freeb-detail .border-left{ border: none !important; }
	#freeb-detail .px-5, #freeb-detail .py-5{ padding-left: 0px !important; padding-right: 0px !important; }
	.carousel-control-prev{ margin-left:-30px;}
	.carousel-control-next{ margin-right:-30px;}
	.mobfont{ font-size: 16px !important;}

	#find-head {
		background: url("/assets/img/ui/find-head.png") no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-size: auto;

		background-size: 1600px;
	}

}

.aActive{
	color: #f36f21;
}

#co-about {
	background: url(/assets/img/ui/co-about.png) no-repeat;
	background-position: 50% 40px;
	background-size: 1400px;
}

.ff-2mil {
	background: url('/assets/img/ui/ffacts-2mil.png') no-repeat;
	background-size: contain;
	background-position: 95% 0px;
}

.ff-20th {
	background: url('/assets/img/ui/ffacts-20th.png') no-repeat;
	background-size: contain;
	background-position: 95% 0px;
}

.ff-80x {
	background: url('/assets/img/ui/ffacts-80x.png') no-repeat;
	background-size: contain;
	background-position: 95% 0px;
}

.ff-50 {
	background: url('/assets/img/ui/ffacts-50.png') no-repeat;
	background-size: contain;
	background-position: 95% 0px;
}

.ff-750 {
	background: url('/assets/img/ui/ffacts-750.png') no-repeat;
	background-size: contain;
	background-position: 95% 0px;
}

.ff-130 {
	background: url('/assets/img/ui/ffacts-130.png') no-repeat;
	background-size: contain;
	background-position: 95% 0px;
}

/**PREMIUMS**/

#premiums .card img.card-img {
	filter: grayscale(100%);
	opacity: 0.25;
	transition-duration: 1s;
}

#premiums .card.featured::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(180deg, rgba(0,0,0,0.8), rgba(0,0,0,0));
	border-radius: 5px;
	opacity: .7;
	z-index: 1;
}

#premiums .card .card-img-overlay { z-index: 100; }

#premiums .card:hover img.card-img {
	filter: grayscale(0%);
	opacity: 0.65;
	transition-duration: 1s;
}

/*
#premiums .card:hover a.available {
	display:none;
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in;
}
*/

#premiums .card a.learn {
	display:none;
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in;
}

/*
#premiums .card:hover a.learn {
	display:inline-block;
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in;
}
*/

#premiums .card a.prembtn {
	display:none;
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in;
}

#premiums .card:hover a.prembtn {
	display: inline-block;
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in;
}

#premiums .card .card-img-overlay img {
	transform: rotate(-5deg) scale(0.8);
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in;
}

#premiums .card:hover .card-img-overlay img {
	transform: rotate(1deg) scale(1);
		-webkit-transition: 0.2s ease-in;
		-o-transition: 0.2s ease-in;
		transition: 0.2s ease-in;
}

#premium-toggle .nav-link {
	font-size: 15px;
	color: /*#F36E22*/#7B7F8B!important;
	padding: 5px 10px;
	margin: 2px;
}

#premium-toggle .nav-link:hover {
	font-size: 15px;
	color: #FFF!important;
	background: #F36E22;
}

#premium-toggle .nav-link.active, #premium-toggle .nav-link.active:hover {
	font-size: 15px;
	color: #FFF!important;
	background: #7B7F8B;
}

#premium-head {
	background: url("/media/img/ui/premium-head.png") no-repeat;
	background-position: 50% 50px;
	background-size: 1500px;
}

#premiums .KG { overflow: hidden; white-space: nowrap; }


#premiums .card.sec::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(180deg, rgba(0,0,0,0.8), rgba(0,0,0,0));
	border-radius: 5px;
	opacity: .7;
	z-index: 1;
}

#premiums .sec .zind { z-index: 100!important; }

@media (max-width: 525px) {
	#premiums .col-6 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
	#premiums .col-6 .card .card-img-overlay { margin-top: 20%;}
}

@media (max-width: 400px) {
	#premiums .col-6 .card .card-img-overlay { margin-top: 13%;}
}

.prem .btn-success.btn-block:hover { background-color: #15BEF0; border-color: #15BEF0; }


/* BLOG */

#blog-head {
	background: url("/media/img/ui/premium-head.png") no-repeat;
	background-position: 50% 45px;
	background-size: 1550px;
}

#blog-post-head {
	background: url("/media/img/ui/premium-head.png") no-repeat;
	background-position: 50% -235px;
	background-size: 1550px;
}

#posts .card.featured img {
	filter: grayscale(50%);
	opacity: 0.20;
	transition-duration: 1s;
}

#posts .card .card-img-overlay { z-index: 100; }

#posts h6 { font-size: 26px!important; }

/* Hide AddToAny vertical share bar when screen is less than 980 pixels wide */
@media screen and (max-width: 980px) {
	.a2a_floating_style.a2a_vertical_style { display: none; }
}

.a2a_kit.sized .a2a_svg {
	width: 25px;
	height: 25px;
	margin-right: 5px;
	margin-top: 5px;
}
