@import url(general-styles.css);

/*------------------------------------------------ICONS*/

.icons-lang {
    background: url("../images/language.png") no-repeat;
    display: inline-block;
    height: 12px;
    margin-right: 6px;
    margin-top: -2px;
    width: 16px;
    vertical-align: middle;
}
    .icons-lang.en {
        background-position: 0 -13px;
    }
    .icons-lang.de {
        background-position: 0 -25px;
    }
    .icons-lang.la {
        background-position: 0 -51px;
    }

.icons {
    background: url("../images/icons.png") no-repeat;
    display: inline-block;
}
    .icons.icon-carousel-left,
    .icons.icon-carousel-right {
        height: 26px;
        width: 16px;
    }
    .icons.icon-carousel-left {
        background-position: 0 -600px;
    }
    .icons.icon-carousel-right {
        background-position: 0 -650px;
    }
    .icons.icon-plus {
        background-position: 0 -500px;
        height: 24px;
        width: 24px;
    }

/*------------------------------------------------HEADER*/

header {
    background-color: #fff;
    border-bottom: 1px solid #eaf0f3;
}
    .logo {
        float: left;
        margin-top: 20px;
    }
    .navbar-header-right {
        float: right;
        margin-top: 18px;
    }

    /*MAIN MENU*/

    .navbar {
        min-height: 74px;
        margin-bottom: 0;
    }
        .navbar-nav > li a {
            border: 2px solid transparent;
            color: #000;
            padding: 7px 14px;
            text-transform: uppercase;
        }
        .navbar-nav > li a:hover,
        .navbar-nav > li a:focus {
            background-color: transparent;
            transition: color 0.3s;
            color: #479F08;
        }
        .navbar-nav > li.active a {
            background-color: transparent;
            border-color: #479F08;
            border-radius: 4px;
        }
        .navbar-nav > li.home-link {
            margin-right: 15px;
        }
            .navbar-nav > li.home-link a {
                border: 2px solid #479F08;
                border-radius: 50%;
                -o-transition: border-color 0.3s;
                -moz-transition: border-color 0.3s;
                -webkit-transition: border-color 0.3s;
                transition: border-color 0.3s;
                height: 32px;
                text-align: center;
                width: 32px;
            }
            .navbar-nav > li.home-link a:before {
                background: url(../images/icons.png) 0 0 no-repeat;
                content: ' ';
                height: 14px;
                left: 50%;
                margin: -8px 0 0 -8px;
                position: absolute;
                -o-transition: all 0.3s;
                -moz-transition: all 0.3s;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                top: 50%;
                width: 16px;
            }
            .navbar-nav > li.home-link a:hover,
            .navbar-nav > li.home-link a:focus {
                border-color: #59c80a;
            }
            .navbar-nav > li.home-link a:hover:before,
            .navbar-nav > li.home-link a:focus:before {
                background-image: url("../images/icons-hover.png");
            }

/*------------------------------------------------CONTENT STYLES*/

