@text-color: #555;
@orange: #f27128;
@screen-xs-max: 767px;
@screen-sm-min: 768px;
@screen-sm-max: 991px;
@screen-md-min: 992px;
@screen-md-max: 1199px;
@screen-lg-min: 1200px;

.transitions(@time,@ease){
    -webkit-transition: all @time ease-out @ease;
    -moz-transition: all @time ease-out @ease;
    -o-transition: all @time ease-out @ease;
    transition: all @time ease-out @ease;
}

.shadow(@h,@v,@b,@s,@c){
    -webkit-box-shadow: @h @v @b @s @c;
    -moz-box-shadow: @h @v @b @s @c;
    box-shadow: @h @v @b @s @c;
}

.skew(@deg){
    -moz-transform:skewX(@deg);
    -webkit-transform:skewX(@deg);
    -o-transform:skewX(@deg);
    -ms-transform:skewX(@deg);
    transform:skewX(@deg);
}

html,body{
    padding: 0;
    margin: 0;
    height: 100%;
    color: @text-color !important;
    font-family: "Helvetica Neue", Helvetica, "nimbus-sans", sans-serif;
    counter-reset: item;
}
h1,h2,h3,h4,h5{
    font-family: "tablet-gothic-compressed", sans-serif;
    text-transform: uppercase;
}
h1,h2{
    margin-bottom: 30px;
}
h3{
    font-size: 15pt;
}


.vis-content-holder{
    padding-top: 20px;
}
.uc{
    text-transform: uppercase;
}
.orange{
    color: @orange;
}
.white{
    color: #fff;
}
.black{
    color: @text-color;
}
.s-med{
    font-size: 13pt;
}
.def-link{
    .transitions(200ms, 200ms);
}
.def-link, .def-link:hover, .def-link:active, .def-link:visited {
    text-decoration:none;
}
.def-link.icon::before{
    font-size: 7pt;
    padding-right: 5px;
    font-family: FontAwesome;
    content: '\f08e';
}
.def-link.ext-icon::before{
    font-size: 8pt;
    padding-right: 5px;
    font-family: FontAwesome;
    content: '\f0ac';
}
.def-link.icon.s-med::before{
    font-size: 9pt;
}
.def-link.ext-icon.s-med::before{
    font-size: 10pt;
}
.def-link.white:hover,
.def-link.black:hover{
    color:@orange;
    text-decoration: none;
    .transitions(100ms, 100ms);
}


.wrapper{
    position: relative;
    min-height: 100%;
    width: 100%;
    background: #fff;
}
.website-content{
}

.plug{
    height: 800px;
}

.sep05{
    height: 5px;
    clear: both;
}
.sep10{
    height: 10px;
    clear: both;
}
.sep20{
    height: 20px;
    clear: both;
}
.sep30{
    height: 30px;
    clear: both;
}
.sep-line{
    background: #ededed;
    height: 1px;
    width: 70%;
    margin: 0 auto;
}

p{
    font-size: 13pt;
    line-height: 30px;
    font-weight: 300;
    color: @text-color;
    margin-bottom: 25px;
}

