/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

@import url('https://fonts.googleapis.com/css?family=Rubik:400,500');


@charset "utf-8";
/* CSS Document */

body {
	font-family:"Rubik", Arial, Helvetica, sans-serif;
	background:#fff;
	font-weight:400;
	position:relative;
	font-size:15px;
}
a {
	color:#39667A;
}
a:hover, a:focus {
	color:#335f72;
}
h1, h2, h3, h4 {
	font-weight:500;
	font-family: 'Rubik', sans-serif;
}
h1,
.h1 {
  font-size: 24px;
}
h2,
.h2 {
  font-size: 20px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
  font-size: 16px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}

.page-head h2, .page-head h3 {
	text-align:center;
}

.page-head h2 {
	margin-top:0;
	margin-bottom:0;
}
.page-head h3 {
    color: #9AA5AA;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 10px;
    font-family: "Rubik","Open Sans", Arial, Helvetica, Sans-serif;
}

p {
	color: #70747A;
}
.text-red {
	color:#B54D39;
}

.text-primary {
	color: #4A6981;
}

.text-green {
	color: #90A04A;
}

.panel, .list-group {
	font-size:15px;
}

section#main-body {
    padding: 40px 0;
    min-height: 650px;
}


.client-home-panels .panel>.list-group .list-group-item
{
	padding:20px 10px;
}

#features a {
	text-decoration: underline !important;
}

.panel-heading
{
	padding:6px 12px;
	border-bottom:1px solid #ccc !important;
}

.panel-primary > .panel-heading {
    color: #fff !important;
    background-color: #47687F;
    border-color: #47687F;
}

.panel-primary > .panel-heading > h4 {
	color:#fff;
}

.panel-sidebar .panel-title {
	font-size:15px;
	font-weight:600;
}

.panel {
	box-shadow: none;
}

.panel-sidebar{
	border-color: rgba(0,0,0,.15);
}

div.header-lined h1 {
	border-bottom:0;
}

div.header-lined .breadcrumb{
	font-size:15px;
	display:none;
}

.client-home-panels .panel > .list-group
{
	border-top:0;
	border-bottom:0;
}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
    color: #555;
    text-decoration: none;
/*     background-color: #ebf8ff; */
background-color:transparent;
}

.list-group-item {
	font-size:15px;
	border-color:#CFCDCD;
}

.list-group-item .label {
	font-size:13px;
}

.list-group-item .small {
	font-size:15px;
}

.container {
	max-width:1024px;
}
/*==========1. HEADER==============*/

.navbar-header {
	min-height:60px;
}
.navbar-default .navbar-toggle {
	border-color: #808080;
}

.navbar-brand {
    float: left;
    height: auto;
    padding: 6px 15px 6px 0;
    margin-left: -15px;
}


.navbar-toggle {
	margin-top: 20px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 370px;
}
.jumbotron {
	position: relative;
	color: #fff;
	background-color: #A4D4EE;
	background-image:url(../img/masthead_tile.png); /* Old browsers */
	background-repeat: repeat;
	height:240px;
	background-size: auto;
	overflow:visible;
	border-bottom: 3px solid #80AAC6;
	margin-bottom:0;
}
.navbar {
	background:	#456880;
	border-bottom: 1px;
}

.navbar-inverse {
	background: #f1f1f1;
	border-bottom: 1px solid #ccc;
	font-family: "Rubik", Arial, Helvetica, sans-serif;
}
.navbar-collapse {
	background:none;
	border:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	padding-top: 5px;
	filter:none;
	-ms-filter:none;
}
.navbar .nav > li > a {
	color:#FFF;
	text-transform:none;
	text-shadow: none;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: -8px;
}

.dropdown-menu {
	border: 2px solid rgba(0,0,0,.15);
	border-radius:6px;
	font-size:15px;
	z-index: 9999;
	
}

.navbar-main .dropdown-menu{
	border-top: 2px solid rgba(0,0,0,.10);
}

.navbar-inverse .nav > li > a {
	color:#777;
	text-transform:none;
	text-shadow: none;
}


.navbar-main li.account {
	
	background-color:#f1f1f1;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	color:#555;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background:none;
	color:#FFD074;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.navbar .nav {
	padding:12px;
}
.navbar .btn, .navbar .btn-group {
	margin-top:0;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #666;
	background-color: transparent;
}
/*
.navbar-default + div {
	margin-top: 68px;
}
*/

ul.top-nav>li>a {
    padding: 3px 7px 10px;
    color: #d2d2d2;
    line-height: 1.2;
    font-size: 14px;
}


input[type=text], input[type=email], select, textarea, .form-control {
    border-color: #d3d3d3;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.label { border-radius: .45em ; text-transform: uppercase; }

input[type=submit] {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}


.btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 15px;
    font-family: 'Rubik', sans-serif;
}

.btn-xs {
	font-size:12px;
}


.btn-lg {
	font-size:18px;
	padding:20px 50px;
	margin:5px 10px;
}

