/*#bs-example-navbar-collapse-1{

    padding-right: 100px !important;

}*/



.hk_mainmenu .navbar > .container .navbar-brand{

    width: 150px !important;

}



.hk_package_contains > ul > li > .fa{

	font-size: 20px;

} 

.hk_has_dropdown .hk_dropdwon{

    width: 300px;

}

.hk_single_part{

    padding: 30px 45px;

}

.hk_tiny_header .fa{
    color: #30aaff;
}
.hk_tiny_header .hk_contact_lang li > a{
    padding-right: 5px;
}

/* popular plan  */

.is_popular a{
    text-align: center;
    margin: 0 auto;
    display: block;
    background: #000;
    color: #fff !important;
    width: 50%;
    height: 35px;
    line-height: 35px;
    position: absolute;
    z-index: 999;
    top: -15px;
    left: 25%;
    font-size: 17px;
    display: none;
}


/* Home page slider */



  /*----------------------------------------

     HOMEPAGE-1  SLIDER-1 STYLE

        ------------------------------------------*/

        .slider-1-bg {

            background-image: url(images/slider-bg.jpg);

            background-size: cover;

            background-position: center;

            background-color: #ddd;

            position: relative;

            z-index: 1;

            overflow: hidden;



        }



        .slider-content-area {

            padding-top: 130px;

            padding-bottom: 180px;

        }



        .single-slider-item img.position-img {

            position: absolute;

            max-width: 500px;

            right: -10px;

            top: 100px;

            padding-left: 94px;

        }

        .single-slider-item .container {

            position: relative;

        }



        .slider-content h2 {

            font-size: 55px;

            color: #feffff;

            font-weight: 600;

            line-height: 60px;

        }

        .slider-content p{

            color: #fff !important;

            font-size: 20px !important;

            line-height: 28px;

            letter-spacing: 1px;

            margin-top: 15px;

            margin-bottom: 40px;

        }



        .slider-links a{

            padding-left: 43px;

            padding-right: 43px;

            background: #293348;

            color: #fff;

            padding-top: 15px;

            padding-bottom: 15px;

            font-weight: 600;

        }



        /*.slider-links a:hover{

            background: #30aaff;

        }*/





        .homepage-slider-1 .owl-dots div {

            display: inline-block;

            background-color: #fff;

            height: 15px;

            width: 15px;

            border-radius: 50px;

            -webkit-transition: .3s;

            transition: .3s;

            margin: 5px;

            border: 3px solid #fff;

        }

        .homepage-slider-1 .owl-dots {

            position: absolute;

            bottom: 35px;

            width: 100%;

            text-align: center;

        }

        .homepage-slider-1 .owl-dots .active{

            background: #71DFE0;

        }





        /*----------------------------------------

      HOME 1 BG ANIMATION

------------------------------------------*/

.home-1-bg-animation {

    position: absolute;

    width: 150%;

    top: 0;

    left: 0;



}

.home-1-bg-animation ul{

    width: 100%;

    height: 100%;

    padding: 0px;

    margin: 0px;

    animation: home1bganimation 30s linear both 0s infinite;

}

.home-1-bg-animation ul img {

    list-style: none;

    display: inline-block;

    padding:35px;

    opacity: 1;

}





@keyframes home1bganimation {



    100% {

        -webkit-transform: translate3d(-720px, 0, 0);

         transform: translate3d(-720px, 0, 0);

    }



    120% {

        -webkit-transform: translate3d(720px, 0, 0);

         transform: translate3d(720px, 0, 0);

    }



}



/* Slider end */ 





/* Panel  */



.clickable

{

    cursor: pointer;

}



.clickable .glyphicon

{

    background: rgba(0, 0, 0, 0.15);

    display: inline-block;

    padding: 6px 12px;

    border-radius: 4px;

    font-size: 16px;

    font-weight: bolder;

}



.panel-heading span

{

    margin-top: -23px;

    font-size: 15px;

    margin-right: -9px;

}

a.clickable { color: inherit; }

a.clickable:hover { text-decoration:none; }



.padding-server-box{
    padding-top: 80px !important;
    padding-bottom: 20px !important;
}
.padding-server-box .hk_single_feature{
    padding: 25px;
}





