/*

Theme Name: HostingPress
Theme URI: http://hostingpress.themedesigner.in
Author: ThemeDesigner
Author URI: http://www.themedesigner.in
Description: Hostingpress theme 
Version: 2.2
License: GNU General Public License v3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: black, orange, responsive-layout, featured-images, full-width-template, threaded-comments, post-formats, translation-ready, custom-menu, theme-options
Text Domain: hostingpress
Domain Path: /languages

*/

/* WHMCS */
input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}


#bridge *{font-family: 'Roboto', sans-serif !important;}
#bridge i.fa {  font-family: FontAwesome !important; }
#bridge i.glyphicons {  font-family: glyphicons-halflings !important; }
#bridge section#main-menu{background: none;}
#bridge > #header{display: none;}
#bridge > #footer{display: none;}
#bridge .navbar .container{width: 1170px;border-bottom: 1px solid #f1f1f1 !important; padding:0;}
#bridge .navbar-main .navbar-nav>li>a:hover{color: #267ae9 !important; background: none;}
#bridge .navbar-main .navbar-nav>li>a{color:#19506d !important;}
#bridge .navbar-nav>li:hover .dropdown-menu{display:block; min-width:200px;}
#bridge .dropdown-menu>li>a:focus, #bridge .navbar-main .dropdown-menu>li>a:hover{background-color: #267ae9; background-image:none !important;}

#bridge .btn{ border-radius:0 !important;   color: #fff !important;    background-color: #267ae9 !important;    border-color: #267ae9 !important;}
#bridge section#footer p{border-top:0; margin-top:0;}
#bridge .form-control {color:#333 !important; padding: 0 15px;    line-height: 50px;    border: none;    border-radius: 0px 0 0 0px !important; background:#f7f7f7 !important;}
#bridge .list-group-item.active, #bridge .list-group-item.active:focus, #bridge .list-group-item.active:hover {    z-index: 2;    color: #fff;    background-color: #267ae9 !important;    border-color: #337ab7;    background-image: none;}
/*#bridge .dropdown-menu{ min-width:195px !important;}*/
#bridge .domain-checker-container{    background-color: #267ae9 !important;}
#bridge .h1, #bridge h1 {    font-size: 22px;}
#bridge .h3, #bridge h3 {    font-size: 18px;}
#bridge .tile .icon {    position: absolute;    top: 10px;    left: 125px;    font-size: 48px;    line-height: 1;    color: #ccc;}
#bridge .h2, #bridge h2 {    font-size: 20px;}
#bridge .home-shortcuts {    margin: 0;    background: #267ae9 !important;    color: #fff;}
#bridge{margin-top:-68px;}
#bridge .navbar-default{background-image:none !important; background:transparent !important;     box-shadow: none;  z-index: 1;}
#bridge #main-menu .navbar-nav{    float: left !important;    margin-right: 13px; padding-left:0;}
#bridge .navbar-collapse{padding-left:0;}
#bridge .main-content{margin-bottom:0 !important;}
#bridge .logincontainer{margin: 40px auto 30px;}
#bridge .form-control{    display: block;    width: 100%;    height: 34px;    padding: 6px 12px;    font-size: 14px;    line-height: 1.42857143;    color: #555;    background-color: #fff !important;    background-image: none;    border: 1px solid #ccc;    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#bridge .checkbox label, #bridge .radio label{line-height:12px;}
#bridge .logincontainer h1, #bridge .logincontainer small{color: #267ae9 !important;}
#bridge .btn[disabled]{margin-top:5px;}
#bridge section#main-body{min-height:auto;}
#bridge .header-lined h1{margin-top: 0px;}


@media (min-width: 1170px){
 #bridge .container {
    width: 1170px;
}
    
}
@media(max-width:768px){
    #bridge .whmcscontainer .halfwidthcontainer{width:80%;}
    #bridge .navbar-toggle{    position: absolute;}
}

