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

    ** Custom Stylesheet **

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

***************************************************** */
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,dl,dt,dd,ol,nav ul,nav 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%;vertical-align:baseline;}

/*
.cd-mobile-menu-button .nav-icon span:nth-child(1) {
    top: 3px;
	}
.cd-mobile-menu-button .nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: rgba(255, 255, 255, 1.0);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
*/

html {
    width: 100%;
    height: 100%;
    display: table;
}

body {
    width: 100%;
    display: table-cell;
}

html, body {
    margin: 0;
    padding: 0;
}


a.footerlink{
	color: #FFFFFF;
    font-style: normal;
    text-decoration: none;
}


/*
section#header .logo img {
    margin: 0;
    padding: 0;
    max-height: 50px;
    vertical-align: middle;
}*/
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    color: #000;
}

svg#svg87 {
	/*margin: 0;*/
    padding: 0;
	max-width:200px;
    max-height: 80px;
    vertical-align: left;
	-webkit-filter: drop-shadow( 5px 5px 5px #b3002d); 
	filter: drop-shadow( 5px 5px 5px #316280);
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#316280')";
}

svg#svg87 path#path97{
	fill: #dddddd;
}


svg#svg88 {
	position: relative;
    top: 55%;
    bottom: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    padding: 0;
    max-width: 25%;
/*     max-height: 40%; */
    -webkit-filter: drop-shadow( 5px 5px 5px #b3002d);
    filter: drop-shadow( 5px 5px 5px #316280);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#316280')";
}

svg#svg88 path#path98{
	margin:auto auto;
	fill: #dddddd;
}

.email-verification .fa {
    color: #e9f911;
    float: left;
    padding: 2px 10px 0 0;
    font-size: 24px;
}

.email-verification {
    margin: 0;
    padding: 10px;
    font-weight: 300;
    background-color: #d52121;
    border-bottom: 1px solid #eee;
    color: #cfe750;
}

section#footer p {
    color: #FFFF;
}

.navigation ul li{	display: inline-block;}/* horizontal menu */
.clear{clear:both;}/* clear float */

#custom_frame{
font-size: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #333;
}


#cart_frame{
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 10px;
	margin-left: 10px;
    margin-right: 10px;
    padding: 0px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #333;
}

#cart_frame > div.header-lined{
	/* margin: 0 -10px; 
width: auto;
padding: 0px; */
border-radius: 4px 4px 4px 4px;
background-color: #395a7b;
border-bottom: 1px solid #395a7b;

}

#cart_area{

    padding: 10px; /* */

}


::-webkit-input-placeholder,  /* Chrome/Opera/Safari */
::-moz-placeholder,  /* Firefox 19+ */
:-ms-input-placeholder,  /* IE 10+ */
:-moz-placeholder,  /* Firefox 18- */
input::placeholder ,textarea::placeholder {
    color: #eeeeee !important;
}


/* all */
::-webkit-input-placeholder { color:#b9b9c8; }
::-moz-placeholder { color:#b9b9c8; } /* firefox 19+ */
:-ms-input-placeholder { color:#b9b9c8; } /* ie */
input:-moz-placeholder, textarea:-moz-placeholder { color:#b9b9c8; }

/* individual: webkit */
#field2::-webkit-input-placeholder { color:#b9b9c8; }
#field3::-webkit-input-placeholder { color:#b9b9c8; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#b9b9c8; }

/* individual: mozilla */
#field2::-moz-placeholder { color:#b9b9c8; }
#field3::-moz-placeholder { color:#b9b9c8; background:lightgreen; text-transform:uppercase; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#b9b9c8; }


/*
input, .field,.form-control{
	color:#FFF;

}
*/
section#main-menu {
    background-color: #000000;
}

section#main-body {
    margin: 0;
   /**/  padding: 20px 0; 
    min-height: 500px;
	box-shadow: inset 0px 0px 25px #1B1B1B;	 
    background-color: #fff;
}





section#home-banner {
    margin: 0;
    padding: 0px 0 0px;
    background-color: #363636;
    color: #fff;	
	margin-left: auto;
	margin-right: auto;
/* 	banner.jpg	*/	
	background-image: url('/templates/uix/images/test.jpg');
	background-repeat: no-repeat;
	height:550px;
	/* background-size: 100% 100%;background-size: contain;  */
		background-size: cover;

	box-shadow: inset 0px 0px 25px #1B1B1B;
}

section#home-banner-2{
    margin: 0;
    /*     padding: 100px 0 60px; */
    background-color: #363636;
    color: #fff;	
	margin-left: auto;
	margin-right: auto;
/* 	banner.jpg	*/	
	background-image: url('/templates/uix/images/banner/banner-cart-group2.png');
	background-repeat: no-repeat;
	height:250px;
	 background-size: 100% 100%; 
		/*background-size: cover;
background-size: contain; */
	box-shadow: inset 0px 0px 25px #1B1B1B;
}

