/* Made by rostixman - rostixman@gmail.com */

/* ===== INCLUDES ============================================== */

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


/* ===== VARS ================================================== */

/* ---- colors ---- */
@color-gray               : #636363;
@color-orange             : #e89f3f;
@color-orange2            : #F2AC5C;
@color-orange3            : #FFBC6E;
@color-black              : #2e2e2e;
@color-dashed             : #d4c4b6;
@color-light_green_text   : #a8daca;
@color-light_green_border : #b0d5c9;
@color-green-light        : #13ab79;
@color-beige              : #d8cabe;
@color-green              : #008f74;
@color-white              : #ffffff;
/* ---- colors ---- */

/* ===== FUNCTIONS ============================================= */

.outline (@border: 1px){outline: @border dashed red;}
.background (@bg, @repeat: repeat, @x: left, @y: top) {background: url('../img/@{bg}') @repeat @x @y;}

.border-radius (@radius: 5px) {
    -webkit-border-radius : @radius; 
    -moz-border-radius    : @radius; 
    border-radius         : @radius;
}
.transition (@time: 0.2s, @type: ease-in-out, @css: all, @delay: 0) {
    -webkit-transition : @css @time @type @delay;
    -moz-transition    : @css @time @type @delay;
    -ms-transition     : @css @time @type @delay;
    -o-transition      : @css @time @type @delay;
    transition         : @css @time @type @delay;
}
.rotate (@deg: 90deg) {
    -webkit-transform : rotate(@deg);
    -moz-transform    : rotate(@deg);
    -o-transform      : rotate(@deg);
    transform         : rotate(@deg);
}
.translate (@x: 50px, @y: 50px) {
    -webkit-transform : translate(@x, @y);
    -moz-transform    : translate(@x, @y);
    -o-transform      : translate(@x, @y);
    transform         : translate(@x, @y);
}
.scale (@scale: 1.5) {
    -webkit-transform : scale(@scale);
    -moz-transform    : scale(@scale);
    -o-transform      : scale(@scale);
    transform         : scale(@scale);
}
.skew (@degX: 0deg, @degY: 0deg) {
    -webkit-transform : skew(@degX, @degY);
    -moz-transform    : skew(@degX, @degY);
    -o-transform      : skew(@degX, @degY);
    transform         : skew(@degX, @degY);
}
.transform (@x: 0px, @y: 0px, @rotate: 0deg, @scale: 1, @degX: 0deg, @degY: 0deg) {
     -moz-transform:    translate(@x, @y) rotate(@rotate) scale(@scale) skew(@degX, @degY);
     -o-transform:      translate(@x, @y) rotate(@rotate) scale(@scale) skew(@degX, @degY);
     -webkit-transform: translate(@x, @y) rotate(@rotate) scale(@scale) skew(@degX, @degY);
     transform:         translate(@x, @y) rotate(@rotate) scale(@scale) skew(@degX, @degY);
}
  
.matrix (@a, @c, @b, @d, @tx, @ty) {
    -webkit-transform : matrix(@a, @c, @b, @d, @tx, @ty); /* Safari 3.1+ и Chrome 2.0+ */
    -moz-transform    : matrix(@a, @c, @b, @d, @tx, @ty); /* Firefox 3.5+ */ 
    -ms-transform     : matrix(@a, @c, @b, @d, @tx, @ty); /* IE 9.0 */
    -o-transform      : matrix(@a, @c, @b, @d, @tx, @ty); /* Opera 10.5+ */
    filter            : progid:DXImageTransform.Microsoft.Matrix(M11=@a, M12=@b, M21=@c, M22=@d, Dx=@tx, Dy=@ty); /* IE 5.5+ */
}

/* ===== CARCASS ============================================== */

a, img {.transition;}
h1.title {
    color: @color-orange;
    font-size: 20px;
    border-bottom: 1px dashed @color-dashed;
    padding-bottom: 7px;
    margin: 10px 0;
}

