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

    ** Custom Stylesheet **

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

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

body{
    color: #46484a;
}

.btn-primary {
    color: #ffffff;
    background-color:#008acf;
    border-color:#008acf;
    text-transform:uppercase;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #008ACF;
        border-color: #008ACF;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #007ACA;
        border-color: #007ACA;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #007ACA;
        border-color: #007ACA;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
  background-color: #007ACA;  
  color: #FFFFFF;
}

.btn-default{
  background-color: #008ACF;  
  color: #FFFFFF;
}

.client-home-panels .panel > .panel-heading .panel-title .btn {
    color: #ffffff;
    border: 0;
}

.client-home-panels .panel > .panel-heading .panel-title .btn:hover
{
    color: #ffffff;
    border: 0;
}


.btn-success {
        color: #ffffff;
        background-color: #008ACF;
        border-color: #008ACF;
        text-transform:uppercase;
}

.bg-color-red{
  background-color: #008ACF;  
}

.panel.panel-accent-red{
    border-top: 3px solid #008ACF;
}

.bg-color-gold{
  background-color: #008ACF;  
}

.panel.panel-accent-gold{
    border-top: 3px solid #008ACF;
}


.bg-color-emerald{
  background-color: #008ACF;  
}

.panel.panel-accent-emerald{
    border-top: 3px solid #008ACF;
}

.text-success {
    color: #008acf;
}

.text-warning{
    color: #008acf;
}

.podminky  {
	padding-bottom: 25px;
}
.podminky .head {
	font-size: 14px;
	font-weight: bold;
	display: flex;
}
.podminky .head .cap {
	flex-basis: 30px;
}
.podminky .head .text {
	flex: 1;
}


.podminky .sub {
	padding: 10px 0px;
	display: flex;
}
.podminky .sub .cap {
	flex-basis: 45px;
}
.podminky .sub .text {
	flex: 1;
}
.podminky .sub.m1 {
	margin-left: 30px;
}
.podminky .sub.m2 {
	margin-left: 75px;
}
.podminky .sub.m2 .cap {
	flex-basis: 55px;
}



.boxes {
	overflow: hidden;
}
.boxes .box {
	float: left;
	width: 48%;
	box-sizing: border-box;
}
.boxes .box .ic-gray-box {
	min-height: 180px;
}
.boxes .box:first-child {
	margin-right: 2%;
}
.boxes .box:last-child {
	margin-left: 2%;
}



.ic-gray-box {
	background: #f6f6f6 radial-gradient(50% 0%, rgba(150, 150, 150, 0.27) 50%, rgba(215, 215, 215, 0.08) 100%) repeat scroll 0 0;
	border-radius: 8px;
	padding: 24px;
	margin: 15px 0px;
	border-left: 1px solid rgba(150, 150, 150, 0.6);
	border-right: 1px solid rgba(150, 150, 150, 0.6);
	word-wrap: break-word;
}
.ic-gray-box ul {
	padding-left: 10px;
}



.bg-hosting-01,
.bg-hosting-02,
.bg-hosting-03,
.bg-hosting-04 {
	color: #fff;
	background-color: #008acf !important;
	border-color: transparent;
}
ul.plan-features li {
	text-align: left;
	padding: 5px 30px !important;
}
ul.plan-features li.bolder {
	margin-top: 20px;
	text-align: center;
	color: #008acf;
}
.plan-title {
	text-transform: uppercase;
}
.pricing-table-4 a {
	padding: 0 !important;
}
.pricing-table-4 p {
	padding: 0 15px;
}
.highlight {
	color: #008acf;
	float: right;
}
.table-v1 {
	background-color: #ffffd2 !important;
}
.perex {
	font-size: 14px !important;
}
.perex a {
	color: #fff;
	text-decoration: underline;
}
.tc-box.s3 {
	min-height: 210px;
}

h1, h2 {
	text-transform: uppercase;
}
.block-s3.hero-1.homepage-header {
	padding-top: 5px;
}
@media (min-width: 992px) {
	.block-s3.hero-1.homepage-header {
		padding-top: 80px;
	}
}

#btnCompleteOrder > [class*="fa-"] {
    display: inline-block !important;
}


.pleskLogin input[type="submit"] {
	display:inline-block;
	margin-bottom:0;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	background-image:none;
	border:1px solid #46b8da;
	white-space:nowrap;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	color:#fff;
	background-color:#5bc0de;
	margin-left: 20px;
}


.pleskLogin input[type="submit"]:hover{
	color:#fff;
	background-color:#31b0d5;
	border-color:#269abc
}