section#home-spacer {
    margin: 0;
    padding: 0px 0 0px;
    background-color: #363636;
    color: #fff;	
	margin-left: auto;
	margin-right: auto;
	height:23px;
	box-shadow: inset 0px 0px 25px #1B1B1B;
}

.navbar-main {
    margin-bottom: 0;
    background-color: #363636;
}

.panel-sidebar {
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 10px;
	margin-left: 10px;
    margin-right: 10px;
    padding: 0px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #333;
}

.panel {
    font-size: .9em;
}

.panel-sidebar>.panel-heading {
    color: #fff;
    background-color: #395a7b;
    border-bottom: 0;
	
}

.panel-sidebar .panel-title {
    font-size: 1.1em;
    font-weight: 300;
    font-family: 'Open Sans',sans-serif;
    line-height: 26px;
    color: #fff;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.contact-but {
	padding: 7px 10px 7px;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	background: rgb(68, 129, 214) url(../images/but.png);
	margin-bottom: 20px;
	border: 1px solid #2662B6;
	text-shadow: 0 -1px 1px #2662B6;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	width: 21%;
}
.contact-but:hover {
	background: rgb(49, 115, 207);
}
.copy-right {
	padding: 20px 0;
}
.copy-right p {
	text-align: center;
	color: #A5A4A4;
	font-size: 12px;
	margin-top: 5px;
}
.copy-right p a {
	text-decoration: none;
	color: #CCC;
}









div.subnav {
	display: none;
	position: absolute;
	top: 35px;

	background:#fff;
/* 	width: 100%;*/ 
	
	padding: 9px 0 15px 0;
	z-index:121;
	border:solid 1px #c6c6c6;
	border-top:none;
	margin: 5px -5px;
}

.home-shortcuts li:hover .subnav, .home-shortcuts li.hover .subnav, .home-shortcuts li.nav-hover .subnav {
	/* display:block; */
	background:#fff;
	z-index:121;
	color:#000000;
}
.home-shortcuts li .subnav {
	display: none;
	
	top: 21px;

	background:#fff;
/* 	width: 805px; */
	padding: 9px 0 15px 0;
	z-index:121;
	border:solid 1px #c6c6c6;
	border-top:none;
	margin: 5px -5px;
}



#subn-1{
	left: 6px;
	padding-left: 10px;
	width:50%; /* */
    font-size: 15px;
    background-color: #f9f9f9;
    border: 0px solid #ddd;
    color: #333;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}

#subn-2{
	padding-left: 10px;
	width:40%; /* */
    font-size: 15px;
    background-color: #f9f9f9;
    border: 0px solid #ddd;
    color: #333;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);		
}
	

#subn-3{
	right: 3px;
	padding-left: 10px;
	 width:87%; /**/
	font-size: 15px;
    background-color: #f9f9f9;
    border: 0px solid #ddd;
    color: #333;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); 
}
	


div.subnav_grides {
	overflow: hidden;
	padding: 25px 0;

}



