.item-nvme-webhosting {
z-index:-1
}
.included {
    margin-top: 25px;
    color: #fff;
    line-height: 25px;
    font-size: 16px;
    font-weight: 500;
}
div#included-mobile, div#included-mobile-ssd {
    display: none !important;
}
.included i {
    color: #444;
}
.included i {
    padding-right: 12px;
    font-size: 18px;
    vertical-align: middle;
}
.config.cd-main-content {
    position: initial !important;
}
.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}
.sec-up {
    margin-top: -180px !important;
}
.col-xl-9 {
width:100% !important;
max-width:940px !important;
}
/*-----------------------------------
    Configurator Style
------------------------------------*/


.blog .wrap-blog .wrapper {
    padding: 80px 60px !important;
}
.blog .wrap-blog .wrapper {
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
    padding: 80px;
}
div.blinx {
border-bottom:1px solid #ddd;
width:100%;
margin-bottom:10px;
}
#sidebar {
    position: fixed;
    width: 350px;
    height: auto;
    z-index: 1 !important;


}
.blog .sidebar {
    border-radius: 6px;
    box-shadow: 0 5px 15px 0 rgba(110, 110, 110, .1);
    padding: 40px;
    background-color: #fff;
 
}
.cd-filter-block .list li {
    margin: 0px 15px 15px 0px !important;
    display: inline-block !important;
}

.cd-filter-block ul {
    padding: 0px !important;
}

.blog .wrap-blog .blog-info {
    font-family: "Open Sans";
    color: #808080;
    margin-top: 15px;
    line-height: 30px;
    font-size: 14px;
}
.ordersummary {
    margin-top: 30px;
    font-size: 14px;
}

.included ul {
    padding-left: 0px;
}


/*-----------------------------------
    Padding / Margin
------------------------------------*/
.mt-0, .my-0 {
    margin-top: 0!important;
}
.pb-80 {
	padding-bottom: 80px !important;
}

.pb-100 {
	padding-bottom: 100px !important;
}

.pt-35 {
	padding-top: 35px !important;
}

.pt-80 {
	padding-top: 80px !important;
}

.pt-150 {
	padding-top: 150px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mt-80 {
	margin-top: 80px !important;
}

.mt-120 {
	margin-top: 120px !important;
}

.mb-80 {
	margin-bottom: 80px !important;
}

.mb-100 {
	margin-bottom: 100px !important;
}


.bg-pink {
	color: #ffffff !important;
}


.cd-filter-block h4::before {  
	font-family: 'Font Awesome 6 Free';
	content: "\f111"; 
	position: absolute; 
	left: 0; 
	top: 16px;  
	font-size:10px;	 
	color:#ffa500;
}
.cd-filter-block input[type=radio]:checked + label::before, .cd-filter-block input[type=checkbox]:checked + label::before {
    border-color: #104e8b;
    background-color: #104e8b;
}
 
div.title-table {
    width:198px !important;
    margin-left:-8px !important;
}
span.total {
    margin-left:10px !important;
}

.kvmbutton {
    float:right;
    border: 0;
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 8px;
    margin-bottom: 12px;
    font-size: 15px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
span.reset {
    float: left;
    padding-left: 5px;
    margin-top: 3px;
    font-size: 20px;
    color: #ffa500;
    cursor: pointer;
}
#sidebar  {
 min-height:400px;
}

.included i {
    padding-right: 12px;
    font-size: 14px;
    vertical-align: middle;
    color:#ffa500
}
.item-price {
margin-top:3px;
}
input[type="text"].clone {
    font-size: 16px;
    margin-left: -18px;
    margin-top: 0px;
    font-family: 'Open Sans', sans-serif;
}
.host {
    font-family: "Urbanist", sans-serif;
    color: #001042;
    font-weight: 600;
    font-size: 18px;
    display:none;
}
a.template-btn.cd-secondary-btn.cloudbtn {
    background: linear-gradient(95.45deg, #1874cd 0.64%, #104e8b 98.23%);
    color: #fff;
    font-weight: 700;
}
.kvmbutton {
    background: linear-gradient(95.45deg, #1874cd 0.64%, #104e8b 98.23%);
    color: #fff;
    font-weight: 700;
}
.kvmbutton:hover {
    background: linear-gradient(95.45deg, #104e8b 0.64%, #1874cd 98.23%);
    color: #fff;
    font-weight: 700;
} 

label#inklu  {color:green !important;font-weight:bold;}



/*--------------HANDY--------------------*/
@media (min-width: 320px) and (max-width: 480px) {
div.top-banner > div.container.animateme > h1 {width: 100%;}
.top-banner-bottom > h1.heading {font-size:36px;}
.minimum {height:330px !important;}
h1#heading-mobile{margin-top:-40px !important;}
div#included-mobile {display:block !important;}
div#included-mobile-ssd {display:block !important;}
.sec-uping {margin-top: -100px;}
.sec-up.slide-konfigurator{margin: -160px 0px 100px !important;}
.correct-1 {padding-left:0px;}
.correct-2 {padding-left:0px;}
.correct-3 {padding-left:0px;}
}