.btn-signup {
	color: #D18516 !important;
	background-color: #FFD074;
	background-image:none;
	border-color: #F4B042;
	border-width:0;
	padding:7px !important;
	margin-top:8px !important;
}
.btn-signup:hover, .btn-signup:focus, .btn-signup:active {
	background-color: #F4B042!important;
	color:#FFF!important;
}



.btn-primary {
	background-color: #4A6981;
	background-image:none;
	border-color: #4A6981;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #436076!important;
	color:#FFF!important;
}

.btn-success {
    background-color: #39667A;
    background-image: none;
    border-color: #39667A
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #325e72!important;
    color: #FFF!important;
}

.panel-sidebar>.panel-footer {
	border-top: 1px solid #CDCDCD !important;
}

.panel-footer .btn-success {
    background-color: transparent;
    background-image: none;
    border: 0;
    color:#777;
    padding:0;
}

.panel-footer .btn-danger {
    background-color: transparent;
    background-image: none;
    border: 0;
    color:#B54F42;
    padding:0;
}

.panel-footer .btn-success:hover,
.panel-footer .btn-success:focus,
.panel-footer .btn-success:active {
    background-color: transparent!important;
    color:#666 !important;
}

.panel-footer .btn-danger:hover,
.panel-footer .btn-danger:focus,
.panel-footer .btn-danger:active {
    background-color: transparent!important;
    color:#a3463a !important;
}

.btn-plesk {
    background-color: #5DBEE4;
    background-image: none;
    border-color: #5DBEE4;
    color: #fff;
}

.btn-plesk:hover,
.btn-plesk:focus,
.btn-plesk:active {
    background-color: #57b1d4 !important;
    border-color: #57b1d4 !important;
    color: #fff;
}


.btn-default {
  color: #777;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #777;
  background-color: #f1f1f1;
  border-color: #ddd;
}
.btn-default:hover {
  color: #666;
  background-color: #f1f1f1;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #666;
  background-color: #f1f1f1;
  border-color: #adadad;
}




.btn-danger {
	background-color: #C86959;
	background-image:none;
	border-color: #C86959;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
	background-color: #bd6353!important;
	border-color: #bd6353!important;
	color:#FFF!important;
}

ul.top-nav>li.primary-action>a.btn {
    padding: 6px 15px;
    background-color: #2F353C;
    color: #fff;
    border-radius: 4px;
}


.navbar .nav > .active > a.btn {
	background-color: #22bb5f!important;
	color:#FFF!important;
}
.hero-unit {
	background:none;
	text-align:center;
	font-size: 18px;
	font-weight: 200;
	line-height: 30px;
	color: inherit;
	padding: 0;
    padding-top: 0;
    margin-bottom: 0;
}
.hero-unit h1 {
	color:#36667B;
	padding-bottom:4px;
	font-weight:bold;
	font-size:56px;
}
.hero-unit h3 {
	font-weight:normal;
	padding-bottom:15px;
	line-height: 1.5;
	color: #FFFFFF;
	margin-top:18px;
}

/*==========2. MAIN FEATURES==============*/

.main-features {
	margin-top:0;
}

.main-features img {
	max-width:200px;
	width:100%;
	height:auto;
}
.img-thumbnail {
	border:0;
	padding:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-align: center;
}
.img-thumbnail h4, .img-thumbnail p {
	text-align:center;
}



.features {
	margin:25px 0;
	float:left;
}
.features i , .features img {
	float:left;
	padding:10px 20px 0 0;
}
.features p {
	padding-left: 80px;
}
/*==========4. FEATURES LAYOUT==============*/

.FeatLayout {
	margin-top:50px;
}
.FeatLayout .Featimg {
	text-align:center;
}
.lead {
	color:#666;
}
.ticklist {
	margin:0;
	padding:0;
	list-style:none;
}
.ticklist li {
	width:50%;
	float:left;
	padding:5px 5px 5px 30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../img/tick.png) no-repeat left;
}
/*==========5. TESTIMONIALS==============*/


.Testimonials p {
	margin-top:10px;
}
.Testimonials .img-thumbnail img {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}
.Testimonials .img-thumbnail h5 {
	text-align: center;
	color: #646464;
	font-weight: bold;
	margin: 18px 0;
}
.PartnersList {
	text-align:center;
	margin-top: 30px;
}
/* Animation */