@media(max-width:480px){
    #bridge .whmcscontainer .halfwidthcontainer{width:100%;}
    #bridge .whmcscontainer .col60, #bridge .whmcscontainer .col40{width:100%;}
    #bridge h2 small{display:block;}
    #bridge .whmcscontainer .col40{margin-top:20px;}
   #bridge .internalpadding input{margin-bottom:10px;}
   #bridge .well.textcenter .styled_title{margin-bottom:20px;}
   .tab-content .btn.btn-primary{margin-bottom:10px;}
   #wdc-style #Search {    margin-bottom: 10px;}
   #bridge .whmcscontainer .well{    padding: 22px 15px 30px 15px !important;}
   #bridge .whmcscontainer .well input.btn.btn-primary {    padding: 0 10px!important;}
   #bridge .whmcscontainer .well input.btn {    padding: 0 10px !important;}
   .top_header .nav li{line-height: 24px}
   .top_header .nav li a i {
    margin-right: 10px;}
}







.contact-form{ position:absolute; right:0px; top:-550px; padding:20px; background:#f6f6f6 ; z-index:999;}



.contact-form input[type='text'], .contact-form input[type='email'], .contact-form textarea, .contact-form input:focus, .contact-form textarea:focus{ border-bottom:1px solid #ccc; box-shadow:none; padding:0px;}



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







.contact-form{ position:relative; top:20px;}



}







.gallery-caption {



    display: block;



    line-height: 1.5;



    padding: 0.5em 0;



}







.bypostauthor {







}







.sticky {



    position: relative;



    padding:20px !important;



    border:1px solid #dadada



}



.sticky:before {



    content: "";



    display: block;



    position: absolute;



    top: 0;



    right: 0;



    z-index: 150;



    border-right: 40px solid #FE824C;



    border-bottom: 40px solid transparent;



}





.sd-full-width {

	margin: 0;

	position: relative;

	width: 100%;

	-moz-box-sizing: border-box;

		 box-sizing: border-box;

}

.wpb_revslider_element {

	margin: 0 -15px;	

}

.sd-centered-wrapper {

	margin: 0 -15px;

}

.sd-centered-wrapper .wpb_revslider_element {

	margin: 0;

}

.wpb_row {

		margin: 0;	

	}

	.wpb_wrapper {

	position: relative;

	z-index: 100;	

}

.wpb_wrapper .wpb_row {

}

.wpb_wrapper ul {

	margin: 0;

	padding: 0;

}

.wpb_row {

	position: relative;

}

.pt68{

padding-top:68px;

}



#uncapped-products .uncapped-top-section {

    position: relative;

    background: #fff;

    border-radius: 4px;

    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1)

}

#uncapped-products .slider-header {

    background: linear-gradient(to bottom, #0c99d6, #246db5);

    border-radius: 4px 4px 0px 0px;

    text-align: center;

    color: #fff;

    padding-top: 40px;

    padding-bottom: 40px

}

#uncapped-products .slider-header h3 {

    font: 36px "Sterling Medium", sans-serif;

    margin-bottom: 5px

}

#uncapped-products .slider-header p {

    font: 20px "Sterling", sans-serif;

    color: #8bc3e4;

    max-width: 700px;

    margin: 0px auto

}

#uncapped-products .uncapped-slider {

    padding: 20px

}

#uncapped-products .slider-speeds {

    position: relative;

    margin-bottom: 10px;

    z-index: 10

}

#uncapped-products .slider-speeds:after {

    content: "";

    display: table;

    clear: both

}

#uncapped-products .slider-speeds .arrow {

    display: none;

    width: 20%;

    height: 50px;

    position: absolute;

    top: 0px;

    background: url(https://cdn.afrihost.com/images/core/arrows-mobile.png) left top no-repeat;

    font: 15px/50px "Sterling Demi", sans-serif;

    color: #1fa3de;

    opacity: 1

}

#uncapped-products .slider-speeds .arrow[data-direction="left"] {

    padding-left: 40px;

    left: 0px;

    background-position: left top

}

#uncapped-products .slider-speeds .arrow[data-direction="right"] {

    padding-right: 40px;

    right: 0px;

    background-position: right bottom;

    text-align: right

}

#uncapped-products .slider-speeds li {

    float: left;

    display: block;

    width: 100%;

    height: 25px;

    position: relative;

    margin: 0px auto;

    font: 13px/25px "Sterling Demi", sans-serif;

    color: #98a5ae;

    cursor: pointer;

    text-align: center;

    border-radius: 13px;

    transition: all 0.2s ease

}

#uncapped-products .slider-speeds li:hover,