header{
    z-index: 25;
    .container{
        height: inherit;
        position: relative;
    }
    .row{
        height: inherit;
        position: relative;
    }
    width: 100%;
    height: 100px;
    background-color: rgba(0,0,0,0.8);
    border-bottom: 0px solid @orange;
    position: absolute;
    top: 0;
    .transitions(150ms, 150ms);
    .logo-holder{
        padding-top: 10px;
        .transitions(150ms, 150ms);
        a{
            img{
                width: 80px;
                height: 80px;
                .transitions(150ms, 150ms);
            }
        }
    }
    .nav-holder{
        height: inherit;
        nav#main-nav{
            text-align: right;
            height: inherit;
            #top-nav{
                list-style-type: none;
                padding: 0;
                margin: 0;
                height: inherit;
                li{
                    display: inline-block;
                    margin-right: 20px;
                    height: inherit;
                    position: relative;
                    a, a:hover, a:active, a:visited {
                        text-decoration:none;
                    }
                    a{
                        display: block;
                        color: #fff !important;
                        font-family: "tablet-gothic-compressed", sans-serif;
                        text-transform: uppercase;
                        font-size: 16pt;
                        height: inherit;
                        line-height: 90px;
                        position: relative;
                        .transitions(150ms, 150ms);
                    }
                    a::before{
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 0px;
                        background: @orange;
                        opacity: 0;
                        .transitions(150ms, 150ms);
                    }
                    a:hover{
                        text-decoration: none;
                    }
                    a:hover::before{
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 5px;
                        background: @orange;
                        opacity: 1;
                        .transitions(150ms, 150ms);
                    }
                }
                li.active{
                    a{
                        //font-weight: bold;
                        //color: @orange !important;
                    }
                    a:hover{
                        cursor: default;
                    }
                }
                li.active{
                        a::before{
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 5px;
                        opacity: 1;
                        background: #fff;
                    }
                }
                li.social{
                    a:hover::before{
                        display: none;
                    }
                }
                li:last-child{
                    margin-right: 0;
                }
            }
        }
    }
    .head-info{
        height: 30px;
        position: absolute;
        right: 30px;
        bottom: -21px;
        opacity: 1;
        white-space: nowrap;
        .transitions(150ms, 150ms);
        .content-holder{
            .skew(-45deg);
            background: @orange;
            position: relative;
            z-index: 2;
            .content{
                .skew(45deg);
                height: inherit;
                color: #fff;
                padding: 0 30px;
                text-transform: uppercase;
                font-size: 12pt;
                line-height: 30px;
                .address{
                    margin-right: 15px;
                    letter-spacing: -0.5px;
                    i{
                        padding-right: 5px;
                    }
                }
                .phone{
                    letter-spacing: -0.5px;
                    margin-right: 15px;
                    i{
                        padding-right: 5px;
                    }
                }
                .open-time{
                    text-transform: none;
                    .time:after{
                        content: ',';
                        padding: 0;
                        margin: 0;
                        left: -5px;
                        position: relative;
                    }
                    .time:last-child:after{
                        content: '';
                    }
                }
            }
        }
        .before{
            height: 21px;
            width: 50px;
            background: #97520d;
            .skew(45deg);
            bottom: 0;
            left: -25px;
            position: absolute;
            z-index: 1;
        }
        .after{
            height: 9px;
            width: 25px;
            background: #97520d;
            .skew(45deg);
            position: absolute;
            top: 0;
            right: -19px;
            z-index: 1;
        }
    }
}



header.tiny{
    position: fixed;
    height: 50px;
    background: rgba(0,0,0,1);
    border-bottom: 1px solid @orange;
    .transitions(150ms, 150ms);
    .logo-holder{
        padding-top: 5px;
        .transitions(150ms, 150ms);
        a{
            img{
                .transitions(150ms, 150ms);
                width: 40px;
                height: 40px;
            }
        }
    }
    .nav-holder{
        nav#main-nav{
            #top-nav{
                li{
                    a{
                        line-height: 43px;
                        .transitions(150ms, 150ms);
                    }
                    a:hover:before{
                        height: 2px;
                        .transitions(150ms, 150ms);
                    }
                }
                li.active{
                    a:before{
                        height: 2px;
                        .transitions(150ms, 150ms);
                    }
                }
            }
        }
    }
    .head-info{
        opacity: 0;
        .transitions(150ms, 150ms);
    }
}

@media all and (max-width: @screen-xs-max){
    header{
        .head-info{
            display: none;
        }
        .xs-nav-button{
            height: inherit;
            a.xs-nav-control{
                height: inherit;
                color: #fff;
                display: block;
                font-weight: bold;
                font-size: 20pt;
                line-height: 92px;
                font-family: "tablet-gothic-compressed", sans-serif;
                text-transform: uppercase;
                .transitions(150ms, 150ms);
                i{
                    padding-left: 10px;
                }
            }
            a, a:hover, a:active, a:visited {
                text-decoration:none;
            }
        }
    }
    #xs-nav{
        max-height: 1000px;
        position: absolute;
        overflow: hidden;
        width: 100%;
        top: 100px;
        border-botton: 3px solid @orange;
        .transitions(250ms, 250ms);
        #xs-top-nav{
            list-style-type: none;
            padding: 0;
            margin: 0;
            width: 100%;
            background: rgba(0,0,0,0.9);
            border-bottom: 5px solid @orange;
            padding: 25px;
            li{
                a{
                    font-size: 18pt;
                    display: block;
                    height: 55px;
                    line-height: 50px;
                    font-family: "tablet-gothic-compressed", sans-serif;
                    color: #fff;
                    border-bottom: 1px solid #e0e0e0;
                }
            }
            li:last-child{
                a{
                    border: none;
                }
            }
            li.active{
                a{
                    color: @orange;
                    border-bottom: 1px solid @orange;
                }
            }
        }
    }
    #xs-nav.collapsed{
        max-height: 0;
        .transitions(150ms, 150ms);
    }
    header.tiny{
        .xs-nav-button{
            height: inherit;
            a.xs-nav-control{
                line-height: 46px;
                .transitions(150ms, 150ms);
            }
        }
        #xs-nav{
            top: 50px;
            .transitions(150ms, 150ms);
        }
    }
}



