/* Page CSS - Hosting */

body {
color: #b5b5b5;
}

.package .package-name {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-transparent-dark h1, .bg-transparent-dark h2, .bg-transparent-dark h3, .bg-transparent-dark h4, .bg-transparent-dark h5, .bg-transparent-dark h6, .bg-transparent-dark p, .bg-transparent-dark span {
    color: #c8b568;
}

h2 {
font-size: 18px;
letter-spacing: 0.3px;
color: #c8b568;
}

strong {
font-weight: bold;
color: #c8b568;
}

/* knowlege base tuning */
.rate .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #232323;
    border-color: #232323;
}
.rate a {
    margin-right: 10px;
    text-decoration: none;
    border: 0px solid #efefef;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0px 4px;
}
.rate {
    margin-top: 25px;
    background-color: #232323;
    padding: 8px 15px;
    font-size: 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.rate a.green {
    color: #fff;
}
.rate a.red {
    color: #fff;
}

/* user area tuning */

tr {
display: table-row;
vertical-align: inherit;
border-top-color: inherit;
border-right-color: inherit;
border-bottom-color: inherit;
border-left-color: inherit;
background-color: #232323;
}

.table>thead>tr>th {
border-bottom: none;
border-left: none;
border-right: none;
font-size: 12px;
font-weight: bold;
color: #656565;
background: #232323;
/* background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafafa), to(#efefef)); */
/* background: -webkit-linear-gradient(#fafafa, #efefef); */
/* background: linear-gradient(#fafafa, #efefef); */
-pie-background: linear-gradient(#fafafa, #efefef);
/* position: relative; */
behavior: url(../javascript/PIE.htc);
}

tr {
display: table-row;
vertical-align: inherit;
border-top-color: inherit;
border-right-color: inherit;
border-bottom-color: inherit;
border-left-color: inherit;
background-color: #232323;
color: #b8c568;
}

.alert-warning {
background-color: #232323;
border-color: #232323;
color: #b8c568;
}

.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
        background-color: #232323;
}
.table-striped-alt > tbody > tr:nth-child(4n+3) > td, .table-striped-alt > tbody > tr:nth-child(4n+3) > th {
        background-color: #232323;
}

.top-focus-box {
background-color: #232323;
margin-top: -10px;
padding-top: 10px;
margin-bottom: 5px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #fff;
background-color: #232323;
border: 1px solid #ffffff;
border-bottom-color: transparent;
cursor: default;
}

a.list-group-item:hover, a.list-group-item:focus {
text-decoration: #b8c568;
background-color: #232323;
}

a.list-group-item.left-nav.active, a.list-group-item.left-nav.active:hover, a.list-group-item.left-nav.active:focus {
color: #ffffff;
background-color: #c3974d;
border-color: #ddd;
}

.panel-body .service-info h4 {
word-wrap: break-word;
margin-bottom: 15px;
}

table {
border: 0px solid #e1e1e1;
}

.col-border {
border-right: 0px solid #efefef;
}

.list-group-item.left-nav {
margin-bottom: 2px;
border-bottom: 0px solid #ddd;
/* border: 1px solid #ddd; */
}

.list-group-item h4 {
color: #b8c568;
}

a.list-group-item, a.list-group-item {
text-decoration: #b8c568;
background-color: #232323;
}

.table .table {
background-color: #232323;
}

.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
background-color: #232323;
}

.table>tbody>tr.expand_details>td, .table>tbody>tr.expand_details>td:hover {
background-color: #232323;
border-top: 0px solid #ccc;
color: #a6a4a4;
}

thead {
display: table-header-group;
vertical-align: middle;
border-top-color: inherit;
border-right-color: inherit;
border-bottom-color: inherit;
border-left-color: inherit;
background-color: #232323;
}
.list-group-item.credits {
color: #8cc24a;
background-color: #232323;
}
.table-curved th:first-child {
border-radius: 4px 0 0 0;
background-color: #232323;
}
.list-group-item.credits:first-child {
background-color: #232323;
border-bottom: 1px solid #232323;
}
.alert-info {
background-color: #232323;
border-color: #232323;
color: #b8c568;
}
.table-curved {
border: solid #232323 1px;
border-collapse: separate;
border-radius: 4px;
border-left: 0px;
margin-bottom: 2px;
background-color: #232323;
}
.table-curved tbody>tr>td:first-child {
border-left: 0px solid #e1e1e1;
border-right: 0px solid #e1e1e1;
border-bottom: 0px solid #e1e1e1;
border-top: 0px solid #e1e1e1;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
border-top: 0px solid #000;
color: #bbb;
}
.table-striped-alt > tbody > tr:nth-child(4n+3) > td, .table-striped-alt > tbody > tr:nth-child(4n+3) > th {
background-color: #232323; 
}