#subn-1 .subnav_grid {
float: left; /* 	*/
	
	width: 25%;
	margin-right: 3%;
}

#subn-2 .subnav_grid {
float: left; /* 	*/
	
	width: 44%;
	margin-right: 3%;
}

#subn-2  a {
	display:block;
	font-size:12px;
	color:#494949;
	padding-top:3px;
	font-weight: normal;
}

#subn-3 .subnav_grid {
	float: left; /* 	*/
	width: 30%;
	margin-right: 3%;
}

#subn-3 a {
	display:block;
	font-size:12px;
	color:#494949;
	padding-top:3px;
	font-weight: normal;
}

.subnav_gridfull {
	padding-top:3px;
	float: left;
	width: 100%;
	margin-right: 0px;
	
}


.subnav_grid1 {
	float: left;
	width: 31%;
	margin-right: 0px;
}



.subnav_grid h4, .subnav_grid1 h4 ,.subnav_gridfull h4{
	font-size: 20px;
	color: #395a7b;
	margin-bottom: 5px;
}

.home-shortcuts li {
    float: left;
    width: 20%;
    padding: 5px 3px;
    border-right: 1px solid #395a7b;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
}

.home-shortcuts li .nav-note {
	display:block;
	font-size:12px;
	color:#494949;
	padding-top:3px;
	font-weight: normal;
}
	
.nav-ic {
	display:inline-block;
	width:27px;
	height:35px;
	margin:0 10px 0 5px;
	float:left;
}

.nav-heading {
		margin: 0 10px 5px 10px;
}
	
.nav-heading .title {
	color:#555;
	float:left;
	padding:20px 0;
	border-bottom:1px dotted #999;
	font-family:Arial, Helvetica, sans-serif;
}


.home-shortcuts ul {
	clear: both;
	 width:265px; /**/
	width:100%;		
	margin-left: auto;
	margin-right: auto;
}
.home-shortcuts  {
	clear: both;
	/* width:265px; */
	width:100%;		
	margin-left: auto;
	margin-right: auto;
	margin: 0;
    padding: 10px 0;
    background: #363636;
    box-shadow: inset 0px 0px 25px #1B1B1B;
    border-radius:  0 0 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
	
}


 ul.navigation {
	/* width:265px; */

}

.nav-heading .d-ic-1 {
	width:271px;
}
.nav-heading .d-ic-2 {
	width:268px;
}
.nav-heading .d-ic-3 {
	width:230px;
}


.menu-ic{
	display:inline-block;
	vertical-align:middle;
	margin-right:12px;
}

/*--content--*/

span.blue{
	color:rgb(36, 133, 218);
}

.grids{
	
	font-family:Arial, Helvetica, sans-serif;
	padding: 10px 0;
	margin: auto;
	width: fit-content;
	padding-left:auto;
	padding-right:auto;
}

.grid-a{
	display: inline-block;
	width:31%;
	float:left;
/* 	padding: 20px 15px 20px 20px; */
	
	background: url(../images/shadow_bg.png);
}

.grid-left{
/* 	width:200px;
 */	float:left;
}

.grid-a h3{
	
}

.grid-a h4{
	font-weight:bold;
	font-size:20px;
	margin-bottom: 15px;
	color:#555;
}

.grid-b{
	width:31%;
	float:left;
	background: url(../images/shadow_bg.png);
	margin-left: 0px;
	padding: 10px;
}
.grid-b h3{
	color:#555;
	font-size:30px;
	margin-bottom: 5px;
}
.grid-b h4{
	font-weight:bold;
	font-size:20px;
	margin-bottom: 15px;
	color:#555;
}


.grid-c{
	width:31%;
	float:left;
	background: url(../images/shadow_bg.png);
	margin-left: 0px;
	padding: 10px;
}

