/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11 черв. 2015, 12:07:52
    Author     : Filament
*/

.review-list ul li .summary {
    white-space: normal;
    max-height: 100%;
}

.text-page .review-list .summary p {
    padding: 2px;
}

.text-block {
    font: 16px "OpenSansLight";
}

.main-slider ul .figure .figcaption, .main-slider ul li .figcaption {
    /*padding-left: 0px;*/
}

.main-slider ul .figure .figcaption, .main-slider ul li .figcaption .h-title {
    /*padding-left: 0px;*/
}

.full-card-type-list .h-title {
    padding-left: 0px;
}

.review-list ul li .reviewer img {
    width: auto;
    height: 75px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: left;
}

.review-list ul li .reviewer .details {
    float: left;
    margin-left: 0;
    width: auto;
    line-height: 75px;
}

.review-list ul li .summary p {
    color: #85c441;
    font-weight: bold;
}

.news_list .news_item .news_title {
    font-weight: bold !important;
}

.cards_list .news_item .news_title {
    color: #85c441;
    font-size: 26px;
}

.news_list li .news_item .news_content .details {
    color: #4e4e4e;
    font-weight: bold;
}

.page-content p {
    padding: 0 0 0 0;
}

.rew_on_sp .summary,
ul.rew_on_sp li .summary p {
    color: #85c441;
    font-weight: normal;
}

.card-type-list ul li:hover,
.full-card-type-list ul li a:hover,
.card-type-list ul li a .title:hover,
.card-type-list ul li a:hover,
.header .navbar .tel .callback:hover,
.full-card-type-list .h-title a:hover,
.review-list header .h1-title a:hover,
.review-list header .h1-title:hover,
.transparent-btn:hover {
    color: #85c441;
    text-decoration: none;
}

.card-type-list ul li {
    padding: 0px 0px 0px 0px;
}

.card-type-list ul li a {
    /*text-align: left;*/
}

/*HEADER*/
.wrapper .header {
    height: 225px;
}

.header .navbar .container {
    line-height: 1;
}

.header .navbar,
.header .navbar .navbar-brand,
.header .navbar .btn-wr,
.header .navbar .tel {
    height: 120px;
    line-height: 1;
    margin-bottom: 0;
}

.navbar-brand > img {
    display: inline-block;
}

.main-slider .figcaption {
    padding: 20px 20px 20px 0;
}

.main-slider .figcaption .h-title {
    margin-left: 28px;
}

.main-slider .figcaption .btn {
    margin-left: 47px;
}

.header .nav-collapse ul li:last-child {
    padding: 0 0 0 20px;
}

.card-type-list ul li {
    width: 25%;
    box-sizing: border-box;
}

.text-block blockquote {
    padding: 20px;
    font-style: italic;
    color: #85c441;
}

.review-list header .controls .prev:hover:before {
    background-position: 0 -123px;
}

.review-list header .controls .next:hover:before {
    background-position: 0 -152px;
}

@media screen and (max-width: 480px) {
    .card-type-list ul li {
        width: 100%;
        height: auto;
        padding: 10px 15px;
    }

    .card-type-list ul li a {
        text-align: left;
        height: auto !important;
    }

    .card-type-list ul li a .title {
        width: calc(100% - 50px);
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-weight: bold;
        float: left;
        padding-left: 15px;
    }

    .header .navbar .tel {
        display: none;
    }

    .preferences .container .h-title {
        font-size: 44px;
    }

    .full-card-type-list .h-title {
        font-size: 44px;
    }

    .text-page .h-title:first-child,
    .text-page .h1-title:first-child {
        font-size: 44px;
    }

    .text-page .page-title {
        font-size: 40px;
    }

    .text-page h2 {
        font-size: 26px;
    }

    .page-content img {
        max-width: 95%;
    }

    .preferences .container .h-title {
        font-size: 40px;
    }
}

#facebook-widget {
    margin-bottom: 15px;
    float: right;
    margin-right: 25px;
}

#social {
    display: block !important;
    position: relative;
    border-top: none;
    margin-bottom: 20px;
}

#social > .row {
    margin-left: 20px;
}

.header .container.mobile {
    display: none;
}

@media screen and (max-width: 640px) {
    .footer .tel .tel-number,
    .header .tel .tel-number {
        font-size: 18px;
        padding-left: 0;
    }

    .header .container.mobile {
        display: block;
        padding: 0 15px;
    }

    .header .tel, .footer .tel {
        height: 60px;
        line-height: 20px;
        float: left;
    }
}