/*main page*/
img#logo-slogan {
    width: 220px;
}

/*packages*/

#packages {
    padding-top:20px;
}

#packages > div {
    margin-bottom:20px;
}

.actions {
    width:100%;
}
#packages .list-group {
    margin-bottom: 0;
}
#packages .btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.process-row {
    display: table-row;
}

.process {
    display: table;
    width: 100%;
    position: relative;
}

.process-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.process-row:before {
    top: 50px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.process-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.process-step p {
    margin-top:10px;

}

.btn-circle {
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.features-tab {
    border-left: 0;
}
.features-tab .nav-tabs {
    border: 1px solid #e5e5e5 !important;
    border-left: 1px solid #e5e5e5 !important;
}

@media only screen and (max-device-width: 480px) {
    .features-tab {
        margin-left: 0;
    }
    /*.features-tab .nav-tabs {*/
        /*border-left: none !important;*/
    /*}*/
    .nav-tabs.nav-justified > li {
        float: left;
    }
    .nav-tabs.nav-justified li {
        width: 33%;
    }
    .tab-img {
        width: 48px;
        margin: 0 auto;
    }
    .features-tab ul li a p {
        font-size: 17px;
    }
}

/*overview*/
.mobile-view-table {
    display: none;
    margin: 10px 0 10px 0;
}
.txt-overview-desc {
    text-align: center;
}
@media only screen and (max-device-width: 480px) {
    .mobile-view-table {
        display: block;
    }
    .txt-overview-desc {
        text-align: left;
        padding: 0 10px 10px 10px;
    }
    .mobile-view-table p {
        margin-bottom: 0px;
        line-height: 20px;
        font-size: 16px;
        margin-top: 5px;
    }
    #myTabContent, .tab-content {
        margin-left: 0;
    }
    .tab-content .paging {
        display: none;
    }
    .apply ul li {
        width: 100%;
    }
    .apply ul li input {
        width: 100%;
        max-width: 100%;
    }
    .hide-xs {
        display: none;
    }
    .show-xs {
        display: block;
    }
}
.show-xs {
    display: none;
}

/*checkout*/
.test-cont {
    margin: 0 0 20px 0;
}
.top-test {
    margin-top: 20px;
}
@media only screen and (max-device-width: 480px) {
    .plan-text {
        font-size: 18px;
    }
}

/*iOS fix for textfields*/
select, textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    font-size: 16px;
}

/*------------Start of features--------------*/
.features {
    width:100%;
    float:left;
}


.tab-content{
    box-shadow: none;
}

.tab-content .tab-pane i {
    color:#ffffff;
    background:#34495e;
    border-radius:50%;
    font-style:normal;
    font-weight:normal;
    height:40px;
    left:1.7%;
    padding-top:4px;
    position:absolute;
    text-align:center;
    top: 100px;
    width:40px;
}
.tab-content .tab-pane:nth-child(2) i {
    top: 100px;
}
.tab-content .tab-pane:nth-child(3) i {
    top: 100px;
}
.tab-content .tab-pane:nth-child(4) i {
    top: 100px;
}
.features-tab .nav-tabs {
    max-width:1200px;
    background:#f9fafa;
    text-align:center;
    margin:20px 0 0;
}
.features-tab ul li a:after {
    background:url(../images/after-n.png) -40px -60px no-repeat;
    content:"";
    display:inline-block;
    right:-37px;
    position:absolute;
    top:0;
    z-index:111;
}
.features-tab ul li.active a:after,
.features-tab ul li:hover a:after {
    background:url(../images/after-active-new-u.png) -40px -60px no-repeat;
}
.features-tab ul li:last-child a:after {
    display:none;
}
.features-tab ul li a {
    border:none !important; 
}
.features-tab ul li a:hover,
.features-tab ul li.active {
    background:#ffffff;
}
.features-tab ul li a:hover p,
.features-tab ul li.active a p {
    color:#000000;
}
.features-tab ul li.active a {
    background:none !important;
}
.tab-img {
    width:48px;
    margin:0 auto;
}
.tab-img span {
    min-height:46px;
    display:table-cell;
    vertical-align:bottom;
}
.features-tab ul li a p {
    color:#797979;
    font:normal 12px/18px 'Roboto', sans-serif;
    margin:9px 0 0;
}
.features-tab ul li:first-child span img {
    padding-top:13px;
}
/*.features-tab ul li:nth-child(1) span img {
    padding-top:5px;
}
.features-tab ul li:nth-child(2) span img {
    padding-top:13px;
}*/