/* login form tuning */
.panel-blesta {
border-color: #6fb1d4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 8px #cacaca;
-moz-box-shadow: 0 1px 8px #cacaca;
box-shadow: 0 0px 0px #cacaca;
}
.panel {
margin-bottom: 5px;
border: 1px solid #232323;
border-radius: 8px;
}
.panel-body {
padding: 10px;
background-color: #232323;
}
.panel-footer {
padding: 10px 15px;
background-color: #232323;
border-top: 0px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}

/* knowlege base tuning*/
.breadcrumb {
border: 0px solid #e3e3e3;
}

/* order form tuning */
.panel-links .badge {
min-width: 10px;
padding: 1px 4px;
font-size: 10px;
border-radius: 6px;
background-color: #232323;
}

.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #ccc;
background-color: #000;
background-image: none; 
border: 1px solid #606060;
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,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #232323;
border: 0px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
color: #fff;
}

/* main menu section for gold colors */
.main-nav.menu-dark .inner-nav > ul > li > a:hover, .main-nav.menu-dark .inner-nav > ul > li > a:focus, .main-nav.menu-dark .navbar-toggle i:hover, .main-nav.op-nav.menu-dark .inner-nav > ul > li.active > a {
color: #C8B568;
}

.package .price-box {
    background-color: #232323;
}

.main-nav .dropdown-menu li a {
color: #c8b568;
}

.main-nav .dropdown-menu li a:hover, .main-nav .dropdown-menu li a:focus {
color: #ecd67e;

}
.main-nav .dropdown-menu {
color: #c8b568;
background-color: #232323;
}

.main-nav.menu-dark .inner-nav > ul > li > a, .main-nav.menu-dark .navbar-toggle i {
color: #c8b568;
}

/* end of main menu section */

.package .price-box {
    background-color: #232323;
    padding: 1px 0;
}

.section-title h3 {
color: #C8B568;
font-weight: bold;
}

.well-order .table > thead > tr > th {
background: none;
border: none;
border-bottom: 2px solid #696868;
}

.well-order {
background-color: #232323;
font-size: 12px;
}

hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 0px solid #eee;
}

.package p {
border-bottom: 0px dashed #efefef;
margin: 0;
padding: 5px 10px;
}

label {
font-weight: normal;
color: #ccc;
font-size: 12px;
letter-spacing: 1px;
margin-bottom: 5px;
}

.btn-default {
color: #fff;
background-color: #9f7c3f;
border-color: #9f7c3f;;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-radius: 4px;
}

.input-group .form-control {
margin-bottom: 0;
height: 42px;
}

.menu-dark .custom-collapse ul li a, .menu-light .custom-collapse ul li a {
    color: #C8B568;
}

.package {
    margin: 10px 0 15px;
    background: #232323;
    text-align: center;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 1px #000;
    -moz-box-shadow: 0 3px 1px #000;
    box-shadow: 0 3px 1px #000;
    border: 0px solid #fff;
    opacity: 0.6;
}

.package .order {
    padding: 5px;
    background-color: #232323;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.huge-number {
	font-size: 40px;
    padding-right: 15px;
}

h4 {
    border-bottom: 0px;
    padding: 0px 0;
    margin-top: 0;
    margin-bottom: 0;
}

.main-nav {
	border-bottom: 0px !important
}
.no-sticky.menu-sticky {position:static !important;}
/* Page CSS */

body {
	font-weight: normal
}

.huge-number {
	font-size: 40px;
    padding-right: 15px;
}

.bg-blue {
    background-color: #1080F2;
	color: #ececec
}
.icon-1x {font-size:20px;}
.icon-3x {font-size:30px;}
.icon-4x {font-size:40px;}
.icon-5x {font-size:50px;}
.icon-6x {font-size:60px;}
.icon-7x {font-size:70px;}
.icon-8x {font-size:80px;}
.icon-10x {font-size:100px;}