.grid-c h3{
	color:#555;
	font-size:30px;
	margin-bottom: 5px;
}
.grid-c h4{
	font-weight:bold;
	font-size:20px;
	margin-bottom: 15px;
	color:#555;
}
div.header-lined h1 {
    margin-top: 0;
    /* margin-bottom: 15px; */
    padding: 14px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #f5f5f5;
    background-color: #39597b;
}

/* #order-standard_cart .products {
	margin: 0px 0;
    margin-top: 0px;
    margin-bottom: 10px;
	margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 4px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
} */

div#domain-pricing,
.promo-box {
	
    margin-top: 0px;
    margin-bottom: 10px;
	margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 4px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}

.promo-box h3 {
    margin: 0;
    font-weight: 400;
}

.promo-box i {
    float: right;
}

.promo-box p {
    margin: 0 0 10px 0;
    font-size: 0.85em;
}

.promo-box .small {
    margin: 10px 0 0 0;
    color: #999;
}


#header-cart > span > a{
	font-size: 12px;
	color: #FFF;
	}
	
#header-cart > span > a:hover{
	font-size: 12px;
	color: #92a4ff;	
}

div#header-cart{
/* border: 1px solid rgb(78, 78, 78);border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius:8px;*//*margin-top: 10px;margin-bottom: 10px;float: right;*/
	position: relative; 
 /*	width: 100%;
	min-width: 100%; */
	height: 50px;
	font-size: 12px;
	color: #FFF;
	/* right:220px; */
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}

div#header-cart:hover{
/* border: 1px solid rgb(78, 78, 78);border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius:8px;*//*margin-top: 10px;margin-bottom: 10px;float: right;
	position: relative; 
	width: 85%;
	min-width: 85%;*/
	height: 50px;
	font-size: 12px;
	color: #39597b;
	/* right:180px; 
	text-align:right;*/
	font-family:Arial, Helvetica, sans-serif;
}

.cart-items {
	background: url("../images/cart.png") no-repeat ;
	padding-left: 25px;
	margin-top: 3px;
	margin-left: 10px;
	display: inline-block;
	height: 16px;
	color:#aaa;
	float: right;
	/*margin-right: 200px;
	width:100%;  */
}

.u-name {
	color: #aaa;
	font-size: 14px;
	margin: 5px 0 0 9px;
	display: inline-block;
	zoom: 1;
}

.dash-login {
	position: absolute;
	top: 5px;
	right: 0px;
}

span.bar{
	color:#fff;
}

.dash-login {
	margin-right: 14px;
}

.dash-login a {
	font-weight: bold;
	letter-spacing: 0.1em;
	color:#fff;
}

.dash-login a:hover{
	color:rgb(177, 223, 245);
}



.checkout-btn {
    background-color: #395a7b;
    border-color: #2e6da4;
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #aaa;
    padding: 10px 15px 5px;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
    background-color: #39597b;
    /* margin-bottom: 20px; */
    /* border: 1px solid rgb(51, 47, 48); */
    text-shadow: 0 -1px 1px rgb(77, 75, 75);
    border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 4px 4px;
    -o-border-radius: 0px 0px 4px 4px;
    text-decoration: none;
    float: left;
    margin-top: 5px;
}

.checkout-btn:hover{
    color: #fff;
    background-color: #1abc9c;
    border-color: #2e6da4;
	border: 0px solid #ddd;
	width:100%;
	border-radius: 0px 0px 8px 8px;
}

.cart{
	margin-top: 10px;
	border-top:1px solid rgb(78, 78, 78);
	padding-top: 7px; 
}




#home-customnavbar{
    clear: both;
    width: 100%;

    margin-left: auto;
    margin-right: auto;
    margin: 0;
    padding: 0px 0;
    background: #64672f;
    box-shadow: 0px 0px 10px 0px #000000;
    border-radius: 0 0 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
}




#footer > div.container > div > div > div > div > p > a{
	color: #fff;
	text-shadow: 5px 5px 5px #000000;
	}

.navbar-main .navbar-nav > li > a {
    color: #dddddd;
}

