@import url('cart.css');
@import url('hosting.css');
@import url('header.css');
@import url('footer.css');

/*Všeobecné classy/nastavenia*/
body{
    margin:0;
    font-family: "bio-sans",sans-serif;
    letter-spacing: 0.5px;
    font-weight:100;
    color:#707070;
}
img{
    width:100%;
}
@media(max-width: 300px) {
	img{
		width:100% !important;
    }
}
input,
a,
.btn,
.fab{
    transition: all .2s ease;
}
.hide {
	display: none;
}
.flex {
    display: flex;
}
.flex-center {
    justify-content: center;
}
.fright {
	float: right;
}
.fleft {
	float: left;
}
.hide-option {
    background: #fff !important;
    color: #fff !important;
}
.margin-top {
	margin-top: 30px;
}
.margin-bottom {
	margin-bottom: 30px;
}
.no-hover-decoration:hover {
    text-decoration: none;
}
.decoration-underline {
    text-decoration: underline;
}
.decoration-underline-hover:hover {
    text-decoration: underline;
}
.transform-uppercase {
    text-transform: uppercase;
}
.text-bold {
    font-weight: 600;
}
.cursor-pointer {
    cursor: pointer;
}

.position-relative {
    position: relative;
}
.top-neg-10 {
    top: -10px;
}
.width-40 {
    width: 40%;
}

@media (min-width: 768px) {
	.text-md-left {
		text-align: left;
	}
	.text-md-right {
		text-align: right;
	}
	.text-md-center {
		text-align: center;
	}
	.text-md-justify {
		text-align: justify;
	}
}

@keyframes highlight-pulse {
    0% {
        background: none;
    }
    50% {
        background: rgba(212,65,65,0.5);
    }
    100% {
        background: none;
    }
}
.highlight-pulse {
    animation: highlight-pulse 1.5s;
}

.btn{
    background: #0D5EAF;
    color: #fff;
    padding: 11px 0;
    width: 100%;
    border-radius: 60px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    font-size: 15px;
    color:#fff;
}
.btn:hover{
    background:#0F4984;
    color:#fff;
    text-decoration:none;
}

.btn .fas{
    position: absolute;
    right: 19px;
    top: 14px;
    opacity: 0.5;
}
.icon-reverse .fas{
    right:unset;
    left: 19px;
}
.btn-transparent{
    background:transparent;
    color:#0D5EAF;
    border:1px solid #0D5EAF;
}
.btn-transparent .fas{
    color:#0d5eaf;
}
.btn-transparent:hover .fas{
    color:#fff;
    opacity:1;
}
.btn-green{
    background:#75C921;
}
.btn-green:hover{
    background:#5DAF3E;
}
.input-wrap-icon .btn-green .fas{
    color:#fff
}
.btn-disabled{
    background: #BDBDBD;
    pointer-events: none;
}
.btn-white{
    background:#fff;
    color:#0D5EAF;
}
.btn-auto {
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.bg-gray{
    background:#F0F0F0;
}
.bg-blue{
    background:#0D5EAF;
}
.bg-blue .underline h1::before,
.bg-blue .underline h2::before,
.bg-blue .underline h3::before,
.bg-blue .underline h4::before{
    color:#75C921;
}
ul{
    list-style: none;
    padding:0;
    font-size:15px;
}
label{
    color:#757575;
    font-weight:100;
}
input,
textarea{
    border: none;
    position: relative;
    background:#F0F0F0;
    border-radius: 60px;
    padding: 12px 30px;
    color:#707070;
    font-weight: 100;
}
textarea{
    resize:none;
}
input::placeholder{
    color:#BDBDBD;
    font-style: italic;
    font-size:15px;
    letter-spacing:1px
}
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"]{
    width:100%;
}
input[type="submit"],
input.submit{
    background: #75C921;
    position: absolute;
    right: -1px;
    top: 0;
    color: #fff;
    padding: 17px 0;
    border-radius: 0 60px 60px 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    width:170px;
    font-weight: 600;
    height: 56px;
}
input[type="submit"]:hover,
input.submit:hover{
    background: #5DAF3E;
}
input:focus,
textarea:focus{
    outline:0
}
textarea.code,
input.code {
	border-style: solid;
	border-radius: 4px;
	background-color: #f0f0f0;
	color: #304e78;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 3em;
	padding: 0em 0em 0em 1em;
	border: 1px #ccc solid;
	border-left: #196eb4 solid 5px;
	font-family: Courier New, Courier;
	font-weight: bolder;
	width: calc(100% - 4em);
	display: block;
	resize: vertical;
}
input.code::placeholder{
	color: #8F9EB3;
	font-weight: bolder;
}
form.form-lg input[type="submit"],
form.form-sm input[type="submit"],
form.form-lg input.submit,
form.form-sm input.submit{
    padding: 12px 30px;
    width: 100%;
    position: relative;
    border-radius: 40px;
}
select{
    border: none;
    padding: 11px 40px;
    border-radius: 40px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
    width: 100%;
    cursor: pointer;
    background:#fff;
    -webkit-appearance:none;
}
input:focus{
    box-shadow: 0 0 5px 0px rgba(117, 201, 33, 1);
}
textarea:focus{
    box-shadow: 0 0 5px 0px rgba(117, 201, 33, 1);
}
.select-wrap{
    position: relative;
}
.select-wrap .fa-chevron-down{
    background: #0D5EAF;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    border-radius: 0 44px 44px 0;
    pointer-events: none;

}
.input-label{
    position: relative;
}
.input-label input {
	border: none;
	padding: 11px 15px 11px 110px;
	border-radius: 40px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
	width: 100%;
	background:#fff;
	-webkit-appearance:none;
}
.input-label .label{
	background: #0D5EAF;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	border-radius: 44px 0 0 44px;
	pointer-events: none;
	padding-left: 10px;
	padding-right: 10px;
}
form.form-lg input[type="submit"] .fas,
form.form-sm input[type="submit"] .fas,
form.form-lg input.submit .fas,
form.form-sm input.submit .fas{
    color:#fff;
}
.custom-checkbox{
    display:flex;
}
div .custom-checkbox{
    margin-bottom:10px;
}
div .custom-checkbox:last-child{
    margin-bottom:0;
}
.korespondencna-adresa{
}
.custom-checkbox input{
    opacity:0;
    position: absolute;
    width: 24px;
    height: 24px;
    z-index: 50;
    cursor: pointer;
}
.custom-checkbox label{
    margin:0;
    cursor: pointer;
}
.input-wrap-icon{
    position: relative;
}
.custom-checkbox input:checked ~ tbody{
    background:red;
}
.checkmark{
    width: 24px;
    height: 24px;
    background: #f0f0f0;
    display: inline-block;
    border-radius: 40px;
    margin-right:10px;
}
.checkmark::before{
    content: "\f00c";
    position: relative;
    color: #fff;
    top: 5px;
    left: 4px;
    opacity:0;
}
.custom-checkbox input:checked ~ .checkmark {
    background-color: #75C921;
    border:1px solid transparent;
}
.custom-checkbox input:checked ~ .checkmark::before {
    opacity:1;
}
.input-wrap-icon .fas{
    position: absolute;
    right: 22px;
    top: 15px;
    color: #BDBDBD;
    pointer-events: none;
    font-size: 15px;
}
.input-wrap-icon-big{
    position: unset;
}
.icon-white .fas{
    color:rgba(255,255,255,0.5);
}
.input-wrap-icon-big .fas{
    top:22px;
    color:rgba(255,255,255,0.5);
}
.form-sm{
    width: 370px;
    display: block;
    margin:auto;
}
.form-lg{
    width:570px;
    display: block;
    margin:auto;
}
.form-lg input[type="submit"],
.form-lg input.submit{
    width:370px;
}
.input-group{
    width:100%;
}
h1,
h2,
h3,
h4{
    font-weight:bold;
    margin:0;
    text-transform: uppercase;
    position: relative;
}
h1{
    font-size: 30px;
}

h2{
    font-size:40px;
}
h3{
    font-size:30px;
}
h4{
    font-size:20px;
    line-height: 25px;
}


p{
    font-size:15px;
    font-weight:100;
}

.input-wrap{
    position: relative;
}
.padding-xs-top{
    padding:40px 0 0px;
}
.padding-xs{
    padding:34px 0 40px;
}
.padding-sm{
    padding:54px 0 60px;
}
.padding-md{
    padding:74px 0 80px;
}
.padding-lg{
    padding:94px 0 100px;
}
.underline{
    position: relative;
}
.head-link > a{
    position: absolute;
    left: 0;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    margin-top: 6px;
    z-index:50;
}
.head-link > a span{
    color: #fff;
    font-size: 11px;
    margin-right: 5px;
}
#podpora_podstranka div.head-link > a {
    cursor: pointer;
}
#podpora_podstranka .support-wrap ul,
ul.arrow-list {
    list-style: none;
}
#podpora_podstranka .support-wrap ul li,
ul.arrow-list li {
    margin-left: 18px;
}
#podpora_podstranka .support-wrap ul li:before,
ul.arrow-list li:before {
    position: absolute;
    font-size: 1.5em;
    content: "›";
    left: 18px;
    transform: translateY(-23%);
}
ul.arrow-list li:before {
	/*position: relative;*/
	left: auto;
	margin-left: -18px;

}
.underline h1,
.underline h2,
.underline h3{
    margin-bottom: 20px;
    padding-bottom: 25px;
}
.underline h4{
    margin-bottom: 13px;
    padding-bottom: 25px;
}
.underline h1::before,
.underline h2::before,
.underline h3::before,
.underline h4::before{
    content: "....";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #BDBDBD;
    font-size: 30px;
    font-family: serif;
    font-weight:normal;
}
.underline-green h1::before,
.underline-green h2::before,
.underline-green h3::before,
.underline-green h4::before{
    color:#75C921;
}
.underline-side h1::before,
.underline-side h2::before,
.underline-side h3::before,
.underline-side h4::before{
    letter-spacing: 0;
    transform: rotate(90deg);
    display: block;
    right: -41.5px;
    top: 2px;
    content: "....";
    position: absolute;
    color: #BDBDBD;
    font-size: 30px;
    font-family: serif;
    font-weight: normal;
    bottom:0

}
.subheader span{
    color:#BDBDBD;
    font-size: 20px;
}
.subheader h1,
.subheader h2,
.subheader h3,
.subheader h4{
    margin-bottom:0;
}