/* USER PROFILE PAGE */

 .card {

    margin-top: 20px;

    padding: 30px;

    background-color: rgba(214, 224, 226, 0.2);

    -webkit-border-top-left-radius:5px;

    -moz-border-top-left-radius:5px;

    border-top-left-radius:5px;

    -webkit-border-top-right-radius:5px;

    -moz-border-top-right-radius:5px;

    border-top-right-radius:5px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.card.hovercard {

    position: relative;

    padding-top: 0;

    overflow: hidden;

    text-align: center;

    background-color: #fff;

    background-color: rgba(255, 255, 255, 1);

}

.card.hovercard .card-background {

    height: 130px;

}

.card-background img {

    -webkit-filter: blur(25px);

    -moz-filter: blur(25px);

    -o-filter: blur(25px);

    -ms-filter: blur(25px);

    filter: blur(25px);

    margin-left: -100px;

    margin-top: -200px;

    min-width: 130%;

}

.card.hovercard .useravatar {

    position: absolute;

    top: 15px;

    left: 0;

    right: 0;

}

.card.hovercard .useravatar img {

    width: 100px;

    height: 100px;

    max-width: 100px;

    max-height: 100px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 5px solid rgba(255, 255, 255, 0.5);

}

.card.hovercard .card-info {

    position: absolute;

    bottom: 14px;

    left: 0;

    right: 0;

}

.card.hovercard .card-info .card-title {

    padding:0 5px;

    font-size: 20px;

    line-height: 1;

    color: #262626;

    background-color: rgba(255, 255, 255, 0.1);

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

.card.hovercard .card-info {

    overflow: hidden;

    font-size: 12px;

    line-height: 20px;

    color: #737373;

    text-overflow: ellipsis;

}

.card.hovercard .bottom {

    padding: 0 20px;

    margin-bottom: 17px;

}

.btn-pref .btn {

    -webkit-border-radius:0 !important;

}



/* Why Icons */



.why_icons .fa{

    font-size: 40pt;

    color: #1e88e5;

}

.why_icons_index .fa{

    font-size: 30pt;

    color: #1e88e5;

}

.hk_sercvice_icon{

    height: 100px;

    width: 100px;

}

.why_icons_slider .fa{

    font-size: 30pt;

    color: #fff;

}

.home-icons-margin{

    margin-bottom: 8px;

}

.server-country-tab{

    height: 70px;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 2px;

}



.server-country-tab div{

    font-size: 18px;

}

.feature_icon .fa,.feature_icon .material-icons{

    font-size: 25pt;

    color: #1e88e5;

}



/* Table */



.custab{

    border: none;

    padding: 5px;

    margin: 5% 0;

    box-shadow: 3px 3px 2px #ccc;

    transition: 0.5s;

    }

.custab:hover{

    box-shadow: 3px 3px 0px transparent;

    transition: 0.5s;

    }



.order-btn{

  font-size: 14px;

    padding: 20px 22px;

    line-height: 0px;

    letter-spacing: 1px;

}    

.custab tr td{

    line-height: 35px !important;

}

.custab tr th{

    vertical-align: bottom;

    border-bottom: 2px solid #337ab7 !important;

    height: 50px;

    line-height: 30px !important;

    background: #337ab7 !important;

    color: #fff !important;

}



/*----------------------------------------

  HOSTING AREA STYLE

------------------------------------------*/



.hosting-slider {

    background-image: url(images/about-bg.jpg);

    background-size: cover;

    background-position: center;

    background-color: #ddd;

    color: #fff;

    position: relative;

}

.hosting-content-table {

    display: table;

    width: 100%;

}



.hosting-content {

    display: table-cell;

    vertical-align: middle;

    padding-top: 100px;

    padding-bottom: 70px;

}



.hosting-content h2 {

    font-size: 48px;

    font-weight: 600;

}

img.hosting-right-img {

    position: absolute;

    right: 150px;

    top: 50px;

}



.domain-links {

    text-align: left;

    padding-bottom: 30px;

}



.domain-links

 ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.domain-links

 li {

    display: inline-block;

}



.domain-links

ul li a {

    display: block;

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    margin-right: 5px;

    text-decoration: none;

}







/* Responsive CSS */





@media screen and (min-width: 767px){

    .web-hosting .hk_pricing_title{

        height:150px;

    }   

}

@media screen and (max-width: 767px){

    .slider-content-area{

        padding-top: 200px;

        padding-bottom: 30px;

    }

    .single-slider-item img.position-img {

        right: 59px;

        top: 20px;

        padding-left: 100px;

    }

    .owl-dots,img.hosting-right-img{

        display: none !important;

    }

    .slider-content h2{

        font-size: 30px;

        line-height: 35px;

    } 

    .hosting-content{

        padding-top: 50px;

        padding-bottom: 40px;

    }

    .padding-server-box .container {

        width: 200px !important;

    }  

    .middle{

        border-bottom: none;

    }

    .server-country-tab div {

        font-size: 11px;

    }

    #bs-example-navbar-collapse-1{

        padding-right: 0 !important;

    }

    /*#bs-example-navbar-collapse-1{

        width: auto !important;

    }*/

    .hk_promot_btn .hk_btn{

        padding: 0 26px;

    }

    .hk_single_part{

        padding: 0 5px;

    }



    /* Table */



    .pricing_list_table {

  background: #fff;

  text-transform: uppercase;

}

.pricing_list_table thead tr th {

  width: 1%;

  border: none;

  padding: 0 42px;

  line-height: 60px;

  color: #7b9196;

}

.pricing_list_table tbody {

  padding-bottom: 10px;

}

.pricing_list_table tbody tr th {

  border: none;

  padding: 0 42px;

  line-height: 60px;

  color: #443a44;

}

.pricing_list_table tbody tr td {

  line-height: 60px !important;

}

.custab{

    box-shadow: none !important;

}

/* Table */

/* Force table to not be like tables anymore */
	.my-table table, .my-table thead, .my-table tbody, .my-table th, .my-table td, .my-table tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.my-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.my-table tr { border: 1px solid #ccc; }
	
	.my-table td { 
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important;
		position: relative !important;
		padding-left: 50% !important; 
		text-align:left !important;
	}
	.my-table td:last-child{
	    border-bottom:none !important;
	}
	.my-table td:first-child{
	    border-top:none !important;
	}
	
	
	.my-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	
	td:nth-of-type(1):before { content: "PLANS"; }
	td:nth-of-type(2):before { content: "CPU CORES"; }
	td:nth-of-type(3):before { content: "RAM"; }
	td:nth-of-type(4):before { content: "STORAGE"; }
	td:nth-of-type(5):before { content: "OS"; }
	td:nth-of-type(6):before { content: "IP"; }
	td:nth-of-type(7):before { content: "IPv6"; }
	td:nth-of-type(8):before { content: "BANDWIDTH"; }
	td:nth-of-type(9):before { content: "LOCATION"; }
	td:nth-of-type(10):before { content: "SOLUSVM CP."; }
	td:nth-of-type(11):before { content: "RDNS"; }
	td:nth-of-type(12):before { content: "PRICE"; }
	td:nth-of-type(13):before { content: "ORDER"; }
	
	
}


.share_cls{

    color: #fff;

    font-weight: 600;

    font-size: 35px;

    line-height: 45px;

}

.well{

    padding: 50px;

    border:none;

    border-radius: 0;

    /*background: #75c5f0;*/

}



/*----- Social Links -----*/

.social-nav {

    padding: 0;

    list-style: none;

    margin: -10px 0 0 -10px;

}

.social-nav li {

    float: left;

    margin: 10px 0 0 10px;

    list-style: none;

}

.social-nav a {

    display: inline-block;

    float: left;

    width: 48px;

    height: 48px;

    font-size: 20px;

    color: #fff;

    text-decoration: none;

    cursor: pointer;

    text-align: center;

    line-height: 48px;

    background: #000;

    position: relative;

    transition: all 0.5s;

    -ms-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

}

.social-nav a {

    overflow: hidden;

    font-size: 26px;

    border-radius: 4px;

}

.social-nav a:hover {

    background: #fff;

    text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4;

}

.social-nav .twitter {

    background: #00ACED;

    text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba;

}

.social-nav .twitter:hover {

    color: #00ACED;

}

.social-nav .facebook {

    background: #3B579D;

    text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278;

}

.social-nav .facebook:hover {

    color: #3B579D;

}

.social-nav .google {

    background: #DD4A3A;

    text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122;

}

.social-nav .google:hover {

    color: #DD4A3A;

}

.social-nav .linkedin {

    background: #007BB6;

    text-shadow: 0px 0px #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983;

}

.social-nav .linkedin:hover {

    color: #007BB6;

}

.social-nav .pinterest {

    background: #CB2026;

    text-shadow: 0px 0px #9f191e, 1px 1px #9f191e, 2px 2px #9f191e, 3px 3px #9f191e, 4px 4px #9f191e, 5px 5px #9f191e, 6px 6px #9f191e, 7px 7px #9f191e, 8px 8px #9f191e, 9px 9px #9f191e, 10px 10px #9f191e, 11px 11px #9f191e, 12px 12px #9f191e, 13px 13px #9f191e, 14px 14px #9f191e, 15px 15px #9f191e, 16px 16px #9f191e, 17px 17px #9f191e, 18px 18px #9f191e, 19px 19px #9f191e, 20px 20px #9f191e, 21px 21px #9f191e, 22px 22px #9f191e, 23px 23px #9f191e, 24px 24px #9f191e, 25px 25px #9f191e, 26px 26px #9f191e, 27px 27px #9f191e, 28px 28px #9f191e, 29px 29px #9f191e, 30px 30px #9f191e;

}

.social-nav .pinterest:hover {

    color: #CB2026;

}





/* 7 Columns CSS */



.col-xs-7ths,

.col-sm-7ths,

.col-md-7ths,

.col-lg-7ths {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

}



.col-xs-7ths {

    width: 12.5%;

    float: left;

}



@media (min-width: 768px) {

    .col-sm-7ths {

        width: 100%;

        float: left;

    }

}



@media (min-width: 992px) {

    .col-md-7ths {

        width: 100%;

        float: left;

    }

}



@media (min-width: 1200px) {

    .col-lg-7ths {

        width: 12.5%;

        float: left;

    }

}



.hk_vps_section .hk_package_price{

    height: 100px;

    width: 100px;

}

.hk_vps_section .hk_package_price .hk_price{

    font-size: 25px;

}

.hk_vps_section .hk_price_wrapper p{

    line-height: 1; 

}

.hk_vps_section .hk_package_price .hk_price sup{

    font-size: 13px;

}

.hk_vps_section .hk_price_btn{

    padding: 0 8px;

}

.hk_vps_section .hk_package_contains li::before{

    width: 100px;

}



/* Cards */



.wrimagecard{   

    margin-top: 0;

    margin-bottom: 1.5rem;

    text-align: left;

    position: relative;

    background: #fff;

    box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);

    border-radius: 4px;

    transition: all 0.3s ease;

}

.wrimagecard .fa{

    position: relative;

    font-size: 25px !important;

}

.wrimagecard-topimage_header{

padding: 25px;

background-color:  rgba(23, 160, 255,0.8);

}



.wrimagecard-topimage_header p{

    font-size: 16px;

    color: #fff;

    line-height: 2px;

    font-weight: 600;

    text-align: center;

}

.wrimagecard-topimage_title p{

    text-align: center;

    font-size: 14px;

    color: #666;

}



.wrimagecard-topimage_title p.price{

    font-size: 20px;

}



.wrimagecard-topimage_title p a{

    background: #1e88e5;

    padding: 7px;

    color: #fff;

    border-radius: 2px;

    margin: 6px;

    font-size: 18px;

    letter-spacing: 1px;

    width: 150px;

}



.wrimagecard-topimage_title p a:hover{

    box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);

}



