/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16.Haz.2015, 16:31
    Author     : ayd�n
*/

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,latin-ext);

@bodyBg : #f2f2f2;
@darkColor : #1a1a1a; 
@whiteColor : #fff; 

body{ background-color: @bodyBg; font-family: 'Roboto Condensed', sans-serif; }

.clw{ color: @whiteColor }

.wp100{ width: 100% }

.bgb{ background-color: @darkColor; }

.bd0{ border: 0; }

.bdr0{ border-radius: 0; }

.row{ margin: 0 }

.mg0{ margin: 0px }
.mt0{ margin-top: 0px }
.mt20{ margin-top: 20px }
.mt40{ margin-top: 40px }

.pd{ padding: 0px }
.pt0{ padding-top: 0px !important }
.pb10{ padding-bottom: 10px }
.pdh5{ padding-left: 5px; padding-right: 5px; }

.gib{ font-size: 22px }

.navbar{ border-bottom: 1px solid #4d4d4d; }
a.navbar-brand{ height: 97px; padding: 10px }
.navbar-fixed-top .navbar-nav > .active > a, .navbar-fixed-top .navbar-nav > .active > a:hover, .navbar-fixed-top .navbar-nav > .active > a:focus{
    background-color: #000 !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-fixed-top .navbar-nav > .active > a:hover, .navbar-fixed-top .navbar-nav > .active > a:focus{
    color: @whiteColor
}
.navbar-fixed-top .navbar-nav > li > a{ 
    color: @whiteColor; font-size: 18px; font-weight: 700; padding: 39px 25px; 
    &:hover{ color: #eee; background-color: #000; }
}

.navbar-toggle{ margin-top: 30px }

.anchor{ height: 120px }

.carousel-inner .item img{ width: 100%; height: 100% / 2; }

section {
    .sectionTitle{ background-color: @darkColor; color: @whiteColor;
        h2{ padding: 18px 0 }
    }
    .container{ font-size: 18px; padding-top: 45px; color: #000; 
        .gallery { margin-top: 40px;
            .imgBox{ margin: 2px -13px; overflow: hidden; position: relative;
                img{ float: left; width: 100%; min-height: 100% }
                .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: fade(#000,70%); display: none;
                    .caption{ font-size: 16px; font-weight: bold; line-height: 20px; height: 20px; margin-top: 20%; color: @whiteColor; }
                    .button{ margin-top: 15%; 
                        span{ color: @whiteColor; padding: 7px 15px; border: 1px solid #fff; border-radius: 4px; }  
                    }
                }
                &:hover{
                    .mask { display: block; }
                }
            }
        }
    }
}

#contactPage .map iframe{ border: 0; width: 100% }
#contactPage .form-group{ margin-bottom: 8px }

.form-control:focus{
    border-color: rgba(0, 0, 0, 1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 1);
    outline: 0 none;
}

footer{ padding: 20px 0;
    .block-caption{ font-size: 16px; font-weight: 700; color: @whiteColor; padding-bottom: 5px; border-bottom: 1px solid #fff }
    .nav{ margin-top: 10px;
        li a{ color: @whiteColor; font-size: 16px; line-height: 20px; padding: 2px 10px;
            &:hover { color: @darkColor }
        }
    }
}

@media (max-width: 768px) {
    
.pb-xs-10{ padding-bottom: 10px; }

.pv-xs-10{ padding-top:10px !important; padding-bottom: 10px !important; }

.mt-xs-20{ margin-top:20px; }

.text-center-xs{ text-align: center }
    
}

@media (max-width: 992px) {
    .pv-sm-10{ padding-top:10px !important; padding-bottom: 10px !important; }
}