.section-content {
    padding: 45px 0 37px;
}
.section-count {
    padding: 20px 0;
}
.section-top-pad {
    border-bottom: 1px solid #eaf0f3;
    padding: 51px 0 0;
}
.section-bord {
    border-bottom: 1px solid #eaf0f3;
}
.section-bord-green {
    border-bottom: 3px solid #479F08;
}

    .big-image-block {
        background: url("../images/circles-img.jpg") 0 0 no-repeat;
        height: 400px;
        margin-top: -40px;
        position: relative;
        overflow: hidden;
        width: 100%;
    }
        .big-image-block-users {
            background: url("../images/people.png") 0 0 no-repeat;
            height: 269px;
            position: absolute;
            top: 42px;
            left: 73px;
            width: 100%;
        }

    .about-txt {
        color: #7e939b;
        display: inline-block;
        padding-top: 40px;
    }

    /*CAROUSEL CUSTOM STYLES*/

        /*General Carousel Styles*/

        .carousel-block {
            position: relative;
        }
            .owl-controlls {
                display: none;
            }
            .carousel-block .owl-carousel .owl-item img {
                display: inline-block;
                margin: 0;
            }
            .carousel-arrows a {
                position: absolute;
                top: 50%;
            }

        /*Carousel Partners*/

        .carousel-block.carousel-block-partners .item {
            line-height: 122px;
            text-align: center;
        }
        .carousel-block-partners .carousel-arrows a {
            margin-top: -13px;
        }
            .carousel-block-partners .icons.icon-carousel-left {
                left: -10px;
            }
            .carousel-block-partners .icons.icon-carousel-right {
                right: -10px;
            }

        /*Carousel Main*/

        .carousel-main-block {
            margin: 0 auto;
        }
            .carousel-main-block .item {
                padding: 0 32px;
            }
            .carousel-main-block .carousel-arrows > a {
                border: 2px solid #479F08;
                border-radius: 50%;
                height: 60px;
                line-height: 72px;
                margin-top: -30px;
                text-align: center;
                width: 60px;
            }
                .carousel-main-block .carousel-arrows > a.arrow-left {
                    left: -35px;
                }
                .carousel-main-block .carousel-arrows > a.arrow-right {
                    right: -35px;
                }

    /*TABLE RESPONSIVE*/

    .table-responsive {
        position: relative;
    }
        .table-responsive .table {
            color: #475155;
            position: relative;
            z-index: 100;
        }
            .table-responsive .table > thead > tr > th,
            .table-responsive .table > tbody > tr > td {
                border-top-color: #e5ecef;
                padding: 22px 10px 17px;
                vertical-align: top;
                width: 20%;
            }
            .table-responsive table th + th,
            .table-responsive table td + td {
                text-align: center;
            }
            .table-responsive .table > thead > tr > th:first-child,
            .table-responsive .table > thead > tr > td:first-child {
                width: 27%;
            }
            .table-responsive .table > thead > tr > th {
                border-bottom: 1px solid #e5ecef;
                color: #000;
                font: 23px "PTSansBold";
            }
                .tbl-price {
                    color: #479F08;
                    display: block;
                    font: 19px "Trebuch";
                    line-height: 30px;
                }
                .td-heading {
                    font: 16px "PTSansBold";
                    display: block;
                }
                .tbl-small-txt {
                    font-size: 13px;
                    display: block;
                    margin-top: 8px;
                }

.i-border {
    border: 2px solid #e5ecef;
    border-radius: 6px;
    bottom: 0;
    left: 220px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
}

.i-hover {
    border: 2px solid #479F08;
    border-radius: 6px;
    bottom: 0;
    position: absolute;
    right: 0;
    -o-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
    top: 0;
    width: 17.5%;
    visibility: hidden;
    z-index: 5;
}

    /*COUNT BLOCK*/

    .count-block > div {
        display: inline-block;
        vertical-align: middle;
    }
    .count-block > div:last-child {
        line-height: 1.4
    }
        .count-block-number {
            border: 2px solid #7e939b;
            border-radius: 6px;
            color: #7e939b;
            font-size: 54px;
            letter-spacing: -1px;
            margin-right: 25px;
            padding: 7px 15px 6px;
        }
            .count-block-number span:before {
                background: url(../images/counter-icons.png) 0 -50px no-repeat;
                content: ' ';
                display: inline-block;
                height: 32px;
                margin-right: 15px;
                width: 18px;
            }
            .count-block-number.cal span:before {
                background-position: 0 -100px;
                width: 32px;
            }

    /*SECTION WITH BG*/

    .wrap-bg {
        padding-bottom: 30px;
    }
        .wrap-bg-right {
            background: url("../images/inbox.png") right+160px bottom no-repeat;
            padding-right: 530px;
        }
        .wrap-bg-left {
            background: url("../images/marketplace.png") left+120px bottom no-repeat;
            min-height: 302px;
            padding-left: 530px;
        }

    /*ITEM BLOCK IN CAROUSEL*/

    .item-block h6 {
        font-family: "PTSansBold";
        margin-bottom: 5px;
    }
    .item-photo {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 108px;
        overflow: hidden;
        position: relative;
        margin: 0 auto 20px;
        width: 108px;
    }
        .item-photo span:before {
            background: url("../images/photo-mask.png") 0 0 no-repeat;
            content: '';
            position: absolute;
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
        }
    .item-photo.item-photo-nobord {
        height: 115px;
        margin-bottom: 40px;
        width: 115px;
    }
        .item-photo.item-photo-nobord span:before {
            background-image: url("../images/news-photo-mask.png");
        }
    .item-company {
        color: #6a828c;
        display: block;
        margin-bottom: 25px;
    }
    .item-txt {
        background-color: #f2f5f7;
        border-radius: 6px;
        color: #475155;
        line-height: 21px;
        position: relative;
        text-align: left;
    }
        .item-txt-pad {
            padding: 15px 20px 16px;
        }
        .item-txt:before {
            border: 10px solid transparent;
            border-bottom-color: #f2f5f7;
            border-top: 0;
            content: '';
            left: 50%;
            margin-left: -5px;
            position: absolute;
            top: -10px;
        }

    /*NOTE BLOCK*/

    .note-block {
        background: url("../images/note.png") 0 0 no-repeat;
        padding: 20px 22px;
        position: absolute;
        right: -125px;
        top: -70px;
        width: 227px;
    }