@media all and (min-width: @screen-sm-min) and (max-width: @screen-sm-max){
    header{
        .head-info{
            .open-time{
                display: none;
            }
        }
        .nav-holder{
            nav#main-nav{
                #top-nav{
                    li{
                        a{
                            font-size: 13pt;
                        }
                    }
                }
            }
        }
    }
}

#banner{
    position: relative;
    width: 100%;
    min-height: 300px !important;
    height: 500px;
    background: url('../../media/head_bg_01.jpg') 50% 50% no-repeat;
    background-size: cover;
    z-index: 10;
    .banner-shadow{
        position: relative;
        width: 100%;
        height: inherit;
        z-index: 15;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+63,0+65,0.85+100 */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.85) 100%);
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 65%,rgba(0,0,0,0.85) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 65%,rgba(0,0,0,0.85) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );
        .banner-text{
            height: inherit;
            position: relative;
            .row{
                position: relative;
                height: inherit;
                .content{
                    position:absolute;
                    bottom: 30px;
                    left: 0;
                    span{
                        display: block;
                        color: #fff;
                        font-size: 28pt;
                        line-height: 45px;
                    }
                    .first-line{
                        font-weight: 100;
                    }
                    .second-line{
                        font-weight: bold;
                    }
                }
            }
        }
    }
}
@media all and (max-width: @screen-xs-max){
    #banner{
        height: 450px !important;
    }
}
@media all and (min-width: @screen-sm-min) and (max-width: @screen-sm-max){
    #banner{
        height: 500px !important;
    }
}

#partner-stripe{
    width: 100%;
    background: #000;
    padding-bottom: 20px;
    .partner-holder{
        .mnf-item{
            padding: 0 3px;
            padding-bottom: 20px;
            a{
                text-align: center;
                display: block;
                .logo-holder{
                    height: 55px;
                    width: 80%;
                    margin: 0 auto;
                    margin-bottom: 10px;
                    position: relative;
                    img{
                        position: absolute;
                        bottom: 0;
                        left: 0;
                    }
                    svg{
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        max-height: 55px;
                    }
                    svg * {
                        fill: #fff !important;
                        .transitions(100ms, 100ms);
                    }
                }
                .link-text{
                    display: block;
                    text-align: center;
                    color: #fff;
                    font-family: "tablet-gothic-compressed", sans-serif;
                    font-weight: 100;
                    text-transform: uppercase;
                    font-size: 10pt;
                    margin-left: -15px;
                    .transitions(100ms, 100ms);
                    i{
                        font-size: 7pt;
                        color: #a2a2a2;
                        padding-right: 3px;
                        .transitions(100ms, 100ms);
                    }
                }
            }
            a:hover{
                text-decoration: none !important;
                .logo-holder{
                    svg * {
                        fill: @orange !important;
                        .transitions(100ms, 100ms);
                    }
                }
                .link-text{
                    text-decoration: none !important;
                    .transitions(100ms, 100ms);
                    i{
                        color: #fff;
                        .transitions(100ms, 100ms);
                    }
                }
            }
        }
    }
    .link{
        text-align: right;
    }
}

@media all and (max-width: @screen-xs-max){
    #partner-stripe{
        text-align: center;
        .partner-holder{
            .item{
                padding-bottom: 50px;
                a{
                    .logo-holder{
                        width: 50%;
                    }
                }
            }
        }
    }
    .link{
        text-align: center !important;
    }
}

@media all and (min-width: @screen-sm-min) and (max-width: @screen-sm-max){
    #partner-stripe{
        .partner-holder{
            .item{
                padding-bottom: 30px;
            }
        }
    }
}

