/*
golf Made with SASS
Author:ME
*/
/*VARIABLES*/

$base_text_color:#474644;
$red:#f04124;
$base-font-size:1em;
$base-font-family: "Roboto",
"Helvetica Neue",
Helvetica,
Arial,
sans-serif;
$base-font-weight:normal;
$step-size-heading: 0.25;
$light_blue:#e1effb;
$logo_blue:#55bced;
$middle_blue:#52bcee;
$middle_blue2:#5189b9;
$dark_blue:#024282;
$light_grey:#f5f5f5;

$light_grey2:#e7e7e7;
$dark_grey:#595959;
$violet:#d188e1;
$green:#78c202;
$side: 1px;

$red:                       #df1023;
$error-color:               #f14125;
$error-text-color:          #fff;

$site-max-width:            75rem;
$base-font-size:            1.1rem;
$base-font-family:          'Roboto', sans-serif;
$base-font-weight:          300;
$base-font-color:           #4c4b42;
$light-gray:                #f8f5f5;
$dark-gray:                 #313131;
$main-design-color:         #52bcee;
$main-design-text-color:    #fff;
$main-design-radius:        0px;
$main-design-small-radius:  0px;
$main-design-border-weight: 1px;
$main-design-sec-color :    #3d3d3d;
$gallery-bg:                #373538;
$gallery-bg-color:          #efefeff0;
$loading-field:             rgba(255,255,255,1);
$owl-controls-color:        #fff;
$header-bg-color:           #fff;
$logo-max-width:            410px;

$nav-bg-color:              #fff;
$nav-text-color:            #555350;
$nav-active-color:          #55bced;
$nav-active-bg-color:       #fff;

$news-page-bg:              #f8f5f5;
$gallery-bg:                #373538;

$footer-bg-color:           #f5f5f5;
$footer-text-color:         #9c9991;


$sfooter-bg-color:          #af0c12;
$sfooter-text-color:        #949494;

$top-bar-bg-color:          #f5f5f5;
$top-bar-text-color:        #024282;

$page-header-height:        90px;
$head-image-height:         120px;

$price-color:               #000;
$old-price-color:           #7b7b7b;
$promo-price-color:         #52bcee;


.gallery-head-image{        background: url( ../img/gallery_header.jpg ) center center;  }
.contacts-head-image{       background: url( ../img/sima/contacts_header.jpg ) center center; }
.news-head-image{           background: url( ../img/news_header.jpg ) center center;     }
.pages-head-image{          background: url( ../img/sima/contacts_header.jpg ) center center;    }
.basket-head-image{         background: url( ../img/sima/account_header.jpg ) center center;   }
.account-head-image{        background: url( ../img/sima/account_header.jpg ) center center;  }
.categories-head-image{     background: url( ../img/categories_header.jpg ) center center;  }
.not-found-page{            background: url( ../img/404_header.jpg ) center center;      }



/*MIXIN*/