#uncapped-products .slider-speeds li.active {

    background: #db2c2c;

    color: #fff

}

#uncapped-products .slider-speeds li:last-of-type:after {

    display: none

}

#uncapped-products .slider-speeds.s2 li {

    width: 50%

}

#uncapped-products .slider-speeds.s3 li {

    width: 33.33333%

}

#uncapped-products .slider-speeds.s4 li {

    width: 25%

}

#uncapped-products .slider-speeds.s5 li {

    width: 20%

}

#uncapped-products .slider-speeds.s6 li {

    width: 16.66667%

}

#uncapped-products .slider-speeds.s7 li {

    width: 14.28571%

}

#uncapped-products .slider-speeds.s8 li {

    width: 12.5%

}

#uncapped-products .range-slider {

    height: 30px;

    margin: 10px auto 20px;

    padding: 3px;

    cursor: pointer;

    position: relative;

    border-radius: 15px 14px 14px 15px/15px 15px 14px 14px;

    background-color: #fbfbfb;

    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05) 35%, rgba(255, 255, 255, 0.05) 65%);

    box-shadow: 0 1px #fff, inset 0 1px rgba(0, 0, 0, 0.15);

    position: relative;

    z-index: 5

}

#uncapped-products .range-slider:before {

    content: '';

    display: block;

    height: 23px;

    border-radius: 11px;

    box-shadow: 0 1px rgba(0, 0, 0, 0.17), inset 0 1px #fff;

    background: #ececec;

    background: linear-gradient(to bottom, #ececec 0%, #eaeaea 50%, #e4e4e4 50%, #ddd 100%)

}

#uncapped-products .range-slider .dividers {

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

    width: 100%;

    height: 30px

}

#uncapped-products .range-slider .dividers:after {

    content: "";

    display: table;

    clear: both

}

#uncapped-products .range-slider .dividers .divider {

    display: block;

    height: 30px;

    position: relative;

    float: left

}

#uncapped-products .range-slider .dividers .divider:after {

    content: '';

    display: block;

    width: 1px;

    background: rgba(255, 255, 255, 0.4);

    border-right: 1px solid rgba(0, 0, 0, 0.15);

    position: absolute;

    top: -10px;

    right: 0px;

    bottom: -10px;

    z-index: 10

}

#uncapped-products .range-slider .inner {

    display: block;

    height: 24px;

    position: absolute;

    top: 0px

}

#uncapped-products .range-slider .inner a {

    z-index: 15

}

#uncapped-products .range-slider .mask {

    height: 24px;

    display: block;

    position: absolute;

    border-radius: 11px;

    background: #2565b5;

    background: linear-gradient(to right, #2565b5 0%, #2c8fce 50%, #16cbff 100%);

    transition: all 0.5s ease;

    top: 3px;

    z-index: 5

}

#uncapped-products .range-slider .mask:before {

    content: '';

    width: 100%;

    background: #fff;

    display: block;

    height: 50%;

    opacity: 0.15

}

#uncapped-products .social-share {

    background: #fff;

    border-radius: 4px;

    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);

    height: 60px;

    margin-top: 10px

}

#uncapped-products .social-share:after {

    content: "";

    display: table;

    clear: both

}

#uncapped-products .social-share .social-description {

    display: block;

    float: left

}

#uncapped-products .social-share .social-description:after {

    content: "";

    display: table;

    clear: both

}

#uncapped-products .social-share .social-description dt {

    display: block;

    height: 60px;

    float: left;

    color: #1883c6;

    padding-left: 25px;

    padding-right: 35px;

    margin-right: 20px;

    background: url("//cdn.afrihost.com/images/products/share-arrow.png") right center no-repeat

}

#uncapped-products .social-share .social-description dt:before {

    font-size: 35px;

    line-height: 60px

}

#uncapped-products .social-share .social-description dd {

    background: url("//cdn.afrihost.com/images/products/share-amazing.png") center center no-repeat;

    display: block;

    width: 203px;

    height: 33px;

    background-size: 100% auto;

    text-indent: -9999px;

    float: left;

    margin-top: 13px

}

#uncapped-products .social-share .social-icons {

    display: block;

    float: right

}

#uncapped-products .social-share .social-icons:after {

    content: "";

    display: table;

    clear: both

}