.same-height{
    display:flex;
}
h1 span,
h2 span,
h3 span,
h4 span{
    color:#707070;
    font-size:inherit;
}
.subheader h1 span,
.subheader h2 span,
.subheader h3 span,
.subheader h4 span{
    color:#707070;
    font-size:inherit;
}
.page-header-picture .subheader span{
    opacity:0.7;
    color:#fff;
}
.subheader p{
    padding:15px 0;
}
/*Ikony*/
.icon-blue{
    background:#0D5EAF;
}
.icon-blue .fas{
    color:#0D5EAF;
}


.icon-teal{
    background:#0C8E92;
}
.icon-teal .fas{
    color:#0C8E92;
}


.icon-teal-light{
    background:#00A57D;
}
.icon-teal-light .fas{
    color:#00A57D;
}


.icon-green{
    background:#5DAF3E;
}
.icon-green .fas{
    color:#5DAF3E;
}


.icon-lt-green{
    background:#75C921;
}
.icon-lt-green .fas{
    color:#75C921;
}

.icon-xlt-green { /* eXtra LighT Green :) */
	background: #8FDD39;
}
.icon-xlt-green .fas {
	color: #8FDD39;
}

.icon-red{
    background: #FF6868;
}
.icon-red .fas{
    color: #FF6868;
}

.text-lt-blue{
    color:#1976D2;
}
.text-blue{
    color:#0D5EAF;
}
.text-teal{
    color:#0C8E92;
}
.text-teal-light{
    color:#00A57D;
}
.text-green{
    color:#5DAF3E;
}
.text-lt-green{
    color:#75C921;
}
.text-xlt-green {
	color: #8FDD39;
}
.text-bold {
    font-weight:600;
}
.text-bold p{
    font-weight:600;
}
.text-xs{
    font-size:13px;
}
.text-red{
    color:#fa6565;
}
.text-white{
    color:#fff
 }
.icon-white{
    color:#fff;
}
.loader {
	display: inline;
}

.stretch{
    width:100%;
}
.divider{
    padding: 0 15px;
}
.required::after{
    content:"*";
    color:#fa6565;
    margin-left:5px;
}
.input-required{
    box-shadow: 0 0 5px 1px rgba(250, 65, 65, 1);
}
.mt-5{
    margin-top:5px;
}
.mt-10{
    margin-top:10px;
}
.mt-20{
    margin-top:20px;
}
.mt-30{
    margin-top: 30px;
}
.mb-0{
    margin-bottom:0;
}
.mb-10{
    margin-bottom:10px;
}
.mb-20{
    margin-bottom:20px;
}
.mb-25{
    margin-bottom:25px;
}
.mb-35{
    margin-bottom:35px;
}
.mb-50{
    margin-bottom:50px;
}
.mtb-20{
    margin:15px 0;
}
.mt-auto{
    margin-top:auto;
}
.mb-auto{
    margin-bottom:auto;
}
.mr-5{
    margin-right: 5px;
}
.mr-10{
    margin-right: 10px;
}
.ml-5{
    margin-left: 5px;
}
.ml-10{
    margin-left: 10px;
}
.ml-35{
    margin-left: 35px;
}

.no-scroll{
    overflow: hidden;
}
.visible{
    pointer-events: none;
}
.toggle-team-form{
    cursor: pointer;
}

/*===================INDEX=====================*/

/*CAROUSEL Animácie*/
.carousel-fade .carousel-inner .item {
    transition-property: opacity!important;
}
.carousel-inner p,
.carousel-inner h1,
.carousel-inner h2,
.carousel-inner .btn{
    transition: all .6s ease;
    transform: translate3d(0px, 0px, 0px);
    opacity:0;
}
.active p,
.active h1,
.active h2,
.active .btn{
    opacity:1;
}
.carousel .left p,
.carousel .left h1,
.carousel .left h2,
.carousel .left .btn{
    transform: translate3d(-300px, 0px, 0px);
}
.carousel .right p,
.carousel .right h1,
.carousel .right h2,
.carousel .right .btn{
    transform: translate3d(300px, 0px, 0px);
}
.carousel .prev.right p,
.carousel .prev.right h1,
.carousel .prev.right h2,
.carousel .prev.right .btn{
    transform: translate3d(-300px, 0px, 0px);
}
.carousel .left.next h1,
.carousel .left.next h2,
.carousel .left.next p,
.carousel .left.next .btn{
    transform: translate3d(300px, 0px, 0px);
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0!important;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1!important;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0!important;
    -webkit-transform: translate3d(0, 0, 0)!important;
    transform: translate3d(0, 0, 0)!important;
}
.carousel-fade .carousel-control {
    z-index: 2!important;
}
.carousel-main,
.carousel-main .carousel-inner{
    height: 55vh!important;
    min-height: 550px;
}
.carousel-main .carousel-caption {
    top: -5vh;
}
.carousel-main .carousel-inner .item {
    background-position: center;
}
.carousel-main .carousel-inner .item:nth-child(1){
    background-image: url(../img/header-overenie-2024.jpg);
    background-size: cover;
}
.carousel-main .carousel-inner .item:nth-child(2){
    background-image: url(../img/header-wordpress.jpg);
    background-size: cover;
}
.carousel-main .carousel-inner .item:nth-child(3){
    background-image: url(../img/header-magento.jpg);
    background-position: bottom;
    background-size: cover;
}
.carousel-main .carousel-inner .item:nth-child(4){
    background-image: url(../img/server.jpg);
    background-size: cover;
}
.carousel-main .carousel-inner .item:nth-child(5){
    background-image: url(../img/landscape-view-across-lake-clark-alaska-01.jpg);
    background-size: cover;
}
/*------------------*/

/*CAROUSEL Ostatné..*/

.carousel{
    position: relative;
    display: flex;
    flex-direction: column;
}
.carousel h1{
    font-size:40px;
    text-shadow: -1px 1px 3px grey;
}
.item{
    height:100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.carousel-caption{
    position:relative;
    top: 0;
}
.carousel-inner::before{
    content: "";
    background: linear-gradient(to right, rgba(14,70,128,0.7) 1%,rgba(33,33,33,0.7) 100%);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev{
    display: flex;
}
.item::before{
    content:"";
    left: 0;
    background: linear-gradient(to right, rgba(14,70,128,0.5) 1%,rgba(33,33,33,0.5) 100%);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index:1;
}
.carousel-inner h2{
    text-shadow: none;
    font-weight:bold;
    margin:0;
    line-height: 50px;
}
.carousel-inner p{
    text-shadow: -1px 1px 2px grey;
    font-size: 20px;
    color:#BDBDBD;
    margin: 15px 0 35px;
}
.carousel-indicators{
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 145px;
    z-index:3;
}
.carousel-indicators li {
    width: 4px;
    margin: 0 5px;
    height: 4px;
    background-color: rgba(255,255,255,0.5);
    border:none;
}
.carousel-indicators .active {
    margin: 0 4px;
    width: 9px;
    height: 9px;
}
.carousel-caption {
    left: unset;
    right: unset;
    padding-bottom: 30px;
}
.carousel-caption .btn{
    text-shadow: none;
    color: #75C921;
    border: 1px solid #75C921;
    text-transform: uppercase;
    font-size: 15px;
    padding: 10px 50px;
    border-radius: 0 40px 40px 40px;
    display: inline;
    background-color: transparent;
    transition: all .2s ease;
}
.carousel-caption .btn .fas{
    transition: 0s;

}
.carousel-caption .btn:hover{
    background:#5DAF3E;
    color:#fff;
}
#servers div.box-select {
    cursor: pointer;
}
.servers-status{
    position: absolute;
    display: flex;
    z-index: 2;
    width: 1170px;
    left: 0;
    text-align: right;
    bottom: 160px;
    margin: auto;
    right: 30px;
    pointer-events: none;
    flex-flow: row;
    justify-content: flex-end;
}
.servers-status p{
    font-size: 13px;
    color: rgba(255, 255, 255, 0.95);
    pointer-events: initial;
    padding: 3px 10px;
    margin: 0;
}
.servers-status div.servers-status-wrapper {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    background-color: rgba(93, 175, 62, 0.5);
    padding: 5px 10px;
    cursor: pointer;
}
.servers-status div.servers-status-before {
    position: relative;
    display: inline-flex;
    flex-direction: column-reverse;
    width: 61px;
    height: 61px;
    background-color: rgba(93, 175, 62, 1);
    padding: 8px;
    vertical-align: middle;
}
.servers-status span{
    color:#75C921;
    display:inline-block;
    margin-left: 3px;
}
.servers-status .servers-status-link span{
    color:rgba(255, 255, 255, 0.95);
}
.servers-status span:not(.fas)::after{
    content: "";
    width: 13px;
    height: 13px;
    background: #75c921;
    display: inline-block;
    border-radius: 20px;
    position: relative;
    top: 2px;
    margin-left: 10px;
}
.servers-status a{
    color: rgba(255, 255, 255, 0.95);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    pointer-events: initial;
}
.servers-status a span{
    margin-left:10px;
}
.monitoring-status{
    display: flex;
    justify-content: center;
}
.monitoring-status img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 100%;
}
/*---------------*/