footer{
    .container{
        position: relative;
    }
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #000;
    padding: 30px 0;
    .footer-nav{
        padding: 0;
        margin: 0;
        list-style-type: none;
        li{
            a{
                color: #fff;
                font-family: "tablet-gothic-compressed", sans-serif;
                text-transform: uppercase;
                font-size: 13pt;
                line-height: 30px;
            }
        }
    }
    .footer-contact{
        span{
            display: block;
            color: #fff;
            font-family: "tablet-gothic-compressed", sans-serif;
            text-transform: uppercase;
            font-size: 13pt;
            line-height: 30px;
            i{
                width: 30px;
                text-align: center;
            }
        }
    }
    .footer-ot{
        span{
            display: block;
            color: #fff;
            font-family: "tablet-gothic-compressed", sans-serif;
            font-size: 13pt;
            line-height: 30px;
            position: relative;
            text-transform: none;
        }
        .header{
            text-transform: uppercase;
        }
        .header:before{
            content: '\f017';
            font-family: FontAwesome;
            position: absolute;
            left: -20px;
        }
    }
    .footer-social{
        padding: 0;
        margin: 0;
        list-style-type: none;
        text-align: right;
        li{
            display: inline-block;
            margin-right: 12px;
            a{
                color: #fff;
                font-size: 18pt;
                line-height: 30px;
            }
        }
        li:last-child{
            margin-right: 0;
        }
    }
    .footer-info{
        height: 30px;
        position: absolute;
        right: 30px;
        top: -39px;
        .content-holder{
            .skew(-45deg);
            background: @orange;
            position: relative;
            z-index: 2;
            .content{
                .skew(45deg);
                height: inherit;
                color: #fff;
                padding: 0 30px;
                font-size: 12pt;
                line-height: 30px;
            }
        }
        .before{
            height: 21px;
            width: 50px;
            background: #97520d;
            .skew(45deg);
            bottom: 0;
            left: -25px;
            position: absolute;
            z-index: 1;
        }
        .after{
            height: 9px;
            width: 25px;
            background: #97520d;
            .skew(45deg);
            position: absolute;
            top: 0;
            right: -19px;
            z-index: 1;
        }
    }
}

@media all and (max-width: 991px){
    footer{
        text-align: center;
        .footer-social{
            text-align: center;
        }
        .footer-ot{
            .header:before{
                content: '\f017';
                font-family: FontAwesome;
                position: relative;
            }
        }
        .footer-info{
            right: 40px;
        }
    }
}

#top-image-plug{
    height: 100px;
}

#top-image{
    position: relative;
    width: 100%;
    min-height: 300px !important;
    height: 600px;
    background: url('../../media/head_bg_01.jpg') 50% 0 no-repeat;
    background-size: cover;
    z-index: 10;
    .banner-shadow{
        position: relative;
        width: 100%;
        height: inherit;
        z-index: 15;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+63,0+65,0.85+100 */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 63%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.85) 100%);
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 65%,rgba(0,0,0,0.85) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 63%,rgba(0,0,0,0) 65%,rgba(0,0,0,0.85) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );
        .banner-text{
            height: inherit;
            position: relative;
            .row{
                position: relative;
                height: inherit;
                width: 100%;
                .content{
                    position:absolute;
                    width: inherit;
                    bottom: 30px;
                    left: 0;
                    span{
                        display: block;
                        color: #fff;
                    }
                    .caption{
                        font-weight: bold;
                        font-size: 28pt;
                        line-height: 45px;
                        text-transform: uppercase;
                        margin-bottom: 15px;
                    }
                    .text{
                        font-weight: 100;
                        font-size: 16pt;
                        line-height: 28px;
                    }
                    .logo-holder{
                        position: relative;
                        .logo{
                            height: inherit;
                            position: relative;
                            svg{
                                max-width: 100%;
                                max-height: 100%;
                                position: absolute;
                                bottom: 0;
                                right: 0;
                            }
                            svg * {
                                fill: #fff !important;
                            }
                        }
                    }
                }
            }
        }
    }
}
@media all and (max-width: @screen-xs-max){
    #top-image{
        height: 450px !important;
        .banner-shadow{
            .banner-text{
                .row{
                    .content{
                        bottom: 0 !important;
                        span{

                        }
                        .caption{

                        }
                        .text{
                            display: none;
                        }
                        .logo-holder{
                            display: none;
                            height: 0 !important;
                        }
                    }
                }
            }
        }
    }
}
@media all and (min-width: @screen-sm-min) and (max-width: @screen-sm-max){
    #top-image{
        height: 500px !important;
    }
}


.fade{
    opacity: 0;
    .transitions(100ms, 100ms);
}
.fade.in{
    opacity: 1;
    .transitions(100ms, 100ms);
}