.features-tab ul li a .tab-img-h {
    display:none;
    position:absolute;
    top:10px;
    left:97px;
}
.features-tab ul li a:hover .tab-img-h,
.features-tab ul li.active a .tab-img-h,
.tab-img-h span {
    display:block;
}
.tab-content .active h2,
.mb .tab-pane h2 {
    color:#34495e;
    font:normal 29px/62px 'Roboto', sans-serif;
    margin:14px 0 15px 0;
/*  border-bottom:1px solid #ededed;*/
}
.mb .tab-pane h2 {
    line-height:29px;
    font-size:20px;
    padding-bottom:20px;
}
.industries {
    width:100%;
    float:left;
    margin-top:20px;
    margin-bottom:13px;
}
.industries label {
    color:#7f8c8d;
    font:normal 18px/33px 'Roboto', sans-serif;
}
.industries select,
.industries select option {
    color:#010101;
    height:30px;
    font:normal 14px/33px 'Roboto', sans-serif;
    padding:0 7px;
}
.btn-continue {
    background:#3c78d8;
    min-width:100%;
    margin:20px 0;
}
.skip {
    background:#f9fafa;
    width:100%;
    float:left;
    border:1px solid #cccccc;
    padding:23px;
}
.skip p{
    color:#808080;
    font:normal 13px/18px 'Roboto', sans-serif;
    margin-bottom:100px;
}
.btn-skip {
    color:#3c78d8;
    background:none;
}
.btn-skip:hover {
    color:#000000;
}
.overview-tbl tr td {
    color:#636363;
    font:400 14px/33px 'Roboto', sans-serif;    
}
.overview-tbl tr td ul {
    margin-left:15px;
    display:inline-block;
}
.mb .overview-tbl tr td ul {
    float:left;
}
.overview-tbl tr td span {
    max-width:100%;
    border:1px solid #cccccc;
    padding:10px 18px;
    margin:5px 0 0 50px;
    float:left;
}
.btn-edit {
    width:100%;
    float:left;
    margin-top:13px;
}
.cart {
    width:100%;
    float:left;
/*  border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;*/
    margin-top:-19px;
}
.cart a {
    color:#428bca;
    font:400 14px/33px 'Roboto', sans-serif;
}
.cart span {
    color:#636363;
    font:400 10px/33px 'Roboto', sans-serif;
}
.apply {
    background:#f4f4f4;
    padding:14px 10px 10px 10px;
    margin-bottom:20px;
    border:1px solid #ddd;
}
.apply,
.apply ul  {
    width:100%;
    float:left;
}
.apply ul {
    list-style:none;
    padding:0;
    margin:0;
}
.apply ul li {
    color:#8e8e8e;
    font:400 12px/33px 'Roboto', sans-serif;
    float:left;
    margin-right:7px;
}
.apply ul li input {
    max-width:190px;
    height:30px;
    border-radius:0;
    border:1px solid #ddd;
}
.apply ul li button {
    color:#428bca;
    font:400 14px/33px 'Roboto', sans-serif;
    background:none;
    padding:0;
}
.apply ul li button:hover {
    color:inherit;
}
.total {
    background:#f4f4f4;
    width:100%;
    float:left;
    border:1px solid #ddd;
    padding:10px;
}
.total tr:nth-child(2) td {
    color:#636363;
    font:400 24px/33px 'Roboto', sans-serif;    
}
.total .page-bk {
    color:#a7b0b0;
    width:100%;
    font:400 14px/33px 'Roboto', sans-serif; 
    float:left;
    margin-top:15px;
}
.check-out {
    color:#ffffff;
    background:#428bca;
    font:400 18px/33px 'Roboto', sans-serif;
    float:left;
    padding:5px 15px;
    margin:20px 0;
}
.form-horizontal legend {
    border-bottom:1px solid #e5e5e5;
    color:#7f8c8d;
    font-size:18px;
    margin-top:20px;
}
.plan-text input{
   margin-right:5px;
}
.plan-text{
    color:#636363;
    font-size:12px;
}
.top-test h5 {
    color:#000000;
    font:400 14px/18px 'Roboto', sans-serif;
    margin:75px 0 12px; 
}
.top-test p {
    color:#808080;
    font:400 13px/18px 'Roboto', sans-serif;    
}
.test-cont{
     background: none repeat scroll 0 0 #f9fafa;
    border: 1px solid #cccccc;
    padding:15px;
    margin-top:20px;
}
.test-cont p span {
    width:100%;
    float:left;
    text-align:center;
}
.test-cont p{
    color:#808080;
    font:400 16px/18px 'Roboto', sans-serif;
    margin-bottom:0;
}
.test-cont small {
    color:#000000;
    font:400 12px/33px 'Roboto', sans-serif;
    text-align:left;
}
.test-cont p i{
    background:none !important;
    color:#808080 !important;
    top:auto !important;
    position:relative !important;
    width:35px!important;
    height:auto !important;
    border-radius:0 !important;
    text-align:left !important;
    left:0 !important;
}
.mb h3 {
    color:#797979;
    font:400 24px/24px 'Roboto', sans-serif;
    padding-bottom:20px;
    border-bottom:2px solid #ededed;
}
.mb h3 img {
    margin-right:10px;
}
/*'Roboto', sans-serif;*/
/*------------End of features--------------*/