.domain-check{
    background: rgba(0, 0, 0, 0.30);
    height: 135px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    display: flex;
    align-items: center;
}
.domain-check-wrap{
    display: inline-block;
}

.domain-check-wrap::before{
    content: "www.";
    position: absolute;
    left: -1px;
    top: 0;
    background: #BDBDBD;
    color: #fff;
    border: none;
    padding: 18px 65px;
    border-radius: 60px 0 0 60px;
    font-size: 14px;
    letter-spacing: 1px;
    z-index: 2;
    font-weight: 100;
}

.domain-check .container > div{
    position: relative;
    display: flex;
    align-items: center;
    justify-content:center;
}

.domain-check input[type="text"]{
    padding: 18px 210px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
    background: #fff;
    width: 770px;
}
.domain-check input[type="submit"]{
    padding: 18px 0;
    border-radius: 0 60px 60px 0;
    background:#75C921;
    width: 170px;
}
.domain-check input[type="submit"]:hover{
    background:#5DAF3E;
}
.domain-check input::placeholder{
    color:#BDBDBD;
    font-style: italic;
    font-size:15px;
    letter-spacing:1px
}
.domain-check p{
    color: #fff;
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    margin:0;
    position: absolute;
    left: 0;
}
.domain-check p span{
    font-size:14px;
}
.domain-no-height{
    height: unset;
}
.domain-check-interactions {
	background-color: #F0F0F0; /*#BDBDBD;*/ /*#0D5EAF;*/
}
.domain-check-interactions > div {
	padding-top: 30px;
	padding-bottom: 30px;
}
.carousel-main .domain-check .container > div > p {
    left: -5px;
}

#domain .domain-check .container > div {
    flex-direction: column;
}
#domain .domain-check .container > div > p {
    position: relative;
}
#domain .domain-check .container > div > p > span.fa-chevron-right::before {
    content: "\f078";
}
#domain #loader,
#domain #domain_status_ok,
#domain #domain_status_taken,
#domain #domain_added,
#domain #domain_error {
	margin-top: 30px;
}
.domain-transfer-ready h3{
    text-transform: none;
}
.domain-transfer-ready .domain-btn-cart{
    margin-top: 30px;
}
.domain-transfer-ready .domain-btn-cart a {
    padding: 15px 137px;
    margin: auto;
    display: inline;
}

/*==============================*/



/*======SEKCIA PREČO MY=========*/

.why-us{
    text-align: center;
}
.why-us p{
    font-size:13px;
    color:#707070;
    margin-bottom:0;
}
.why-us h4{
    margin:15px 0;
    padding: 0 5px;
}
.icon-tear{
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 80px 80px 80px;
    margin: 0 auto;
}
.icon-tear span{
    font-size: 50px;
    padding: 12px;
    border-radius: 40px;
    color: #fff;
    -webkit-text-stroke: 2px #fff;
    align-items: center;
}
.why-us .row .col-md-25:nth-child(even) .icon-tear{
    border-radius: 80px 80px 0 80px;
}
.why-us .row .col-md-25:nth-child(1) h4{
    color:#0D5EAF;
}
.why-us .row .col-md-25:nth-child(2) h4{
    color:#0C8E92;
}
.why-us .row .col-md-25:nth-child(3) h4{
    color:#5DAF3E;
}
.why-us .row .col-md-25:nth-child(4) h4{
    color:#75C921;
}

.why-us-block {
    border: 1px solid #E3E3E3;
    padding: 30px 20px;
    transition: all .2s ease;
    height:100%;
}
.why-us-block:hover{
    /*background:#f1f1f1;*/
}
.why-us-more{
    color: #0D5EAF;
    font-weight: 600;
    text-decoration: underline;
    margin-top: 30px;
    display: none;
}

.podpora-boxes-wrap .highlighted {
    transition: all 0.4s ease;
    background-color: rgba(117, 201, 33, 0.3);
    box-shadow: 0px 0px 15px 5px rgba(117, 201, 33);
}
.podpora-boxes-wrap .highlighted-after {
    box-shadow: 0px 0px 15px 5px rgba(117, 201, 33, 0.1);
}
/*==================================*/





.references{
    background:#F0F0F0;
    text-align: center;
}
.references h4{
    color:#757575;
}

.sponsoring{
    background:#F0F0F0;
    text-align: center;
}
.sponsoring h4{
    color:#757575;
}

/* our-serverhousing */
.serverhousing{
    text-align: center;
    background:#F0F0F0;
}
.serverhousing p{
    text-align: left;
}
.serverhousing ul li{
    text-align: left;
    margin-left: 10px;
    padding-left: 20px;
    position: relative;
}
.serverhousing ul li:before{
    content: url(/assets/img/icons/icon-arrow-list3.png);
    position: absolute;
    left: 0;
}
/*============================*/

.carousel-testimonial,
.carousel-testimonial .carousel-inner{
    height: 270px;
}
.carousel-testimonial .carousel-indicators{
    bottom:15px;
}
.carousel-testimonial .carousel-caption{
    left:unset;
    right:unset;
    width: 570px;
}
.carousel-inner .testimonial-text p{
    font-size: 15px;
    font-style: italic;
    color: #fff;
}
.testimonial-text p {
    quotes: "“" "”";
    position: relative;
}
.testimonial-text p a {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}
.testimonial-text p a:hover {
    text-decoration: none;
}
.testimonial-text p:before {
    content: open-quote;
    color: rgba(255,255,255,0.5);
    font-size: 80px;
    font-family: 'Catamaran', sans-serif;
    position: absolute;
    left: -45px;
    font-style: normal;
    top: -15px;
}
.testimonial-text p:after {
    content: close-quote;
    color: rgba(255,255,255,0.5);
    font-size: 80px;
    font-family: 'Catamaran', sans-serif;
    position: absolute;
    right: -45px;
    font-style: normal;
    top: 15px;
}
.carousel-testimonial .carousel-inner::before{
    display:none;
}
.carousel-testimonial .item::before{
    display:none;
}
.testimonial{
    background:#0D5EAF;
    text-align: center;
}
.testimonial h3{
    color:#fff;
}
.testimonial h3::before{
    color:#75C921;
}
.testimonial-photo {
    width:100%;
}
.testimonial-photo .row .col-md-50:first-child img{
    border-radius: 400px;
    width:120px;
    float: right;
}
.testimonial-photo .row .col-md-50:last-child img{
    background: #fff;
    border-radius: 0 40px 40px 40px;
    width: 150px;
    padding: 10px 12px;
    float: left;
    margin-top: 10px;
}
.testimonial-photo p{
    color:#fff;
    text-align: left;
    margin:0;
    font-size: 20px;
}
.testimonial-photo p span{
    color:#75C921;
    display: block;
    white-space: nowrap;
    overflow: visible;
}
.carousel-control-prev{
    position: absolute;
    color: rgba(255,255,255,0.5);
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 20px;
    transition: all .2s ease;
}

.carousel-control-next{
    position: absolute;
    color: rgba(255,255,255,0.5);
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 20px;
    transition: all .2s ease;
}
.carousel-control-prev:hover,
.carousel-control-next:hover{
    color:#fff;
    text-decoration:none;
}
.carousel-control-prev:focus,
.carousel-control-next:focus{
    color:#fff;
    text-decoration:none;
}
.carousel-testimonial .carousel-inner p,
.carousel-testimonial .carousel-inner h2,
.carousel-testimonial .carousel-inner .btn{
    transition: none;
    transform: none;
    opacity:1;
}
.carousel-testimonial .left p,
.carousel-testimonial .left h2,
.carousel-testimonial .left .btn{
    transform: none;
}
.carousel-testimonial .right p,
.carousel-testimonial .right h2,
.carousel-testimonial .right .btn{
    transform: none;
}
.carousel-testimonial .prev.right p,
.carousel-testimonial .prev.right h2,
.carousel-testimonial .prev.right .btn{
    transform: none;
}
.carousel-testimonial .left.next h2,
.carousel-testimonial .left.next p,
.carousel-testimonial .left.next .btn{
    transform: none;
}
/*=====SLUZBY=====*/
.services-block:last-child{
    margin-right:0;
}
.services-block{
    text-align: center;
    border: 1px solid #E3E3E3;
    padding: 40px 30px;
    margin-right: 30px;
    position: relative;
    flex:1;
    transition: all .2s ease;
}
.services-block:hover{
    background:#f1f1f1;
}
.services-block .icon-tear span{
    -webkit-text-stroke: 1px #fff;
    font-size: 40px;
}
.services-block h3{
    text-transform: lowercase;
    font-weight:100;
    padding: 0 80px 30px;
    margin-bottom: 5px;
}
.services-block h3 strong{
    text-transform: uppercase;
}
.services-block h4{
    color:#BDBDBD;
    text-transform: lowercase;
    font-weight: 100;
    margin-bottom:15px;
}
.services-block p{
    color:#F25F5F;
    margin-bottom:15px;
}
.services-block .icon-tear{
    border-radius: 80px 0 80px 80px;
    width: 90px;
    height: 90px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.services-row{
    display: flex;
    justify-content: space-between;
}
/*=====================*/

/*=====HELPDESK=======*/

.helpdesk{
    background:#F0F0F0;
    text-align: center;
}
.helpdesk .row{
    text-align: left;
}
.helpdesk h4{
    text-transform: none;
    font-weight:600;
    margin-bottom:5px;
}
.helpdesk span:not(.fas):not(.helpdesk-find-more-than){
    color:#BDBDBD;
}
.helpdesk p{
    color:#707070;
}
.helpdesk-photo h4{
    color:#75C921;
    margin-bottom: 10px;
}
.helpdesk-member .btn{
    margin-bottom:15px;
}
.helpdesk-member .btn:last-child{
    margin-bottom:0;
}
.helpdesk-member span{
    display: block;
    margin-bottom:10px
}
.helpdesk .btn-transparent{
    text-transform: none;
}
.helpdesk .btn{

}
.helpdesk .underline{
    padding-bottom:25px;
}
.helpdesk .underline h3{
    margin-bottom: 0;
}
.helpdesk .list-success ul li{
    padding-left: 25px;
    position: relative;
}
.list-success ul li::before{
    content:"\f058";
    font-family: 'Font Awesome 5 Free';
    color:#75C921;
    margin-right:10px;
    position: absolute;
    left: 0;
    top: 2px;
}
.helpdesk ul strong{
    color:#0D5EAF;
    margin-right:5px;
}

.helpdesk ul li{
    margin-bottom:10px;
}
.helpdesk-photo div span{
    display: block;
    text-align: center;
    font-size:15px;
}
.helpdesk-photo img{
    width: 100%;
    border-radius: 500px;
    position: relative;
}
.helpdesk-photo img::before{
    content:"";
}
.helpdesk-photo > div{
    position: relative;
}
.helpdesk-photo > div:nth-child(1){
    width:160px;
}
.photo-bg{
     background: #0D5EAF;
    width: 50%;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
 }
.photo-bg::before{
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    background: #75c921;
    border-radius: 20px;
    margin: 6px;
}
.helpdesk .row > div{
    display: -webkit-flex;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    width: 100%;
}
.helpdesk-div{
    display: flex;
    flex-direction: column;
    justify-content:space-between;
}
.helpdesk-div p {
	margin-bottom: 0px;
}
.helpdesk .list{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.helpdesk ul{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0;
    padding-top: 15px;
}
#helpdesk-members-portrait {
    cursor: pointer;
}
#helpdesk-members-online {
    color: #75C921;
}
#helpdesk-members-header-status.offline {
    color: #BDBDBD;
}
#helpdesk-members-online.offline {
    color: #BDBDBD;
}
#helpdesk-online-phone.offline {
    color: #BDBDBD;
    border-color: #BDBDBD;
}
#helpdesk-online-phone.offline span {
    color: #BDBDBD;
}

