@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);

/* Entypo Icon Font */
@font-face {
  font-family: 'entypo-selected';
  src: url("../font/entypo-selected.eot");
  src: 
	  url("../font/entypo-selected.eot?#iefix") format('embedded-opentype'), 
	  url("../font/entypo-selected.woff") format('woff'), 
	  url("../font/entypo-selected.ttf") format('truetype'), 
	  url("../font/entypo-selected.svg#entypo-selected") format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  padding-top: 60px;
  font-family: 'Open Sans', sans-serif;
}
.navbar-brand {
float: left;
padding: 0px 15px;
}
.navbar {width:100%;height:70px;position:fixed;top:0;left:0;}
.nav{padding-top:10px;}
#logo{max-width:100%;}
.content-start{padding: 80px 15px;text-align: center;}
#coupon{background-color:#747474;padding:20px 0;}
#coupon p, #coupon h2{margin:0;color:#fff;}
#coupon p span{color:#f7e442;}

.whyustitle{font-size:30px;text-align:center;padding-bottom:10px;padding-top:30px;border-bottom:1px solid #ececec;}

#featurebox{padding:30px 0;}

#feature .color1{background-color:#ffd34c;}
#feature .color2{background-color:#6df1c1;}
#feature .color3{background-color:#72b2de;}
#feature .color4{background-color:#d072de;}
#feature h3{font-size:18px;font-weight:bold;}
#feature .iconholder{text-align:center;}
#feature a.disabled {
   pointer-events: none;
   cursor: default;
   color:#fff;
}
#feature .btn-circle {
  width: 80px;
  height: 80px;
  text-align: center;
  padding: 20px 0;
  font-size: 36px;
  line-height: 1;
  border-radius: 40px;
  border-color:#fff;
}
.carousel .item {
    width: 100%; /*slider width*/
    max-height: 500px; /*slider height*/
}
.carousel .item img {
    width: 100%; /*img width*/
}
.carousel .carousel-control {
    background: none;
    border: none;
    top: 35%;
}
/* fading slider */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/* Added transforms to improve carousel performance in modern browsers. */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.carousel-control {
    font-size: 100px;
}
#sidebar h4{background-color:#595959;padding:5px 10px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;font-weight:bold;color:#fff;}
#loginbox{background-color:#f5f5f5;padding:10px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#loginbox .error{font-weight:normal;color:#f1271b;font-size:10px;}
.rightQuestion{padding:0 5px 5px 5px;}

#ptitleblock{background:#ffce58;font-family: 'Open Sans', sans-serif;}
#ptitleblock h2{font-size:80px;text-align:right;color:#ffffff;margin-top:-8px;margin-bottom:-13px;font-weight:300;letter-spacing:-6px;text-transform:uppercase;}

