@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

.subpost ul,.contact-list,.col-holder .links,.logo-list,.partners-list,.logo-row,.list-star,.list-radio,campaign-upsell .sales-list,.work-section ul.academy,.icon-list,.examples-list,.social-list,.question-list,.social-networks,.intro-list,.product-list,.nav-tabs.tabset,.tab-product ul,.set-menu ul,.services-list,.nav-page ul,.info-post,.categories-list,.shadow-style .sales-list,.circles,.success-list,.centered-list,.step-details ol,.step-details ol ul {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    cursor: pointer;
    outline: none;
    -webkit-transition: background 0.3s ease, color 0.3s ease;
    transition: background 0.3s ease, color 0.3s ease;
    color: #1fbba6;
    text-decoration: none;
}

#footer {
    background: #1c1f2a;
    width: 100%;
    overflow: hidden;
    position: relative;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.55556;
}

#footer .frame {
    overflow: hidden;
    padding: 0 0 28px
}
.container-fluid {
    max-width: 1236px;
}
@media (max-width: 767px) {
    #footer .frame {
        padding:0 0 24px;
        margin: 0 -10px
    }
}

.col-holder {
    overflow: hidden;
    padding: 49px 0 30px
}

@media (max-width: 1024px) {
    .col-holder {
        padding:37px 0 76px
    }
}

@media (max-width: 767px) {
    .col-holder {
        padding:20px 0 16px 14px
    }
}

@media (max-width: 767px) {
    .col-holder>div:last-child {
        margin-top:20px;
        padding: 88px 14px 0 0;
        display: table;
        position: relative
    }
}

.col-holder>div:last-child .title {
    overflow: hidden;
    text-align: right;
    text-transform: none;
    font-size: 17px;
    padding: 6px 13px 0 0
}

@media (max-width: 1024px) {
    .col-holder>div:last-child .title {
        padding:5px 8px 0 0;
        font-size: 14px
    }
}

@media (max-width: 999px) {
    .col-holder>div:last-child .title {
        font-size:12px;
        padding-top: 0
    }
}

@media (max-width: 767px) {
    .col-holder>div:last-child .title {
        font-size:17px;
        line-height: 22px;
        display: block;
        text-align: center;
        padding: 0 0 17px
    }
}

.col-holder .title {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 10px
}

@media (max-width: 1024px) {
    .col-holder .title {
        font-size:14px;
        line-height: 18px;
        padding: 0 0 8px
    }
}

.col-holder .links {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1024px) {
    .col-holder .links {
        font-size:14px;
        line-height: 19px
    }
}

@media (max-width: 767px) {
    .col-holder .links {
        line-height:20px
    }
}

.col-holder .links li.active a {
    color: #fff
}

.col-holder .links a {
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.col-holder .links a:hover {
    color: #fff
}

.col-holder .social-networks {
    float: right
}

@media (max-width: 767px) {
    .col-holder .social-networks {
        display:table-footer-group;
        width: 100%;
        float: none;
        text-align: center
    }
}

.col-holder .footer-logo {
    float: right;
    margin: 57px 7px 0 0;
    width: 212px
}

@media (max-width: 1024px) {
    .col-holder .footer-logo {
        width:172px;
        margin: 44px 4px 0 0
    }
}

@media (max-width: 1024px) {
    .col-holder .footer-logo {
        width:172px;
        margin: 38px 0 0 0
    }
}

@media (max-width: 767px) {
    .col-holder .footer-logo {
        position:absolute;
        top: 11px;
        left: 50%;
        -webkit-transform: translateX(-56%);
        -ms-transform: translateX(-56%);
            transform: translateX(-56%);
        width: 192px;
        margin: 0
    }
}

.col-holder .footer-logo img {
    width: 100%;
    height: auto
}

.copyright {
    padding: 5px 0 0;
    float: left;
    color: #fff;
    font-size: 12px
}

@media (max-width: 1024px) {
    .copyright {
        line-height:20px;
        padding: 1px 0 0
    }
}

@media (max-width: 999px) {
    .copyright {
        width:100%;
        text-align: center;
        padding: 0 0 15px
    }
}

@media (max-width: 767px) {
    .copyright {
        line-height:14px;
        padding: 0 0 16px
    }
}

.copyright a {
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.copyright a:hover {
    color: #fff
}

.logo-list {
    float: right;
    padding: 0 5px 0 0
}

@media (max-width: 999px) {
    .logo-list {
        width:100%;
        padding: 0;
        float: none;
        text-align: center
    }
}

.logo-list li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 10px 18px
}

@media (max-width: 1024px) {
    .logo-list li {
        margin:0 0 10px
    }
}

@media (max-width: 767px) {
    .logo-list li {
        text-align:center
    }
}

@media (max-width: 1024px) {
    .logo-list img {
        max-width:80%;
        height: auto;
        display: block
    }
}

@media (max-width: 767px) {
    .logo-list img {
        display:inline-block
    }
}

.social-networks li {
    float: left;
    margin: 0 6px 6px 0
}

@media (max-width: 1024px) {
    .social-networks li {
        margin:0 5px 5px 0
    }
}

@media (max-width: 767px) {
    .social-networks li {
        padding:0 2px 7px;
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0
    }
}

.social-networks a {
    width: 38px;
    height: 38px;
    display: block;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@media (max-width: 1024px) {
    .social-networks a {
        width:31px;
        height: 31px
    }
}

@media (max-width: 767px) {
    .social-networks a {
        width:44px;
        height: 44px
    }
}

.social-networks a:hover {
    opacity: .8
}