.Testimonials .tm-data {
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
@media (min-width:767px) {
.Testimonials .tm-data:hover {
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -o-transform:scale(1.1);
 -ms-transform:scale(1.1);
 transform:scale(1.1);
 z-index:2;
}
}
/*==========6. PLANS AND PRICING==============*/

.pricing { background-color: #80ABC7; padding-bottom:40px; }
.pricing .page-head { margin-top: 30px;  }
.pricing .page-head h1 { margin-top:0; }
.pricing .page-head h3 { margin-bottom:0; color:#ffffff; }

/* Animation */

.plan-pricing {
	margin-top:100px;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
@media (min-width:767px) {
.plan-pricing:hover {
 -moz-transform:scale(1.1);
 -webkit-transform:scale(1.1);
 -o-transform:scale(1.1);
 -ms-transform:scale(1.1);
 transform:scale(1.1);
 z-index:2;
}
}
.plan-pricing .plan-name {
	background:#202b34;
	padding-top:50px;
	padding-bottom:10px;
	text-align:center;
}
.plan-pricing .price {
	background:#2cc76a;
	padding:5px;
	color:#FFF;
	font-size:42px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	display:block;
	width:100px;
	height:100px;
	line-height:100px;
	margin:0 auto;
	position:relative;
	margin-top:-107px;
	margin-bottom:10px;
	line-height: 2.2;
}
.plan-pricing.recommended .price {
	background:#f45c57;
}
.plan-pricing .plan-name h3 {
	color:#FFF;
	text-align:center;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
.plan-pricing .plan-name p {
	color:#999;
	text-align:center;
}
.plan-pricing .plan-features {
	background:	#e8e9ea;
	text-align:center;
	padding:10px;
}
.plan-pricing .plan-features ul {
	margin:0;
	padding:0;
	list-style:none;
}
.plan-pricing .plan-features ul li {
	padding:13px 0;
	list-style:none;
}
.plan-pricing p {
	margin:0;
}
.plan-pricing .btn {
	width:100%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*==========7. COMPARE PLANS ==============*/

.ComparePlans {
	margin-top:20px;
}
.ComparePlans .plan-features {
	text-align:center;
	padding:10px;
}
.ComparePlans .CompareList .plan-features {
	text-align:right;
}
.ComparePlans .plan-features ul {
	margin:0;
	padding:0;
	list-style:none;
}
.ComparePlans .plan-features ul li {
	padding:13px 0;
	list-style:none;
}
.ComparePlans .planHead1 {
	height:60px;
	background:#FFF;
}
.ComparePlans .planHead2 {
	height:60px;
	background:#2cc76a;
}
.ComparePlans .planHead3 {
	height:60px;
	background:#f45c57;
}
.ComparePlans .planHead2 h3, .ComparePlans .planHead3 h3 {
	color:#FFF;
	text-align:center;
	padding:0;
	margin:0;
	text-transform:uppercase;
	padding-top:10px;
	line-height: 1.8;
}
.ComparePlans .pricing1 .plan-features {
	border-right:solid 1px #2cc76a;
	border-left:solid 1px #2cc76a;
}
.ComparePlans .pricing2 .plan-features {
	border-right:solid 1px #f45c57;
	border-left:solid 1px #f45c57;
}
.ComparePlans .btn {
	width:100%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*==========8. DOMAIN SEARCH ==============*/


.domain {
	position: relative;
	background:#DFEDF7;
	background-size:cover;
	overflow:hidden;
	margin-top:0;
	color:#47687F;
}
.domain h1 {
	color:#FFF;
	margin-top:0;
}
.domain h3 {
	color:#D5D5D5;
	margin-bottom: 40px;
}
.input-append, .input-prepend {
	display:inline;
}
.input-append input, .input-prepend input {
	height:50px;
}
.domain .submitbtn {
	text-align:center;
	padding-top:10px;
	padding-bottom:40px;
}
.input-append .btn-group:last-child > .dropdown-toggle {
	height:50px;
	background:#e2e5e6;
	font-size:18px;
	font-weight:bold;
	padding-left:15px;
}
.domain select, .domain input[type=text] {
	padding: 10px;
	height:50px;
}
/*==========9. CONTACT ==============*/

.ContactUs {
	margin-top:25px;
}
.ContactUs input[type=text], .ContactUs input[type=email] {
	height:50px;
}
.ContactUs textarea {
	height:150px;
}
.ContactUs .btn {
	width:100%;
	margin:5px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
address {
	color:#70747A;
}
.mapwrap iframe {
	margin-bottom:20px;
}
/*==========10. FOOTER ==============*/


.footer {
	position: relative;
	width:100%;
	color: #fff;
	background: #47687F;
	overflow:hidden;
	margin-top:0 !important;
	padding-top:20px;
}
.footer h1, .footer h3 {
	color:#FFF;
}
.footerlinks {
	margin:20px 0;
}
.footerlinks p {
	color:#A4D4EE;
	text-transform:uppercase;
	padding-top:15px;
}
.footerlinks ul {
	margin:0;
	padding:0;
	list-style:none;
}
.footerlinks ul li {
	color:#FFF;
	padding:2px 0;
}
.footerlinks ul li a {
	color:#FFF;
}
.copyright {
	margin:30px 0;
}
.copyright p {
	color:#A4D4EE;	
}
.copyright img {
	max-height:40px;
	width:auto;
	margin-top:-16px;
}
/*==========11. MODAL SIGNIN / SIGHUP ==============*/

.modal-dialog {
	z-index:1041;
}

.modal-header {
	padding:10px 30px;
	padding-right:15px;
}
.modal-body {
	padding:30px;
	padding-bottom:15px;
}
.LoginSignup input[type="text"], .LoginSignup input[type="password"] {
	font-size: 14px;
	border-radius: 3px;
	font-weight:normal;
}
.LoginSignup .btn {
	width:100%;
	margin:0;
}
/*==========12. BLOG ==============*/

.blogpost {
	margin-bottom:30px;
}
.blogpost img {
	padding:10px 0;
	max-width:100%;
	min-width:100%;
}
.blog h1.title {
	font-size:30px;
	line-height:32px;
}
.blog h3.subtitle {
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	padding-bottom:5px;
	margin-top: 0;
	color: #5F5F5F;
}
.bloglist {
	margin:0;
	padding:0;
	list-style:none;
}
.bloglist li {
	padding:5px 0;
	color:#666;
}
.bloglist li a {
	color:#666;
}
.commentform input {
	height: 40px;
}
.commentform textarea {
	height:150px;
}
.commentform p {
	text-align:right;
}
.commentform .btn {
	margin-right:0;
}
.media-list p {
	margin-bottom:30px;
}
.media-list .timestamp {
	font-size:12px;
	color:#999;
	display:block;
	padding:5px 0;
}


.hero-unit img {
	max-width:400px; margin-top:-110px; margin-right:40px; float:right;
}

#order-standard_cart .domain-checker-available,
.domain-checker-available {
    color: #739743 !important;
}


/*==========13. CUSTOM MEDIA QUERIES==============*/


/*MEDIA QUERIES*/

@media (max-width: 979px) {
	
	#plans .plan.good {
		margin-bottom: 60px;
	}
	#plans .plan.better {
		margin-bottom: 80px;
	}
	
	.jumbotron {
		height:180px;
		
	}
	
.hero-unit {
/*
padding: 190px 0;
padding-bottom:0;
*/
}
.hero-unit img{
	max-width:300px !important;
	}
 .hero-unit h1 {
 font-size:36px;
}
 .hero-unit h3 {
 font-size:18px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
 font-weight:normal;
}
 .navbar .navbar-btn {
margin-top: 20px;
background: transparent;
text-shadow: none;
border: 0;
box-shadow: none;
}
 .navbar .navbar-btn:hover {
 background: transparent;
}
 .navbar-fixed-top.navbar-absolute {
 position: absolute;
 margin: 0;
}
 .navbar-collapse .nav > li > a:hover, .navbar-collapse .nav > li > a:focus, .navbar-collapse .dropdown-menu a:hover, .navbar-collapse .dropdown-menu a:focus {
 background:transparent;
}
 .slide2, .slide3 {
padding-top: 150px;
}
 .slide3 h1, .slide2 h1 {
 font-size:34px;
}
 .slide3 h3, .slide2 h3 {
 font-size:18px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
 font-weight:normal;
}
}
 @media (max-width: 767px) {
.jumbotron {
padding: 20px 20px;
margin-top: -20px;
height:auto;
}
.hero-unit {
padding: 100px 0;
padding-bottom:0;
}
 .hero-unit h1 {
 font-size:36px;
}
.flex-direction-nav {
display: none;
}
 .PageHead h3, .FeatLayout h3 {
 font-size:20px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
}
 .jumbotron .navbar-fixed-top.navbar-absolute {
 top: 20px;
}
 .navbar .navbar-btn {
margin-top: 23px;
}
 .domain {
padding: 0 20px;
margin-bottom: -20px;
}
 .domain .input-append input.span11 {
 width:83%;
}
 .footer {
padding: 20px 20px;
margin-bottom: -20px;
}
}
 @media (max-width: 480px) {
 .domain .input-append input.span11 {
 width:74%;
}
 .ticklist li {
 width:100%;
}
 .modal {
 width:auto;
}
}
 @media (min-width: 768px) {
.navbar li.dropdown:hover ul {
 display:block;
}
}
/*==========14. VERSION 1.1==============*/


.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
	top:97%;
}
/*==========15. VERSION 1.2==============*/

.scrollup {
	width:40px;
	height:40px;
	line-height:48px;
	text-align:center;
	vertical-align:middle;
	position:fixed;
	border-radius:4px;
	bottom:30px;
	right:30px;
	display:none;
	color: #D18516 !important;
	background-color: #FFD074;
	background-image:none;
	border-color: #F4B042;
}
/*==========16. VERSION 2==============*/

.navbar li.dropdown ul {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}



/*Image fix for IE*/

.img-responsive {
	width:auto \9;	
}



/*========== SITEDOCK ==============*/

#logo{
	max-height:50px;
	width:auto;
}



hr { height:2px; }

@keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -300px 0; }
}
@-moz-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -300px 0; }
}
@-webkit-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -300px 0; }
}
@-ms-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -300px 0; }
}
@-o-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -300px 0; }
}

