.custom-sidebar{width:0;overflow:hidden;padding:0;position:absolute;
    z-index: 1;
    height:100%;
    top:0;
    padding-left:15px;
    right:15px;
    transition: 0.5s;

}
.openbtn{float:right;margin-bottom:10px}
.table-cnt-box{padding-left:15px;padding-right:15px;}

#pricing_plan{transition:margin-right.5s;width:auto}
.slider-content-outerbox{width:100%;position:relative}

.openbtn{height:35px;width:35px;position:relative;cursor:pointer;background-color:#fff;border:none;padding:5px;border:solid 1px #a6c1d0;border-radius:4px;margin-right:10px;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.openbtn:focus{outline:none}

.openbtn span {
    height:3px;
    width:20px;
    display: block;
    transform: translate3d(0, 0, 0);
    position: relative;
    margin:0 auto;
}

.openbtn.active:hover:after,
.openbtn.active:hover:before
{background:#141c2d}

.openbtn.active:before{
    transform: translate3d(-4px, 11px, 0) rotateZ(45deg);
    transition: transform 0.4s 0.4s;
    top:5px;
    left:8px;
    cursor:pointer;
}

.openbtn.active:after {
    transform: translate3d(-4px, -11px, 0) rotate(-45deg);
    transition: transform 0.4s 0.4s;
    left:8px;
    bottom:3px;
    cursor:pointer;
}

.openbtn.active span{
    background:transparent;
    cursor:pointer;
}

.openbtn.active span:before{
    transform: translate3d(0, -11px, 0);
    opacity: 0;
    transition: transform 0.4s, opacity 0.3s 0.2s;
}

.openbtn.active.active span:after{
    transform: translate3d(0, 11px, 0);
    opacity: 0;
    transition: transform 0.4s, opacity 0.3s 0.2s;
}

.openbtn  span:after {
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:3px;
    background:#a6c1d0;
    width:20px;
    opacity:1;
    margin:0 auto;
    right:0;
    transform:translate3d(0, 0, 0) rotateZ(0deg);
    transition:transform 0.4s 0.4s, opacity 0.2s 0.3s;
}

.openbtn  span:before{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background:#a6c1d0;
    width: 100%;
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    transition: transform 0.4s 0.4s, opacity 0.2s 0.3s;
}

.openbtn:before{
    content: '';
    display: block;
    position: absolute;
    top:7px;
    left:0;
    height:3px;
    background:#a6c1d0;
    width:20px;
    margin:0 auto;
    transform:translate3d(0, 0, 0) rotateZ(0deg);
    transition:transform 0.4s;
    right:0;
}

.openbtn:after {
    content:'';
    display: block;
    position: absolute;
    bottom:7px;
    left:0;
    height: 3px;
    background:#a6c1d0;
    width:20px;
    margin:0 auto;
    right:0;
    transform: translate3d(0, 0, 0) rotateZ(0deg);
    transition:transform 0.4s;
}



/*Data Table Color*/


.dedicated_table tr th
{background:#141c2d;}
.dedicated_table tr:hover td:last-child a{}
.dedicated_table tr td:last-child a{}

.dedicated_table{width:100%}
.dedicated_table tr td:first-child,.dedicated_table tr th:first-child{text-align:left;padding-left:30px;}
.dedicated_table tr th{color:#fff;font-size: 15px;line-height:20px;font-family:Lato,sans-serif;padding: 15px 0;text-transform:uppercase;border:none;font-weight:700;}
.dedicated_table tr td{font-size: 15px;line-height:16px;font-weight:400;background:#fff;border:none;padding: 10px 0;transition:all ease-in-out 0.5s;}
.dedicated_table td.table_btn{text-align:right;padding-right:25px;}
.dedicated_table tbody tr{border-top:7px solid #f2f6f8;border-bottom:7px solid #f2f6f8;}
.dedicated_table tbody tr:last-child{border-bottom:none}
.dedicated_table tr td:last-child a{}
.dedicated_table tr:hover td:last-child a{color:#fff;text-decoration:none}
.dedicated_table.small-only{display:none;}

@media screen and (max-width:1024px){
.dedicated_table.small-only{display:table;margin-bottom:0;}
.dedicated_table.large-only{display:none;}
.dedicated_table tr th{padding:20px 0}
.dedicated_table td.table_btn{text-align:left;}
}

@media screen and (max-width:991px){
    .dedicated_table tr th{padding:15px 0!important;padding-left:20px!important;}
    .dedicated_table tr td{padding:20px 0}
    .dedicated_table td.table_btn{text-align:left}
    .dedicated_table tr td:last-child a{display:inline-block}
}
@media screen and (max-width:480px) {
.dedicated_table tr td{padding:15px 0;}
}


.products .page-hero {
	background-image: url('../img/datacentrum-10-lax.jpg');
	background-position: center -200px;
	background-size: cover;
	position: relative;
}
.products .page-hero:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(21, 28, 44, .8);
}