// load global styles
@import "global.less";

// parallax
.body-parallax-wrapper {
    height: 445px !important;
    overflow:hidden;
    position: absolute;
    z-index: 0;
    padding-top: 0px;

    .parallax-layer {
        width:110%;
        height: 536px;
        position: relative;
        z-index: 1;
        margin-left: -5%;

        &.parallax-clouds-layer { 
            background:url('../images/parallax/clouds.jpg') no-repeat scroll center 7px transparent;
        }
        &.parallax-bottom-layer {
            background:url('../images/parallax/bottom-layer-transparent.png') no-repeat scroll center top transparent;
        }
        &.parallax-top-layer {
            height: 200px;
            top: 228px;
            background:url('../images/parallax/top-layer.png') no-repeat scroll center top transparent;
        }
    }
}



// header styles for main page
.header-wrapper {
    position: absolute;
    z-index: 5;
    padding-top: 10px;
}



// after parallax spacer
.main-page-header-spacer {
   .block();
   .full-width();
   clear: both;
   height: 480px;
}



// banners-slider-wraper
.banners-slider-wraper {
    background: #fbac01; /* Old browsers */
    background: -moz-linear-gradient(top,  #fbac01 0%, #ffd50e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbac01), color-stop(100%,#ffd50e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fbac01 0%,#ffd50e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fbac01 0%,#ffd50e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fbac01 0%,#ffd50e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fbac01 0%,#ffd50e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbac01', endColorstr='#ffd50e',GradientType=0 ); /* IE6-9 */

    .banners-slider-fotorama {
        margin-top: 40px;
        width: 882px;
        height: 153px;
        overflow: hidden;
        padding:25px 0px;
        .on-center();

        .slide {            
            width: 882px;
            height: 153px;
            overflow: hidden;
            .border-radius(8px);

            a {
                text-decoration: none;
                img {
                    width: 100%;
                    border:0px;
                }
            }
        }

        // dots style
        .fotorama__nav-wrap {
            position: relative;
            top: -45px;

            .fotorama__nav__shaft {
                .float-right();
                margin-right:15px;

                .fotorama__nav__frame {
                    width: 38px;
                }
                .fotorama__nav__frame--dot {
                    .fotorama__dot {
                        width: 14px;
                        height: 14px;
                        .border-radius(14px);
                        overflow: hidden;
                        background:none @colorCCC;
                        border:1px solid @white;
                        @shadecolor:#717171;
                        -webkit-box-shadow: inset 0px 3px 0px 0px @shadecolor;
                        -moz-box-shadow: inset 0px 3px 0px 0px @shadecolor;
                        box-shadow: inset 0px 3px 0px 0px @shadecolor;                    
                    }
                }
                .fotorama__active {
                    .fotorama__dot {
                        width: 18px;
                        height: 18px;
                        .border-radius(18px);
                        overflow: hidden;
                        border:none;
                        box-shadow:none;   
                        background: #1f56b0; /* Old browsers */
                        background: -moz-linear-gradient(top,  #1f56b0 0%, #114191 100%); /* FF3.6+ */
                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f56b0), color-stop(100%,#114191)); /* Chrome,Safari4+ */
                        background: -webkit-linear-gradient(top,  #1f56b0 0%,#114191 100%); /* Chrome10+,Safari5.1+ */
                        background: -o-linear-gradient(top,  #1f56b0 0%,#114191 100%); /* Opera 11.10+ */
                        background: -ms-linear-gradient(top,  #1f56b0 0%,#114191 100%); /* IE10+ */
                        background: linear-gradient(to bottom,  #1f56b0 0%,#114191 100%); /* W3C */
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f56b0', endColorstr='#114191',GradientType=0 ); /* IE6-9 */  
                    }
                }
            }
        }
    }
    .fotorama-navigations-wrapper {
        width: 100%;
        height: 0px;

        .nav {
            .block();
            .pointer();
            .icons-sprite();
            @sizepx: 55px;
            width: @sizepx;
            height: @sizepx;
            position: relative;
        }
        .prev {
            background-position: 0px -106px;
            top: -130px;
            left: 25px;

            .commonstyle() {
                background-position: 0px -161px;
            }
            &:hover {
                .commonstyle();
            }
            &:active {
                .commonstyle();
            }
        }
        .next {
            background-position: -55px -161px;
            top: -185px;
            left: 1110px;

            .commonstyle() {
            background-position: -55px -106px;
            }
            &:hover {
                .commonstyle();
            }
            &:active {
                .commonstyle();
            }
        }
    }    
}



// type-of-objects-wrapper
.type-of-objects-wrapper {
    border-top: 1px solid @white;
    background:none #f0f0f0;
    padding:35px 0px;

    .type-of-objects-box {
        .block();
        .width-content();
        margin-left: 60px;

        h3 {
            .block();
            width:90%;
            font-family: "OpenSans-Semibold";
            font-size: 23px;
            line-height: 23px;
            color: @color333;
            font-weight: lighter !important;
        }
        .objects-list-wrapper {
            .block();
            .full-width();
            margin-top: 30px;

            .item {
                .block();
                .float-left();
                width: 205px;
                height: 185px;
                margin-right: 5px;

                &:nth-child(4n) {
                    margin-right: 0px;
                }
                a {
                    .block();
                    text-decoration: none;
                        
                    &:visited {
                        .headline {
                            color:@colorVisited;
                            .transition(color, 0.3s);
                        }
                    }
                    &:hover {
                        @hovercolor: #fbac01;
                        .preview {
                            border-color:@hovercolor;
                            .transition(border-color, 0.15s);
                            img {
                                border-color:@hovercolor;
                                .transition(border-color, 0.15s);
                            }
                        }
                        .headline {
                            color:#1282f8;
                            border-color: #caddff;                            
                            .transition("border-color, color", 0.3s);
                        }
                    }
                    .preview {
                        .block();
                        .on-center();
                        border:3px solid transparent;
                        background:none transparent;
                        .border-radius(14px);
                        overflow: hidden;
                        .transition(border-color, 0.15s);

                        img {
                            .block();
                            .on-center();
                            border:2px solid @white;
                            width: 195px;
                            .border-radius(10px);
                            overflow: hidden;
                            .transition(border-color, 0.15s);
                        }
                    }
                    .headline {
                        font-size: 13px;
                        line-height: 13px;
                        color: #3878bc;
                        margin-left: 5px;
                        border-bottom:1px solid transparent;               
                        .transition("border-color, color", 0.3s);
                    }
                }
            }
        }
    }

}



// feedbacks-and-cases-wrapper
.feedbacks-and-cases-wrapper {
    background:none @white;
    padding:35px 0px;    

    // our-cases-wrapper
    .our-cases-wrapper {
        width: 880px;
        margin-left: 20px;

        .our-cases-fotorama-navigations {
            .controls {
                .link {
                    margin-right: 12px;
                    .border-radius(8px);
                }
                .arrow {
                    font-size: 21px;
                }
                .left-arrow {
                    .border-radius-left(8px);
                }
                .right-arrow {
                    .border-radius-right(8px);
                    margin-left: -5px;
                    margin-right: 6px;
                }
            }
        }

        .our-cases-fotorama {
            .our-cases-items-wrapper();
            .item {
                .block();
                .float-left();
                margin-right: 20px !important;           
            }
        }
    }

    // description-wrapper
    .description-wrapper {
        .block();
        .on-center();
        width: 925px;
        margin-top: 40px;
        font-size: 13px;
        line-height: 23px;                  
        color: @color333;

        p {
            margin-bottom: 20px;
        }
    }
}