#uncapped-products .social-share .social-icons li {

    background: url("//cdn.afrihost.com/images/products/share-arrow.png") left center no-repeat;

    float: left;

    margin-left: 20px;

    position: relative;

    padding-left: 30px

}

#uncapped-products .social-share .social-icons li:last-of-type {

    padding-right: 20px

}

#uncapped-products .social-share .social-icons li a {

    color: #797979;

    height: 60px;

    line-height: 60px;

    display: block

}

#uncapped-products .social-share .social-icons li a:before {

    font-size: 30px;

    line-height: 60px;

    float: left;

    z-index: 5;

    position: relative;

    transition: all 0.2s ease;

    margin-right: 15px

}

#uncapped-products .social-share .social-icons li a.ci-facebook-c:before {

    color: #3b579d

}

#uncapped-products .social-share .social-icons li a.ci-twitter-c:before {

    color: #00aced

}

#uncapped-products .social-share .social-icons li a.ci-gplus-c:before {

    color: #da4835

}

#uncapped-products .social-share .social-icons li a.ci-email-c:before {

    color: #999999

}

#uncapped-products .social-share .social-icons li a:hover.ci-facebook-c:before {

    color: #2d4278

}

#uncapped-products .social-share .social-icons li a:hover.ci-twitter-c:before {

    color: #0087ba

}

#uncapped-products .social-share .social-icons li a:hover.ci-gplus-c:before {

    color: #ba3422

}

#uncapped-products .social-share .social-icons li a:hover.ci-email-c:before {

    color: gray

}

#uncapped-products .social-share .social-icons li>span {

    position: absolute;

    top: 0px;

    right: -35px;

    bottom: 0px;

    left: 15px;

    z-index: 10;

    opacity: 0

}

@media all and (max-width: 520px) {

    #uncapped-products {

        padding-top: 40px

    }

    #uncapped-products .slider-header p {

        padding: 0px 20px

    }

    #uncapped-products .slider-speeds {

        position: relative;

        height: 50px;

        padding: 0px 20%;

        margin: 0px

    }

    #uncapped-products .slider-speeds:after {

        content: "";

        display: table;

        clear: both

    }

    #uncapped-products .slider-speeds .arrow {

        display: block;

        opacity: 1!important

    }

    #uncapped-products .slider-speeds li {

        float: none;

        display: block;

        opacity: 0;

        width: 40%!important;

        position: absolute;

        top: 50%;

        right: 30%;

        left: 30%;

        margin-top: -20px;

        height: 40px;

        border-radius: 10px;

        line-height: 40px;

        font-size: 16px;

        transition: none;

        animation-fill-mode: forwards

    }

    #uncapped-products .slider-speeds li:after {

        display: none

    }

    #uncapped-products .slider-speeds li.active {

        background: #db2c2c;

        color: #fff;

        opacity: 1

    }

    #uncapped-products .slider-speeds li.out-right {

        animation: 0.2s outRight

    }

    #uncapped-products .slider-speeds li.out-left {

        animation: 0.2s outLeft

    }

    #uncapped-products .slider-speeds li.in-right {

        animation: 0.2s inRight

    }

    #uncapped-products .slider-speeds li.in-left {

        animation: 0.2s inLeft

    }

    #uncapped-products .social-share {

        height: auto;

        box-sizing: border-box

    }

    #uncapped-products .social-share * {

        box-sizing: border-box

    }

    #uncapped-products .social-share .social-description {

        float: none;

        width: 100%;

        border-bottom: 1px solid #e1e1e1;

        height: 80px

    }

    #uncapped-products .social-share .social-description dt {

        width: 30%;

        margin: 0px;

        display: none

    }

    #uncapped-products .social-share .social-description dd {

        width: 100%;

        background-size: auto 35px;

        height: 80px;

        margin: 0px

    }

    #uncapped-products .social-share .social-icons {

        float: none

    }

    #uncapped-products .social-share .social-icons li {

        background: none;

        float: left;

        width: 33%;

        margin: 0px;

        padding: 0px;

        text-align: center;

        height: 60px;

        border-right: 1px solid #e1e1e1

    }

    #uncapped-products .social-share .social-icons li>span {

        position: absolute;

        top: 0px;

        right: 0px;

        bottom: 0px;

        left: 0px

    }

    #uncapped-products .social-share .social-icons li:last-of-type {

        border: none;

        padding: 0px

    }

    #uncapped-products .social-share .social-icons li:before,

    #uncapped-products .social-share .social-icons li:after {

        position: static;

        margin: 0px;

        height: 80px;

        line-height: 80px

    }

    #uncapped-products .social-share .social-icons li:before {

        padding-left: 0px;

        font-size: 40px;

        width: 100%

    }

    #uncapped-products .social-share .social-icons li:after {

        display: none

    }

    #uncapped-products .social-share .social-icons li a {

        padding-left: 20px;

        text-align: left

    }

    #uncapped-products .range-slider {

        display: none

    }

}