pre {
	border-style: solid;
	border-radius: none;
	background-color: #f0f0f0;
	color: #304e78;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 3em;
	padding: 0em 0em 0em 1em;
	border-left: #196eb4 solid 5px;
	font-family: Courier New, Courier;
	font-weight: bolder;
}
/*.helpdesk .helpdesk-div:nth-child(2){*/
    /*padding-right:30px;*/
/*}*/
/*.helpdesk .helpdesk-div:nth-child(3){*/
     /*padding-left:30px;*/
 /*}*/
/*====BLOG====*/
.blog{
    background:#0D5EAF;
    text-align: center;
}
.blog h3{
    color:#fff;
}
.blog h3::before{
    color:#75c921;
}
/*
.blog a,
.blog a:visited {
	color: #5DAF3E;
	text-decoration: none;
}
.blog a:hover {
	color: white;
	text-decoration: none;
}
*/
.blog-article{
    text-align: left;
    color:#fff;
}
.blog-article p,
.blog-article span{
    font-size:13px;
}
.blog-article p{
    margin: 15px 0;
    line-height: 24px;

}
.blog-article span{
    color:rgba(255,255,255,0.5)
}
.blog-article a,
.blog a,
.blog a:visited {
    color:#75C921;
    text-transform:uppercase;
    text-decoration: underline;
    font-weight:600;
}
.blog-article a:hover,
.blog a:hover {
    text-decoration: none;
}
.blog-article a .fas,
.blog a .fas{
    opacity:0.5;
    color:#75C921;
    font-size:10px;
    margin-left:10px;
}
.blog-article-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blog-article-head a{
    color:#fff;
    text-decoration: none;
}
.blog-article-head a:hover{
    text-decoration: underline;
}
.blog-article-head .blog-article-date{
    white-space: nowrap;
}
.blog-article-translate{
    display: none;
}
.blog-article-body a:hover + .blog-article-translate{
    display: inline;
}
.blog-article-author::after{
}
.blog-article{
    margin-bottom:35px;
}
.blog-article:last-child{
    margin-bottom:0;
}
.blog-social{
    height: 280px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
.blog-social div{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.blog-facebook .blog-social-head{
    background:url("../img/facebook-fake.jpg");
    position: relative;
    background-size:cover;
}
.blog-twitter  .blog-social-head{
    background:url("../img/Twitter-Company.jpg");
    position: relative;
    background-size:cover;
}

.blog-social-head{
    color:#fff;
    height:55%;

}
.blog-social-head::before{
    content: "";
    background: rgba(13, 94, 175, 0.75);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.blog-social-head .fab{
    font-size:30px;
    position: relative;
    margin-bottom: 20px;
}
.blog-social-follow{
    color:#4080FE;
    background:#fff;
    font-size: 13px;
    height:45%;
}
.blog-social-follow p{
    margin:0;
}
.blog-twitter .blog-social-follow{
    color:#1B95E2;
}
.blog-social-big .blog-social-head{
    padding: 27px 0;
}
.blog-social-big .blog-social-follow{
height:80px;
}
.blog-social-big .blog-social{
    height:100%;
    display: block;
}
.blog-article-heading div{
    flex-direction: row-reverse;
    display: flex;
    align-items: center;
    justify-content: center;
}
.article-wrap h4{
    text-transform: none;
    font-weight:100;
    color:#0D5EAF;
    margin-bottom:10px;
}
.article-wrap p{
    margin-bottom:30px;
    line-height: 24px;
}
.article-wrap p:last-child{
    margin-bottom:0;
}
.article-wrap img{
    margin-bottom:30px;
}
.article-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 60px;
    position: relative;
}
.article-nav .chev{
    background: #0D5EAF;
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 400px;
}
.article-nav-social{
    display: flex;
}
.article-nav-social span{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 40px;
    margin:0 10px;
    opacity: 0.35;
}
.article-nav-social a:nth-child(1) span{
    background:#4080FE;
}
.article-nav-social a:nth-child(2) span{
    background:#1B95E2;
}
.article-nav-social a:nth-child(3) span{
    background:#0C8E92;
}
.article-nav > a{
    display: flex;
    align-items: center;
}
.article-nav a:hover{
    cursor:pointer;
    text-decoration:none;
}
.article-nav a:hover p{
    text-decoration:underline;
}
.article-nav-social a:hover span{
    opacity:1;
}
.article-nav a:hover .fas{
}
.article-nav a p{
    margin: 0 10px 5px;
}
/*==========*/

form.form-lg .input-wrap-icon,
form.form-sm .input-wrap-icon{
    margin-bottom:15px;
}
form.form-lg .input-wrap-icon,
form.form-sm .input-wrap-icon{
    margin-top: 0;
    margin-bottom: 15px;
}
.password-reset-finish h4{
    text-transform: none;
}
.password-reset-finish .icon-tear{
    width: 90px;
    height: 90px;
    border-radius: 80px 0 80px 80px;
    margin-bottom:25px;
}
.password-reset-finish .icon-tear span{
    font-size: 40px;
    -webkit-text-stroke: 1px #fff;
}



/*--NAS-TIM--*/
.page-header-picture{
    position: relative;
}
#team .page-header-picture{
    background:url("../img/tim.jpg");
    background-size: cover;
    background-position-y: -250px;
}
.team .btn-green{
    width:300px;
}
.team.padding-md {
    padding: 80px 0 80px;
}
#references .page-header-picture{
    background:url("../img/tim.jpg");
    background-size: cover;
    background-position-y: -250px;
}
.page-header-picture::before {
    content:"";
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: linear-gradient(to right, rgba(14,70,128,0.7) 0%,rgba(14,70,127,0.7) 1%,rgba(33,33,33,0.7) 100%);
}