.jumbotron { 
	width: 100%; 
/*
	height: 190px; 
	background-image: url(http://davidwalsh.name/demo/bg-clouds.png);
*/
	background-position: 0px 0px;

	animation: animatedBackground 10s linear infinite;
	-moz-animation: animatedBackground 10s linear infinite;
	-webkit-animation: animatedBackground 10s linear infinite;
	-ms-animation: animatedBackground 10s linear infinite;
	-o-animation: animatedBackground 10s linear infinite;
}



/* tiles */

.tiles .tile {
    border-radius: 8px;
    border:3px solid #f1f1f1 !important;
}

.tiles .title {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.tiles .tile.services-stats {
    background: #9775B3;
}

.tiles .tile.services-stats:hover {
    background: #906dad;
}

.tiles .tile.services-stats .stats-head {
    background: #8056A8;
}


.tiles .tile.domains-stats {
    background: #ABBE70;
}

.tiles .tile.domains-stats:hover {
    background: #a6b96b;
}

.tiles .tile.domains-stats .stats-head {
    background: #8A9846;
}

.tiles .tile.invoices-stats {
    background: #F4B042;
}

.tiles .tile.invoices-stats:hover {
    background: #eaa83e;
}

.tiles .tile.invoices-stats .stats-head {
    background: #CB8114;
}

.tiles .tile.tickets-stats {
    background: #C66953;
}

.tiles .tile.tickets-stats:hover {
    background: #bd5f4a;
}

.tiles .tile.tickets-stats .stats-head {
    background: #893A2B;
}


.client-home-panels .panel>.panel-heading .panel-title .btn
{
	border-radius:16px;
	padding:2px 10px;
}

.panel.panel-accent-gold, .panel.panel-accent-purple {
	border-top: 3px solid #9775B3;
}

.panel.panel-accent-invoices {
	border-top: 3px solid #CD812E;
}

.bg-color-invoices { background-color:#CD812E; }

.label-info {
  background-color: #CD812E;
}

.bg-color-gold, .bg-color-purple {
	background-color:#9775B3;
}

.panel.panel-accent-teal, .panel.panel-accent-green
{
	border-top: 3px solid #ABBE70;
}

.bg-color-teal, .bg-color-green {
	background-color:#ABBE70;
	
}

.panel-accent-blue, .panel-accent-red h3, .panel-accent-red a{
	color: #C66953;

}

.bg-color-blue, .bg-color-red {
	background-color:#C66953;
	
}


.navbar-main .navbar-nav .dropdown-menu>.active>a, .navbar-main .navbar-nav .dropdown-menu>.active>a:focus, .navbar-main .navbar-nav .dropdown-menu>.active>a:hover, .navbar-main .navbar-nav .dropdown-menu>.open>a, .navbar-main .navbar-nav .dropdown-menu>.open>a:focus, .navbar-main .navbar-nav .dropdown-menu>.open>a:hover, .navbar-main .navbar-nav .dropdown-menu>li>a:focus, .navbar-main .navbar-nav .dropdown-menu>li>a:hover {
     
    background-color: #f5f5f5;
}



input[type=text], input[type=email], select, textarea, .form-control {
    border-color: #d3d3d3;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.home-kb-search .form-control {
    padding-left: 50px;
    background-color: #fff;
    border: 2px solid #eee;
    border-radius:30px;
    color: #777;
    font-weight: 300;
    margin-bottom:10px;
}

input[type=text]:hover, input[type=email]:hover, select:hover, textarea:hover, input[type=text]:focus, input[type=email]:focus, select:focus, textarea:focus, .form-control:focus {
    border-color: #d3d3d3;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.home-kb-search i {
    float: left;
    font-size:18px;
    margin-top: -40px;
    margin-left: 20px;
    color: #777;
}

/* hide some panels */
.client-home-panels .panel-accent-gold,
.client-home-panels .panel-accent-emerald
{
	display:none;
}



/* datatables */

.pagination {
    font-size: 15px !important;
}


.dataTables_wrapper .dataTables_info {
    margin: 0;
    background-color: transparent !important;
    border-bottom: 1px solid #fff;
    font-size: 15px;
    color:#666 !important;
    text-align: left!important;
}

.dataTables_wrapper .dataTables_filter label .form-control {
    background: none;
    padding: 7px 10px !important;
    border: 1px solid #ccc;
    border-radius:4px;
    height: auto;
    width: 200px;
    font-size: 13px;
    color:black;
}


.dataTables_wrapper .dataTables_info {
    margin: 0;
    padding: 9px 10px;
    background-color: #4f5360;
    border: 0;
    border-bottom: 1px solid #fff;
    font-size: 0.9em;
    color: #fff;
    border-radius: 0;
    text-align: left !important;
}
div.dataTables_wrapper div.dataTables_info {
    padding: 21px 30px 0 0 !important;
    font-weight: 300;
}

.dataTables_wrapper table.table-list {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    width: 100% !important;
}

.dataTables_wrapper table.table-list thead th {
    border-bottom: 4px solid #4A6981;
    font-weight: normal;
}
.dataTables_wrapper table.table-list thead th:nth-child(even) {
    border-bottom: 4px solid #5b85a5;
}

.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
    background-color: #f6f6f6;
}



.dataTables_wrapper .dataTables_filter {
    float: right;
}
.dataTables_wrapper .dataTables_filter label {
    margin: 0;
    padding: 12px;
}
.dataTables_wrapper .dataTables_filter label .form-control {
    background: url('../../../assets/img/search.png') #fff no-repeat 8px 5px;
    padding: 5px 10px 5px 40px!important;
    border: 1px solid #dddddd;
    height: auto;
    width: 200px;
    font-size: 15px;
    border-radius: 20px;
}

@media (max-width: 600px) {
    .dataTables_wrapper .dataTables_info {
        padding: 9px 10px 40px;
    }
    .dataTables_wrapper .dataTables_filter {
        float: right;
        margin-top: 30px;
        width: 100%;
    }
    .dataTables_wrapper .dataTables_filter label {
        display: block;
        margin: 5px;
        padding: 0;
    }
    .dataTables_wrapper .dataTables_filter label .form-control {
        margin: 0;
        width: 100%;
    }
}

.dataTables_wrapper .dataTables_length {
    background-color: transparent !important;
    border-top:2px solid #d3d3d3;
    font-size: 15px;
    color: #888;
    padding-top:20px;
}
.dataTables_wrapper .dataTables_length label {
    padding: 0 10px 0 30px;
}
.dataTables_wrapper .dataTables_length label .form-control {
    display: inline-block;
    padding: 2px 6px;
    height: 30px;
    width: 60px;
    font-size:15px;
    border: 1px solid #DFDFDE;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    padding: 20px 30px 0 0;
}

.dataTables_wrapper .dataTables_paginate .pagination > li > a,
.dataTables_wrapper .dataTables_paginate .pagination > li > span {
    padding: 4px 8px;
}

.pagination>li>a,
.pagination>li>span {
    color: #444;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #4A6981;
    border-color: #46647c;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    top: inherit !important;
    box-shadow: none !important;
    line-height: 16px !important;
}

.table-container {
    padding: 0 0 25px 0;
}

table.table-list thead th {
    padding: 8px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    color: #333;
    text-align: center;
}

.table-list > tbody > tr:hover {
    cursor: pointer;
    cursor: hand;
}

table.table-list tbody td {
    padding: 10px;
    vertical-align: middle;
    font-size: 0.94em;
}

.table-list > tbody > tr > td a.border-left {
    border-left: 1px solid #eee;
    padding-left: 20px;
    display: block;
}


.table-list > tbody > tr > td {
    background-color: #fff;
}
.table-list > tbody > tr:nth-child(even) > td {
    background-color: #f8fcfd;
}

table.dtr-inline .dtr-title:empty {
    display: none !important;
}

table.dtr-inline .responsive-edit-button {
    display: none;
}

table.dtr-inline.collapsed .responsive-edit-button {
    display: inherit;
}



/* product details */
.product-status-active {
    background-color: transparent;
    position: relative;
}
.product-status-active .product-status-text {
    color: white;
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #90A04A;
    border-radius: 20px;
    padding: 2px 10px;
}


/* filter table */

.panel-sidebar.view-filter-btns a.list-group-item:focus, 
.panel-sidebar.view-filter-btns a.list-group-item:hover, 
.panel-sidebar.view-filter-btns button.list-group-item:focus, 
.panel-sidebar.view-filter-btns button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: transparent;
}