.wrimagecard-topimage_title .feature_icon{

    margin:0 auto;

    padding-left: 8px;

}



a.wrimagecard:hover, .wrimagecard-topimage:hover {

    box-shadow: 2px 4px 8px 0px rgba(46,61,73,0.2);

}

/*.wrimagecard-topimage a {

    width: 100%;

    height: 100%;

    display: block;

}*/

.wrimagecard-topimage_title {

    padding: 20px 24px;

    min-height: 140px;

    padding-bottom: 0.75rem;

    position: relative;

    height: auto;

    overflow: hidden;

}

/*.wrimagecard-topimage a {

    border-bottom: none;

    text-decoration: none;

    color: #525c65;

    transition: color 0.3s ease;

}*/

span.plus-minus-icon{

    float: left;

    position: relative;

    left: -20px;

}

span.plus-minus-icon .fa{

    font-size: 12px !important;

    background: #1e88e5;

    padding: 5px 7px;

    color: #fff;

    cursor: pointer;

}



.btn-group{

    padding-top: 15px;

    padding-bottom: 50px;

}

span.glyphicon{

    font-size: 20px;

}

.server_country{

    margin-left: 6px;

    font-weight: 600;

    font-size: 20px;

}

.btn span.glyphicon {               

    opacity: 0;             

}

.btn.active span.glyphicon {                

    opacity: 1;             

}



.btn-group label.active{

    background: #5cb85c;

    border-color:#5cb85c;

}

.hk_domains_price_name label{
    width: 68px;
    padding-bottom: 5px;
}

.my-btn-group label{
    border-radius:5px 5px 5px 5px !important;
    margin:10px !important;
    font-size:25px !important;
}

table.table-kvm tr th,
table.table-kvm tr td,
table.table-vz tr th,
table.table-vz tr td
{
    text-align:center !important;
} 

table.vz{
    display:none;
}