.team-member-main .btn{
    display: inline;
    padding: 11px 65px;
}
.team-member-main p{
    padding: 10px 0 15px;
}
.team-member-main h4{
    margin-top: -10px;
}
.team-member{
    text-align: center;
    margin-top:50px;
    cursor:pointer;
    display:block;
}
.team-member:hover{
    text-decoration:none;
}
.team-wrap img{
    width:100%;
    height:auto;
    border-radius: 600px;
    margin-bottom:15px;
}
.team-wrap h4{
    text-transform: none;
    font-weight: 600;
    color:#0D5EAF;
    padding-bottom: 5px;
}
.team-wrap span{

    color:#BDBDBD;
    font-size: 15px;
}
.team-wrap{
    padding:0 190px;
}
.team-member-img{
    display: flex;
    align-items: center;
    position: relative;
}
.member-img-hover{
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    display: flex;
    align-items: center;
    opacity:0;
    justify-content: center;
    background:rgba(255,255,255,0.6);
    transition: all .2s ease;
}
.member-img-hover .fas{
    color:#0D5EAF;
    position: relative;
    bottom:1px;
    border: 1px solid #0D5EAF;
    padding: 10px;
    border-radius: 100px;
    width: 40px;
    height: 40px;
}
.team-member:hover .member-img-hover{
    opacity:1;
}
.team-formular{
    position: fixed;
    z-index: 1500;
    background: white;
    right: -50%;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 40%;
    justify-content: center;
    transition: all .4s ease;
    box-shadow: -2px 0 12px 0px #00000047;
}
.team-formular-odoslany{
    display: none;
}
.team-formular-odoslany h4{
    text-transform: none;
    margin-top:20px;
}
.form-close{
    position: absolute;
    top: 20px;
    right: 25px;
    color: #0D5EAF;
    font-size: 25px;
    cursor:pointer;
}
/*-DOMENA-*/
.domain-head .domain-check{
    position: relative;
    background: none;
}
.domain-head .domain-check input[type="text"]{
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}
.domain-head .domain-check p{
    color:#757575
}
.domain-head .domain-check p span{
    color:#757575;
}
.domain-select{
    background:#0D5EAF;
}
.domain-select .underline h3::before{
    color:#75C921;
}
.domain-select a:hover{
    color: #BDBDBD;;
}
.all-domains .fas{
    transition: 0s;
}
.domain-carousel div{
    text-align: center;
}
.domain-carousel h4{
    color:#fff;
    padding:15px 0;
}
.domain-carousel p{
    color:#75C921;
}
.domain-carousel .owl-item img{
    border-radius: 200px;
    width: 110px;
    height: 110px;
    margin:auto;
}
.domain-carousel{
    padding: 15px 150px;
}
.all-domains{
    color: #fff;
    font-weight: 600;
    text-align: center;
    display: block;
}
.all-domains span{
    margin-right: 5px;
}
.domain-carousel .owl-nav{
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    color: rgba(255,255,255,0.5);
    font-size: 25px;
}
.domain-benefits-wrap .list-success{
    display: flex;
    justify-content: space-between;
}
.domain-benefits-wrap .list-success ul{
    margin-bottom:0;
    margin-top:30px;
    padding: 0 5px;
}
.domain-benefits-wrap .list-success ul li{
    margin-bottom:25px;
    padding-left: 25px;
    position: relative;
}
.domain-benefits-wrap .list-success ul li:last-child{
    margin-bottom:0;
}
.table-domain{
    display: block;
}
.table-domain .btn{
    padding: 11px 50px;
}
.table-domain > tbody > tr > td:nth-child(5) {
    width: 8%;
    text-align: right;
    padding-top: 23px;
}
.table-domain-success{
    color:#75C921;
    font-weight:600;
}
.table-domain-warning{
    color:#FF6868;
    font-weight:600;
}
.table-domain > tbody > tr > td {
    padding-left:0;
    padding-right:0;
}
.table-domain > tbody > tr > td:nth-child(1) {
    width:30%;
}
.table-domain > tbody > tr > td:nth-child(2) {
    width:25%;
}
.domain-table-continue{
    display: flex;
    justify-content: space-between;
    padding-top:35px;
}
.domain-table-continue .btn{
    flex-basis: 35%;
}
.domain-status{
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin-bottom:20px;
}
.domain-status .btn{
    flex-basis:35%;
}
.domain-status h3{
    color:#0D5EAF;
    text-transform: none;
    margin-bottom:5px
}
.domain-status span:not(.fas){
    color:#757575;
}
.domain-table-wrap{
    padding: 0 190px;
}
.domain-status{
    position: relative;
}
.domain-status .fa-check{
    background: #75C921;
    color: #fff;
    font-size: 20px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 40px 40px 40px;
    position: absolute;
    left:-80px;
}
.table-domain .domain-added div span:nth-child(2){
    font-size: 15px;
}