.panel-sidebar.view-filter-btns .list-group-item.active, .panel-sidebar.view-filter-btns .list-group-item.active:focus, .panel-sidebar.view-filter-btns .list-group-item.active:hover {
    background-color: #fff;
    border-color: #eee;
    color: #555;
}

.panel-sidebar a.list-group-item.active i, .panel-sidebar a.list-group-item.active:focus i, .panel-sidebar a.list-group-item.active:hover i {
    color: #4A6981;
}

.list-group-item .badge {
    background-color: #EEE;
    color: #4A6981;
}


.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
    color: #fff;
    background-color: #4A6981;
}


.ticket-number {
    display: block;
    font-size: 1.2em;
    font-style: normal !important;
    color: #47687F;
    text-decoration: none;
}

.ticket-reply {
	border-radius:4px;
}

.ticket-reply.staff {
    border: 1px solid #9DBED0;
}

.ticket-reply.staff .user,
.ticket-reply.staff .date {
    background-color: #DCEDF7;
    color: #47687F;
    border-radius:4px;
}



/**
 * -------------------------
 * @section Status Lights
 * -------------------------
 */

.status {
    display: block;
    font-size: 0.9em;
    line-height: 22px;
    border: 2px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    color: #333;
}

.status-custom {
    background-color: white;
    color: black;
    border: 1px solid black;
    padding: 1px;
}