@keyframes outRight {

    0% {

        opacity: 1

    }

    100% {

        transform: translateX(-50px);

        opacity: 0

    }

}

@keyframes outLeft {

    0% {

        opacity: 1

    }

    100% {

        transform: translateX(50px);

        opacity: 0

    }

}

@keyframes inRight {

    0% {

        opacity: 0;

        transform: translateX(50px)

    }

    100% {

        transform: none;

        opacity: 1

    }

}

@keyframes inLeft {

    0% {

        opacity: 0;

        transform: translateX(-50px)

    }

    100% {

        transform: none;

        opacity: 1

    }

}

#compare-product-outer {

    background: linear-gradient(to bottom, #F5F5F0 90%, #fff 100%)

}

#compare-product-inner.uncapped {

    background: none;

    padding-top: 0px

}

#uncapped-products * {

    box-sizing: border-box

}

#uncapped-products .product-holder {

    position: relative;

    overflow: hidden;

    height: 800px;

    width: 1110px;

    margin-top: 10px

}

#uncapped-products .product-holder:after {

    content: "";

    display: table;

    clear: both

}

#uncapped-products .product-holder .arrow {

    width: 90px;

    height: 90px;

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -45px;

    left: 8px;

    overflow: hidden;

    z-index: 20;

    cursor: pointer;

    opacity: 0;

    transition: 0.25s;

    width: 45px

}

#uncapped-products .product-holder .arrow:before {

    content: '';

    display: block;

    width: 90px;

    height: 90px;

    background: #fff url(https://cdn.afrihost.com/images/core/btn-productarrow.png) 30px top no-repeat;

    border-radius: 50%;

    position: absolute;

    right: 0px

}

#uncapped-products .product-holder .arrow[data-direction="right"] {

    margin-left: auto;

    left: auto;

    right: 10px

}

#uncapped-products .product-holder .arrow[data-direction="right"]:before {

    background-position: 10px bottom;

    left: 0px

}

#uncapped-products .product-holder .arrow:hover {

    opacity: 1

}

#uncapped-products .product-holder.waypoint .product-holder-inner {

    transform: translateX(400px);

    opacity: 0

}

#uncapped-products:hover .arrow {

    opacity: 0.8

}

#uncapped-products .product-holder-inner {

    position: absolute;

    top: 0px;

    width: 10000px;

    transition: all 0.5s ease;

    opacity: 1

}

#uncapped-products .product-holder-inner:after {

    content: "";

    display: table;

    clear: both

}

#uncapped-products .product-group {

    width: 1110px;

    float: left;

    padding: 20px 5px

}

#uncapped-products .product-group:after {

    content: "";

    display: table;

    clear: both

}

#uncapped-products .product {

    width: 360px;

    float: left;

    margin: 0px 3px;

    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);

    border-radius: 4px;

    transition: all 0.3s ease

}

#uncapped-products .product .product-header {

    text-align: center;

    background: linear-gradient(to right, #34afe6 0%, #2b85ca 100%);

    border-radius: 4px 3px 0px 0px;

    padding: 40px 0px 0px;

    position: relative

}

#uncapped-products .product .product-header .product-name {

    font: 30px "Sterling Medium", sans-serif;

    color: #fff;

    margin-bottom: 5px

}

#uncapped-products .product .product-header .product-description {

    font: 18px "Sterling Medium", sans-serif;

    color: #fff;

    opacity: 0.6

}