/*------------------------------------------------FOOTER STYLES*/

footer {
    position: relative;
}

    /*GENERAL FOOTER STYLES*/

    .footer-bg {
        background-color: #475155;
    }

    footer ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
        footer ul > li a,
        .copyright a {
            color: #9ba9af;
        }
        footer ul > li a:hover,
        footer ul > li a:focus,
        .copyright a:hover,
        .copyright a:focus{
            color: #fff;
        }

    footer h5 a,
    footer .panel-title a {
        border-bottom: 2px solid #7e878c;
        color: #fff;
        padding-bottom: 2px;
    }
    .footer-top h5 a:hover,
    .footer-top h5 a:focus,
    footer .panel-title a:hover,
    footer .panel-title a:focus {
        color: #d1d3d4;
    }

        /*FOOTER LISTS*/

        .footer-list > li + li {
            margin-top: 15px;
        }
            .footer-list > li a {
                display: block;
            }

        .footer-list-horizontal {
            float: left;
        }
            .footer-list-horizontal > li {
                float: left;
            }
            .footer-list-horizontal > li + li {
                margin-left: 36px;
            }

    /*FOOTER TOP*/

    .footer-top {
        border-bottom: 1px solid #6b757b;
        padding-top: 46px;
    }
        .footer-top .wrap {
            background: url("../images/footer.png") right+30px bottom+5px no-repeat;
            padding-bottom: 33px;
        }

    /*FOOTER BOTTOM*/

    .footer-bt {
        padding: 35px 0;
    }
        .designed-by {
            border: 2px solid #839199;
            border-radius: 4px;
            color: #9ba9af;
            height: 34px;
            float: left;
            line-height: 30px;
            margin-left: 15px;
            margin-top: -6px;
        }
        .designed-by:hover {
            color: #fff;
        }
            .designed-by > span:first-child {
                padding: 0 10px;
            }
            .designed-by > span.designed-logo {
                border-left: 1px solid #5e6c73;
                display: inline-block;
                width: 63px;
                height: 100%;
                text-align: center;
            }
        .copyright {
            color: #9ba9af;
            font-size: 12px;
        }
            .age {
                border: 1px solid #839199;
                border-radius: 16px;
                color: #839199;
                display: inline-block;
                font-size: 14px;
                margin: 0 13px;
                padding: 4px 11px;
                vertical-align: middle;
            }

        .social > li {
            display: inline-block;
        }
        .social > li+li {
            margin-left: 8px;
        }
            .icons-social {
                background: url("../images/social-normal.png") no-repeat;
                border: 2px solid #839199;
                border-radius: 50%;
                display: inline-block;
                height: 37px;
                width: 37px;
                -o-transition-duration: 0.3s;
                -moz-transition-duration: 0.3s;
                -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
                -o-transition-property: border-color, background-image;
                -moz-transition-property: border-color, background-image;
                -webkit-transition-property: border-color, background-image;
                transition-property: border-color, background-image;
            }
                .icons-social.icon-vk {
                    background-position: -2px -2px;
                }
                .icons-social.icon-fb {
                    background-position: -2px -39px;
                }
                .icons-social.icon-tw {
                    background-position: -2px -76px;
                }
                .icons-social.icon-g {
                    background-position: -2px -186px;
                }
        .btn.btn-bitrix {
            background: #479F08 url("../images/sprite-1x.png") right 0 no-repeat;
            font-size: 12px;
            padding: 5px 42px 5px 17px;
            text-transform: none;
        }

/*------------------------------------------------MOBILE STYLES*/

/*HEADER TOGGLE*/
.navbar-toggle {
    float: left;
    margin: 28px 15px 0 0;
    padding: 0;
}
    .navbar-toggle .icon-bar {
        background-color: #479F08;
    }

/*FOOTER*/

.footer-mobile-pad {
    padding: 20px 0;
}

.panel-group-footer {
    margin-top: 20px;
}
    .panel-group-footer .panel {
        background-color: transparent;
    }
        .panel-group-footer .panel .panel-heading {
            padding: 20px 0;
        }
        .panel-group-footer .panel .panel-body {
            border-color: #6b757b !important;
            padding-left: 0;
            padding-right: 0;
        }
            .panel-title {
                font-size: 14px;
                text-transform: uppercase;
            }