.navbar-main .navbar-nav .dropdown-menu > li > a:hover, .navbar-main .navbar-nav .dropdown-menu > li > a:focus, .navbar-main .navbar-nav .dropdown-menu > .active > a, .navbar-main .navbar-nav .dropdown-menu > .active > a:hover, .navbar-main .navbar-nav .dropdown-menu > .active > a:focus, .navbar-main .navbar-nav .dropdown-menu > .open > a, .navbar-main .navbar-nav .dropdown-menu > .open > a:hover, .navbar-main .navbar-nav .dropdown-menu > .open > a:focus {
    color: #dddddd;
    background-color: #3e597e;
	box-shadow: inset 0px 0px 11px #011f3a;
}

.navbar-main .navbar-nav > li > a:hover, .navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > .active > a, .navbar-main .navbar-nav > .active > a:hover, .navbar-main .navbar-nav > .active > a:focus, .navbar-main .navbar-nav > .open > a, .navbar-main .navbar-nav > .open > a:hover, .navbar-main .navbar-nav > .open > a:focus {
    color: #dddddd;
    background-color: #3e597e;
	box-shadow: inset 0px 0px 11px #011f3a;
}

.navbar-main .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #dddddd;
  
}

.dropdown-menu {
    color: #4a90e2;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #333333;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #39597b;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(93, 160, 188);
    box-shadow: 0 6px 12px rgb(93, 160, 188);
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #dddddd;
    white-space: nowrap;
}

.navbar-main li.account {
	background-color: #39597b;
	box-shadow: inset 0px 0px 11px #011f3a;
}

/*
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  background-color: #3e597e;
  color:#DDDDDD;
}
*/

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #FFF;
    background-color: #3e597e;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#cart > div.product-info > ul{
	margin-left: -20px;
}
#cart > div.product-info > br{
	height: 0px;
}

   
#cart > div.product-info > ul > li{
	list-style-type: none;
}

#cart > div.product-info > ul > li.product_spacer{
	list-style-type: none;    
	background-color: #597fb5;
	color:#FFF;
	padding:5px;
}

div.product > div.product-desc > ul > li{
	list-style-type: none;
}

#product0 > div > div.top-head > div.price-area{
	height:174px;
}

section#main-body {
    background-color: #dddddd;
}



section#contactstabs-main{
    padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #333;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    overflow: none;
    overflow-x: hidden;
    overflow-y: auto;
	min-height:400px;
}

section.contactstabs-content{
  display: none;
  padding: 20px 0 0 20px;
  border-top: 1px solid #ddd;	
  min-height:400px;
}

input.contactstab{
  display: none;
}

label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #000;
  border: 1px solid transparent;
}

label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

label[for*='1']:before { content: '\f044'; }
label[for*='2']:before { content: '\f095'; }
label[for*='3']:before { content: '\f16b'; }
label[for*='4']:before { content: '\f1a9'; }

label:hover {
  color: #888;
  cursor: pointer;
}
label.control-label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #333;
    border: 1px solid transparent;
}

div.form-group label.control-label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-weight: 600;
    text-align: center;
    color: #333;
    border: 1px solid transparent;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
	color: #000;
    opacity: 1;
}

input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

div.marketing-email-optin {
    display: block;
    width: 100%;
    height: 100px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #FFF;
    background-color: #3e597e;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



@media screen and (max-width: 650px) {
  label {
    font-size: 0;
  }
  label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  label {
    padding: 15px;
  }
}

section#home-banner-2 .row,
section#home-banner-2 .includes-features,
section#home-banner-2 .container{
height: 100%;
}

section#home-banner-2 .list-features{
	position:relative;
	top:20px;
	left:20px;
	text-align:left;
	width:100%;
	color: #eef1f2;
	font-size: 20px;
    font-style: italic;
    font-weight: bold;
    text-shadow: 2px 2px #292929;
}



.md-editor > textarea.markdown-editor, .md-editor > .md-preview {
    padding: 15px !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    background-color: #415981 !important;
}