#uncapped-products .product .product-header .product-description .sub-description {

    font-size: 14px;

    line-height: 20px;

    text-transform: uppercase;

    display: block

}

#uncapped-products .product .product-header .sub-header {

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

    height: 60px;

    margin-top: 35px;

    position: relative

}

#uncapped-products .product .product-header .sub-header:after {

    content: "";

    display: table;

    clear: both

}

#uncapped-products .product .product-header .sub-header:before {

    content: '';

    display: block;

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

    background: linear-gradient(to bottom, #e12323 0%, #d50b1c 100%);

    z-index: 1;

    opacity: 0;

    transition: all 0.3s ease

}

#uncapped-products .product .product-header .sub-header .product-speed {

    font: 22px/60px "Sterling Medium", sans-serif;

    color: #fff;

    float: left;

    z-index: 5;

    position: relative

}

#uncapped-products .product .product-header .sub-header .product-icon {

    background: url("//cdn.afrihost.com/images/products/icons-uncapped.png") center top no-repeat;

    display: block;

    width: 80px;

    height: 60px;

    float: right;

    margin-right: -20px;

    background-size: 100px auto;

    position: relative;

    z-index: 5

}

#uncapped-products .product .product-header .sub-header .product-icon.premium {

    background-position: center center

}

#uncapped-products .product .product-header .sub-header .product-icon.business {

    background-position: center bottom

}

#uncapped-products .product .product-header .sub-header .product-icon:before,

#uncapped-products .product .product-header .sub-header .product-icon:after {

    content: '';

    display: block;

    width: 34px;

    height: 1px;

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

    position: absolute;

    top: 50%;

    left: -30px;

    margin-top: -1px;

    transition: all 0.3s ease

}

#uncapped-products .product .product-header .sub-header .product-icon:before {

    transform: rotate(65deg);

    border-top: 1px solid rgba(255, 255, 255, 0.25);

    transform-origin: right bottom

}

#uncapped-products .product .product-header .sub-header .product-icon:after {

    transform: rotate(-65deg);

    border-bottom: 1px solid rgba(255, 255, 255, 0.25);

    transform-origin: right top

}

#uncapped-products .product:first-of-type .product-header {

    background: linear-gradient(to right, #3acdfa 0%, #34afe6 100%)

}

#uncapped-products .product:last-of-type .product-header {

    background: linear-gradient(to right, #2b85ca 0%, #2566b5 100%)

}

#uncapped-products .product .features.mobile {

    display: none

}

#uncapped-products .product .product-feature {

    height: 45px;

    color: #838383;

    font: 15px/45px "Calibri", sans-serif;

    background: #fbfbfb

}

#uncapped-products .product .product-feature:after {

    content: "";

    display: table;

    clear: both

}

#uncapped-products .product .product-feature:nth-of-type(2n) {

    background: #f3f3f3

}

#uncapped-products .product .product-feature dt {

    float: left;

    font-weight: bold

}

#uncapped-products .product .product-feature dd {

    float: right

}

#uncapped-products .product .product-feature dd.check {

    background: url(https://cdn.afrihost.com/images/core/table_icon_tick.png) right center no-repeat;

    width: 45px;

    height: 45px

}

#uncapped-products .product .product-feature dd.cross {

    background: url(https://cdn.afrihost.com/images/core/table_icon_x.png) right center no-repeat;

    width: 45px;

    height: 45px

}

#uncapped-products .product .product-feature dd.blue {

    color: #00639e

}

#uncapped-products .product .product-feature dd.green {

    color: #65b635

}

#uncapped-products .product .product-feature dd.bold {

    font-weight: bold

}

#uncapped-products .product .product-footer {

    height: 85px;

    background: linear-gradient(to bottom, #fff 0%, #dadada 100%);

    border-top: 1px solid #e0e0e0;

    border-bottom: 1px solid #c5c5c5;

    border-radius: 0px 0px 4px 4px

}

#uncapped-products .product .product-footer:after {

    content: "";

    display: table;

    clear: both

}

#uncapped-products .product .product-footer .btn-signup {

    float: left;

    width: 150px;

    height: 50px;

    margin: 17px 20px;

    border: 1px solid #cccccc;

    background: linear-gradient(to bottom, #fff 15%, #ececec 100%);

    box-shadow: 0px 1px 0px #fff;

    font: 18px/50px "Sterling Demi", sans-serif;

    color: #128ecd;

    text-align: center;

    border-radius: 5px;

    position: relative;

    transition: all 0.2s ease

}