body {
    position: relative;
    width: 100%;
    height: 100%;
    background: url('../img/body-bg.png'); background-attachment: fixed;
    
    /* --- hot buttons :: [start] ----------------------------------------------------------------------------- */
    .hot-buttons {
        position: absolute;
        overflow: hidden;
        right: 0;
        top: 40%;
        
        .modal-dialog {
            width: 340px;
            
            .modal-header {
                font-size: 20px;
                color: @color-white;
                padding: 5px 15px;
                .border-radius(4px 4px 0 0);
                .background('h-bg.png');
                
                .close {
                    margin-top: 3px;   
                }
            }

            .modal-footer {
                margin-top: 0;

                .btn-primary {
                    background: #e89f3f;
                }

                .btn-primary:hover {
                    background: #13ab79;
                    border: 1px solid #13ab79;
                }
            }
        }
        
        a.btn {
            width: 68px;
            height: 60px;
            display: block;
            .translate(8px, 0);
        }

        a.btn.email {
            .background('email-btn.png', no-repeat);
        }

        a.btn.phone {
            .background('phone-btn.png', no-repeat);
        }

        a#scrollUp {
            bottom: 10px;
            right: 30px;
            width: 68px;
            height: 80px;
            .background('up.png', no-repeat);
        }

        a.btn:hover {
            .translate(2px, 0);
        }
    }
    /* --- hot buttons :: [end] ----------------------------------------------------------------------------- */
    
    /* --- wrapper :: [start] ------------------------------------------------------------------------------- */
    .wrapper {
        width: 940px; /* удалить для адаптивки */
        margin: 0 auto;
        min-height: 100%;
        height: auto!important;
        height: 100%;
        margin-bottom: -140px;
        background: #FFF;

        /* --- header :: [start] ------------------------------------------------------------------------------ */
        header {
            background: @color-white;
            height: 115px;
            overflow: hidden;
            border-bottom: 1px solid @color-orange;
            
            a {color: #ffb833;}
            a:hover {text-decoration: underline; color: #ffb833;}

            img#logo {
                float: left;
                margin: 20px 0 0 15px;
            }

            img#logo-two {
                width: 225px;
                float: left;
                margin: 20px 0 0 15px;
            }

            ul#contacts {
                float: right;
                margin-top: 20px;

                li {
                    list-style: none;
                    font-size: 15px;
                    padding-left: 40px;
                }

                li.phone-icon {
                    .background('phone-icon.png', no-repeat, left, center);
                    margin-bottom: 10px;
                    font-size: 17px;
                }

                li.map-icon {
                    .background('map-icon.png', no-repeat, left, center);
                }

            }
        }
        /* --- header :: [end] --------------------------------------------------------------------------------- */

        /* --- section :: [start] ------------------------------------------------------------------------------ */
        section#content {
            background: #FFF;
            min-height: 200px;
            .background('gradient.png', repeat-x);
            
            #com-gallery {
                overflow: hidden;
                margin-top: 15px;
                
                figure {
                    position: relative;
                    overflow: hidden;
                    width: 100%;
                    height: 0;
                    padding-bottom: 67%;
                    margin-bottom: 15px;
                    
                    .title {
                        position: absolute;
                        bottom: 0;
                        color: @color-white;
                        background: @color-orange;
                        opacity: 0.8;
                        padding-top:10px;
                        padding-bottom:10px;
                        .transition;
                    }
                }   
                
                figure:hover {
                    .title {
                        background: @color-orange;
                        bottom: -70px;
                        bottom: 0;
                        padding-top: 2px;
                        padding-bottom: 2px;
                        opacity: 1;   
                    }
                }
            }

            ul.list {
                li.item {
                    list-style: none;
                    float: left;
                    width: 150px;
                    height: 300px;
                    text-align: center;
                    margin-right: 10px;
                    
                    div.wrap-img {
                        height: 180px;
                        position: relative;
                        
                        img {
                            width: 150px;
                            max-height: 170px;
                            position: absolute;
                            bottom: 10px;
                            left: 0;
                        }
                    }

                    div.title {
                        color: @color-gray;
                        font-size: 16px;
                        line-height: 18px;
                        height: 65px;
                    }

                    div.price {
                        color: @color-orange;
                        font-size: 30px;
                        min-height: 10px
                    }

                    a.more {
                        color: @color-white;
                        font-size: 16px;
                        background: @color-orange2;
                        padding: 2px 5px;
                        width: 100%;
                        display: block;
                        .border-radius(3px);
                    }

                    a.more:hover {
                        background: @color-orange3;
                    }
                }

                li.last {
                    margin-right: 0;
                }
            }

            ul.list.main {
                overflow: hidden; 
                
                li.item {
                    width: 150px;
                    height: 180px!important;
                    
                    div.wrap-img {
                        height: 0!important;
                        padding-bottom: 87%;
                        overflow: hidden;
                    }   

                    div.title {
                        padding-top: 5px;
                        font-size: 14px;
                    }
                }
            }

            nav.row-fluid {
                height: 50px;
                  
                /* --- accordion :: [start] ---------------------------------------------------------------------- */
                .navbar {
                    background: none;
                    float: right;
                    margin: 0;
                    padding-right: 0;
                    
                    >li {
                        float: left;
                        list-style: none;
                        
                        a.navbar-brand {
                            color: @color-black;
                            font-size: 18px;
                            float: left; /* удалить для адаптивки */
                            margin-right: 0 15px 0 -15px; /* удалить для адаптивки */
                            
                            span.sep {
                                margin-left: 20px;
                                color: @color-beige;
                            }
                        }
                        a.navbar-brand:hover {
                            color: @color-orange;
                        }
						
                        .dropdown-menu {
                            display: block;
                            padding: 0;
                            border: none;
                            top: 37px;
                            left: 7px;
                            .border-radius(7px);
                            .transition;
                            
                            li {
                                display: none;
                                overflow: hidden;
                                .transition;
                                
                                a {
                                    width: 100%;
                                }
								
                                a:hover {
                                    background: @color-orange2;
                                }
                            }
                        }
                    }

                    li.dropdown:hover {
                        .dropdown-menu {
                            padding: 5px 0;
                            
                            li {
                                display: block;
                            }
                        }
                    }
                }
                /* --- accordion :: [end] ---------------------------------------------------------------------- */
            }

            div.row-fluid {
                
                /* --- sidebar :: [start] ---------------------------------------------------------------------- */
                div.sidebar {
                    min-height: 250px;
                    
                    div.title {
                        font-size: 20px;
                        padding: 0 10px;
                        color: @color-white;
                        margin-bottom: 10px;
                        .border-radius(4px);
                        .background('h-bg.png');

                        a {
                            color: @color-white;
                        }
                    }
                    
                    .accordion-group {
                        border: none;
                        
                        a {
                            font-size: 16px;
                            color: @color-gray;
                            position: relative;
                            width: 100%;
                            display: block;

                            .arrow {
                                position: absolute;
                                right: 0;
                                top: 2px;
                            }
                        }
                
                        a:hover {
                            color: @color-orange;
                        }

                        .accordion-inner {
                            border-top: none;
                            padding: 0;
                            margin: 0;
                            overflow: hidden;
                            border-bottom: 1px dashed @color-dashed;
                            padding-left: 40px;

                            li {
                                display: none;
                                overflow: hidden;
                                .transition(.2s, ease-in-out, all, .4s);
                            }
                        }
                    }

                    .accordion-group:hover {
                        .accordion-inner{
                            li {
                                display: block;
                            }
                        }
                    }
                }
                /* --- sidebar :: [end] ---------------------------------------------------------------------- */

                /* --- content :: [start] -------------------------------------------------------------------- */
                div.content {
                    min-height: 200px;
                    margin-bottom: 20px;

                    .contact-text {
                        width: 250px;
                        float: right;
                    }
                    
                    .Y-map {
                        float: left;
                    }

                    ul,ol {
                        margin-left: 20px;
                    }

                    a {color: #2C8F57;}
                    a:hover {text-decoration: underline; color: #FFFFFF;}

                    h1 {font-size: 24px;}
                    h2 {font-size: 22px;}
                    h3 {font-size: 20px;}
                    h4 {font-size: 18px;}
                    h5 {font-size: 16px;}
                    h6 {font-size: 14px;}

                    /* --- banners :: [start] ---------------------------------------------------------------- */
                    div.banners {
                        position: relative;
                        overflow: hidden;
                        
                        div.text-slider {
                            color: @color-white;
                            position: absolute; 
                            font-size: 21px;
                            line-height: 32px;
                            padding: 3px 0 0 10px;
                            width: 400px;
                            height: 90px;
                            top: 285px;
                            .background('slider-layer.png', no-repeat);
                            
                            span {
                                font-size: 44px;
                            }
                        }

                        img.main {
                            width: 675px;
                            .border-radius(10px);
                        }    
                        
                        a.banner {
                            position: relative;
                            display: block;
                            margin-top: 15px;
                            width: 330px;
                            height: 173px;
                            float: left;
                            overflow: hidden;
                            .border-radius(10px);
                                                        
                            div.sale {
                                position: absolute;
                                opacity: 1;
                                top: 0px;
                                width: 330px;
                                height: 173px;
                                .background('layer-green.png');
                                .border-radius(10px);
                                .transition(1s, cubic-bezier(0.165, 0.840, 0.440, 1.000));
                                
                                div.text {
                                    position: absolute;
                                    width: 100%;
                                    z-index: 99;
                                    font-size: 25px;
                                    color: @color-white;
                                    text-transform: uppercase;
                                    line-height: 25px;
                                    text-align: center;
                                    top: 20px;

                                    span.per {
                                        font-size: 72px;
                                        line-height: 65px;
                                    }
                                }
                            }

                            img {
                                width: 330px;
                            }
                        }

                        a.banner+a.banner {
                            float: right;
                        }

                        a.banner:hover div.sale {
                            .transform(100px, 50px, 20deg);
                            .background('layer-orange.png');
                        }
                    }
                    /* --- banners :: [end] --------------------------------------------------------------- */

                    /* --- popular :: [start] -------------------------------------------------------------- */
                    div.popular {
                        margin-bottom: 10px;
                        overflow: hidden;
                        
                    }
                    /* --- popular :: [end] ------------------------------------------------------------------ */
                }
                /* --- content :: [end] ---------------------------------------------------------------------- */
            }
        }

        .push {
            height: 140px;
            clear: both;
        }
        /* --- section :: [end] -------------------------------------------------------------------------------- */
        
    }
    /* --- wrapper :: [end] ----------------------------------------------------------------------------------- */
    
    /* --- footer :: [start] ---------------------------------------------------------------------------------- */
    footer  {
        background: @color-orange2;
        height: 140px;
        
        div.foot-container {
            width: 310px;
            height: 140px;
            color: @color-white;    
            float: left; 
            
            div.title {
                font-size: 16px;
                color: @color-white;    
                margin-left: 43px;
                margin-top: 10px;
            }

            ul.contacts {
                margin-left: 10px;
                
                li {
                    list-style: none;
                    padding-left: 30px;
                    line-height: 30px;
                }

                li.phone-icon {
                    .background('phone-icon-foot.png', no-repeat, left, center);
                }

                li.map-icon {
                    .background('map-icon-foot.png', no-repeat, left, center);   
                }

                li.email-icon {
                    .background('email-icon-foot.png', no-repeat, left, center);
                }
            }

            ul.navigation {
                margin-left: 43px;
                width: 170px;
                
                li {
                    list-style: url(../img/square-list.png);
                    
                    a {
                        color: @color-white;
                    }
                }

                li:hover {
                    list-style: url(../img/square-list-hover.png);
                    
                    a {
                        color: @color-white;
                    }
                }
            }

            div.copyright {
                margin-top: 10px;
                text-align: right;
                color: @color-white;
            }

            a.prioritet {
                color: @color-white;
                display: block;
                text-align: right;
                margin: 10px 0 0;
                
                img.pr-logo {
                    float: right;
                    margin-left: 10px;
                }
            }

            a.prioritet:hover {
                color: @color-white;
                text-decoration: underline;
            }
        }
    }
    /* --- footer :: [end] ------------------------------------------------------------------------------ */
}
    

/* ===== REDEFINED === BOOTSTRAP =================================== */

.container {width: 940px!important; max-width: 940px!important;}
.modal {overflow-y: hidden;}
.modal-open {overflow-y: scroll;}
.btn {padding: 5px 12px;}

#contact-y-map {}