.table-domain .domain-added .fa-check{
    padding-left:0;
}
.domain-btn-cart{
    padding-top:10px;
}
.domain-btn-cart-big{
    padding-top:40px;
}
.domain-btn-cart a{
    padding: 11px 100px;
    margin: auto;
    display: inline;
}
.domain-btn-cart-big a{
    padding: 15px 100px;
    margin: auto;
    display: inline;
}
.cart-continue-hosting{
    justify-content: flex-end;
}
.domain-interest{
    background:#0D5EAF;
}
.domain-interest .btn:hover{
    background: #bdbdbd;
    color: #0F4984;
}
.domain-interest .underline h3::before{
    color:#75C921;
}
.domain-interest-block{
    color: #fff;
    padding: 44px 0;
    text-align: center;
    position: relative;
    margin-bottom:30px;
    overflow: hidden;
    cursor: pointer;
}
.domain-interest-block span:not(.fas){
    font-size:13px;
    color:rgba(255,255,255,0.5);
    position: absolute;
    bottom:18px;
    left:0;
    right:0;
}
.domain-interest-icon{
    position: absolute;
    background: #fff;
    width: 126px;
    height: 126px;
    border-radius: 600px;
    top: -63px;
    right: -63px;
}
.domain-interest-icon .fas{
    position: absolute;
    bottom: 23px;
    left: 20px;
    font-size: 30px;
}
.domain-interest-teal{
    background-color: #0C8E92;
}
.domain-interest-teal .domain-interest-icon .fas{
    -webkit-text-stroke: 1px #0c8e92;
}
.domain-interest-green{
    background-color: #00A57D;
}
.domain-interest-green .domain-interest-icon .fas{
    -webkit-text-stroke: 1px #00A57D;
}
.domain-text{
    margin:30px;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#domain .btn-green{
    width:300px;
}
.domain_popup_check_result {
    display: flex;
    justify-content: center;
    align-items: center;
}
.domain_popup_check_result div {
    margin: 0 5px;
}
/*---hosting---*/
#hosting div.box-select {
    cursor: pointer;
}
.hosting-link > a{
    color:#0D5EAF;
}
.hosting-link > a .fas{
    color:#0D5EAF;
}
.box-select{
    background:#F2F2F2;
    display: flex;
    margin-top: 35px;
    border: 1px solid #E3E3E3;
    padding: 30px 40px;
}
.box-select .underline-side h4::before{
    color: #0d5eaf;
    opacity: 0.5;
}
.box-select img{
    border-radius: 400px;
    width: 160px;
    background: #d7d7d7;
    height: 160px;
}
.box-select h4{
    white-space: nowrap;
}
.box-select-head{
    color:#0d5eaf;
    display:flex;
    align-items:center;
}
.box-select-head span {
    padding-left: 35px;
    color: #0d5eaf;
    font-size: 15px;
}
.box-select .hosting-select-head h4::before{
    color:#0D5EAF;
    opacity: 0.5;
}
.box-select-benefits {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
.box-select-benefits ul{
    margin:0;
    width:50%;
}
.box-select-benefits ul:nth-child(2){
    margin-left:50px;
}
.box-select-benefits ul li{
    font-size: 16px;
    margin-bottom: 5px;
    padding-left: 25px;
    position: relative;
}
.box-select-benefits ul li:last-child{
    margin-bottom: 0;
}
.box-select-benefits ul li::before{
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    color: #75C921;
    font-weight: 900;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 2px;
}
.box-select-benefits-wrap{
    display:flex;
}
.box-select-benefits-wrap .select-wrap{
    margin-top:25px;
}
.box-select-benefits-wrap select{
    text-align-last: center;
}
.box-select-benefits-wrap div:nth-child(2) p{
    font-weight: bold;
    padding-bottom: 15px;
}
.box-select-picture{
    display: flex;
    align-items:center;
}
.box-select .stretch{
    padding-left:35px;
}
.box-select-btn-wrap {
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
    flex-basis: 27%;
}
.box-select-btn-wrap .text-lt-green{
    font-weight:bold;
    text-transform: uppercase;
    margin-bottom:5px;
}
.active .arrow-hosting-down{
    opacity:1;
}
/* Dalsie produkty */
#more_products div.box-select {
    cursor: pointer;
}
/* SSL */
.ssl-boxes {
    display: flex;
    justify-content: space-between;
    margin-top:30px;
    flex-basis:25%;
    overflow: hidden;
}
.ssl-boxes h4 {
    padding-right: 0;
    padding-left: 0;
}
.ssl-box {
    background:#F2F2F2;
    padding:40px 20px 40px 20px;
    text-align: center;
    border:1px solid #E3E3E3;
    margin: 0 15px;
    flex-basis:33.33%;
    display: flex;
    flex-direction: column;
}
.ssl-box div:last-child{
    margin-top:auto;
}
.bg-gray .ssl-box{
    background:#fff
}
.ssl-boxes .ssl-box:last-child{
    margin-right: 0;
}
.ssl-box.underline h4::before{
    color:#0D5EAF;
    opacity: 0.5;
}
.ssl-box h4{
    color:#0D5EAF;
    font-weight: 100;
}
.ssl-box h4 strong{
    font-size: 30px;
}
.ssl-box span:not(.fas):not(.ssl-data):not(.label){ /* skutocne ?! */
    color:#0D5EAF;
    font-size: 15px;
    margin-bottom: 20px;
    display: block;
}
.ssl-boxes .ssl-box span:not(.fas):not(.label){ /* skutocne ?! */
    font-size: 13px;
}
.ssl-box ul{
    font-size:16px;
    margin:0;
    text-align: left;
}
.ssl-box ul li{
    margin-bottom:10px;
    padding-left:25px;
    position: relative;
}
.ssl-box ul li:last-child{
    margin-bottom:10px;
}
.ssl-box ul li::before{
    content:'\f00c';
    font-weight: 900;
    color:#75C921;
    font-size:15px;
    margin-right:7px;
    position: absolute;
    left: 0;
    top: 2px;
    font-family: 'Font Awesome 5 Free'
}
.ssl-box .select-wrap{
    margin:30px 0;
}
.ssl-box p{
    color:#707070;
    font-weight:600;
    margin-bottom: 30px;
}
.ssl-boxes .ssl-box .ssl-icon {
    overflow: hidden;
    /* background: #bdbdbd; */
    position: absolute;
    width: 160px;
    height: 160px;
    right: -80px;
    top: -80px;
    border-radius: 800px;
    /* width: 80px;
    height: 80px; */
}
.ssl-text{
    margin:80px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.ssl-text div:not(.underline){
    display: flex;
    padding: 0 200px;
    align-items: center;
}
.ssl-text p{
    margin: 0;
    text-align: justify;
    text-align-last: left;
}
.ssl-text img {
    width: 110px;
    height: 110px;
    border-radius: 800px;
    margin-left: 35px;
}
.ssl-text div.ssl-why-need-text {
    padding: 0 50px;
}
.ssl-boxes .ssl-box .ssl-icon img{
	width: 80px;
	height: 80px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* WEBHOSTING */
.webhosting-boxes {
    display: flex;
    justify-content: space-between;
    margin-top:30px;
}
.webhosting-box {
    background:#F2F2F2;
    padding:40px;
    text-align: center;
    border:1px solid #E3E3E3;
    margin-right:30px;
    flex-basis:33.33%;
    display: flex;
    flex-direction: column;
}
.webhosting-box div:last-child{
    margin-top:auto;
}
.bg-gray .webhosting-box{
    background:#fff
}
.webhosting-boxes .webhosting-box:last-child{
    margin-right: 0;
}
.webhosting-box.underline h4::before{
    color:#0D5EAF;
    opacity: 0.5;
}
.webhosting-box h4{
    color:#0D5EAF;
    font-weight: 100;
}
.webhosting-box h4 strong{
    font-size: 30px;
}
.webhosting-box span:not(.fas):not(.webhosting-data){
    color:#0D5EAF;
    font-size: 15px;
    margin-bottom: 20px;
    display: block;
}
#virtualne_servery .webhosting-box span.virtual-subheader{
    text-transform: initial;
    font-size: 18px;
    margin-bottom: 0;
}
.webhosting-box ul{
    font-size:16px;
    margin:0;
    text-align: left;
}
.webhosting-box ul li{
    margin-bottom:10px;
    padding-left:25px;
    position: relative;
}
.webhosting-box ul li:last-child{
    margin-bottom:0;
}
.webhosting-box ul li::before{
    content:'\f00c';
    font-weight: 900;
    color:#75C921;
    font-size:15px;
    margin-right:7px;
    position: absolute;
    left: 0;
    top: 2px;
    font-family: 'Font Awesome 5 Free'
}
.webhosting-box .select-wrap{
    margin:30px 0;
}
.webhosting-box p{
    color:#707070;
    font-weight:600;
    margin-bottom: 30px;
}
.webhosting-box .webhosting-icon {
    background: #bdbdbd;
    width: 80px;
    height: 80px;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 80px 0 80px 80px;
    overflow: hidden;
}
.webhosting-text{
    margin:80px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.webhosting-text div:not(.underline){
    display: flex;
    padding: 0 200px;
    align-items: center;
}
.webhosting-text p{
    margin: 0;
    text-align: justify;
    text-align-last: left;
}
.webhosting-text img {
    width: 110px;
    height: 110px;
    border-radius: 800px;
    margin-left: 35px;
}
.benefits-small-icons{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.benefit-small{
    color: #fff;
    margin: 0 30px;
}

.benefit-small h4{
    margin: 10px 0;
}
.benefit-small p{
    opacity:0.5;
    font-size:13px;
}
.benefit-small p a{
    color: #fff;
	text-decoration: underline;
}
.benefit-small p a:hover{
	text-decoration: none;
}
.benefit-small div{
    width: 80px;
    height: 80px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.benefits-small-icons .benefit-small:nth-child(1) div{
    background: #0C8E92;
    border-radius: 0 80px 80px 80px;
}
.benefits-small-icons .benefit-small:nth-child(2) div{
    background: #249C79;
    border-radius: 80px 80px 0 80px;
}
.benefits-small-icons .benefit-small:nth-child(3) div{
    background: #38A763;
    border-radius: 0 80px 80px 80px;
}
.benefits-small-icons .benefit-small:nth-child(4) div{
    background: #4CB24D;
    border-radius: 80px 80px 0 80px;
}
.benefits-small-icons .benefit-small:nth-child(5) div{
    background: #5FBD39;
    border-radius: 0 80px 80px 80px;
}
.benefits-small-icons .benefit-small:nth-child(6) div{
    background: #75C921;
    border-radius: 80px 80px 0 80px;
}
.benefits-small-icons .fas{
    -webkit-text-stroke: 2px #fff;
    color:transparent;
    font-size:40px

}
.multihosting-boxes{
    justify-content: center;
}
/*---BLOG---*/
#blog .page-header-picture {
    background: url("../img/tim.jpg");
    background-size: cover;
    background-position-y: -430px;
}
.blog-article-pic{
    width: 100%;
    height: 200px;
}
.blog-article-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-article-main .blog-article-head div{
    display: flex;
    flex-direction: column-reverse;
    font-size: 13px;
    text-align: right;
}
.blog-article-main .blog-article-head{
    align-items: flex-start;
}
.blog-article-main .blog-article-author-date {
	color:#75C921;
}
.blog-article-main .blog-article-date{
	color: #0D5EAF;
}
.blog-article-main h4{
    color:#0D5EAF;
}
.blog-articles{
    margin-top:60px;
}
.blog-articles .blog-article-main .blog-article-head h4{
    font-size: 15px;
    flex-basis: 60%;
    line-height: 18px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-articles .blog-article-main .blog-article-text p{
    flex-basis: 60%;
}
.blog-articles .blog-article-main .blog-article-text span{
    flex-basis: 40%;
}
.blog-article-main{
    display:block;
}
.blog-article-main:hover{
    text-decoration:none;
}
.blog-article-main:focus{
    text-decoration:none;
}
.blog-articles .blog-article-main {
    margin-bottom: 50px;
    display: block;
}
.pagination{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:15px;
}
.article-author{
    margin-bottom: 50px;
}
.article-author p{
    font-size:20px;
    color:#0D5EAF;
    margin:0;
}
.article-author span{
    color:#BDBDBD;
    display:block;
}
.article-author img{
    width: 155px;
    height:155px;
    border-radius:400px;
    margin-top:20px;
}
.pagination .fas{
    background: #0D5EAF;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-numbers a{
    margin-right:20px;
    color:#0D5EAF;
}
.pagination-disabled{
    pointer-events: none;
}
a.pagination-disabled{
    color:#BDBDBD;
}
.pagination-disabled .fas{
    opacity:0.5;
}
.articles-most-read{
    margin-bottom:50px;
}
.articles-categories h4{
    margin-bottom:15px;
    color:#BDBDBD;
}
.articles-categories a{
    font-size:15px;
    margin-bottom:10px;
    display: block;
}
.related-articles{
    margin-top:0;
}
.related-articles .blog-article-main{
    margin-bottom:0;
}

/*--server--*/
.benefit-server{
    text-align: center;
    border: 1px solid #E3E3E3;
    padding: 40px 10px;
    transition: all .2s ease;
}
.benefit-server:hover{
    /*background:#f1f1f1*/
}
.benefit-server h4{
    margin: 20px 0;
}
.benefit-server p{
    font-size: 13px;
    margin:0
}
.benefit-server-icon{
    width: 100px;
    height: 100px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 400px 400px 400px;
    margin:auto
}
.benefit-server-icon span{
    font-size: 50px;
    color: #0d5eaf;
    -webkit-text-stroke: 2px #fff;
}
.benefit-server p{
    color:#707070
}
.server-benefits{
    padding-top:20px;
}

.form-lg .row .input-group{
    width:100%;
}
.form-lg .form-submit{
    margin:10px auto 0;
}
.form-submit .input-wrap-icon{
    margin-bottom:0
}
.form-submit{
    width:unset;
}
.form-lg textarea{
    width: 100%;
    height: 132px;
    border-radius: 24px;
}
.table-servers{
    margin-top:15px;
}
.table-servers > tbody > tr > th {
    display: table-cell;
    vertical-align: middle;
}
.table-servers > thead > tr > th:nth-child(5) {
    text-align: right;
}
.table-servers > tbody > tr > th:nth-child(1) {
    text-transform: uppercase;
}
.table-servers > tbody > tr > td:nth-child(5) {
    text-align: right;
}
.table-servers > tbody > tr > td:nth-child(6) {
    padding-top: 23px;
}
.table-servers > tbody > tr > td {
    width:auto!important;
}
.table-servers > tbody > tr > th {
    width:auto!important;
}
.table-servers .btn{
    padding: 11px 15px;
}
.table-servers .btn-small{
    height: auto;
    width: 200px;
    padding: 3px;
}
.table-servers .btn-hide{
    text-align: right;
}
.table-servers > thead > tr > th:nth-child(1) {
    padding-left: 21px;
}
.table-servers .server-sold {
    opacity: 0.4;
}
.table-servers .server-sold th{
    font-weight: normal;
}
.servery-carousel .owl-nav{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index:1;
}
.servery-carousel .owl-stage-outer{
    z-index:2;
}
.servery-carousel {
    padding: 0 100px;
    margin-top:20px;
}
.servery-carousel .owl-nav button.owl-prev{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #0D5EAF;
    border-radius: 100px;
    position: relative;
    top:-14px;
    transition: all .2s ease;
}
.servery-carousel .owl-nav button.owl-next{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #0D5EAF;
    border-radius: 100px;
    position: relative;
    top:-14px;
    transition: all .2s ease;
}
.servery-carousel .owl-nav button.disabled{
    pointer-events:none;
    opacity:0.5
}
.servery-carousel .owl-nav button:focus{
    outline:none;
}
.servery-carousel .owl-item span{
    font-size:13px;
    margin-top:15px;
    display: block;
}
.servery-carousel .owl-nav .fas{
    font-size:20px;
}
.owl-nav button:focus{
    outline:0
}
/*dns*/
.dns-select{
    padding: 41px 30px;
}
.dns-select .box-select-head span {
    padding-left:0;
    padding-bottom: 20px;
}
.dns-select .box-select-benefits ul {
    margin: 0;
    width:100%;
}
.dns-text-wrap {
    flex-basis: 70%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dns-select .box-select-btn-wrap {
    flex-basis: 30%;
    justify-content: space-between;
}
.dns-text-wrap p{
    margin: 0px 0px 10px 0px;
}
.dns-select .box-select-benefits {
    padding-top: 0;
}
.dns-select .box-select-benefits ul li {
    text-align: left;
    margin-bottom: 10px;
}
.dns-select .box-select-benefits-wrap div:nth-child(2) p {
     padding-bottom: 0;
}
.dns-select .box-select-picture {
    align-items: flex-start;
}


.dns-benefit .benefit-small:nth-child(1) div{
    border-radius: 80px 80px 0 80px;
}

.dns-benefit .benefit-small:nth-child(2) div{
    background: #38A763;
    border-radius: 0 80px 80px 80px;
}
.dns-benefit .benefit-small:nth-child(3) div{
    background: #5FBD39;
    border-radius: 80px 80px 0 80px;
}
.dns-benefit .benefit-small:nth-child(4) div{
    background: #75C921;
    border-radius: 0 80px 80px 80px;
}

.dns-benefit{
    padding: 0 100px;
}

#onas .onas-header {
    background: url(../img/tim.jpg);
    background-position-y: -250px;
}
.onas-stats{
    padding: 0 60px;
}
.onas-stats .benefit-small{
    color:#0D5EAF;
}
.onas-stats .benefit-small p {
    opacity: 1;
    font-size: 13px;
    color:#707070;
}
.onas-stats .benefit-small:nth-child(1) div {
    background: #0C8E92;
    border-radius: 80px 80px 0 80px;
}
.onas-stats .benefit-small:nth-child(2) div {
    background: #279D75;
    border-radius: 0 80px 80px 80px;
}
.onas-stats .benefit-small:nth-child(3) div {
    background: #42AC58;
    border-radius: 80px 80px 0 80px;
}
.onas-stats .benefit-small:nth-child(4) div {
    background: #5BBA3D;
    border-radius: 0 80px 80px 80px;
}
.onas-stats .benefit-small:nth-child(5) div {
    background: #75C921;
    border-radius: 80px 80px 0 80px;
}
.onas-stats .benefit-small div span{
    color: #fff;
    font-weight: bold;
    border: 2px solid #fff;
    border-radius: 40px;
    width: 59px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.onas-text{
    display:flex;
}
.onas-text h4{
    text-transform: none;
    font-weight:100;
    color:#0D5EAF;
    margin-bottom: 20px;
}
.onas-text p{
    margin-bottom: 15px;
}
.onas-text p:last-child{
    margin-bottom:0;
}
.onas-text div:nth-child(1){
    display: flex;
    align-items: center;
    top: -18px;
    position: relative;
}
.onas-img-wrap{
    width: 270px;
    height: 270px;
    border-radius: 400px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.onas-text div:nth-child(2){
    padding-left:30px;
}

/*---SPONSORING---*/
#sponsoring .page-header-picture{
    background: url("../img/tim.jpg");
    background-size: cover;
    background-position-y: -430px;
}
div.sponsoring-text {
	padding-bottom: 50px;
}
.sponsoring-text{
    /*display:flex;*/
}
.sponsoring-text h4{
    text-transform: none;
    font-weight:bold;
    color:#0D5EAF;
    margin-bottom: 20px;
}
.sponsoring-text p{
    margin-bottom: 15px;
}
.sponsoring-text p:last-child{
    margin-bottom:0;
}
.sponsoring-text div:nth-child(1){
    display: flex;
    align-items: center;
    position: relative;
}
.sponsoring-img-wrap{
    width: 200px;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
	.sponsoring-img-wrap {
		width: 100%;
	}
}
.sponsoring-text div:nth-child(2){
    padding-left:50px;
}

/*---REFERENCIE---*/
.referencie-header{

}
.references-wrap{
    display: flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.references-wrap div{
    flex-basis: 16%;
    margin-bottom:30px;
}
.references-wrap div a img{
    margin-bottom:10px;
    padding: 3px;
    border: 1px solid #cccccc;
    border-spacing: 3px;
}
.references-wrap .references-text{
    margin-bottom:0px;
    background-color: #FDFDFD;
    min-height: 60px;
}
.references-wrap .references-text span{
    font-size: 85%;
}
.references-wrap div img{
    width:205px;
    display: block;
    margin:auto;
}

/** Referencie softado 28.11.2018*/
.cform-logo {
    max-width: 250px;
    height: auto;
    margin: auto;
    margin-bottom: 16px;
    display: block;
}

.references-wrap > div {
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    padding: 8px;
    transition: all ease-in 0.2s;
}

.references-wrap > div:hover {
    box-shadow: 0 1px 8px rgba(0,0,0,.25);
}

.references-wrap div a img {
    border: none
    ;
}
/*----podpora-----*/
.podpora-search .domain-check-wrap::before{
    display:none;
}
.podpora-search #domain-check{
    background: #F0F0F0;
    position:relative;
}
.podpora-search #domain-check p{
    color: #707070;
}
.podpora-search input[type="text"]{
    padding: 18px 210px 18px 50px;
}
#podpora .podpora-header {
    background: url(../img/tim.jpg);
    background-position-y: -250px;
}
.podpora-boxes-wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.podpora-boxes-wrap > div{
    flex-basis:33.33%;
    margin-bottom: 30px!important;
}
.podpora-boxes-wrap .why-us-block{
    margin-right: 30px;
    position: relative;
    padding:35px 20px;
    text-align: left;
}
/* KONTAKT */
#contact_form_submit {
	margin-right: 30px;
}
#kontakt .invoice-address {
}
#kontakt .invoice-address span:not(.fas) {
	color: #BDBDBD;
	/* color: #0D5EAF; */
	font-style: italic;
}
#kontakt h4 {
	text-transform: none;
}
#kontakt .invoices-vat-details p {
    font-size: 0.9em;
    color: #BDBDBD;
    font-style: italic;
}
.podpora-boxes-wrap > div:nth-child(1),
.podpora-boxes-wrap > div:nth-child(2),
.podpora-boxes-wrap > div:nth-child(3) {
    margin-bottom:30px;
}