.status-pending {
    color: #D9534F;
}
.status-pending.transfer {
    color: #A68500;
}
.status-active,
.status-open,
.status.completed {
    color: #6E7929;
}
.status-suspended {
    color: #CD812E;
}
.status-customer-reply {
    color: #ff6600;
}
.status-fraud,
.status-answered {
    color: #C86959;
}
.status-expired,
.status-transferred.away{
    color: #C86959;
}
.status-cancelled {
    color: #C86959;
}
.status-terminated {
    color: #C86959;
}
.status-onhold {
    color: #CCCCCC;
}
.status-inprogress {
    color: #8056A8;
}
.status-closed {
    color: #888;
}

.status-paid {
    color: #6E7929;
}
.status-unpaid {
    color: #C86959;
}
.status-cancelled {
    color: #893A2B;
}
.status-collections {
    color: #9A141E;
}
.status-refunded {
    color: #CD812E;
}

.status-customer-reply {
    color: #CD812E;
}

.status-delivered {
    color: #224488;
}

.status-accepted {
    color: #498302;
}
.status-lost, .status-dead {
    color: #000;
}



.panel-sidebar a.list-group-item.active, .panel-sidebar a.list-group-item.active:focus, .panel-sidebar a.list-group-item.active:hover {
    background-color: #DCEDF7;
    border-color: transparent;
    color: #47687F;
}