.md-editor .md-footer, 
.md-editor>.md-header,
.md-editor > .btn-toolbar{
    margin: 0;
	background: #415981;
	background-color: #415981 !important; 
    box-shadow: inset 0px 0px 8px #1B1B1B !important;
}



section#product-banner {
    margin: 0;
   /*  padding: 100px 0 60px; */
    background-color: #363636;
    color: #fff;	
	margin-left: auto;
	margin-right: auto;
/* 	banner.jpg	*/	
	/* background-image: url('/templates/uix/images/test.png');
	background-repeat: no-repeat; */
	height:25%;
	 background-size: 100% 100%; 
		/*background-size: cover;
background-size: contain; */
	box-shadow: inset 0px 0px 25px #1B1B1B;
}

#pagebanner-top{  
position:relative;
display:block;
background-image: url("/templates/uix/images/pagebanner-top.png");
background-size: 100% 100%;
background-repeat: no-repeat;
   /*   */
width: 100%;
height: 20%;
top:0px;

}

#pagebanner-middle{
	position:relative;
	display:block;
	/*background-size: 100% auto;
    background-repeat: no-repeat;   bottom:0px;
   */  
   height: 60%; 
   width: 100%;
 
}

#pagebanner-bottom{  
	background-image: url("/templates/uix/images/pagebanner-bottom.png");
	background-size: 100% 100%;
    background-repeat: no-repeat;
   /**/  
   height: 20%; 
    width: 100%;
    bottom:-1px;		
	position:relative;
	display:block;
}


#pagebanner-bottom #head_title {
  /*   position: relative;
    bottom: 40px; */
    /* right: 20px; */
    padding-top: 8px;
	bottom: 0px;
    text-align: right;
    width: 100%;
    color: #eef1f2;
    font-size: x-large;
    font-style: italic;
    font-weight: bold;
    text-shadow: 2px 2px #292929;
}

#pagebanner-top #head_desc{
    color: #eef1f2;
    padding-top: 8px;
	
    /* text-decoration: overline; */
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    text-shadow: 2px 2px #292929;
}



section#product-bannerdomain {
    margin: 0;
   /*  padding: 100px 0 60px; */
    background-color: #363636;
    color: #fff;	
	margin-left: auto;
	margin-right: auto;
/* 	banner.jpg	*/	
	/* background-image: url('/templates/uix/images/test.png');
	background-repeat: no-repeat; */
	height:50%;
	 background-size: 100% 100%; 
		/*background-size: cover;
background-size: contain; */
	box-shadow: inset 0px 0px 25px #1B1B1B;
}

div.product-details-tab-container {
    margin: 0;
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 0;
    background-color: #fff;
}

.main-content {
    margin-bottom: 60px;
   /*  min-height: 500px; */
}
.tab-content{
background: #FFFFFF;
padding:5px;
}


.tiles .tile {
    padding: 12px 20px;
    background-color: #3e597e;
    border-right: 1px solid #363636;
    color: #ccc;
}
/* .tiles .tile:HOVER {
    padding: 12px 20px;
    background-color: #3e597e;
    border-right: 1px solid #363636;
    color: #ccc;
} */

.tile .title {
    font-weight: bold;
    color: #ccc;
    text-transform: uppercase;
    font-size: 12px;
}
.tile .icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 48px;
    line-height: 1;
    color: #ccc;
}
.tile .stat {
    margin-top: 20px;
    font-size: 40px;
    line-height: 1; 
	color: #ccc;
}

.tiles .tile .highlight {
    margin-top: 4px;
    height: 2px;
    border-radius: 2px;
}

section#footer .back-to-top {
	position:relative;
    float: right;
	right:200px;
}



#cont-1{
background: #dddddd;
padding:15px;
width: 98%; 
vertical-align: middle;
display: block;
margin-left: auto;
margin-right: auto ;

margin-top:10px;
margin-bottom:10px;
margin-top:15px;
margin-bottom:15px;
height: 100%;
-webkit-box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
 border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