.podpora-boxes-wrap > div:nth-child(3n+3) .why-us-block{
    margin-right:0;
}
.podpora-boxes-wrap .why-us-block h4{
    padding-bottom: 20px;
    margin-top:0;
    cursor: pointer;
}
.podpora-boxes-wrap .podpora-box-icon{
    position: absolute;
    right: 10px;
    top: 10px;
}
.podpora-boxes-wrap .icon-tear span {
    font-size: 30px;
    -webkit-text-stroke: 1px #fff;
    color:inherit

}
.podpora-boxes-wrap .icon-tear{
    width: 70px;
    height: 70px;
    border-radius: 80px 0 80px 80px;
}
.podpora-boxes-wrap .why-us-block a {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
	padding-bottom: 7px;
	padding-top: 7px;
	color: #555;
	font-size: 14px;
	line-height: 17px;
}
.podpora-boxes-wrap .why-us-block a:last-child {
    margin-bottom:0;
}
.podpora-boxes-wrap > div:nth-child(1) .why-us-block .icon-tear{
    background: #0C8E92;
    color: #0C8E92;
}
.podpora-boxes-wrap > div:nth-child(2) .why-us-block .icon-tear{
     background: #249C79;
     color: #249C79;
 }
.podpora-boxes-wrap > div:nth-child(3) .why-us-block .icon-tear{
    background: #38A763;
    color: #38A763;
}
.podpora-boxes-wrap > div:nth-child(4) .why-us-block .icon-tear{
    background: #4CB24D;
    color: #4CB24D;
}
.podpora-boxes-wrap > div:nth-child(5) .why-us-block .icon-tear{
    background: #5FBD39;
    color: #5FBD39;
}
.podpora-boxes-wrap > div:nth-child(6) .why-us-block .icon-tear{
    background: #75C921;
    color: #75C921;
}
.podpora-boxes-wrap > div:nth-child(7) .why-us-block .icon-tear{
	background: #5FBD39;
	color: #5FBD39;
}

.podpora-boxes-wrap > div:nth-child(4) .why-us-block{
    margin-bottom:0;
}
.podpora-boxes-wrap > div:nth-child(5) .why-us-block{
    margin-bottom:0;
}
.podpora-boxes-wrap > div:nth-child(6) .why-us-block{
    margin-bottom:0;
}