.blue {color: #1080F2;}
.orange {color:#ff5c26;}
.green {color:#4cff4c;}
.dark {color:#cccccc;}
.light {color:#444444;}
.yellow {color:#ffff26;}
.ping {color:#ff73b9;}
.green-light {color:#004000;}
.ph-color-blue {color:#1428a0;}
.ph-color-green {color:#27e314;}

.btn-blue {background-color: #1080F2;color:#ffffff;}
.btn-orange {background-color:#ff5c26;color:#ffffff;}
.btn-green {background-color:#4cff4c;color:#ffffff;}
.btn-dark {background-color:#cccccc;color:#222222;}
.btn-light {background-color:#444444;color:#ffffff;}
.btn-yellow {background-color:#ffff26;color:#ffffff;}
.btn-ping {background-color:#ff73b9;color:#ffffff;}
.btn-blue-light {background-color:#363c44;color:#ffffff;}

.btn-blue:hover, 
.btn-orange:hover, 
.btn-green:hover, 
.btn-dark:hover, 
.btn-light:hover, 
.btn-yellow:hover, 
.btn-ping:hover, 
.btn-blue-light:hover{color:#ffffff;box-shadow: 0 2px 10px #7f7f7f;}

.btn-shadow:hover{box-shadow: 0 2px 6px #7f7f7f;}

.bg-blue input-placeholder,
.bg-blue ::-webkit-input-placeholder {
    color: #ececec
}

.btn-style-2 {
	background-color: #c3974d !important;
	border: 1px solid transparent !important;
}

.btn-style-2:hover {
	color: #c3974d !important;
	border: 1px solid #c3974d !important;
}

.os {
	display: table;
	position: relative
}

.os li {
	float: left;
	font-size: 25px;
	padding-right: 30px;
}

.android {
	color: #97C024;
}

.microsoft {
	color: #01ACF2
}

.team-style-3 .social-icon li a,
.progress-bar {
	background-color: #01ACF2
}

.parallax-overlay-dark:before {
	background-color: rgba(0, 0, 0, 0.8);
}

.list li:before {
	color: #C8B568;
	font-size: 18px
}

.owl-pagi-1 .owl-pagination .owl-page.active span, .owl-pagi-1 .owl-pagination .owl-page:hover span {
    background-color: #1080F2;
    height: 7px;
    width: 7px;
    box-shadow: 0 0 0 2px #1080F2;
}

.owl-pagi-1 .owl-pagination .owl-page span {
    border: 1px solid #1080F2;
}

.iphone {
	position: relative;
	max-width: 408px
}

.apps-showcase .owl-carousel {
	position: absolute;
	width: 69.2%;
    top: 12.3%;
    left: 14.5%;
}

.carousel-control.control-style-2.left, .carousel-control.control-style-2.right {
  bottom: 0;
  cursor: pointer;
  height: 10px;
  margin: auto;
  top: 0;
}

@media (min-width: 499px) and (max-width: 991px) {
	.apps-showcase .owl-carousel {
		width: 57.3%;
        left: 20.3%;
	}
}

@media (min-width: 464px) and (max-width: 498px) {
	.apps-showcase .owl-carousel {
	       width: 59.2%;
          left: 19.5%;
	}
}




/*
====================================================================================
*/

.sticker {postition: floating;}

a.link {color: #212d9c; text-decoration: underline; }

.space {height:30px;}

.panel-blesta > .panel-heading {
  background: #c3974d  none repeat scroll 0 0 !important;
  color: #fff;
  padding: 5px;
    border-radius: 5px 5px 0 0;
}
.package h4 {
    border-bottom: 0px;
}
.package-name .panel-heading {
  border-bottom: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius:0px;
}
.nav-content nav.navbar .dropdown-menu > li > a:hover, .nav-content nav.navbar .dropdown-menu > li > a:focus {
  background-color: #f2f2f2 !important;
  color: #262626;
  text-decoration: none;
}
.nav-content nav.navbar {
  background: #2a2a2a none repeat scroll 0 0 !important;
}
.nav-content .navbar-default .navbar-nav > li > a {
  color: #f1f1f1 !important;
}
.nav-content nav.navbar .navbar-toggle {
  background-color: transparent;
  background-image: none;
  border-radius: 4px;
  float: right !important;
  height: 39px !important;
  margin-bottom: 8px !important;
  margin-right: 15px !important;
  margin-top: 8px !important;
  padding: 9px 10px !important;
  position: relative;
}
.dropdown-menu > li > a {
  clear: both;
  color: #333;
  display: block;
  font-weight: 400;
  line-height: 1.42857;
  padding: 8px 20px;
  white-space: nowrap;
}
address {
  font-style: normal;
  line-height: 2;
  margin-bottom: 20px;
}