#cont-1 .row{
padding:25px;
/* background: #90abbc; */
}

#cont-1-image{
padding:10px;
float: right;
width: 45%;

}
#cont-1-image img{
	width:100%;
	border-radius: 10px 10px 10px 10px;
-moz-border-radius:  10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

#cont-1-desc{
padding:10px;
float:left;
width: 55%;
}

#cont-1-desc .title{
/* background: #dddddd; */
padding:5px;
}

#cont-1-desc .additional{
/* background: #dddddd; */
margin-top:10px;
padding:5px;
bottom:0px;
}

#cont-1-desc .additional img{
padding:5px;
width: 80px;
height: 80px;
}

#cont-1-desc .con{
float: right;
}

#cont-1-desc ul{
margin-top: 15px;
color:#356684;
font-size: 18px; 
text-shadow: 2px 2px 5px #337ab7a6;
}


#cont-1-desc span.blue{
color: rgb(53, 102, 132);
font-size: 22px;  
text-shadow: 2px 2px 5px #337ab7a6;
}

#cont-1-desc .title, #cont-1-desc .con-button , #cont-1-desc .con-price{
color:#356684;
text-shadow: 2px 2px 5px #337ab7a6;
}


#cont-1-desc .con{
float: right;
bottom:0px;
}



#cont-2{
background: #5a829b;
padding:15px;
width: 98%; 
vertical-align: middle;
display: block;
margin-left: auto;
margin-right: auto ;
margin-top:15px;
margin-bottom:15px;
padding-top:15px;
padding-bottom:15px;
height: 100%;
-webkit-box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
 border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

#cont-2 .row{
padding:25px;
/* background: #dddddd; */
}

#cont-2-image{
padding:10px;
float:left;
width: 45%;
}

#cont-2-image img{
width:100%;	
border-radius: 10px 10px 10px 10px;
-moz-border-radius:  10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

#cont-2-desc{
padding:25px;
float: right;
width: 55%;
}

#cont-2-desc ul{
margin-top: 15px;
color:#fff;
font-size: 18px; 
text-shadow: 2px 2px 5px #000000;
}


#cont-2-desc span.white{
color:#fff;
font-size: 22px; 
text-shadow: 2px 2px 5px #000000;

}	

#cont-2-desc .title, #cont-2-desc .con-button , #cont-2-desc .con-price{
color:#dddddd;
text-shadow: 2px 2px 5px #000000;
}


#cont-2-desc .con{
float: right;
}



#cont-3{
background: #5a829b;
padding:15px;
width: 98%; 
vertical-align: middle;
display: block;
margin-left: auto;
margin-right: auto ;
padding-top:15px;
padding-bottom:15px;
margin-top:15px;
margin-bottom:15px;
height: 100%;
-webkit-box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
 border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

#cont-3 .row{
padding:25px;
/* background: #dddddd; */
}

#cont-3-image{
padding:10px;
float:left;
width: 45%;
}

#cont-3-image img{
width:100%;	
border-radius: 10px 10px 10px 10px;
-moz-border-radius:  10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}


#cont-3-desc{
padding:25px;
float: right;
width: 55%;
}

#cont-3-desc .title,#cont-2-desc .title a{
color:#fff;
text-shadow: 5px 5px 5px #000000;
}


#cont-3-desc .con{
float: right;
}


#con-spacer{
padding-bottom:60px;
}

/* 
.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index:500;
}

.sticky + #header {
   padding-top: 300px; 
}

.stickyx {
  position: fixed;
  top: 100;
  width: 100%;
  z-index:500;
}

.stickyx + #header {
  padding-top: 200px;
}

 
.panel-info {
    border-color: #bce8f1;
    width: 75%;
    float: right;
} */

#order-standard_cart .field-icon i {
    color: #bbb;
    bottom: 10px;
}

#order-standard_cart .prepend-icon .field-icon i {
    position: relative;
    font-size: 24px;
}