.breadcrumbs a{
    font-size: 20px;
    color: #fff;
    transition: all .2s ease;
}
.breadcrumbs a:hover{
    color:#BDBDBD;
}
.breadcrumbs a:hover span{
    color:#BDBDBD;
    transition: all .2s ease;
}
.breadcrumbs span.fa-chevron-right {
    content:"\f054";
    font-family:'Font Awesome 5 Free';
    font-weight: 900;
    color:rgba(255,255,255,0.5);
    font-size:11px;
    margin: 0 5px 0 10px;
    position: relative;
    bottom: 2px;
}
.breadcrumbs a:last-child::after{
    display:none;
}
.breadcrumb-current{
    opacity:0.5;
    pointer-events: none;
}
.breadcrumbs span{
    opacity:1!important;
}
.support-problem-wrap h4{
    color:#0D5EAF;
    font-weight: 100;
    text-transform: none;
    margin-bottom:15px;
}
.support-problem-wrap p{
    margin-bottom: 30px;
}
.support-problem-wrap img{
    margin-bottom: 30px;
}
.support-problem-wrap .btn {
	width: calc(100% - 3em);
}
.support-categories h4{
    color:#BDBDBD;
    margin-bottom:20px;
}
.support-categories a{
    margin-bottom:10px;
    display: block;
    font-size:15px;
}
.support-search-problem input[type="text"]{
    padding: 17px 0 17px 30px;
    background:#fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}
.support-search-problem input[type="submit"]{
    width: 53px;
}
.support-search-problem .input-wrap-icon-big .fas {
    top: 20px;
    right: 20px;
}

.support-search-problem{
    margin-bottom: 60px;
}


.noUi-target{
    height: 40px;
    border:none;
}
.noUi-base{
    background: linear-gradient(to right, rgba(12,142,146,1) 1%,rgba(117,201,33,1) 100%);
}
.sliders-centrum .noUi-tooltip::after{
    content: "";
    background: url(../img/slider.png);
    position: absolute;
    display: block;
    height: 40px;
    width: 22px;
    top: -6px;
    right: -11px;
}
.noUi-horizontal .noUi-handle{
    width: 50px;
    height: 50px;
    border-radius: 500px;
    top: -5px;
    background: #75C921;
    border: 5px solid #fff;
    box-shadow: none;
    cursor: -webkit-grab;
}
.noUi-horizontal .noUi-handle:focus{
    outline:none;
}
.noUi-handle:before {
    content: "\f0c9";
    font-family:'Font Awesome 5 Free';
    font-weight:900;
    background:none;
    left: 25px;
    top: 5px;
    transform: rotate(90deg);
    color: #fff;
    font-size: 20px;
}
.noUi-handle:after{
    display: none;
}
.noUi-connect{
    background:#BBDEFB;
}
.noUi-horizontal .noUi-tooltip{
    position: absolute;
    bottom: 6px;
    left: 86px;
    border: none;
    display: flex;
    align-items: center;
    padding: 3px 0;
    color: #75c921;
    font-weight: bold;
    font-size: 15px;
    z-index: 1;
    border-radius: 0px 40px 40px 0px;
    width: 90px;
    text-align: center;
    justify-content: center;
}
#slider-traffic .noUi-handle{
    cursor: default;
}
#slider-teplota .noUi-handle{
    cursor: default;
}
.noUi-horizontal .noUi-tooltip-left {
    left: -46px;
    border-radius: 40px 0px 0px 40px;
}
.noUi-horizontal .noUi-tooltip-right {
    left: 86px;
    border-radius: 0px 40px 40px 0px;
}
.sliders{
    display: block;
    margin-top: 15px;
}
.slider-wrap{
    overflow: auto;
    padding: 15px 0;
    position: relative;
}
.slider-wrap .slider-name{
    width: 17%;
    float: left;
    background: #0F4984;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    white-space: nowrap;
}
.slider-wrap .slider-name:nth-child(1){
    border-radius:40px 0 0 40px;
}
.slider-wrap .slider-name:nth-child(3){
    border-radius:0 40px 40px 0;
    color:#75C921;
    text-transform: none;
}
.slider-wrap .drag-slider{
    width:66%;
    float:left;
}


.noUi-base::before{
    position: absolute;
    left: 30px;
    top: 10px;
    font-size: 13px;
    color: rgba(255,255,255,0.7);
}
.noUi-base::after{
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 13px;
    color: rgba(13, 94, 175, 0.7);
}
.noUi-connect::before{
    content:"";
}

/*#slider-vcpu .noUi-base::before{
    content: "1 ks";
}
#slider-vcpu .noUi-base::after{
    content:"4 ks";
}

#slider-ram .noUi-base::before{
    content: "256 MB";
}
#slider-ram .noUi-base::after{
    content:"16 GB";
}

#slider-hdd .noUi-base::before{
    content: "1 GB";
}
#slider-hdd .noUi-base::after{
    content:"200 GB";
}*/
.server-configurator-sum{
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
}
.server-configurator-text{
    position: relative;
    text-align: center;
    margin: 30px 0 40px;
}
.server-configurator-text span{
    text-align: center;
    font-size:13px;
    color:rgba(255,255,255,0.7)
}
.server-configurator-sum p{
    text-align: right;
    font-size: 20px;
    color:#fff;
}
.server-configurator-sum p:nth-child(1){
    margin-right: 30px;
}
.server-configurator-sum p:nth-child(2){
    color:#75C921;
    font-weight: 600;
}
.server-configurator-sum p span{
    font-size: 15px;
    color:#75C921;
}
.server-configurator .btn{
    display: inline-block;
    width: unset;
    margin: auto;
    padding: 11px 50px;
}
.server-data .noUi-horizontal .noUi-handle{
    background: none;
    border: none;
}
.server-data .noUi-horizontal .noUi-handle::before{
    display: none;
}
.server-data .noUi-horizontal .noUi-tooltip{
    bottom: 12px;
    left: -23px;
    border-radius: 40px;
}

.mailhosting-configurator-sum{
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
}
.mailhosting-configurator-text{
    position: relative;
    text-align: center;
    margin: 30px 0 40px;
}

.mailhosting-configurator-text span{
    text-align: center;
    font-size:13px;
    color:rgba(255,255,255,0.7)
}

.mailhosting-configurator-sum p{
    text-align: right;
    font-size: 20px;
    color:#fff;
}
.mailhosting-configurator-sum p:nth-child(1){
    margin-right: 30px;
}
.mailhosting-configurator-sum p:nth-child(2){
    color:#75C921;
    font-weight: 600;
}
.mailhosting-configurator-sum p span{
    font-size: 15px;
    color:#75C921;
}

.mailhosting-configurator .btn{
    display: inline-block;
    width: unset;
    margin: auto;
    padding: 11px 50px;
}

/*---FOOTER---*/
#newsletter_ok h3,
#newsletter_error h3 {
	font-size: 25px;
	margin-top: 15px;
}
/*---SEARCH---*/
.search-header {
	padding-top: 30px;
}
.search-header h1 {
	font-weight: normal;
	text-transform: none;
}
.search-results h4 {
	font-weight: normal;
	text-transform: none;
}
.search-results {
	padding-top: 30px;
	padding-bottom: 30px;
}
.search-result {
	margin-bottom: 20px;
}
.search-title {
	font-size: 25px;
	display: block;
}
a.search-url {
	color: #75C921; /*#55A901;*/
}
.search-extract {
	display: block;
	color: #888;
}
/*--- Cennik domen ---*/
.table-domains-list .row {
    margin: 0;
}
#domains_list .table-domains-list .thead .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.table-domains-list .thead .row .col {
    white-space: nowrap;
    text-transform: uppercase;
    color: #0D5EAF;
    font-weight: bold;
    padding: 8px 14px;
    display: inline-block;
}
.table-domains-list .thead .row .col:nth-of-type(1), .table-domain-row > .row > .col:nth-of-type(1) {
    text-align: left;
    width: 13%;
}
.table-domains-list .thead .row .col:nth-of-type(2), .table-domain-row > .row > .col:nth-of-type(2) {
    width: 16%;
}
.table-domains-list .thead .row .col:nth-of-type(3), .table-domain-row > .row > .col:nth-of-type(3) {
    width: 16%;
}
.table-domains-list .thead .row .col:nth-of-type(4), .table-domain-row > .row > .col:nth-of-type(4) {
    width: 16%;
}
.table-domains-list .thead .row .col:nth-last-of-type(2), .table-domain-row > .row > .col:nth-last-of-type(2) {
    margin-left: auto;
    text-align: right;
}
.table-domains-list .thead .row .col:last-of-type, .table-domain-row > .row > .col:last-of-type {
    width: 150px;
}
.table-domains-list .table-domain-row .pricelist-finder .col-empty, .table-domains-list .table-domain-row .pricelist-result .col-empty {
    width: 29%;
}
.table-domains-list .table-domain-row .pricelist-finder .col-input {
    width: 32%;
}

.table-domains-list .table-domain-row .pricelist-result .col-header {
    width: 16%;
    margin-right: auto;
    text-align: center;
}
.table-domains-list .table-domain-row .pricelist-result .col-result {
    width: 52%;
}
.table-domains-list .table-domain-row .pricelist-result .col-result {
    width: 52%;
}

.table-domains-list > .tbody > .row:nth-of-type(odd) {
    background: #dddddd;
}
.table-domain-row .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    min-height: 50px;
}
.table-domain-row .row > .col {
    padding: 5px 15px;
    margin-top: auto;
    margin-bottom: auto;
    white-space: nowrap;
}
.table-domain-row .pricelist-header > .col:nth-of-type(1) {
    text-align: left;
    font-weight: bold;
}
.pricelist-header > .col:nth-of-type(5) {
    white-space: normal;
}

.main-domain-row:nth-of-type(odd) .table-domain-row > .row {
    border-top: 1px solid #f0f0f0;
}
.main-domain-row:nth-of-type(even) .table-domain-row > .row {
    border-top: 1px solid #ddd;
}

.table-domains-list .pricelist-result .col-result span {
    color: inherit;
    font-size: inherit;
    margin-top: auto;
    margin-bottom: auto;
}

.pricelist-result .col-result .buy-status-ok .result-desc-ok {
    margin-left: auto;
}
.pricelist-result .col-result .buy-status-ok .buy_cart {
    margin-left: auto;
}
.pricelist-result .col-result .buy-status-taken .buy_input {
    margin-left: auto;
}

.table-domains-list .btn-small{
    height: auto;
    width: 120px;
    padding: 3px;
}
.table-domains-list .btn-wide{
    width: 240px;
}
.table-domains-list .btn-very-wide{
    width: 380px;
}
.table-domains-list .btn-small .fas{
    right: 8px;
    top: 6px;
    color: unset;
    font-size: unset;
}
.table-domains-list .buy-input input {
    padding-right: 60px;
}
.table-domains-list .buy-input .domain-name {
    display: inline-flex;
    flex-flow: column;
    justify-content: center;
    color: #ffffff;
    background-color: #75C921;
    position: absolute;
    padding: 0 7px;
    right: 0;
    height: 100%;
    border-radius: 0 60px 60px 0;
    font-size: 14px;
}
.table-domains-list .main-domain-row:nth-of-type(even) .buy-input input {
    border: 1px solid #dddddd;
}
.table-domains-list .domain-name-invalid {
    margin-bottom: 20px;
}
.domain-name-invalid-alert {
    display: none;
}
.table-domains-list .domain-name-invalid .domain-name-invalid-alert {
    display: block;
    position: absolute;
    left: 0;
    transform: translateX(35%);
    color: rgba(255, 34, 34, 0.8);
    font-weight: bold;
}
.table-domains-list .domain-name-invalid .buy-domain-input {
    border: 1px solid rgba(255, 34, 34, 0.8);
}