.panel-sidebar .list-group-item.active i.fa:not(.fa-circle-o):not(.fa-dot-circle-o) {
    color: #47687F;
}


.text-warning {
	color: #CB8114 !important;
}

.text-warning a {
	color: #CD812E !important;
}

/* Cart styles */

#order-standard_cart label,
#order-standard_cart .field, #order-standard_cart .form-control,
#order-standard_cart .info-text-sm,
#order-standard_cart .product-info,
#order-standard_cart .summary-container,
#order-standard_cart .order-summary .recurring-charges,
#order-standard_cart .checkout-security-msg i,
#order-standard_cart .checkout-security-msg,
#order-standard_cart .panel-addon
{
	font-size: 15px !important;
}

#order-standard_cart .product-info {
    margin: 0 0 20px 0;
    padding: 6px 0;
    background-color: #f8f8f8;
    border-left: 3px solid #efefef;
    border-right: 3px solid #efefef;
}

#order-standard_cart .checkout-security-msg {
	text-align:center;
}


#order-standard_cart .order-summary {
    margin: 0;
    padding: 0;
    background-color: transparent !important;
    border-bottom:0 !important;
    border-radius: 0 !important;
}

#order-standard_cart .order-summary h2 {
    margin: 0;
    padding: 10px;
    color: #4A6981 !important;
    text-align: center;
    font-size: 1.4em;
    font-weight: 400;
}

#order-standard_cart .summary-container {
    background-color: #fff !important;
    border: 1px solid #f1f1f1;
    font-size: 15px;
}

#order-standard_cart .order-summary .total-due-today .amt {
    font-size: 18px;
    color: #CD812E;
}

#order-standard_cart .view-cart-items-header {
    margin: 0;
    padding: 8px 15px;
    background-color: #fff !important;
    color: #ccc !important;
    font-size: 15px !important;
    border-radius: 4px 4px 0 0;
}

#order-standard_cart .btn-checkout
{
	padding:6px 12px !important;
}

#order-standard_cart .empty-cart
{
	display:none !important;
}

#order-standard_cart .view-cart-items {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #f1f1f1 !important;
}

/*
#order-standard_cart .field, #order-standard_cart .form-control {
    position: relative;
    vertical-align: top;
    border: 1px solid #ddd;
    display: -moz-inline-stack;
    display: inline-block;
    color: #626262;
    outline: 0;
    background: #fff;
    height: 36px;
    width: 300px !important;
    border-radius: 3px;
    font-size: 15px !important;
    padding:4px 12px;
}
*/

#order-standard_cart .sub-heading {
    height: 0;
    border-color: transparent !important;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
}

#order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span {
    display: inline-block;
    position: relative;
    padding: 0 21px;
    top: -16px;
    font-size: 19px !important;
    color: #4A6981;
    background-color: #fff;
}

#order-standard_cart .panel-addon .panel-add {
    background-color: #4A6981 !important;
}



#order-standard_cart .panel-addon-selected .panel-add {
    background-color: #C86959 !important;
    color: #fff !important;
}

#order-standard_cart .panel-addon-selected .panel-price {
    background-color: #4A6981 !important;
}

#order-standard_cart .panel-addon-selected {
    border-color: #4A6981 !important;
}



#applyPromo p {
	margin:10px 0 !important;
}

/* domains */

.domain-checker-bg {
    margin: 0;
    padding: 80px 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    border-radius:8px;
    border:2px solid #83AAC7;
    background-image: url(../img/masthead_bg.png);
}


.tld-sale-group-hot { display:none; }
.domain-pricing .tld-row {
	padding-top:20px;
	padding-bottom:20px;
}

.domain-name {
	font-size:34px;
	font-weight:700;
	width:100%;
	background-color:#ffe6c4;
	border-radius:8px;
	color:#CD812E;
	text-align:center;
	padding: 20px 0;
	margin-bottom:20px;
}

.alert-danger {
    color: #fff !important;
    background-color: #CA695E !important;
    border-color: #CA695E !important;
}

.alert-danger p {
	color: rgba(255,255,255, .55);
}


/* notices  ( replace alerts ) */

.notice {
    padding: 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
    border-color: #8A9846;
}
.notice-success>strong {
    color: #8A9846;
}
.notice-info {
    border-color: #45ABCD;
}
.notice-info>strong {
    color: #45ABCD;
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #893A2B;
}
.notice-danger>strong {
    color: #893A2B;
}