.tld-pricing-header {
    line-height: 28px;
    margin-top: 6px;
    margin-bottom: 6px;
    border-right: 2px solid #236fb7;
    color: #000;
    background-color: #efefef;
}

.domain-pricing .tld-row.highlighted {
    background: #bbbbbb;
}

.domain-pricing .tld-row {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #3e474c;
    background-color: #7e9fb3;
    color: #333;
}

.domain-pricing .two-row-center {
    line-height: 28px;
    margin-top: 6px;
    margin-bottom: 6px;
    border-right: 2px solid #236fb7;
    color: #000;
}


.tld-sale-group-hot {
	background-color: #b1332d;
	font-weight: bolder;
	border: 1px solid #f9f21d;
	padding-bottom:2px;
	padding-top:2px;
	padding-right:5px;
	padding-left:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transform: skew(9deg, -8deg) ;
	-webkit-transform: skew(9deg, -8deg) ;
	-moz-transform: skew(9deg, -8deg) ;
	-o-transform: skew(9deg, -8deg) ;
	-ms-transform: skew(9deg, -8deg) ;
}


.tld-sale-group-sale {
    background-color: #fdc500;
    font-weight: bolder;
    border: 1px solid #5b5f25;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ab1913;
}


.tld-sale-group-new {
    background-color: #2bb10a;
    font-weight: bolder;
    border: 1px solid #e9f356;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #d8f156;
}

.tld-sale-group{
transform: rotate(347deg) scale(0.67) skew(9deg) translate(4px);
-webkit-transform: rotate(347deg) scale(0.67) skew(9deg) translate(4px);
-moz-transform: rotate(347deg) scale(0.67) skew(9deg) translate(4px);
-o-transform: rotate(347deg) scale(0.67) skew(9deg) translate(4px);
-ms-transform: rotate(347deg) scale(0.67) skew(9deg) translate(4px);
}
domain-checker-container {
    margin: 20px 0;
    padding: 0;
    background-color: #2d617e;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2d617e), to(#7e9fb3));
    background: -webkit-linear-gradient(top, #2d617e, #7e9fb3);
    background: -moz-linear-gradient(top, #2d617e, #7e9fb3);
    background: -ms-linear-gradient(top, #2d617e, #7e9fb3);
    background: -o-linear-gradient(top, #2d617e, #7e9fb3);
    -webkit-box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.domain-checker-bg {
    padding: 80px 0;
}



.domain-promo-box {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #dddddd;
    border: 1px solid #948e8e9e;
    color: #333;
    border-radius: 10px;
    height: 300px;
    width: 100%;
    -webkit-box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.domain-pricing {
    background-color: #dddddd;
    font-weight: bolder;
    border: 1px solid #00000033;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000000;
    -webkit-box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 20px 1px rgba(0,0,0,0.25);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.domain-pricing .row {
    margin-right: -5px;
    margin-left: -5px;
}

#pagebanner-bottom #head_title {
    position: relative;
    /* right: 20px; */
    /* padding-top: 0px; */
    bottom: -9px;
    text-align: right;
    width: 100%;
    color: #eef1f2;
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    text-shadow: 2px 2px #292929;
}


#pagebanner-top #head_desc {
    color: #eef1f2;
    padding-top: 8px;
    /* text-decoration: overline; */
    font-size: 26px;
    font-style: italic;
    font-weight: bold;
    text-shadow: 2px 2px #292929;
}

#mg-wrapper label:not(.control-label) {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
}

.head-container-title{
	float: left;
    font-family: cursive;
    font-size: 30px;
}

.head-container-location{
	float: left;
    font-family: cursive;
    font-size: 20px;
}

.head-container-since{
	float: left;
    font-family: cursive;
    font-size: 15px;
}

.sun{
	width:100%;
	background-color: #c610b0;
	height:3px;
}
/*
.redsun{
	width:100%;
	background-color: #f20502;
	height:1px;
}
*/