.side_manufacturers{
    .item{
        max-height: 100px;
        position: relative;
        text-align: center;
        .title{
            display: block;
            margin-bottom: 20px;
            text-align: center;
        }
        img{
            max-height: 70px;
            width: 80%;
            margin: 0 auto;
        }
        a{
            color: @text-color;
            .transitions(100ms, 100ms);
        }
        a:hover{
            text-decoration: none;
            color: @orange;
            .transitions(100ms, 100ms);
        }
    }
}

.carousel-indicators{
    li,li.active{
        margin-right: 5px;
    }
    li:last-child{
        margin-right: 0;
    }
}
.carousel-inner{
    .item{
        p{
            color: #fff;
            line-height: 13px;
            font-size: 11pt;
            margin-bottom: 10px;
        }
    }
}
.intro{
    font-size: 11pt;
}

.article-image{
    .image{
        margin: 0 auto;
    }
}

.side_articles,
.blog-home,
.blog-articles{
    .item{
        text-decoration:none;
        display: block;
        position: relative;
        background: #f9f9f9;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
        .transitions(250ms, 250ms);
        .image{
            position: relative;
            overflow: hidden;
            img{

            }
            .cover{
                position: absolute;
                top: 100%;
                left: 100%;
                background: rgba(255,255,255,0);
                width: 200%;
                height: 200%;
                -webkit-border-radius: 1000px;
                -moz-border-radius: 1000px;
                border-radius: 1000px;
                .transitions(250ms, 250ms);
            }
            .published{
                position: absolute;
                width: 200px
                height: 200px;
                left: 15px;
                bottom: 35px;
                background: @orange;
                color: #fff;
                padding: 2px 10px;
                font-family: "tablet-gothic-compressed", sans-serif;
                font-size: 12pt;
                i{
                    font-size: 10pt;
                    padding-right: 5px;
                    top: -2px;
                    position: relative;
                }
            }
        }
        .content-holder{
            padding: 0 15px;
            position: relative;
            .content{
                padding: 15px;
                padding-bottom: 0px;
                background: #f9f9f9;
                position: relative;
                top: -25px;
                h3{
                    font-weight: bold;
                    margin: 0;
                    margin-bottom: 10px;
                    color: @text-color;
                }
                .text{
                    color: @text-color;
                }
            }
        }
    }
    .item:hover{
        text-decoration: none !important;
        -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);
        box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);
        .transitions(250ms, 250ms);
        .image{
            .cover{
                top: -50%;
                left: -50%;
                background: rgba(255,255,255,0.3);
                .transitions(250ms, 250ms);
            }
        }
        .content-holder{
            .content{
                h3{
                    text-decoration: none !important;
                }
                .text{
                    text-decoration: none !important;
                }
            }
        }
    }
    .item:active, .item:visited {
        text-decoration:none;
    }
}

.manuf-home{
    .item{
        h2{
            margin-bottom: 10px;
        }
        .image-holder{
            img{
                position: relative;
                width: 75%;
                max-height: 50px;
            }
        }
        i{
            padding-right: 5px;
            font-size: 8pt;
        }

    }
}

@media all and (max-width: @screen-xs-max){
    .item{
        h2{
            font-size: 16pt;
        }
    }
}

.pagination{
    ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
        color: @text-color;
        li{
            display: inline-block;
            margin-right: 10px;
            a{
                display: block;
                padding: 10px 15px;
                font-weight: bold;
                font-size: 13pt;
                color: @text-color;
                .transitions(150ms, 150ms);
            }
            a:hover{
                color: @orange;
                .transitions(150ms, 150ms);
            }
            a, a:hover, a:active, a:visited {
                text-decoration:none;
            }
        }
        li.active{
            a{
                background: @orange;
                color: #fff;
                cursor: default;
            }
            a, a:hover, a:active, a:visited {
                text-decoration:none;
            }
        }
    }
}


.side_team{
    .item{
        .image{
            float: left;
            margin: 0 auto;
        }
        .content{
            float: left;
            padding-left: 10px;
            text-align: left;
            span{
                display: block;
            }
            .title{
                font-size: 12pt;
                font-weight: bold;
            }
            .pos{
                font-size: 12pt;
            }
            .email{
                i{
                    padding-right: 5px;
                }
            }
        }
    }
}

@media all and (max-width: @screen-sm-max){
    .side_team{
        text-align:center;
    .item{
        .image{
            float: none;
            clear: both;
            margin: 0 auto;
            img{
                margin: 0 auto;
            }
        }
        .content{
            float: none;
            clear: both;
            padding: 0 10px;
            text-align: center;
        }
    }
}
}