#uncapped-products .product .product-footer .btn-signup:before {

    content: attr(data-text);

    display: block;

    color: #fff;

    position: absolute;

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

    background: linear-gradient(to bottom, #01d5fb 15%, #0276c1 90%, #01a8f2 100%);

    border-radius: 5px;

    opacity: 0;

    visibility: hidden;

    transition: all 0.2s ease

}

#uncapped-products .product .product-footer .product-price {

    background: none;

    float: right;

    width: auto;

    height: auto;

    padding: 0px;

    display: block;

    text-align: right;

    margin: 15px 20px 0px 0px

}

#uncapped-products .product .product-footer .product-price dt {

    font: 32px "Sterling Demi", sans-serif;

    color: #00639e

}

#uncapped-products .product .product-footer .product-price dt .small {

    font-size: 22px

}

#uncapped-products .product .product-footer .product-price dd {

    font: 15px "Sterling Medium", sans-serif;

    color: #797979

}

#uncapped-products .product:hover {

    transform: translateY(-10px);

    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.5)

}

#uncapped-products .product:hover .product-header .sub-header:before {

    opacity: 1

}

#uncapped-products .product:hover .product-header .sub-header .product-icon:before,

#uncapped-products .product:hover .product-header .sub-header .product-icon:after {

    background: rgba(0, 0, 0, 0.1)

}

#uncapped-products .product:hover .product-footer .btn-signup {

    border-color: transparent

}

#uncapped-products .product:hover .product-footer .btn-signup:before {

    opacity: 1;

    visibility: visible

}

html.touch #uncapped-products .product-holder .product:hover {

    transform: none;

    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2)

}


@media all and (max-width: 520px) {

    #uncapped-products .product-holder {

        width: 100%

    }

    #uncapped-products .product-holder .arrow {

        display: none

    }

    #uncapped-products .product-group {

        width: 480px;

        padding: 10px;

        transform: translateZ(0)

    }

    #uncapped-products .product {

        width: 100%;

        float: none;

        margin: 0px 0px 20px;

        border-radius: 8px;

        transform: translateZ(0)

    }

    #uncapped-products .product .product-header {

        text-align: left;

        padding: 10px 20px;

        border-radius: 8px 8px 0px 0px;

        height: 100px;

        position: relative

    }

    #uncapped-products .product .product-header .product-name {

        padding-top: 10px;

        font: 30px "Sterling Demi", sans-serif

    }

    #uncapped-products .product .product-header .product-description {

        display: none

    }

    #uncapped-products .product .product-header .sub-header {

        background: transparent;

        margin-top: 0px;

        padding: 0px;

        position: absolute;

        height: 100px;

        top: 0px;

        left: 0px;

        padding-top: 50px;

        padding-left: 20px

    }

    #uncapped-products .product .product-header .sub-header:before {

        display: none

    }

    #uncapped-products .product .product-header .sub-header .product-speed {

        font: 22px/30px "Sterling Medium", sans-serif

    }

    #uncapped-products .product .product-header .sub-header .product-icon {

        position: absolute;

        top: 0px;

        right: 0px;

        width: 80px;

        height: 100px;

        background-image: url("//cdn.afrihost.com/images/products/icons-uncapped@4x.png");

        background-size: 130px auto;

        background-position: -45px 10px

    }

    #uncapped-products .product .product-header .sub-header .product-icon.premium {

        background-position: -45px -65px

    }

    #uncapped-products .product .product-header .sub-header .product-icon.business {

        background-position: -45px -145px

    }

    #uncapped-products .product .product-header .sub-header .product-icon:before,

    #uncapped-products .product .product-header .sub-header .product-icon:after {

        width: 55px;

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

        position: absolute;

        top: 50%;

        left: -70px

    }

    #uncapped-products .product .features.desktop {

        display: none

    }

    #uncapped-products .product .features.mobile {

        display: block

    }

    #uncapped-products .product .product-footer {

        border: transparent

    }

    #uncapped-products .product .product-footer .btn-signup:before {

        opacity: 1;

        visibility: visible

    }

}