@mixin radius($val) {
    border-radius: $val;

    -webkit-border-radius: $val;
    -moz-border-radius: $val;
    border-border-radius: $val;

}
@mixin headingSize($size) {
    font-size: $size*$step-size-heading + em;
}
@mixin cover-background($img-uri) {
    background: url($img-uri) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@mixin background-opacity($color,
$opacity: 0.3) {
    background: $color;
    background: rgba($color, $opacity);
}
@mixin blur ($radius) {
    -webkit-filter: blur($radius+px);
    /* Chrome, Safari */
    
    -ms-filter: blur($radius+px);
    /* IE12? */
    
    filter: url("data:image/svg+xml;utf8,
 <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\">
 <filter id=\"blur\">
 <feGaussianBlur stdDeviation=\"#{$radius}\" />
 </filter> </svg> #blur");

    /* Firefox, Safari, Chrome*/
}
@mixin box-shadow($top,
$left,
$blur,
$size,
$color,
$inset: false) {
    @if $inset {
        -webkit-box-shadow: inset $top $left $blur $size $color;
        -moz-box-shadow: inset $top $left $blur $size $color;
        box-shadow: inset $top $left $blur $size $color;
    }
    @else {
        -webkit-box-shadow: $top $left $blur $size $color;
        -moz-box-shadow: $top $left $blur $size $color;
        box-shadow: $top $left $blur $size $color;
    }
}
@mixin border( $coordinates: 0 0 0 0,
$color: #000000,
$style: solid) {
    $top: nth($coordinates, 1);
    $right: nth($coordinates, 2);
    $bottom: nth($coordinates, 3);
    $left: nth($coordinates, 4);
    @if not(unitless($top)) {
        border-top: $top $style $color;
    }
    @if not(unitless($right)) {
        border-right: $right $style $color;
    }
    @if not(unitless($bottom)) {
        border-bottom: $bottom $style $color;
    }
    @if not(unitless($left)) {
        border-left: $left $style $color;
    }
}
body {
    font-family: $base-font-family;
    .tooltip {
        z-index: 1000;
    }
    .has-tip {
        border-bottom: 0;
        cursor: pointer;
    }
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    color: $dark_grey;
    text-transform: uppercase;
    font-family: $base-font-family;
}
p {
    font-size:$base-font-size;
    line-height:1.4;

}
h2 {
    @include headingSize(7);
}
а {
    color: $middle_blue;
    outline: none;
}

.menu .active > a {
    color: #fefefe;
    background: none;
}

.relative {
    position: relative;
}

.lg-button {
    padding: 0.85em 3em;
}

.menu > li > a {
     line-height: 1.3rem;
}

.link-text {
    color: #fff;
    display: inline-block;
    padding: 0 10px;
    margin-left: 5px;
    text-decoration: none;
    background: $green;
    &:hover {
        color: #fff;
    }
}
.button {
    background: $middle_blue;
}

.alert-danger, .help-block {
    color:$red;
}

.hideError {
    display:none;
}
/* ----columns fix---------*/

[class*="column"]+[class*="column"]:last-child {
  float: left;
}
/* ----end columns fix ---------*/


/*swipebox*/

.swipebox {
    position: relative;
    display: block;
    float:left;


    span {
        height: 250px;
        width: 250px;
        border: 1px solid #F7F7F0;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 30px;
        margin: 20px 0 20px 0;

    }
}

.swipebox.main-image {
    float:none;
    width:100%;
    display:block;
}


/*error*/
    .alert-box.alert {
        background-color: #f04124;
        border-color: #de2d0f;
        color: #FFFFFF;
        position:relative;
        border-style: solid;
        border-width: 1px;
        display: block;
        font-size: 0.72222rem;
        font-weight: normal;
        margin-bottom: 1.11111rem;
        padding: 0.77778rem 1.33333rem 0.77778rem 0.77778rem;
        position: relative;
        top:50%;
        a.closex {
            right: 0.22222rem;
            background: inherit;
            color: #333333;
            font-size: 1.22222rem;
            line-height: .9;
            margin-top: -0.61111rem;
            opacity: 0.3;
            padding: 0 6px 4px;
            position: absolute;
            top: 50%;
        }
    }

    .hideMessage {
            display:none;
    }
/*error*/
.messageOnIndex {
    position:absolute;
    top:40%;
    text-align:center;
    width:80%;
    background:#fff;
    z-index:1000;
    margin-left:10%;
    color:#fff;
    font-size:24px;
    border:1px solid $light_grey;
    padding:1rem;
    @include background-opacity($middle_blue, 0.8);
    border-radius:10px;
   
    a {
        background:#479ec7;
        border-radius:2px;
        margin:0 auto;
        border: 1px solid#fff;
    }
}
.title-bar {
    background: #55bbec;
    text-transform: uppercase;
    border-bottom:3px solid $middle_blue;
    font-size: 16px;
}
.title-fix{
    color:#fff;
    margin:-10px 0 0 34px;
    width:100%;
}

section .left .search-box h2.mobiles a.menu-icon{
    display:none;
}

.header {
    .basketBOX{
        text-align:right;
        position: relative;
        .car {
            background:$middle_blue;
            padding:0.8em;
            font-size:1.1rem;
            color:fff;
            @include radius(1000px);
            color:#fff; 
            position:relative;
            text-align:center;
            i {
              color:#fff; 
            }
            #count {
                position: absolute!important;
                top: 2px;
                right: -4px;
                background:$red;
                padding:1em;
                 @include radius(1000px);
                padding: 3px 9px;
                display: block;
                font-size: 12px;
            }
        }
        .box {

        }
    }

    .top-bar {
        background-color: $light_grey;
        font-size: 12px;
        padding:0;
        ul {
            background-color: $light_grey;
        }
        a {
            color: $dark_blue;
            i {
                font-family: 'FontAwesome' !important;
            }
        }
        .social {
            font-size: initial;
            a {
                padding: 0.5rem;
                i {
                    font-family: 'FontAwesome' !important;
                    font-size: 20px;
                    &:hover {
                        opacity: 0.8;
                    }
                }
            } &:hover {
                color: $light_blue !important;
            }
        }
    }
    
    .is-dropdown-submenu {
        min-width: 320px;
        z-index: 10;
    }
    
    .is-dropdown-submenu-item a{
            line-height: .6rem;
            font-size: 1.2em !important;
        } &:hover{
            color: $light_blue !important;
        }
    
    .head {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0;

        .logoWrap {
            width:40%;
        }
    }
    .logo {
        width: 410px;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        padding-top: 10px;
        img {
            display: block;
            width: 100%;
            border: 1px solid red;
        }
    }
    .mlogo {
        display: none;
    }
    .search {
        position: relative;
        width: 40%;
        float:right;

        input {
            background: $light_grey;
            border: 0;
            margin: 0;
            height:40px;
        }
        button {
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            top: 0;
            right: 15px;
            bottom: 0;
            i {
                font-family: 'FontAwesome' !important;
                margin-right:-5px
            }
        }
    }
    #menumain {
        padding: 0;
        border-top: 1px solid $light_grey2;
        border-bottom: 1px solid $light_grey2;
        ul {
            background: #ffffff;


            li {
                a {
                    font-size: 17px;
                    padding: 1.2rem 1rem;
                    color: #555350;
                    text-align: left;
                    font-weight:300;
                    &.drop:after {
                        font-family: 'FontAwesome';
                        content: "\f107";
                        border-color: transparent;
                        right: 5px;
                        top: 50%;
                        margin-top: -14px;
                    }
                    &:hover {
                        color: $logo_blue;
                    }
                    &.active{
                        color: $logo_blue;
                    }
                }
                &:first-of-type a{
                    color:$dark_blue;
                }
            }
            &.submenu {
                li {
                    a {
                        padding: 0.7rem 1rem;
                    }
                }
            }

        }
        background:#ffffff;
    }
    #slider {
        border-bottom: 1px solid #fff;
        .related {
            @include background-opacity(#949090, 0.5);
            @include box-shadow(-8px, 0px, 12px, 0px, rgba(0, 0, 0, 0.3), false);
            position: absolute;
            top: 0;
            right: 0;
            z-index: 50;
            width: 30%;
            height: 100%;
            padding-top: 1.5rem;
            padding-left: 0;
            padding-right: 0;

            .thumbnail {
                border: 5px solid rgba(254, 254, 254, .7);
                max-width: 100%;
                margin: 0 1em;
            }

            a.media-object {
                color: #fff;
                text-transform: uppercase;
                border-bottom: 1px solid rgba(255, 255, 255, .4);
                margin-bottom: 2em;
                padding-bottom: 2em;
                margin-top: 2em;
                    display: flex;
                -webkit-box-align: stretch;
                flex-direction: row;
                align-items: center;
                .media-object-image {
                    width:25%;
                    margin-right: 20px;
                    img {
                       
                    }

                }
                .media-object-content {
                    width:75%;
                    padding-left: 20px;
                }
                h5 {
                    color: #fff;
                    font-weight: 500;
                    text-shadow: 0 1px 1px rgba(0, 1px, 0, 0.8);
                    padding-right: 50px;
                }
                h6 {
                    color: #fff;
                }
            }
            a.media-object:nth-child(3) {
                border: 0;
            }
        }
        .item {
            position: relative;
            border-bottom: 1px solid #fff;
            img {
                display: block;
                width: 100%;
                height: 100%;
            }
            .textBox {
                position: absolute;
                top: 50%;
                z-index: 1000;
                left: 20%;
                padding: 2rem 2rem 0 2rem;
                color: $dark_grey;
                @include background-opacity(#fff, 0.8);
                .button {
                    margin: 0;
                }
                h4 {
                    font-size: 2rem;
                    text-transform: uppercase;
                    color: $dark_blue;
                }
            }
        }
        .owl-pagination {
            margin-top: -50px;
            span {
                margin: 3px;
            }
        }
        .owl-page {
            span {
                border: 2px solid #fff;
            }
        }
        .owl-page.active span {
            background: $middle_blue;
            opacity: 0.7
        }
        .owl-buttons {
            .owl-prev {
                position: absolute;
                top: 50%;
                margin-top: -25px;
                background: #fff;
                width: 50px;
                height: 50px;
                @include radius(50px);
                left: 0;
                line-height: 44px;
                text-align: center;
                opacity: 0.7;
                &:hover {
                    opacity: 1;
                }
            }
            .owl-next {
                position: absolute;
                top: 50%;
                margin-top: -25px;
                font-family: 'FontAwesome' !important;
                content: "\f105 ";
                background: #fff;
                width: 50px;
                @include radius(50px);
                height: 50px;
                right: 0;
                line-height: 44px;
                text-align: center;
                opacity: 0.7;
                &:hover {
                    opacity: 1;
                }
            }
        }
    }
    .top-offer {
        div.wp {
            height: 60%;
            overflow: hidden;
        }
        .column {
            position: relative;
            min-height: 233px;
            &:hover {
              -webkit-box-shadow:none !important;
              -moz-box-shadow:none !important;
              box-shadow:none !important;
            }
            .hoverArrow {
                    font-family: 'FontAwesome' !important;
                    display: none;
                    font-size: 45px;
                    position: absolute;
                    color: #fff;
                    top: 50%;
                    margin-top: -15px;
                    left: -50px;
            }
            &:hover {
                @include box-shadow(-8px, 0px, 12px, 0px, rgba(0, 0, 0, 0.3), false);
                .hoverArrow {
                    display: block;
                }
            }
            padding: 3rem 2rem 2rem 2rem;
            text-transform: uppercase;
            h5 {
                @include headingSize(6);
            }
            .button {
                text-transform: uppercase;
            }
            p {
                margin-bottom: 0;
            }
        }
        .thumb1 {
            @include cover-background("../img/th1.jpg");
            @include border(0 $side 0 $side, #fff);
        }
        .thumb2 {
            @include cover-background("../img/th2.jpg");
            @include border(0 $side 0 $side, #fff);
            h5 {
                text-align: left;
                color: $violet;
            }
            p {
                text-align: left;
            }
            color: $violet;
            text-align: center;
            .button {
                margin: auto;
                background: $violet;
            }
        }
        .thumb3 {
            h5 {
                color: $green;
            }
            p {
                color: $green;
            }
            @include cover-background("../img/th3.jpg");
            @include border(0 0 $side 0, #fff);
            color: $green;

            .button {
                background: $green;
                font-family: 'Roboto' !important;
                i {
                    font-family: 'FontAwesome' !important;
                }
            }
        }
    }
}
section {
        margin-top: 1rem;
         &.video-files {
             margin:2rem 0;
         }
         &.contact-page {
			background: #fff !important;
            .styledBtn {
                color:#fff;
                background-color:$middle_blue;
                padding: 13px 32px;
            }
         }
        article {
            &.content {
                h2 
                    { 
                        span {
                            position:relative;
                            padding: 0 0 1rem 0;
                            display: block;
                            &::after {
                                content: '';
                                width: 150px;
                                height: 3px;
                                display: block;
                                margin-left: -75px;
                                position: absolute;
                                left: 50%;
                                bottom: 0;
                                background: #52bcee;

                            }
                        
                    }
            }
            &.extra-info {
                h4 {
                    margin-bottom: 2.5rem; 
                }
            }
        }
     }
     .page_item  {
        padding-bottom:1rem;
        margin-bottom:2rem;
        border-bottom:1px solid $light_grey2;
        .image_part {
           
        }
        h2 {
            &.list-heading{
                text-align:left;
                margin-bottom: 1rem;
                a {
                    color:$dark-grey;
                }
            }
        }
     }
    .error {
         border: 1px solid red !important;
    }
    .thumbnail {
        box-shadow:none;
    }

    .files {
        i, a {
            color: $middle_blue;
        }
        i {
            padding-right: 5px;
        }
    }

    .picstures {
        float:left;
    }
    .lg-button {
        color: #fff;
        background: #52bcee;
        margin: auto;
        padding: 13px 32px;
        font-size: 1.5rem;
        text-transform: uppercase;
        font-weight: 100;
    }
    .styledBtn {
        transition: all 0.25s;
        cursor: pointer;
        display: inline-block;

        &.readmore {
            padding: 8px 12px;
            font-size: 1rem;
            &.lg-button {
                font-size: 1rem;
                text-transform: initial;
            }
        }

        &.lg-button {
            padding: 8px 32px;
            font-size: 1.2rem;
        }
    }
    .breadcrumbs {
        display: block;
        list-style: none;
        margin-left: 0;
        overflow: hidden;
        padding: 0.5rem 0.77778rem 0.5rem;
        padding: 0;
        border: 0;
            li:not(:last-child)::after {
                margin: 0 0.75rem;
                position: relative;
                top: 1px;
                opacity: 1;
                color: #52bcee;
                content: "\f105";
                font-family: 'FontAwesome';
            }
        a {
            color: $middle_blue;


        }
    }
    .styledBtn 
    {

        span {
            cursor: pointer;
            display: inline-block;
            position: relative;
            transition: 0.3s;
                &:after {
                    content: '»';
                    position: absolute;
                    opacity: 0;
                    top: 0;
                    right: -20px;
                    transition: 0.3s;
                }
        }

        &:hover span {
        padding-right: 25px;
        }
         &:hover span:after {
            opacity: 1;
            right: 0;
        }
    }



    h2 {
        text-align: center;
        margin-bottom: 1rem;
        position: relative;
        margin-bottom: 1rem;
        span.line {
            @include headingSize(8);
            position: relative;
            padding: 1rem 0 1rem 0;
            display: block;
            &::after {
                content: '';
                width: 150px;
                height: 3px;
                display: block;
                margin-left: -75px;
                position: absolute;
                left: 50%;
                bottom: 0;
                background: #52bcee;
            }
        }

    }

    &.news {
         em {
            color: #aaa;
            font-style: italic;
            margin-bottom: 2rem;
        }
        .newsWrapper {
            margin-bottom: 10%;
            .listNews {
                margin-top: 2%;
                h2 {
                    span {
                        &.line {
                            font-size:2rem;
                        }
                    }
                    margin-bottom: 2rem;
                    text-align: center;
                }
            }

        }
        .page-data {
            ul {
               border-left: 3px solid #52bcee;
               padding-left: 10px;
               margin-left:40px;
               li {
                list-style-type: none;
                font-size: 14px;
                color: #666;
               }
            }
        }

        .singleNew {
            padding:0 0 2rem 0;
            .text_pages_pictures {
                text-align:center;
                span{
                    width:100%;
                }
            }
            .date {
                margin-top: 0;
                display: inline;
                span {
                    margin-left: 0;
                }
            }
            h2 {
                text-align: left;
                margin-bottom: 1rem;
            }
            .share {
                display: inline;
                margin-left: 10px;
            }
        }
        .share {
            margin-bottom: 1rem;
            a {
                display: inline-block;
                color: #ddd;
                font-size: 19px span {
                    border: 0;
                    cursor: pointer;
                }
                &:hover {
                    color: $middle_blue;
                }
            }
        }
        .date {
            margin-top: -11px;
            span {
                font-size: 14px;
                font-style: italic;
                color: $dark_grey;
                width: 80px;
                padding: 5px;

                i {
                    padding-right: 5px;
                }
            }
        }
        .newsThumb {
            position: relative;
            background-repeat: no-repeat;
            background-size: cover;
            background-position-x: center;

            &:last-child {
                
            }
             &:first-child {
                
            }
            .share {
                a {
                    display: inline-block;
                }
            }
            a {
                display: block;
                background-color: none;
                .imgNews {
                    height: 350px;
                    background-position: center center;
                }
            }
            .imgNews {
                display: block;
                width: inherit;
                height: inherit;
                background: none;
            }
            .news_info {
                background: #fff;;
                width: 100%;
                height: 100x;
                background: #ffffff;
                background: rgba(255, 255, 255, 0.9);
                margin-bottom:30px;
                z-index: 300;
                padding: 15px;
                padding-left: 0;
                margin-top: 5px;

                h4 {
                    font-size: 18px;
                    text-transform: initial;
                    font-weight: 400;
                }
                .button {
                    background: #52bcee;
                    display: inline-block;
                    color: #fff;
                    margin-bottom: 0;
                    padding: 0.5em 0.8em;
                }
                .news_short_text {
                    color: $dark_grey;
                    font-size: 14px;
                }
            }
        }
    }
    &.pictures {
        .galWrap {
            background: $light_grey;
            padding-top: 2rem;
            margin-bottom:0;

            .swipebox {
                span {
                    height:00%;
                    width:100%;
                    border:0;
                }
            }
            
            ul {
                li{
                    list-style-type: none;
                    line-height:2em;
                    background: $light_grey;
                    border-bottom:1px solid #fff;
                    a{
                        color:$base_text_color;
                        display: block;
                    }
                    &:hover a{
                        color:#52bcee;
                    }
                }
                li.selected a{
                    color:#52bcee;
                }
                
            }
        }
        .panel {
            margin: 0.9375rem 0;
            padding-left: 0.9375rem;
            padding-right: 0.9375rem;
            a {
                .label {
                    background: $middle_blue;
                    position: relative;
                    .fa.indication {
                        position: absolute;
                        bottom: -21px;
                        color: #52bcee;
                        right: 50%;
                        /* left: 0; */
                        
                        margin-right: -11px;
                    }
                }
                display: inline-block;
                margin-right: 20px;
                border-bottom:2px solid $middle_blue;
            }
        }
        .portfolio-box {
            position: relative;
            text-align: center;
            float: left !important;
            margin-right: 1px;
            padding: 0;
            margin-bottom: 2rem;
            img {
                border: 0;
                height: inherit;
                height: inherit;
            }
            .portfolio_caption {
                position: absolute;
                text-align: center;
                @include background-opacity($middle_blue, 0.8);
                bottom: -20px;
                padding: 10px;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                font-weight: 100;
                transition: opacity 1s ease-out;
                opacity: 0;
                display: table;
                height: 100%;
                width: 100%;
                span {
                    color: #fff;
                    text-transform: uppercase;
                    display: table-cell;
                    vertical-align: middle;
                }
            }
            &:hover .portfolio_caption {
                opacity: 1;
                display: table;
                height: 100%;
                span {
                    color: #fff;
                    text-transform: uppercase;
                    display: table-cell;
                    vertical-align: middle;
                }
            }
        }
    }
    &.video-files {
        div.columns {
            height: 300px;
        }
    }
    &.contact_form {
        label {
            text-transform: uppercase;
            @include headingSize(3);
        }
        input,
        textarea {
            $side: 2px;
            @include border($side $side $side $side, $light_grey);
            background-color: $light_grey;
            &:focus, &:active {
                color: #fff;
                background: $middle_blue;
                @include border($side $side $side $side, $light_blue);
            }
        }
        .button {
            color: #fff;
            background: $middle_blue;
            margin: auto;
            display: block;
            padding: 0.85em 2em;
            font-size: 1.5rem;
            text-transform: uppercase;
            font-weight: 100;
            &:hover {
                background: $middle_blue2;
            }
        }
    }
    &.map {
        margin-top: 0;
        .work-time-block {
            text-align: center;
            background: $dark_blue;
            padding: 15px;
            padding-bottom: 30px;
            h3 {
                color: #fff;
                text-align: center;
                @include headingSize(5);
                i {
                    padding-right: 3px;
                }
            }
            .work-banner {
                @include background-opacity($light_grey, 0.7);
                position: absolute;
                right: -80px;
                width: 80px;
                top: 0;
                bottom: 0;
                color: $middle_blue;
                border-left: 2px solid #ccc;
                cursor: pointer;

                border-right: 3px solid $dark_blue;

                i {
                    font-size: 60px;
                    color: $dark_blue;
                    padding-top: 148%;
                }
            }
            table {
                position: relative;
                border: 0;
                margin-bottom: 0;
                text-align: left;
                tbody {
                    background: none;
                    border: 0;
                }
                tr {
                    background: none;
                    border-bottom: 1px dashed #fff;
                }
                td {
                    background: none;
                    padding: 3px;
                    padding-left: 17%;
                }
            }
            position:absolute;
            width:30%;
            color:$light_grey;
            z-index:10000;
            -webkit-transform: translateY(30%);
            -ms-transform: translateY(30%);
            transform: translateY(30%);
        }
    }
    &.contact-page {

.contact-form {
    .form-control{
        &:hover {
                border:1px solid $middle_blue;
            }
        }
    }
    article {
    &.contact {
                background-color:$light_grey;    
            }        
        
    }
    .shop-contacts {
        margin-top:2rem;
        margin-bottom:2rem;


        .shop-img {
            display:block;
            margin-bottom:2rem;
            img {
                 max-width:50%;
                 float:left;
                 

            }

        }

        .shop-video {
            max-width:100%;
        }
    }

        #map {
            margin-top:0;
        }
            .shop-contacts  {

            .contact-info {
                margin-bottom:10px;
      
                .social_menu {
                    li {
                        a {
                            color:$dark_blue;
                            padding:0;
                        }
                    }
                }

            }

               h3 {
                text-align:left;
                text-transform: normal;
                font-size:20px;
               }
                p {
                    color: $dark_grey;
                    font-style: inherit;
                }

            }

            ul {
                margin-left: 0;
                li {
                    display: table-cell;
                    vertical-align: middle;
                    a {
                        padding: 0.5rem;
                        color: $middle_blue;
                    }
                }
            }
      
        .contats-block {
            display: table;
            background-color: $middle_blue;
            color: #fff;
            position: relative;
            .decoration-text {
                position: absolute;
                opacity: 0.3;
                color: #fff;
                text-transform: uppercase;
                bottom: 0;
                left: 0;
                font-weight: 800px;
                @include headingSize(10);
                line-height: 3rem;
                font-size: 7.3333rem;
            }
            .text-box-contact {
                width: 30%;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                p {
                    @include border(0 $side 0 0, $light_blue);
                    float: left;
                    @include headingSize(6);
                    line-height: 100px;
                    -webkit-transform: translateY(50%);
                    -ms-transform: translateY(50%);
                    transform: translateY(50%);
                    font-weight: 100;
                    display: block;
                    width: 50%;
                }
                span {
                    display: inline-block;
                    @include headingSize(10);
                    line-height: 100px;
                    -webkit-transform: translateY(50%);
                    -ms-transform: translateY(50%);
                    transform: translateY(50%);
                    width: 50%;
                    text-align: center;
                    margin-left: -1.5rem;
                }
            }
            .arrow-right {
                width: 0;
                height: 0;
                display: block;
                position: absolute;
                right: 0;
                top: 18px;
                border-style: solid;
                border-color: transparent transparent transparent $middle_blue;
                border-width: 12px 0 12px 15px;
                z-index: 1;
                margin-right: -12px;
            }
        }
    }

    &.basket {

    .success {
        background:$middle_blue;
        h3, p {
            color:#fff;
        }
        .button {
            float:none;
            background:#fff;
            color:$middle_blue;
        }
        .orderNumber {
            padding-left:3px;
            color: #fff;
            base-font-weight:800;
            font-size: 2rem;
        }
    }
    .warning {
        background:$red;
        padding: 1rem;
        h3, p {
            color:#fff;
            text-align:center;
        }
        .button {
            float:none;
            background:#fff;
            color:$dark_blue;
        }
    }
        .button {
            background:$middle_blue;
            color:#fff;
            float:right;
            padding: 0.5em 1em;
            &.submit {
                  background:$dark_blue;
                  text-transform:uppercase;
                  padding: 0.85em 3em;
            }
        }

        fieldset {
            color:$middle_blue;
            label {
                 color:$middle_blue;
                 font-size: 18px;
            }

            input,textarea {
           
                
            }
        }

        table {

         tbody {
           border:0;
         }
         .total { 
            color:$middle_blue;
            span{
                text-align:right;
                color:$middle_blue;
                font-size: 3rem;
             }  
         } 

         .totalLabel {
            text-align: right;
            line-height: 3rem;
            vertical-align: bottom;
         }
        }
        .signup-form {
        h3 {
             color:$middle_blue;
             text-align:center;
              font-size: 1.5rem;
        }

        }

        .cart_description {

         h4 {
                font-size:1rem;
                 margin-bottom: 0;
                a {
                    color:$middle_blue;
                }
            }
            p {
                font-size:13px;
            }
        }
        .cart_delete {
                a {
                   margin-top:-10px;
                }
            }
        

        .cart_quantity {
			> div {
				width: 100px;
				margin: 12px auto;
				position: relative;
			}

            .cart_quantity_button {
                a {
                    background: $middle_blue;
                    color: #fff;
                    display: inline-block;
                    font-size: 16px;
                    line-height: 28px;
                    overflow: hidden;
                    text-align: center;
                    width: 35px;
                    float: left;
                    line-height: 32px;
                } 
            }
            .cart_quantity_input {
                color: $dark_grey;
                float: left;
                font-size: 16px;
                text-align: center;
                font-family: 'Roboto',sans-serif;
				height: 32px;
				width: 33px;
                border:1px solid $middle_blue;
            }
        }
    }
    .info-footer {
        $side: 2px;
        @include border($side 0 0 0, #56bced);
        padding-left: 1em;
        p {
            color: #a5a39f;
            margin-top: 1em;
            font-size: 0.9em;
            padding-left: 1em;
            $side: 4px;
            @include border(0 0 0 $side, #56bced);
        }
        ul.pagination-bottom {
            margin-top: 0.5rem;
            margin-left: -1.3rem;
            display: inline-block;
            li {
                float: left;
                vertical-align: middle;
                padding: 5px 0.625rem;
                border-right: 1px solid #ddd;
                background: #fff;
                line-height: 20px;
                border: 1px solid #ddd;
                margin:5px;
                &.current {
                    padding: 2px;
                    background: $middle_blue;
                    background: $middle_blue;
                    cursor: default;
                    border: none;
                    a {
                        border: 2px solid #fff;
                        background: $middle_blue;
                        text-align: center;
                        color: #fff;
                        padding: 0.25rem 0.625rem;
                    }
                }
                a {
                    text-align: center;
                    color: $middle_blue;
                    padding: 2px;
                    &:hover {
                        background: none;
                        text-decoration: underline;
                    }
                }
                &:last-of-type {
                    border: 0;
                }
            }
        }
    }
    .view-series-details{
        padding:15px 0;
        display: block;
    }
    .product-info {
        padding-left:0;
        padding-right:0;
    
        p.range {
            color: $middle_blue;
            text-transform: uppercase;
        }
        h3 {
            color: $dark_blue;
        }
        a {
            color: $middle_blue;
        }
        h4 {
            font-weight: 100;
            font-size: 1.2rem;
            .badge {
                border-radius: 0;
                text-transform: uppercase;
                background: $middle_blue;
                font-size: 1rem;
                padding: 2px 5px;
            }
        }
        .button {
            background: $middle_blue;
            color: #fff;
            text-transform: uppercase;
            margin: 0 0 3rem 0;
            text-decoration: none;
        }

        .quantity{
            width: 100px;
            position: relative;
            float:left;
            zoom: 1;
            margin-right:15px;
            height: 42px;
            overflow: hidden;
            input.qty {
 
                text-align: left;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                padding: 0.6rem;
                height: 42px;

            }
            .plus {
                top: 0;
                right: 0;
                border-bottom: 0;
                $side:0;
                @include border($side 0 $side 0, #eee);
                display: block;
                position: absolute;
                text-align: center;
                width: 24px;
                height: 22px;
                overflow: visible;
                text-decoration: none;
                cursor: pointer;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                color: #fff;
                text-shadow: 0 1px 0 rgba(255,255,255,.8);
                border: 1px solid #c8bfc6;
                background: $middle_blue;
                    line-height: 16px;
            }

            .minus {
                bottom: 0;
                right: 0;
                border-bottom: 0;
                $side:0;
                @include border($side 0 $side 0, #eee);
                display: block;
                position: absolute;
                text-align: center;
                width: 24px;
                height: 22px;
                overflow: visible;
                text-decoration: none;
                cursor: pointer;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                color: #fff;
                text-shadow: 0 1px 0 rgba(255,255,255,.8);
                border: 1px solid #c8bfc6;
                background: $middle_blue;
                    line-height: 16px;
            }
        }

        .price-wrap {

            padding: 0.5em 0;
            @include border($side 0 $side 0, #eee);


            .old {
                color: $middle_blue;
                text-decoration: line-through;
            }
            small {
                color: #333333;
                font-size: .9rem;
                line-height: 1rem;
                padding-left: 3px;
            }
            .new-price {
                font-size: 1.5rem;
                span {
                    color: #a5a39f;
                    text-transform: uppercase;
                    padding-right: 0.5rem;
                    font-size: 1rem;
                }
                small{
                    font-size:94%;
                }
            }
        }

    }

    .search-box {
        margin-top:1rem;

        h2 {
            span {
                font-size:1.33332rem;
                position: relative;
                padding: 0 0 1rem 0;
                &::after {
                    content: '';
                    width: 100%;
                    height: 3px;
                    display: block;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    background: #52bcee;
                }
            }
            margin-bottom:2rem;
        }
        .search {
            text-align: center;
            text-transform: uppercase;
            padding-top: 10px;
            margin-bottom: 2rem;
            select {
               background-color: $light_grey;
               border:0;
            }
            .button {
                background: $middle_blue;
                color: #fff;
            }
        }
    }

    .left {
        .search-box {
            .accordion-content-custom {
                margin-top: 15px;
                p {
                    margin-bottom: 0;

                    label {
                        cursor: pointer;
                    }
                }
            }
            
            h2 {
                position: relative;
                .fa {
                    position: absolute;
                    right: 0;
                    top: 0;
                    display: none;
                }
                &.mobiles {
                    text-align: left;
                    margin: 0;

                    span {
                        padding:0;
                        font-weight:700;
                        font-size:.8em;
                        padding-bottom:5px;
                        color:$dark_blue;
                    }
                }
            }
            #val1,
            #val2 {
                box-shadow: none!important;
                color: $base_text_color!important;
                font-weight: normal!important;
                top: -59px;
                display: block;
                position: absolute;
                width: 70px;
                padding: 0;
                margin: 0;
                height: 50px;
                background: transparent !important;
                padding-top: 2rem;
            }
            #val1 {
                left: 0;
            }
            #val2 {
                right: 0;
                text-align: right;
            }
            .price-rangle {
                margin-bottom: 30px;
            }
            #slider-range {
                margin-top: 50px;
                margin-left: 10px;
                margin-right: 10px;
                border: 0!important;
                background: $light_grey!important;
                position: relative;
                @include radius(0);
                .ui-widget-header {
                    background: $middle_blue;
                }
                .ui-slider-handle {
                    background: $middle_blue;
                    border: 0;
                    @include radius(0);
                    top: -.2em;
                }
                .ui-slider-horizontal {
                    height: .5em;
                    border: 0!important;
                    background: $light_grey!important
                }
                .ui-state-active {
                    border: 0;
                    background: $middle_blue;
                }
            }
            .checkBoxes {
                p.more {
                    color: $middle_blue;
                    text-decoration: none;
                    cursor: pointer;
                    &::before {
                        font-family: 'FontAwesome';
                        border-color: transparent;
                        right: 10px;
                        top: 50%;
                        margin-top: -14px;
                        content: "\f107";
                    }
                    &::after {
                        content: " Покажи всички";
                    }
                }
                p.more.arrow-down {
                    &::before {
                        content: "\f107";
                    }
                    &::after {
                        content: " Покажи всички";
                    }
                }
                p.more.arrow-up {
                    &::before {
                        content: "\f106";
                    }
                     &::after {
                        content: " Покажи по-малко";
                    }
                }
                .moreBox {
                    display: none;
                }
                p {
                    margin-bottom: 0.2rem;
                }
                label {
                    display: inline-block;
                    margin-bottom: 0;
                }
                input {
                    display: inline-block;
                    color: $base_text_color;
                    margin-bottom: 0;
                }
            }
            &.category {
                padding-bottom:0.8rem;
                padding-top:0.8rem;
                &.price-rangle {
                    min-height: 10px;
                }
                
                &:first-of-type {
                    padding-top: 0;
                }
                
                .slider {
                    display: inline-block;
                    vertical-align: middle;
                    position: relative;
                }
                .slider.slider-horizontal {
                    width: 210px;
                    height: 10px;
                    .tooltip {
                        top: -50px;
                    }
                    .slider-track {
                        height: 15px;
                        left: 0;
                        margin-top: -5px;
                        top: 50%;
                        width: 100%;
                    }
                    .slider-selection {
                        height: 100%;
                        top: 0;
                        bottom: 0;
                    }
                    .slider-handle {
                        margin-left: -12px;
                        margin-top: 2px;
                    }
                    .slider-handle.triangle {
                        border-width: 0 10px 10px 10px;
                        width: 0;
                        height: 0;
                        border-bottom-color: #0480be;
                        margin-top: 0;
                    }
                }
                .left-round {
                    margin-left: 2px !important;
                }
                .slider.slider-horizontal .slider.slider-vertical {
                    height: 210px;
                    width: 20px;
                }
                .slider.slider-vertical .slider-track {
                    width: 10px;
                    height: 100%;
                    margin-left: -5px;
                    left: 50%;
                    top: 0;
                }
                .slider.slider-vertical .slider-selection {
                    width: 100%;
                    left: 0;
                    top: 0;
                    bottom: 0;
                }
                .slider.slider-vertical .slider-handle {
                    margin-left: -5px;
                    margin-top: -10px;
                }
                .slider.slider-vertical .slider-handle.triangle {
                    border-width: 10px 0 10px 10px;
                    width: 1px;
                    height: 1px;
                    border-left-color: #0480be;
                    margin-left: 0;
                }
                .slider input {
                    display: none;
                }
                .slider .tooltip-inner {
                    white-space: nowrap;
                }
                .slider-selection {
                    -moz-box-sizing: border-box;
                    background: $middle_blue;
                    position: absolute;
                }
                .slider-handle {
                    background: #52bcee;
                    box-shadow: none;
                    height: 20px;
                    opacity: 1;
                    position: absolute;
                    width: 10px;
                }
                .slider-handle.triangle {
                    background: transparent none;
                }
                .category {
                    padding-bottom: 2rem;
                    border-bottom: 1px solid #eee;
                }
                h2 {
                    span {

                    }
                }
                
                ul.menu-categories>li a{
                    box-shadow: inset 0 -1px #ddd;                
                }
                
                 ul.menu-categories>li:last-child a{
                    box-shadow: none;
                }
                
                .menu-categories .is-accordion-submenu a {
                    background: #fff;
                    color: $dark_grey;
                }
                
                .menu-categories a.first-level {
                    background: none;
                }
                
                .menu-categories a.last-element::before {
                    content: "\f105";
                    font-family: FontAwesome;
                    margin-right: 10px;
                    margin-left: 8px;
                    color: $dark_grey;
                }
                
                .menu-categories a.active.last-element::before {
                    content: "\f105";
                    font-family: FontAwesome;
                    margin-right: 10px;
                    margin-left:8px;
                    background:none;
                }
                
                .menu-categories a.first-level::before{
                    background: none;
                    content: none;
                    margin-right: 0px;
                }
                
                .menu-categories a:not(.sigle-cat):not(.last-element):not(.subitem)::before {
                    content: "\f0fe";
                    font-family: FontAwesome;
                    margin-right: 10px;
                    color: $dark_grey;
                }
                
                .menu-categories a:not(.sigle-cat):not(.last-element):not(.subitem).active::before {
                    content: "\f146";
                    font-family: FontAwesome;
                    margin-right: 10px;
                    color: $dark_grey;
                }
                
                .menu-categories a.subitem::before {
                    content: "\f0da";
                    font-family: FontAwesome;
                    font-size:13px;
                    margin-right: 10px;
                    margin-left: 22px;
                    color: $dark_grey;
                }
                
                .menu-categories .is-accordion-submenu-parent a::before {
                    content: "\f0fe";
                    font-family: FontAwesome;
                    margin-right: 10px;
                    color: $dark_grey;
                }
                
                .sublevel-1 {
                    text-indent: 10px;
                }
                .sublevel-2 {
                    text-indent: 10px;
                }
                .sublevel-3 {
                    text-indent: 10px;
                }
                .sublevel-4 {
                    text-indent: 4rem;
                }
                .sublevel-5 {
                    text-indent: 5rem;
                }
                .sublevel-6 {
                    text-indent: 6rem;
                }
                .menu-categories a {
                    box-shadow: inset 0 -1px #fff;
                    color: $dark_grey;
                }
                .menu-categories a::after {
                    border-color: transparent;
                }
                .menu > li:not(.menu-text) > a {
                    /*padding:0.5rem;*/
                    padding:1rem 0 1rem 1rem;
                      &.last {
                       &::before {
                            content:'';
                        }

                     }
                    &.active {

                        color: $middle_blue;
                        &::before {
                            color: $middle_blue;
                        }
                    }
                }
                li  > a {
                    text-transform: uppercase;
                }
            }
        }
    }
article {
    .videothumb {
        color: #fff;
        display: block;
        text-align: center;
        line-height: 127px;
        vertical-align: middle;
        height: 104px;
        background :$middle_blue ;
        float:none;
    }
        &.cat {
            border: 0;
            margin: 0;
            padding: 0;
        }
        &.content {
            h2 {
                margin-bottom:2rem;
            }
            margin-top:1rem;
            padding-bottom: 30px;
        }
        #sync1 .item {
            margin: 5px;
            color: #FFF;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            text-align: center;
        }
        #sync2 .item {
            padding: 10px 0px;
            margin: 5px;
            color: #FFF;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            text-align: center;
            cursor: pointer;
            display: inline-block;
            img {
                text-align: center;
                height: 80px;
                max-width: 100%;
            }

        }
        span.old {
            text-decoration: line-through;
            display: block;
            height: 20px;
        }
        @include border(0 0 $side 0,
        #eee);
        &:last-of-type {
            border: 0;
        }
        &.extra-info {
            .left-col.border-sep {
                border-right: 1px solid #eee;
            }
            .stop-col {
                bordeR: 0;
                padding-left:0;
            }
            .product-variety {
                line-height: 1;
                h5 {
                    color: $dark_blue;
                    font-size: 0.9em;
                    line-height: 1;
                }
                small {
                    color: #a09f9e;
                }
                p {
                    margin: 0;
                    color: $dark_grey;
                    line-height: 1;
                    &.price {
                        color: #000;
                        font-weight: bold;
                        margin-top: 1.3rem;
                    }
                }
                .media-object-section{
                    margin-bottom: 1rem;
                    display: block;
                    padding-bottom: 1rem;
                    border-bottom: 1px solid #eee;
                    img {
                        max-width: 115px;
                        height: auto;
                        border: 1px solid #eee;
                    }
                }
            }
            .product-seria-more {
                img.thumbnail {
                    border: 0;
                    border-bottom: 1px solid #eee;
                    box-shadow: none;
                    max-width: 100%;
                    padding-bottom: 1.6rem;
                    height: 200px;
                    overflow: hidden;
                }
                p {
                    font-weight: 500;
                    font-size: 1.3em;
                    color: #333;
                }
                h5 {
                    text-transform: none;
                    font-size: 1em;
                    min-height: 5.5em;
                    &.seriaHeding {
                        font-weight: bold;
                        min-height:3em;
                        margin-bottom:0;
                    }
                }
                small{
                    font-size:94%;
                }
                padding-top:15px;
                border-top:1px solid #eee;
            }
            .about-product {
                padding-bottom: 2rem;
                margin-bottom: 2rem;
            }
            .about-product p{
                font-size: inherit;
                line-height: 1.6;
                margin-bottom: 1rem;
                text-rendering: optimizeLegibility;
            }
            .product-seria-more {
                .relative {
                    margin-bottom: 3rem;
                    min-height: 350px;
                    display: block;
                    float: left;
                    .count {
                        color: $base_text_color;
                        display: block;
                        text-align: center;
                    }
                    &:last-of-type {
                        margin-bottom: 0;
                    }
                    .overlay {
                        display: none;
                        cursor: pointer;
                        z-index: 10000;
                    }
                    &:hover {
                        .overlay {
                            position: absolute;
                            display: block;
                            left: 0;
                            right: 0;
                            text-align: center;
                            color: #fff;
                            top: 0;
                            bottom: 0;
                            width: 100%;
                            @include background-opacity($middle_blue, 0.8);
                            transition: all 0.5s ease;
                            &:hover {
                                @include background-opacity($middle_blue, 0.7);
                                background-image: url(../img/watermark.png);
                                background-position: center center;
                                background-repeat: no-repeat;
                            }
                            span {
                                color: #fff;
                                text-transform: uppercase;
                                display: block;
                                i {
                                    padding-top: 50%;
                                }
                            }
                        }
                    }
                }
            }
            h4 {
                font-size: 1.3rem;
                margin-bottom: 2.5rem;
            }
            .tehn-char {
                margin-bottom: 2rem;

                table {
                    $side: 5px;
                    @include border(0 0 0 $side, #56bced);
                    margin-left:30px;
                    width:200px;
                    tbody {
                        border:0;
                       
                        tr {
                            background:#fff;
                            td {
                                 text-align:left;
                                 font-size:$base-font-size;;
                                 padding:0;
                            }
                            td:first-of-type {
                                text-align:left;
                                 padding-right:10px;
                                 padding-left:10px;
   
                            }
                        }
                    }
                }
                li {
                    margin-left: 3rem;
                    a {
                        color: $dark_grey;
                    }
                }
            }
            p.donwload {
                color: $middle_blue;
                span {
                    padding-right: 1em;
                }
                a {
                    color: $middle_blue;
                }
                margin:0;
            }
        }
        .price-label {
            @include cover-background("../img/label.png");
            position: absolute;
            width: 98px;
            height: 61px;
            z-index: 10;
            text-align: center;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            top: -3px;
            right: 10px;
            line-height: 50px;
            span {
                font-size: 1.2rem;
                text-shadow: 0 1px 1px rgba(0, 1, 0, 0.6);
                height: inherit;
                width: inherit;
                bordeR: 0;
                display: initial;
            }
        }
        .diff-breadcrumb {
            margin-top: 1rem;
            background: none;
            border: 0;
            padding: 0;
            overflow: inherit;
            li:not(:last-child)::after {
                color: #52bcee;
                content: "\f105";
                font-family: 'FontAwesome';
                }
        }

        .breadcrumbs {
            @include border(0 0 $side 0, #ddd);
            padding-bottom: 1rem;
            &.diff-breadcrumb {
                padding-bottom: 1rem;
                margin-top: 1.1rem;
            }
            li {
                font-size: 1rem;
                text-transform: none;
                span.seria-all {
                    text-transform: uppercase;
                    color: $dark_blue;
                    font-size: 2.3rem;
                    font-weight: 300;
                    line-height: 7px;
                }
                span.seria-all.large{
                    font-size: 2rem;
                }
                a {
                    color: $dark_grey;
                    text-transform: none;
                    &:hover {
                        text-decoration: none;
                        color: $middle_blue;
                    }

                }
            } 
        }

        .productThumbs {
            img {
                box-shadow: none;
                border: 0;
                margin: 0 auto;
                &:hover {
                    box-shadow: none;
                }
            }
            .price-label {
                left: 10px;
            }
        }
    }
    article.promotion {
        a {
            position: relative;
            color: $middle_blue;
            p {
                color: $dark_grey;
                font-size: 20px;
                font-weight: bold;
                margin-bottom: 0.2em;
            }
            h5 {
                text-transform: initial;
                text-transform: none;
                font-size: 1em;
                min-height: 5.5em;
            }
            img{
                border: 0;
                border-bottom: 1px solid #eee;
                box-shadow: none;
                max-width: 100%;
                padding-bottom: 1.6rem;
                height: 200px;
                overflow: hidden;
            }
        }
    }
    .suggest-img {
        @include cover-background("../img/advice.png");
        min-height: 273px;
        №advice {
            .button {
                background: $light_blue;
            }
        }
    }
    .advice-part {
        padding-top: 2rem;
        padding-left: 2rem;
        h3, h4 {
            color: #fff;
        }
        p {
            color: $light_blue;
        }
        h3 {
            position: relative;
            &::after {
                content: "";
                position: absolute;
                border-bottom: 1px solid $light_blue;
                border-top: 1px solid $light_blue;
                width: 40%;
                top: 50%;
                left: 14%;
                margin-left: 15px;
            }
        }
        background:$middle_blue2;
        color:#fff;
    }
    .button {
        background: $light_blue;
        color: $dark_blue;
        i {
            font-family: 'FontAwesome';
        }
    }
    #advice {
        position: relative;
        .owl-buttons {
            position: absolute;
            top: -43px;
            ;
            right: 35%;
            div {
                background: $light_blue;
                opacity: 1;
            }
        }
    }
}
.mobile-menu {
    background: $dark_blue;
    padding:1rem .5rem;
    .title-bar-title {
        font-weight: normal;
        vertical-align: middle;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 600;
    }
}

.sort-list-by{
    float:right;
    width:33%;
}

.declaration-personal-fld{
    margin-top: 30px;
}

.payment-container {
    background: #ededed;
	@include radius( $main-design-radius );
    padding: 15px;
    .payments-input {
        float:left;
    }
    .payments-caption {
        margin: -5px 15px 0 22px;
         span {
            font-size: 11px;
            padding-left:15px;
        }
    }
    .payments-logo {
        float: left;
    }
}

.delivery-methods-count-1,
.delivery-methods-count-2,
.delivery-methods-count-3 {
	margin: 0 0 60px 0;
}


footer {
    $side: 10px;
    @include border($side 0 0 0, #ddd);
    background: $light_grey;
    .f-footer {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        p {
            color: #9c9991;
        }
        ul {
            margin-left: 0;
            li {
                list-style: none;
                a {
                    color: #9c9991;
                }
            }
        }
        .button {
            background: #ddd;
            color: #9c9991;
            line-height: 30px;
            padding-top: 5px;
            padding-bottom: 5px;
            .fa {
                font-size: 30px;
                color: $middle_blue;
            }
        }
        h5 {
            margin-bottom: 2.5rem;
            position: relative;
            i {
                position: absolute;
                display: none;
                right: 0;
            }
        }
    }
    table {
        border: 0;
        color: #9c9991;
        tbody {
            border: 0;
            background: $light_grey;
            tr {
                border: 0;
                background: transparent !important;
                td {
                    padding: 0.2rem;
                }
            }
        }
    }
    .s-footer {
        p {
            color: $light_blue;
        }
        .createdBy {
            color: $light_blue;
            font-size:12px;
            a {
                color: $light_blue;
                text-decoration:underline;
            }
        }
        $side: 10px;
        @include border($side 0 0 0,
        #ebebeb);
        background: $middle_blue2;
        color: $light_blue;
        font-size: 12px;
        div {
            padding: 2rem 0;
        }
        .menu {
            text-align: center;
            li {
                display: inline-block;
                a {
                    color: #fff;
                    i {
                        font-family: 'FontAwesome' !important;
                        &:hover {
                            opacity: 0.8;
                        }
                    }
                }
            }
        }
    }
    .th-footer {
        padding: 1.5rem 0;
        background: #fff;
    }
}

.pagination li, .pagination li.current{
    display: block;
}

.thumbnail:hover, .thumbnail:focus {
    box-shadow: none;
}

.share-btn {
    width: 36px;
    height: 36px;
    display: inline-block;
    padding: 7px;
    margin: 0 1px;
}

.share-in-socials {
    margin: 15px 0;
}

.share-btn.facebook {
    background: #3c5a9a;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    font-size: 15px;
}

.share-btn.viber {
    background: #655ead url(../img/icon_viber.png)no-repeat center center/70% auto;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    font-size: 18px;
    cursor: pointer;
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
    box-shadow: none;
}