.contact-data{
    margin-left: 33px;
    span{
        display: block;
        font-size: 13pt;
        font-weight: 300;
        line-height: 30px;
        i{
            padding-right: 10px;
        }
    }
    .address:before{
        content: '\f041';
        font-family: FontAwesome;
        position: absolute;
        text-align:center;
        width: 23px;
        left: 13px;
    }
    .phone:before{
        content: '\f095';
        font-family: FontAwesome;
        position: absolute;
        text-align:center;
        width: 23px;
        left: 13px;
    }
    .email:before{
        content: '\f0e0';
        font-family: FontAwesome;
        position: absolute;
        text-align:center;
        width: 23px;
        left: 13px;
    }
    .open-time{
        margin-top: 15px;
        height: auto;
        .time{
            display: block;
            font-size: 13pt;
            height: 30px;
        }
    }
    .open-time:before{
        content: '\f017';
        font-family: FontAwesome;
        position: absolute;
        text-align:center;
        width: 23px;
        left: 13px;
    }
}

@media all and (max-width: @screen-xs-max){
    .contact-data{
        span{
            font-size: 13pt;
        }
    }
}

.contact-map-holder{
    width: 100%;
    .map{
        width: 100%;
    }
}

.contact-form{
    #contact-form{
        .form-group{
            label{
                font-family: "Helvetica Neue", Helvetica, "nimbus-sans", sans-serif;
                font-size: 13pt;
                font-weight: 300;
            }
            input,textarea{
                font-family: "Helvetica Neue", Helvetica, "nimbus-sans", sans-serif;
                border: none;
                background: none !important;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                border-bottom: 2px solid @text-color;
                height: 30px;
                padding: 0;
                color: #777;
                font-size: 12pt;
                width: 100%;
                -webkit-box-shadow: 0 0 0px 1000px white inset;
                -moz-box-shadow: 0 0 0px 1000px white inset;
                box-shadow: none;
                outline: none;
            }
            textarea{
                height: 95px;
            }
            input:-webkit-autofill {
                -webkit-box-shadow: 0 0 0px 1000px white inset;
                -webkit-text-fill-color: #777 !important;
            }
            input:-moz-autofill {
                -moz-box-shadow: 0 0 0px 1000px white inset;
                -moz-text-fill-color: #777 !important;
            }
        }
        button{
            color: #fff !important;
            background: @orange;
            height: 28px;
            line-height: 10px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            border: none;
            vertical-align:top;
        }
    }
    .error{
        color: #f00;
    }

    .success{
        background: #c3ec73;
        height: 50px;
        color: #4e7504;
        font-weight: bold;
        line-height: 50px;
        text-align: center;
        font-size: 14pt;
        text-transform: uppercase;
        display: none;
    }
}


.projects-holder,
.side_projects,
.home-projects{
    .item{
        text-decoration:none;
        display: block;
        position: relative;
        background: #f9f9f9;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
        .transitions(250ms, 250ms);
        .image{
            position: relative;
            overflow: hidden;
            img{

            }
            .cover{
                position: absolute;
                top: 100%;
                left: 100%;
                background: rgba(255,255,255,0);
                width: 200%;
                height: 200%;
                -webkit-border-radius: 1000px;
                -moz-border-radius: 1000px;
                border-radius: 1000px;
                .transitions(250ms, 250ms);
            }

        }

    }
    .item:hover{
        text-decoration: none !important;
        -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);
        box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);
        .transitions(250ms, 250ms);
        .image{
            .cover{
                top: -50%;
                left: -50%;
                background: rgba(255,255,255,0.3);
                .transitions(250ms, 250ms);
            }
        }

    }
    .item:active, .item:visited {
        text-decoration:none;
    }
    .title{
        padding-top: 5px;
        color: @text-color;
        text-align: center;
    }
}

.home-ad{
    width: 100%;
    min-height: 550px;
    background: url('') 50% 50% no-repeat;
    background-size: cover;
    padding-top: 30px;
    padding-bottom: 40px;
    .ad-holder{
        background: rgba(0,0,0,0.85);
        padding:10px 20px;
        p{
            color: #fff;
            line-height:24px;
        }
    }
}

.form-control.error{
    color: #f00 !important;
}

.footer-social-holder {
    text-align: center;
  }

@media all and (min-width: @screen-md-min) {
  .footer-social-holder {
    text-align: right;
  }
}

.dopeless-design{
    color: #777;
    font-size: 12px;
    a{
        color: #777;
        font-weight: bold;
        text-decoration:none;
    }
}