#contents{margin-bottom:20px;margin-top:20px;min-height:100%;}
#contents h3{font-size:16px;font-weight:bold;}
#contents .boxxx h3{font-size:16px;font-weight:bold;margin-top:0;border-bottom:1px dotted #353535;}
#contents .boxxx img{border:1px solid #353535;}
#contents .boxx h3{font-size:16px;font-weight:bold;margin-top:0;}
#contents .boxx img{margin:0 auto;}
#contents .boxx{margin-bottom:15px;border-bottom:1px dotted #eeeeee;padding-bottom:15px;}
.tab-content h3{margin-top:0;} 
.badge{font-weight:normal;font-size:14px;}
.nav-tabs {border-bottom: none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #fdfdfd;
cursor: default;
border: 1px solid #313131;
border-bottom-color: transparent;
background:#313131;
}
.nav-tabs > li > a {font-size:20px;font-weight:bold;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.list-special .list-group-item:first-child {
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
}
.list-special .list-group-item:last-child {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.list-group li:hover{background:#e9e9e9;}
.list-group span{background:#313131;}

td,th{text-align:center;}
table td:nth-child(1),table th:nth-child(1){text-align:left;}
#sharedhost table td:nth-child(5){background: #fff6c2;box-shadow: 0 4px 0 4px rgba(10, 10, 10, 0.42);}
#sharedhost table th:nth-child(5){background: #fea700;}
#sharedhost table td:nth-child(5):hover{background:#fed78b;}

#resellerhost table td:nth-child(5){background: #fff6c2;box-shadow: 0 4px 0 4px rgba(10, 10, 10, 0.42);}
#resellerhost table th:nth-child(5){background: #fea700;}
#resellerhost table td:nth-child(5):hover{background:#fed78b;}

#vpsblowouthost table td:nth-child(4){background: #fff6c2;box-shadow: 0 4px 0 4px rgba(10, 10, 10, 0.42);}
#vpsblowouthost table th:nth-child(4){background: #fea700;}
#vpsblowouthost table td:nth-child(4):hover{background:#fed78b;}

#dedicatedhost .promote{background: #d9f5ff;box-shadow: 4px 0 4px 0 rgba(10, 10, 10, 0.42);font-weight:bold;}
#dedicatedhost .promote:hover{background:#c1eeff;}

.order{font-weight:bold;}
.price{font-weight:bold;}
.price small{font-weight:normal;}
.headname th,.headname td{background:#313131;color:#fff;}

.datamap{text-align:center;}
.datamap img{margin:0 auto;}

#footer {
margin-top:10px;
padding:5px 0;
background-color: #222;
border-color: #080808;
color:#fff;
}
#footer a{color:#fff;}
#footer .socialicon{margin-top:4px;width:32px;height:32px;}
#footer .sface{background:#494949;}
#footer .stwit{background:#494949;}
#footer .sface:hover{background:#3859a0;}
#footer .stwit:hover{background:#46b0e4;}
#footer .tooltip .tooltip-inner{padding:5px;font-size:14px;}

/* 5 column hack */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/*full width container*/
@media (max-width: 767px) {
    .block {
        margin-left: -10px;
        margin-right: -10px;
    }
	#footer{padding:5px 10px;font-size:10px;}
	#footer .socialstuff{}
	#footer .tosinfo{text-align:center;}
	.list-group-item > .badge {float:none;}
	.carousel .carousel-control {top: 50%;}
	.carousel-control {font-size: 20px;}
}
@media (max-width: 1199px) {#ptitleblock h2{font-size:70px;margin-top:-8px;margin-bottom:-15px;}}
@media (max-width: 991px) {#ptitleblock h2{font-size:50px;margin-top:-1px;margin-bottom:-10px;letter-spacing:-5px;}}
@media (max-width: 661px) {#ptitleblock h2{font-size:26px;margin-top:5px;margin-bottom:-2px;letter-spacing:0px;}}
/*nav fix*/
@media (min-width: 1120px) and (max-width: 1199px) {
	#logo{height:50px !important;padding-top:8px;}
	#navhead{width:100%;}
}
@media (min-width: 789px) and (max-width: 1119px) {
	#logo{height:30px;padding-top:10px;}
	#navhead{width:100%;}
	.nav > li > a {padding: 10px 10px;	font-size:12px;}
	.nav {padding-top:5px;}
	
}
@media (min-width: 871px) and (max-width: 1119px) {
	#logo{height:50px !important;padding-top:10px;}
}	
@media (min-width: 768px) and (max-width: 789px) {
	#logo{height:50px !important;padding-top:10px;}
	#navhead{width:100%;}
	.nav > li > a {padding: 10px 7px;font-size:11px;}
	.nav {padding-top:5px;}
}
@media (max-width: 354px) {
	#logo{height:50px !important;padding-top:15px;}
}
@media screen and (max-width: 750px) {
	.nav{width:100%;}
}


.navbar-inverse .navbar-nav > li > a{background:#222;color:#fff;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{background:#f8bc31;color:#000}

#Gallery { list-style: none; padding: 0; margin: 0; }
#Gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#Gallery li { float: left; width: 25%; }
#Gallery li a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
#Gallery li img { display: block; width: 100%; height: 200px;overflow:hidden; }
@media (max-width: 989px) {
	#Gallery li { float: left; width: 33.3333%; }
}
@media (max-width: 800px) {
	#Gallery li { float: left; width: 50%; }
	#Gallery li img {width: 100%; height: 150px;}
}

/* GALLERY ****************************************************************** */
body.ps-active, body.ps-building, div.ps-active, div.ps-building
{
	background: #000;
	overflow: hidden;
}
body.ps-active *, div.ps-active *
{ 
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	display: none;
}
body.ps-active *:focus, div.ps-active *:focus 
{ 
	outline: 0; 
}
/* Document overlay */
div.ps-document-overlay 
{
	background: #000;
}
/* UILayer */
div.ps-uilayer { 
	background: #000;
	cursor: pointer;
}
/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{
	background: #000;
}
div.ps-zoom-pan-rotate *  { display: block; }
/* Carousel */
div.ps-carousel-item-loading 
{ 
	background: url(loader.gif) no-repeat center center; 
}
div.ps-carousel-item-error 
{ 
	background: url(error.gif) no-repeat center center; 
}
/* Caption */
div.ps-caption
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
}
div.ps-caption *  { display: inline; }
div.ps-caption-bottom
{ 
	border-top: 1px solid #42403f;
	border-bottom: none;
	min-height: 44px;
}
div.ps-caption-content
{
	padding: 13px;
	display: block;
}
/* Toolbar */
div.ps-toolbar
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
}
div.ps-toolbar * { 
	display: block;
}
div.ps-toolbar-top 
{
	border-bottom: 1px solid #42403f;
	border-top: none;
}
div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor: pointer;
	display: table-cell;
}
div.ps-toolbar div div.ps-toolbar-content
{
	width: 44px;
	height: 44px;
	margin: 0 auto 0;
	background-image: url(icons.png);
	background-repeat: no-repeat;
}
div.ps-toolbar-close div.ps-toolbar-content
{
	background-position: 0 0;
}
div.ps-toolbar-previous div.ps-toolbar-content
{
	background-position: -44px 0;
}
div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
	background-position: -44px -44px;
}
div.ps-toolbar-next div.ps-toolbar-content
{
	background-position: -132px 0;
}
div.ps-toolbar-next-disabled div.ps-toolbar-content
{
	background-position: -132px -44px;
}
div.ps-toolbar-play div.ps-toolbar-content
{
	background-position: -88px 0;
}
/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
	div.ps-toolbar div div.ps-toolbar-content
	{
		-moz-background-size: 176px 88px;
		-o-background-size: 176px 88px;
		-webkit-background-size: 176px 88px;
		background-size: 176px 88px;
		background-image: url(icons@2x.png);
	}
}