span.price{
		font-weight: 500;
		font-size: 18px;
		color:#FBCF84;
	}
	span.dollar{
		font-size: 26px;
	}
	span.dollar:before{
		content: '$';
		font-weight: 400;
		vertical-align: 3px;
		font-size: 15px;
	}
	span.dollar sup{
		font-weight: 500;
		vertical-align: 2px;
		font-size: 15px;
	}
	
	.suggested-domains .btn:not(.domain-contact-support) {
    padding: 6px 10px !important;
    font-size: 15px !important;
    line-height: 15px !important;
    border-radius: 3px !important;
    background-color: #4A6981 !important;
    border-color: #4A6981 !important;
    color: #fff !important;
    width:120px !important;
}

.domain-suggestions-warning {
    padding: 10px 0;
    font-size: 15px !important;
}
	


.hero-unit span.price{
		font-weight: 500;
		font-size: 32px;
		color:inherit;
	}
.hero-unit span.dollar{
		font-size: 48px;
	}
.hero-unit span.dollar:before{
		content: '$';
		font-weight: 500;
		vertical-align: 10px;
		font-size: 24px;
	}
.hero-unit span.dollar sup{
		font-weight: 600;
		vertical-align: 4px;
		font-size: 24px;
	}


#domain-reg span.price{
		font-weight: 500;
		font-size: 28px;
		color:inherit;
	}
#domain-reg span.dollar{
		font-size: 36px;
	}
#domain-reg span.dollar:before{
		content: '$';
		font-weight: 500;
		vertical-align: 10px;
		font-size: 20px;
	}
#domain-reg span.dollar sup{
		font-weight: 600;
		vertical-align: 4px;
		font-size: 20px;
	}
	
	
#head-prices div.plan
{
	text-align: center; 
}

#head-prices div.plan .top
{
	background-color: #4A6981;
	color:#fff;
	font-size:24px; 
	padding:6px 12px;
	min-height:124px; 
	border-top-left-radius :12px; 
	border-top-right-radius :12px;
	border: 2px solid #fff;
}

#cart-plans #head-prices div.plan .top,
#cart-plans #head-prices div.plan .bottom
{

	border-color: #f1f1f1;
}

#cart-plans #head-prices div.plan .top{
	border-bottom-width: 0;
}

#cart-plans #head-prices div.plan .bottom{
	border-top-width: 0;
}

#head-prices div.plan .top img
{
	max-width:180px;
	margin: 4px auto;
	margin-top:-80px;
	display:block;
}

#head-prices div.plan .bottom
{

	background-color: #fff; 
	padding:6px 12px; 
	border-bottom-left-radius :6px; 
	border-bottom-right-radius :6px;
	border: 2px solid #fff;
}

#head-prices div.plan .bottom span {
	display:block;
	font-size:15px; 
	line-height:18px;
}

#head-prices div.plan .bottom span.em {
	font-size:19px; 
	color:#8359A7;
	line-height:22px;
	font-weight:500;
}

#head-prices div.plan .bottom p {
	display:block;
	margin-top:10px;
	padding-top: 10px;
	border-top:1px solid #f1f1f1;
}

#head-prices div.plan .bottom .btn-lg {
	margin-left:0;
}


#plans {
	background-color: #A6D5ED ;
	margin-bottom:40px;
	padding: 80px 20px 40px 20px;
	border-bottom: 2px solid #83AAC7;
	border-top: 2px solid #83AAC7;
	}

#plans h2
{ color: #000; margin:4px; margin-top:20px; }
#plans h3
{ color:#4A6981;  }
	


div.header-lined h1 {
    margin-top: 0;
    margin-bottom: 10px;
    padding:6px 0;
    font-weight: 500;
}

div.header-lined h2 {
    margin-top: 0;
    margin-bottom: 10px;
    padding:0;
    font-weight: 400;
    color:#9A9899;
}

.kb-article-content
{
	border:1px solid #f1f1f1;
	border-radius:4px;
	padding:20px;
	margin: 20px 0;
  font-size: 16px;
  line-height: 18px;
  font-weight: 200;
	
}

.kbarticles {
    font-size: 15px;
}

.kbarticles a {
    font-size: 15px;
    font-weight: 500;
}

.kbarticles p.summary {
	border-bottom: 1px solid #e9e9e9;
	margin-bottom:14px;
}

.kbarticles p.summary:last-child {
	border-bottom: 0;
}

.kb-article-details {
    color: #999;
    font-size: 15px;
}

.kb-article-title .btn-print {
    float: right;
    font-size: 15px;
}

.kb-rate-article {
    margin: 20px 0;
    padding: 15px 20px;
    background-color: #DFEDF7;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: #47687F;
    border-radius:4px;
}

.btn-link {
  font-weight: normal;
  color: #47687F;
  border-radius: 0;
}



@media (max-width: 767px) {
  .navbar-brand { float:none !important; text-align:center; width:100%; display:block; margin-left:0;}
   .navbar-brand > img { width:200px; margin:0 auto;}
   .hero-unit img {
	max-width:300px; margin-top:-110px; margin-right:40px; float:none;
}
}


/* hack so fa 4 circle will work with fa5 */

.fa-dot-circle-o:before {
  content: "\f192"; }
  
.fa-circle-o:before {
  content: "\f111"; }