/* colors */
@navbar-color      : #000;
@header-color      : #e1a24d;
@mavi-color        : #02153e;
@mavi-color-hover  : #d8a259;
@koyu-color        : #b10a10;
@footer-color      : #f3f3f3; 
@footer-koyu-color : #cf020a; 
@footer-list-color : #9d050b; 
@resim-hover       : rgba(227, 28, 35, 0.50); 
@white             : #FFFFFF; 
@black             : #000000; 
@icon-bar          : #5f5f5f; 
@headerSearch      : #e21c22; 
@headerSearchKoyu  : #9d050b; 
@banner-color      : rgba(191, 191, 191, 0.67); 
@detay-baslik-color: #02153e; 
/* colors */

#top{position: absolute;bottom: 55px;}
*{margin:0px;padding: 0px;box-sizing: border-box;}
body{font-family: 'Open Sans', sans-serif;outline:0px;}
a{
    &:hover,&:focus,&:active,&:visited{
        text-decoration:none!important;
    }
}
.demo-gallery{
    li{
        list-style: none;
    }   
}
.caretMobil{display:none !important;}
.caret{display:inline-block !important;}
a {outline: 0px !important;}
.border{border:1px solid;}
.border-gray{border:1px solid rgba(0, 0, 0, 0.5);}
.maviBorder{border:2px solid @mavi-color; width:100%;height: 2px;}
.border-no-top{border-top:0px !important;}
.border-no-bottom{border-bottom:0px !important;}
.border-no-left{border-left:0px !important;}
.border-no-right{border-right:0px !important;}
.border-top{border-top:1px solid #d4d4d4;}
.border-bottom{border-bottom:1px solid #d4d4d4;}
.borderIletisim{border:1px solid #d4d4d4;min-height: 411px}
.no-padding{padding: 0px !important;}
.padding-auto{padding: auto !important;}
.no-padding-left{padding-left: 0px !important;}
.no-padding-right{padding-right: 0px !important;}
.no-paddingMasa{padding: 0px !important;} 
.no-margin{margin: 0px !important;}
.position-relative{position: relative;}
.B15{bottom: 15px;}
.B11{bottom: 11px;}
.marginT5{margin-top: 5px;}
.marginT10{margin-top: 10px;}
.marginT15{margin-top: 15px;}
.marginT20{margin-top: 20px;}
.marginT25{margin-top: 25px;}
.marginT30{margin-top: 30px;}
.T70{top: 70px;}
.marginT140{margin-top: 140px;}
.marginT150{margin-top: 150px;}
.marginT190{margin-top: 190px;}
.marginT50{margin-top: 50px;}
.marginT40{margin-top: 40px !important;}
.marginT140{margin-top: 140px;}
.marginM5{margin-bottom: 5px;}
.marginM10{margin-bottom: 10px;}
.marginM15{margin-bottom: 15px!important;}
.marginM20{margin-bottom: 20px;}
.marginM30{margin-bottom: 30px;}
.marginM50{margin-bottom: 50px;}
.marginM150{margin-bottom: 150px;}
.marginM140{margin-bottom: 140px;}
.margin--T-30{margin-top:-30px;}
.padding15{padding: 15px !important;}
.paddingT10{padding-top: 10px !important;}
.paddingT15{padding-top: 15px !important;}
.paddingT20{padding-top: 20px !important;}
.paddingT30{padding-top: 30px !important;}
.paddingR5{padding-right:5px !important;}
.paddingL5{padding-left:5px !important;}
.paddingR10{padding-right:10px !important;}
.paddingR15{padding-right:15px !important;}
.paddingL10{padding-left:10px !important;}
.paddingR20{padding-right:20px !important;}
.paddingL20{padding-left:20px !important;}
.paddingR30{padding-right:30px !important;}
.paddingL30{padding-left:30px !important;}
.paddingB50{padding-bottom:50px !important;}
.paddingB30{padding-bottom:30px !important;}
.paddingB85{padding-bottom:85px !important;}
.width-270px{width: 270px;}
.width-60px{width: 60px;}
.width-100px{width: 100px;}
.width-175px{width: 175px;}
.container{width: 1220px;max-width:100%;padding:0px;}
.container-fluid {padding:0px!important;}
.owl-nav{display: none;} 
.copyright{
    padding:0px;
    margin:0px;
    position: relative;
    left: 15px;
    font-weight: 600;
}
.headerTop{
    position: absolute;
    margin-top: 30px;
    z-index:100;
    .headerAltiRenk{
        background-color: @banner-color;
    }     
    /*Sticky*/ 
    .navbar-fixed-top{
        .navbar-collapse{
            max-height: none !important; 
        }
    }
    .sticky{
        position: fixed;
        background-color:@white;
        height:55px;
        z-index: 9998;
        width: 100%;
        top: 0px;
        box-shadow:1px 2px 5px @mavi-color;
        border-radius: 0px;
        .navbar-right{
            .dropdown-menu{
                background-color: @mavi-color;

            }


        } 
        .navbar-brand{
            img{ 
                width: 70%;
                top: -30px;
                left: 0px;
                position: relative;
            }
        }   

        .navbar-nav{
            li{  
                padding:0px !important;
                a{
                    font-size:14px;
                    color:@white;
                }
            }
        }
        .dropdown-menu{
            margin-top:-2px !important;
            border-radius: 0px;
            li{
                margin-right: 0px;
            }
        }
        .dropdown{
            &:hover,&:active,&:focus{
                .acDropdown{
                    display: block;
                    top: 42px;
                }
            }

        }
        .open{
            .acDropdown{
                display: block;
                top: 42px;
            }
            &:hover,&:active,&:focus{
                .acDropdown{
                    display: block;
                    top: 42px;
                }
            }
        }
        .navbar-header{
            min-height: 53px;
        }
    }
    .navbar-brand{
        img{ 
            position: absolute;
            top: -30px;
            width: 25%; 
            left: 10px; 
            z-index:999999;
        }
    } 
    .navbar-default{ 
        border:none;
        border-radius: 0px;
        background-color: @header-color !important;
        background-image:none;
        //height:100px;
        margin-bottom:0px; 
        li {
            a {
                color:@white; 
                &:hover{
                    color: @navbar-color;
                }
            }
        }

        .headerOne{
            margin-top:-40px;
            float: right;
            .navbar-navOne{
                .active{
                    background-color: @koyu-color;
                    color: @white;
                }
                margin:0px;
                li{
                    float:right;
                    a{
                        font-size:11px;
                        font-weight: 700;
                    } 
                }
                .dil{ 
                    a{
                        position: relative;
                        top: 15px;
                        margin: -2px 2px 0px 2px;
                        background-color: @icon-bar;
                        padding: 2px 5px 2px 5px;
                        &:hover{
                            background-color: @header-color;
                            color:@white;
                        }
                        &:active,&:focus{
                            background-color: @header-color;
                            color:@white;
                        }
                        &.active{
                            background-color: @header-color;
                            color:@white;
                        }
                    }
                }
            }
        } 
        .headerTwo{
            margin-top:0px;
            .navbar-nav{
                .active{
                    a{
                        background-image:none !important;
                        &:hover,&:active{
                            background-color: red;
                        }
                    }
                }
                .open{
                    a{
                        background-color: @header-color;
                        background-image:none !important;
                        box-shadow: none;
                        &:hover,&:active,&:focus{
                            color:@mavi-color;
                            background-color: @header-color;
                        }
                    }
                    .acDropdown{
                        display: block !important; 
                    }
                }
                .dropdown{
                    &:hover{
                        ul{
                            display: block;  
                        }
                        .acDropdown{
                            display: block;
                        }
                    }
                    .dropdown-menu{
                        right: 0;
                        left: 0;
                        width:100%;
                        min-width: 550px;
                        margin-top:-1px;
                        background-color:@mavi-color;
                        border-radius:0px;
                        height:80vh;
                        overflow:scroll;
                        overflow-x:hidden;
                        .divider{
                            margin: 6px 0;
                            background-color: #b6b6b6;
                        }
                        li{
                            width:100%;
                            &:nth-child(1){
                                padding: 2px 0px 0px 0px;
                            } 
                            &:last-child{
                                padding: 0px 0px 2px 0px;
                            }  
                            padding:0px;
                            a{
                                padding: 9px 0px 9px 25px; 
                                background-color:transparent;
                                background-image:none;
                                color: @white;
                                font-size:13px;
                                font-weight:600;
                                &:hover{
                                    -webkit-transition: all 0.3s ease-in-out;
                                    background-color: @header-color;
                                    color: @white;
                                }
                            }
                        }
                    }
                }
            }
            .navbar-collapse{
                .navbar-navTwo{ 
                    margin-top: -49px;
                    li{
                        padding-left: 7px !important;
                        &:last-child{
                            a{
                                padding-right: 0px;
                            }
                        }
                        padding: 10px 0px;
                        //margin: 10px 5px;
                        a{
                            padding-bottom:18px;
                            font-size:13px;
                            font-weight: 700;
                            &:hover{
                                color:@mavi-color;
                            }
                        } 
                    }
                    .dropdown-menu{
                        li{
                            padding-left:0px !important;
                        }
                    }
                } 
            }
        }
        .navbar-toggle{
            background-color: @header-color;
            border-color: @header-color;
            &:focus{
                background-color: @header-color;
            }
            &:hover{
                background-color: @header-color;
            }
            .icon-bar{
                background-color: @icon-bar;
            }
        }
    }
    .headerAlti{
        position:relative;
        z-index:10;  
        .headerAbout{
            height: 40px; 
            .sliderMarquee{
                position:relative;
                p{
                    margin-bottom:0px;
                    padding-left: 110px;
                    display:inline-block;
                    padding:5px 10px;
                    width:100%;
                }
                .solHareket{
                    margin-left:0px;
                    float:left;
                    padding-right:10px;
                    padding-top:0px;
                    a{
                        float: left;
                        background-color:@header-color;
                        color:#fff;
                        padding:10px 3px;
                        cursor:pointer; 
                    }
                    .duyurular{
                        padding: 6px 0px;
                        float:left;
                        span{
                            font-weight: 600;
                            color: @white;
                            padding-left:5px;
                            position:relative;
                            top:4px;
                        }
                        i{
                            position:relative;
                            top:5px;
                            left:4px;
                            color:@white;
                        }
                    }
                }
                .marqueeText{
                    background-color:transparent;
                    border:1px solid transparent;
                    padding:10px 2px;
                    color:@white;
                    font-size:13px;
                    .quotes{
                        display:none;
                    }
                }
            }
            p{
                text-transform: uppercase;
                font-size: 13px;
                margin: 0px;
                color: @white;
                font-weight: 600;
                padding: 11px;
            }
        }
        .headerAboutMasa{
            display:block;
        }
        .headerAboutmobil{
            display:none;
        }
        .headerSearch{
            height: 40px;
            background-color: @headerSearchKoyu;
            text-align: center;
            img{
                padding: 10px; 
            }
            #demo-2{

                input {
                    outline: none;
                }
                input[type=search] {
                    -webkit-appearance: textfield;
                    -webkit-box-sizing: content-box;
                    font-family: inherit;
                    font-size: 100%;
                }
                input::-webkit-search-decoration,
                input::-webkit-search-cancel-button {
                    display: none; 
                } 
                input[type=search] {
                    background: @headerSearchKoyu url("../images/headerSearch.png") no-repeat 9px center;
                    border: solid 1px @headerSearchKoyu;
                    padding: 9px 0px 9px 0px;
                    width: 35px;
                    right:0px;
                    position: relative;
                    -webkit-transition: all .5s;
                    -moz-transition: all .5s;
                    transition: all .5s;
                }
                input[type=search]:focus {
                    background: @headerSearchKoyu url("../images/headerSearchBlack.png") no-repeat 9px center;
                    width: 130px;
                    background-color: @headerSearchKoyu;
                    border-color: #cccccc; 
                }


                input:-moz-placeholder {
                    color: #999;
                }
                input::-webkit-input-placeholder {
                    color: #999;
                }
                /* Demo 2 */
                input[type=search] { 
                    padding-left: 10px;
                    color: transparent;
                    cursor: pointer;
                    float: right;
                }
                input[type=search]:hover {
                    background-color: @headerSearchKoyu;
                }
                input[type=search]:focus {
                    width: 200px;
                    padding-left: 32px;
                    color: #000;
                    background-color: @white;
                    cursor: auto;
                }
                input:-moz-placeholder {
                    color: transparent;
                }
                input::-webkit-input-placeholder {
                    color: transparent;
                }

            }
        }
        .headerPhone{
            width:51px;
            height: 40px;
            background-color: @header-color; 
            text-align: center;
            img{
                padding: 12px; 
            }
        }
        .headerSlider{
            position: relative;
            top: -40px;
        } 
    } 
}
.acDropdown{
    display: none;
    width: 40px;
    height: 20px;
    background: #02153e; 
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    -webkit-clip-path: polygon(100% 100%, 0 100%, 50% 0);
    clip-path: polygon(100% 100%, 0 100%, 50% 0);
}
.demo-gallery{
    .carousel-inner{
        .golgeBuyut{
            display:none;
        }
        li{
            &:hover{
                .golgeBuyut{
                    display:block;

                }
            }
        }
    }
    .golgeBuyut{ 
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 50; 
        i{
            cursor: pointer;
            position: relative;
            left: 46%;
            top: 46%;
            color: white;
            right: 50%;
            font-size: 50px;
        }
    }
}
.urun-colors{
    .urun-color{
        padding: 5px;
        text-align: center;
        background-color: red;  
        a{
            color:@white;
        }
    }
}
.headerSlider{
    position: relative; 
    width:100%; 
    .carousel-control.left{
        background-image:none;
        &:hover{
            background-image: linear-gradient(to right, rgba(225, 162, 77, 0.2) 0, rgba(0, 0, 0, 0.0001) 100%);
        }
        .glyphicon-chevron-left{
            top:60%;
            &:before{
                color: @header-color;
                //content: url("../images/prev.png") !important;
            }   
        }
    }
    .carousel-control.right{ 
        background-image:none;
        &:hover{
            background-image:linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(225, 162, 77, 0.2) 100%);
        }
        .glyphicon-chevron-right{ 
            &:before{
                color: @header-color;
                //content: url("../images/next.png") !important;
            }   
        }
    }
    .carousel{
        .carousel-inner{
            height: 87vh;
            .item{
                height:87vh;
                img{
                    height:100%;
                    width:100%; 
                }
                .carousel-caption{
                    top:40%;
                    h1{
                        font-size: 30px;
                        font-weight: 600;
                    }
                    p{
                        font-size: 20px;
                        font-weight: 600;
                    }
                }
            }
            .sliderIcon{
                position: absolute;
                bottom:35px;
                left:0px;
                right:0px;
                text-align: center;
                img {
                    animation-duration: 2s;
                    animation-delay: 0s;
                    animation-iteration-count: infinite; 
                }
            }
        }
    }
}
.carousel-control.left{
    background-image:none;
    &:hover{
        background-image: linear-gradient(to right, rgba(225, 162, 77, 0.2) 0, rgba(0, 0, 0, 0.0001) 100%);
    }
    .glyphicon-chevron-left{
        &:before{
            color: #f8050e;
            //content: url("../images/prev.png") !important;
        }   
    }
}
.carousel-control.right{
    background-image:none;
    &:hover{
        background-image:linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(225, 162, 77, 0.2) 100%);
    }
    .glyphicon-chevron-right{
        &:before{
            color: #f8050e;
            //content: url("../images/next.png") !important;
        }   
    }
}
.homePageMain{ 
    background-color: #ececec;
    min-height: 500px;
    .buyukResimAll{
        min-height:435px;
        text-align:center;
        .buyukResim{
            padding: 10px !important;
            img{
                width: 100%;
            } 
            .kutuYazilar{ 
                z-index: 55;
                line-height: 12px;
                position: absolute;
                bottom: 20px; 
                width: 100%;
                text-align: left;
                padding: 0px 0px 0px 40px;
                .buyukYazi{
                    p{
                        font-weight: 700;
                        font-size:26px;
                        color:@white;
                    }
                }
                .kucukYazi{
                    p{
                        font-size:17px; 
                        color:@white;
                    }
                }
            }
        }
    }
  
    .kucukResimAll{
        min-height:435px;
        text-align:center;
        .kucukResim{ 
            padding: 10px !important;
            img{
                

                width: 100%;
            } 
            .kutuYazilar{
                z-index: 55;
                line-height: 12px;
                position: absolute;
                bottom: 20px; 
                width: 100%;
                text-align: left;
                padding: 0px 0px 0px 40px;
                .buyukYazi{
                    p{
                        font-weight: 700;
                        font-size:20px;
                        color:@white;
                    }
                }
                .kucukYazi{
                    p{
                        font-size:15px; 
                        color:@white;
                    }
                }
            }
        }
    }
    .resimHover{
        img{
            filter: grayscale(0%);
            position: relative;
            transition: .2s linear;
        }
        &:hover{
            .resimGolge{
                display: block;
                height: 100%;
            }
            .resimGolgeBlack{
                display:none;
            }
        }
    }
    .resimGolge{
        display: none;
        background-color: @resim-hover;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 50;
    }
    .resimGolgeBlack{  
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 50; 
    }
    .parallax-container{ 
        .parallax {  
            background: url("../images/parallax.jpg"); 
            height: 525px;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat; 
            background-size: cover; 
            p{ 
                color:@white;
                font-size: 29px;
                text-align: center;  
                span{ 
                    display: block;
                    &:nth-child(2){
                        font-size: 20px; 
                    }
                }
            }
            &:hover{
                background-color: @black;
                .parallaxGolge{
                    display: block;
                    width: 100%;
                    height: 100%;
                    background-color: rgba(0, 0, 0, 0.6); 
                }
                .parallaxGolgeTwo{
                    display: table !important;
                }
            }
            .parallaxGolge{
                background-color: rgba(0, 0, 0, 0.6); 
                display: table;
                width: 100%;
                height: 100%;
                p{
                    display: table-cell;
                    vertical-align: middle;
                    font-size:29px;
                    font-weight: 700;
                    color:@white;
                }
            }
        } 
    }
    .talepFormuBg{
        margin-top:10px;
        background-color: @white;
        height: 66px;
        .talepFormuText{
            p{
                color:@mavi-color;
                font-weight: 600;
                padding: 23px;
                margin: 0px;
            }
        }
        .talepFormuButton{
            background-color: @header-color;
            p{
                padding: 18px;
                text-align: center;
                font-size: 21px;
                margin: 0px;
                color:@white;
                a{
                    color:@white;
                    &:hover{
                        color:@white;
                    }
                }
            }
        }
    }
    .homeBoxs{
        .homeBox{   
            text-align: center;
            min-height: 280px; 
            color:@white;
            .golge{
                z-index: 1;
                position: absolute;
                width: 100%;
                height: 100%; 
            }
            .homeBoxsImages{
                z-index: 2;
                position: relative;
                img{
                    margin:20px;
                    width:105px;
                }
            }
            .homeBoxsTitle{
                z-index: 2;
                position: relative;
                p{
                    margin:0px;
                    font-size: 23px;
                }
            }
            .homeBoxsDetail{
                z-index: 2;
                position: relative;
                p{
                    margin:0px;
                    font-size: 16px;
                }
            }
            .homeBoxsReadMore{
                z-index: 2;
                position: relative;
                width:200px; 
                background-color: #002436;
                color:@white; 
                bottom: 50px;
                position: absolute;
                display: block;
                left: 0px;
                right: 0px;
                text-align: center;
                margin: 0 auto;
                p{
                    margin: 0px;
                    padding: 10px;
                    color:@white;  
                    a{
                        color:@white;  
                    }
                }
            }
        }
    }
    .homeAboutUsBg{
        background-color: #002436; 
        .homeAboutUsText{
            padding: 20px 20px 11px 0px !important;
            .homeAboutUsBaslik{
                p{
                    font-size:30px;
                    font-weight: 600;
                    color:@header-color;
                }
            }
            .homeAboutUsDetail{
                p{
                    font-size:14px;
                    color:@white;
                }
            } 
        }
        .homeAboutUsImages{
            position: relative;
            .golge{
                z-index: 1;
                position: absolute;
                width: 100%;
                height: 100%; 
                background-color: rgba(212, 165, 101, 0.7);
            }
            img{
                width:100%;
            }
        }
    }
}
.blogMainTitle{
    img{
        width:auto !important;
    }
    text-align: center;
    margin-top: 50px;
    margin-bottom: 25px;
}
.blogMainDetail{
    .owl-dots{
        margin-top: 40px;
        .owl-dot{
            outline:none;
            span{
                background-color: #c0c0c0;
                width: 13px;
                height: 13px;
            }
            &:hover{
                span{
                    background-color: #e52026;
                }
            }
        }
        .active{
            span{
                background-color: red !important;
            }
        }
    }
    .kutuOwl{
        padding: 0px 5px 0px 5px;
        .resimOwl{
            p{

            }
        }
        .baslikOwl{
            margin-top:10px;
            min-height:42px;
            p{
                color:#3c3c3c;
                font-size:15px;
                font-weight: 800;
            }
        }
        .detayOwl{
            p{
                color:#525252;
                font-size:14px;
            }
        }
        .devamiOwl{
            p{
                color:#292929;
                font-size: 12px; 
                a{
                    color:#292929;
                    font-weight:600;
                    left:5px;
                    position:relative;
                    &:hover{
                        color:@header-color;
                    }
                }
                img{
                    width:auto;
                    float:left;
                }
            }
        }
    }
    .tumMakaleGor{
        position: relative;
        top: -26px;
        z-index:99;
        p{
            color:#434343;
            font-size:14px;
            font-weight: 800;
            a{
                color:#434343;
            }
        }
        b{
            font-size:11px;
            color:#434343;
            position: relative;
            top:-15px;
        }
    } 
}
.iletisimPage{
    .borderRenkli{
        width: 100%;
        height: 40px;
        background-color: @white;
        margin-top:10px;
        .borderRenkliText{
            p{
                color: @koyu-color;
                text-align: left;
                font-size: 21px;
                font-weight:600;
                margin: 10px 0px 10px 0px;
            }
        }
    }
    .iletisimFormu{ 
        h3{
            font-size: 20px;
            font-weight: 600;
            margin-top:0px;
            color: #616161; 
        }
        .iletisimForm{
            padding: 15px 0px;
            p{
                color: #616161;
                span{
                    font-weight: 600;color: #616161;
                }
            }
        }
        .iletisimFormYeri{
            width: 100%;
            float: right;
            .kontrol-group{
                margin-bottom: 15px;
                .kontrol-control{
                    margin-bottom: 20px;
                    width: 100%;
                    min-height: 45px;
                    border-radius: 0px;
                    max-width: 100%;
                    min-width: 100%;
                }
            }
            .kontrol-button{ 
                border-radius: 0px;
                height: 50px;
                color: @white;
                font-weight: 600;
                background-color: @header-color;
                background-image: none;
                border-color: @header-color;
                outline: 0px !important;
                text-shadow:none;
                -webkit-box-shadow:none;
                box-shadow:none;
                &:hover,&:focus,&:active{
                    background-color: @header-color!important;
                    border-color: @header-color !important;
                }
                &:active{
                    .focus{
                        background-color: @header-color!important;
                        border-color: @header-color !important;
                    }
                    &:hover,&:focus{
                        background-color: @header-color!important;
                        border-color: @header-color !important;
                    }
                }
                .active{
                    background-color: @header-color!important;border-color: @header-color !important;
                    .focus{
                        background-color: @header-color!important;
                        border-color: @header-color !important;
                    }
                    &:hover,&:focus,&:active{
                        background-color: @header-color!important;
                        border-color: @header-color !important;
                    }
                }
            }
        }
        .iletisimFormYolla{
            padding: 15px 15px;
        }
    } 
}
.footer{
    background-color: @footer-color;
    min-height: 200px; 
    .footerIn{ 
        .footerSol{ 
            background-color: @footer-koyu-color;
            height: 225px;
            padding:40px 20px 20px 20px !important; 
            .kareKutuCopy{ 
                margin: 0px 0px 0px 0px;
                p{
                    position: relative;
                    top:5px;
                    text-align: right;
                    color:@white; 
                    font-size: 10px;
                    font-weight: 600;
                }
                .kareKutu{
                    height: 37px;
                    width:100%;
                    background-color: @footer-list-color;
                    &:hover{
                        background-color: @footer-color; 
                    }
                    .kareKutuTitle{
                        color:@white;
                        font-size:12px;
                        p{
                            float: left;
                            padding: 5px;
                            font-size: 11px;
                            font-weight: 800;
                            position: relative;
                            left:10px;
                            a{
                                text-decoration: none;
                                color:@white;
                            }
                        }
                    }
                    img{
                        float:right;
                        padding:6px; 
                    } 
                }
                &:last-child{
                    img{ 
                        padding:8px; 
                    } 
                }
                &:nth-child(2){
                    img{ 
                        padding:5px; 
                    } 
                }
            }
        }
        .footerSag{ 
            min-height: 179px;
            .list-unstyled{
                float: left;

                li{
                    &:nth-child(1){
                        margin: 10px 0px 15px;
                    }
                    margin:3px 0px;
                    a{
                        color:@mavi-color;
                        font-size:13px;
                        font-weight: 600;
                        &:hover{
                            color:#7d080c;
                        }
                    }
                    strong{
                        color:@mavi-color;
                        font-size:15px;
                        font-weight: 800;
                    }

                }
            }
            .socialIcon{
                position: relative;
                left: 0px;
                top: 5px;
                list-style-type: none;
                text-align:center;
                li{
                    display: inline-block;
                    margin:0px 1px;
                }
            }
            .socialIconAll {
                text-align: center;
                padding: 60px 0px 0px 0px !important;
                left: 20px;
                p{
                    color:@mavi-color;
                    font-size:13px;
                }
                .treegrup{
                    p{
                        text-align:right; 
                        font-weight: 600;
                        position: relative;
                        color:@mavi-color;
                        a{
                            color:@mavi-color;
                        }
                    }

                }
            }
        }
    }
    .footerOut{
        background-color:@white;
        height:36px;
        margin: 5px 0px;
        .footerSag{
            right: 10px;
            position: relative;
            text-align: center;
            padding: 12px 0px 0px 0px;
            p{ 
                text-align:right;
                margin:0px;
                color:@mavi-color;
                font-size:13px;
                font-weight: 700; 
            }
        }
        .footerSol{
            text-align: left;
            padding: 10px 0px 0px 0px;
            p{
                margin:0px;
                a{
                    color:@mavi-color;
                    font-size:12px;
                    font-weight: 600;
                }
            }
        }
    }
} 
.socialIconAllImagesLogo{
    position: absolute;
    top: -27px;
    right: 0px;
    img{
        z-index: 99;
        position: relative;
        float: right;
    }
}
.detay{
    margin-bottom:100px;
    .blog-geri-don{
        .blog-geri{
            width:100px;
            height:40px;
            text-align:center;
            background: #e21c22;
            p{ 
                margin: 0px;
                padding: 10px;
                a{
                    color:#fff;
                }
            }
        }
    }
    .select-page{
        p{
            padding: 0px;
            margin: 0px;
            padding-top: 45px;
            padding-bottom: 10px;
            font-size:13px;
            font-weight: 600;
            color:#3a3a3a;
        }
    }
    .detayBaslik-referans{
        h1{
            margin-bottom: 5px;
        }
    } 
    .detayAll{
        .detayText{
            p{
                color:#1c1c1c;
                font-size:14px;
            }
            .referans-list{
                li{
                    width:50%;
                    float:left;
                }
            }
        }
        .detayImages{
            .swiper-container{
                .swiper-wrapper{
                    .swiper-slide{
                        img{
                            width:100%;
                        }
                    }
                }
            }
            .detayVideos{
                margin:20px 0px;
                iframe,img{
                    width:100%; 
                }
            }
        }
        .urunMainDetail{
            .urunKutuOwl{
                padding-right: 0px;
                padding-left: 0px;
                min-height: 300px;
                margin: 0px 0px 20px 0px;
                .urunResimOwl{
                    img{
                        width:100%;
                        height: 235px;
                    }
                }
                .urunBaslikOwl{
                    p{
                        margin: 7px 0px;
                        font-weight: 600;
                        font-size: 16px;
                        text-align: left;
                        color: #3c3c3c;
                    }
                }
                .urunDetayOwl{
                    p{
                        color:#3c3c3c;
                    }
                }
                .urunDevamiOwl{

                }
            }
        }
        .sticky{
            -webkit-transition: all 0.9s ease-in-out;
            top: 70px !important;
        }
        .solMenu{
            background-color: #6b6b6b;
            position: fixed;
            width: 205px;
            -webkit-transition: all 0.9s ease-in-out;
            top: 155px;
            .solMenuOne{
                list-style: none;
                .active{
                    background-color: rgba(232, 234, 255, 0.9); 
                    color:black; 
                }
                .dividerUrun{
                    background-color: #8d8d8d;
                    height: 1px;
                    margin: 0px 15px;
                }
                a{
                    color:#fff;
                    font-weight:600;
                    font-size:14px;  
                    &:hover{
                        text-decoration:none;
                        li{ 
                            -webkit-transition: all 0.5s ease-in-out;
                            color:black;
                        }
                    }
                    &:focus,&:active{
                        text-decoration:none;
                    }
                    li{ 
                        font-size: 15px;
                        font-weight: 600;
                        color:#fff;
                        padding: 10px 15px;
                        &:hover{  
                            -webkit-transition: all 0.5s ease-in-out;
                            background-color: rgba(232, 234, 255, 0.9);
                        }
                    }
                }
            }
        }
    }  
}
.detayBaslik{
    a{
        h1{
            margin-top:5px;
            font-weight: 600;
            color:@detay-baslik-color;
            font-size:25px;
        }
    }
    h1{
        margin-top:5px;
        font-weight: 600;
        color:@detay-baslik-color;
        font-size:25px;
    }
    h4{
        margin-top:5px;
        font-weight: 600;
        color:@detay-baslik-color;
        font-size:20px;
    }
}
.urunMainTitle{
    p{
        margin-top:15px;
        font-weight: 600;
        color: #f8050e;
        font-size: 25px;
        text-align: left;
    }
}
.urunMainDetail{
    .owl-dots{ 
        .owl-dot{
            outline:none;
            span{
                background-color: #c0c0c0;
                width: 13px;
                height: 13px;
            }
            &:hover{
                span{
                    background-color: #e52026;
                }
            }
        }
        .active{
            span{
                background-color: red !important;
            }
        }
    }
    .urunkutuOwl{
        padding: 0px 5px 0px 5px; 
        .urunbaslikOwl{
            margin-top:10px;
            min-height:42px;
            p{
                color:#3c3c3c;
                font-size:15px;
                font-weight: 800;
            }
        }
        .urundetayOwl{
            p{
                color:#525252;
                font-size:14px;
            }
        }
        .urundevamiOwl{
            p{
                color:#292929;
                font-size: 12px; 
                a{
                    color:#292929;
                    font-weight:600;
                    left:5px;
                    position:relative;
                    &:hover{
                        color:@header-color;
                    }
                }
                img{
                    width:auto;
                    float:left;
                }
            }
        }
    } 
}
.pagination>li>a, .pagination>li>span{
    &:hover{
        color: #ffffff; 
        background-color: #9d050b;
        border: 1px solid #9d050b; 
    }
    color: #ffffff; 
    background-color: #f80811;
    border: 1px solid #f80811;
}
.hide-bullets {
    cursor: pointer;
    list-style:none; 
    .swiper-pagination{
        position: relative;
        color:@header-color;
        font-weight: 600;
    }
} 
.harita{height: 409px;padding-top:15px;padding-bottom:15px;}
.harita iframe{width:100%;height:100%;margin:0px;padding:0px;}
.thumbnail {margin-bottom: 15px !important;border-radius: 0px;padding: 0;} 
a.thumbnail:hover{border-color:@header-color;}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {width: 100%;}
.urun-next{position: relative;float: right;left: 15px;top: -5px;height: 16px;}
.swiper-button-next{background-image: url("../images/next2.png") !important;}
.swiper-button-prev{background-image: url("../images/prev2.png") !important;}
.urun-prev{position: relative;float: left;left: 0px;top: -5px;height: 16px;}




.sidenav {  
    position: fixed;
    z-index: 1;  
    background: #eee;
    overflow-x: hidden;
    padding: 8px 0;
} 


/*Responsive - 480px*/
@media (max-width: 480px) {

}
/*Responsive - 480px*/

/*Responsive - 1024px*/
@media (max-width: 1024px) { 
    .caret{display:none!important;}
    .caretMobil{display:block !important;}
    .no-paddingMasa{padding:0px 15px !important;}
    .no-padding-right{padding:0px 0px 0px 0px !important;} 
    .no-paddingMobil{padding: 0px !important;}
    .paddingMobil{padding: 0px 15px !important;}
    .headerTop{ 
        position:relative;
        .navbar-default{
            height:auto;
            .headerOne{
                margin-bottom:10px;
                .navbar-navOne{
                    margin:0px;
                    .dil{
                        width:30px;
                        float:right;
                        position: relative; 
                        z-index: 9999;  
                    }
                    li{
                        //width:50%;
                        float:left;
                        &:last-child{
                            margin-right: 0px;
                        }
                    }
                }
                width:100%;
                text-align: center;
            }
            .headerTwo{
                width:100%;
                .navbar-header{

                }
                .navbar-header{
                    .navbar-brand{
                        img{
                            width:55%;
                            top: -60px;
                            position: relative;
                        }
                    }
                }
                .navbar-collapse{
                    .navbar-navTwo{
                        margin-top:0px;
                        .open {
                            .dropdown-menu{
                                display: block !important; 
                            }
                            .acDropdown{
                                display: block !important; 
                            }
                        } 
                        .dropdown{  
                            &:hover{
                                ul{
                                    display: none;
                                }
                            }
                            .dropdown-menu{
                                li{
                                    padding:0px !important;
                                    a{
                                        width:100%; 
                                    }
                                }
                                //display: none !important;
                            }
                        }
                        li{
                            padding: 0px 15px !important;
                            a{
                                width:85%;
                            }
                        }
                        .divider{
                            padding: 0px !important;
                        }
                    }
                }
                .navbar-nav{
                    .dropdown{
                        .dropdown-menu{
                            margin-top: 0px;
                        }
                    }
                }
            }
        }  
        .headerAlti{
            .headerAboutMasa{
                display:none;
            }
            .headerAboutmobil{
                display:block;
            }
            .headerAbout{
                height: auto;
            }
            .headerPhone{
                float:right; 
            }
            .headerSearch{ 

            }
        }
    }
    .headerSlider{
        top:0px;
        .carousel{
            .carousel-inner{
                height: auto;
                .item {
                    .carousel-caption{
                        top: 20%;
                        h1{
                            font-size: 18px;
                        }
                        p{
                            font-size:16px;
                        }
                    }
                }
            }
        }
    }
    .homePageMain{  
        .kucukResimAll{
            .kucukResim{
                //padding:0px !important;
            }
        }
        .buyukResimAll {
            min-height:auto;
            .buyukResim{
                //padding:0px !important;
            }
        }
        .imagesMobile{
            padding:10px !important;
        }
    }
    .margin--T-30{
        margin:0px !important;
    }
    .footerLogo {
        width:100%;
        text-align:center;
        background-color: @footer-color;
    }
    .footer{
        height: auto;
        .footerIn {
            .footerSol{ 
                height: auto;
            }
            .footerSag {
                .list-unstyled{
                    text-align: center;
                    width: 100%;
                    margin:10px 0px;
                }
                .socialIconAll{
                    left:0px;
                    padding: 20px 0px 0px 0px !important;
                }
            }
        }
        .footerOut{
            text-align:center;
            height: auto;
            .footerSag {
                text-align:center;
            }
            .footerSol{
                p{
                    text-align:center !important;
                }
            }
        }
    }
    .iletisimPage{
        .borderRenkli{
            padding: 0px 20px !important;
        }
        .iletisimFormu{
            .iletisimForm { 

            }
            .iletisimFormYeri{
                float:none; 
                .kontrol-group{
                    .kontrol-control{
                        width: 100%;
                        min-height: 45px;
                    }
                }
                .kontrol-button{
                    width: 100%;
                    height: 50px;
                }
            }
        }
    } 

    .marginT10Nobile0{
        margin-top:0px !important;
    }
    .blogMainTitle {
        img{
            width:100%;
        }
    } 
    .blogMainDetail{
        .kutuOwl{ 
            margin: 0px 0px 10px 0px;
            padding: 0px 10px 0px 10px; 
            /*        .baslikOwl{
                        padding: 0px 10px 0px 10px;
                    }
                    .detayOwl{
                        padding: 0px 10px 0px 10px;
                    }
                    .devamiOwl{
                        padding: 0px 10px 0px 10px;
                    }*/
        }
        .tumMakaleGor{
            margin-top: 25px; 
        }
    }
    .detay{
        .select-page{

        }
        .blog-geri-don{
            .blog-geri{
                float:right;  
                margin-right: 15px;
            }
        }
        .detayAll{
            .solMenu{
                margin-bottom:15px;
                top:auto !important;
                position: relative;
                width: 100%;
            }
            .urunMainDetail {
                .urunKutuOwl{
                    padding-right: 15px;
                }
            }
        }
    }
    .thumbnail{
        margin:0px;
    }
    .caretMobil{
        cursor:pointer;
        float:right;
        position: relative;
        top: -25px;
        right: 25px;
        color: white;
        border-top: 10px dashed; 
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }

}
/*Responsive - 1024px*/

.headerTop .navbar-default .headerTwo .navbar-nav .dropdown .dropdown-menu{}

/* MODAL */
.modalKvkk,.modalCerez,.modalBasvuruFormu,.modalOnBasvuruFormu{
    .modal-dialog{
        .modal-content{
            .modal-header{
                .modal-title{
                    position: absolute;
                    font-weight: 600;
                    font-size: 15px;
                } 
            } 
        }
    }
}
.modalBasvuruFormu,.modalOnBasvuruFormu,.modalDownloadOnay{
    .modal-dialog{
        .modal-content{
            .modal-body{
                .modalForm{
                    .kontrol-group{
                        margin-bottom: 15px;
                        .kontrol-control{
                            margin-bottom: 20px; 
                            min-height: 45px;
                            border-radius: 0px;
                            max-width: 100%;
                            min-width: 100%;
                        }
                    }
                    .kontrol-button{ 
                        border-radius: 0px;
                        height: 50px;
                        color: @white;
                        font-weight: 600;
                        background-color: @header-color;
                        background-image: none;
                        border-color: @header-color;
                        outline: 0px !important;
                        text-shadow:none;
                        -webkit-box-shadow:none;
                        box-shadow:none;
                        &:hover,&:focus,&:active{
                            background-color: @header-color!important;
                            border-color: @header-color !important;
                        }
                        &:active{
                            .focus{
                                background-color: @header-color!important;
                                border-color: @header-color !important;
                            }
                            &:hover,&:focus{
                                background-color: @header-color!important;
                                border-color: @header-color !important;
                            }
                        }
                        .active{
                            background-color: @header-color!important;border-color: @header-color !important;
                            .focus{
                                background-color: @header-color!important;
                                border-color: @header-color !important;
                            }
                            &:hover,&:focus,&:active{
                                background-color: @header-color!important;
                                border-color: @header-color !important;
                            }
                        }
                    }
                } 
            } 
        }
    }
}


/* MODAL */
.modalDownloadOnay{
    .modal-dialog{
        .modal-content{
            .modal-header{
                .modal-title{
                    position: absolute;
                    font-weight: 600;
                    font-size: 15px;
                } 
            }
            .modal-footer{
                .kontrol-button{ 
                    border-radius: 0px;
                    height: 50px;
                    color: @white;
                    font-weight: 600;
                    background-color: @header-color;
                    background-image: none;
                    border-color: @header-color;
                    outline: 0px !important;
                    text-shadow:none;
                    -webkit-box-shadow:none;
                    box-shadow:none;
                    &:hover,&:focus,&:active{
                        background-color: @header-color!important;
                        border-color: @header-color !important;
                    }
                    &:active{
                        .focus{
                            background-color: @header-color!important;
                            border-color: @header-color !important;
                        }
                        &:hover,&:focus{
                            background-color: @header-color!important;
                            border-color: @header-color !important;
                        }
                    }
                    .active{
                        background-color: @header-color!important;border-color: @header-color !important;
                        .focus{
                            background-color: @header-color!important;
                            border-color: @header-color !important;
                        }
                        &:hover,&:focus,&:active{
                            background-color: @header-color!important;
                            border-color: @header-color !important;
                        }
                    }
                }
            }
        }
    }
}


/* MODAL */


.isimFaq {
    color: #007cb1;
    font-weight: 600;
    font-size: 18px;
}
.toogleFaqTitle {
    margin: 20px 0px 5px 0px;
}
.togglefaq {
    text-decoration: none;
    color: #fff!important; 
    font-size: 13px;
    padding: 10px 30px 10px 15px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    background-color: #02153e;
    text-align: left; 
    font-weight: 700; 
    font-size: 15px;
    text-align: left;
    color: #e1a24d; 
    &:hover,&:focus,&:active{
        color: #e1a24d !important; 
    } 
}
.faqanswer {
    display: none;
    background: #fff;
    color: #02153e !important;
    padding: 12px 20px 12px 20px;
    font-size: 13px!important;
}
.icon-plus {
    color: #5ec4cd;
    margin-right: 20px;
    font-size: 20px;
    float: left;
}
.faqanswer p span {
    color: #007cb1!important;
    font-size: 13px!important;
}
.homeBox{ 
    .golge1{       
        background-color: rgba(87, 52, 202, 0.7);
    }
    .golge2{
        background-color: rgba(70, 128, 234, 0.7);
    }
    .golge3{
        background-color: rgba(212, 165, 101, 0.7);
    }
    .golge4{
        background-color: rgba(189, 189, 189, 0.7);
    }

    &:hover{
        .golge1{
            background-color:rgba(30, 128, 187, 0.7);
            transition:all 0.5s;
        }
        .golge2{
            background-color:rgba(199, 70, 234, 0.7);
            transition:all 0.5s;
        }
        .golge3{
            background-color: rgba(212, 115, 101, 0.7);
            transition:all 0.5s;
        }
        .golge4{
            background-color: rgba(97, 93, 93, 0.7);
            transition:all 0.5s;
        }
    }
}
.refreans-img{
    img{
        height: 100px!important;
    }
}

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #e4e4e4;}
::-webkit-scrollbar-thumb {background: #e1a24d;}
::-webkit-scrollbar-thumb:hover {background: #d8040e;}

.galeriArea {
    width: 100%;
    height: auto;
    padding-top: 200px;

    .pageTitle {
        font-size: 23px;
        color: #000;
        font-weight: 600;
        padding: 15px 15px;
    }

    .galeri {
        min-height: 260px;

        p {
            color: #000;
            font-weight: 500;
            font-size: 13px;
            padding: 10px 0px;
        }

        &:hover {
            text-decoration: none;
        }
    }
}
.resimGaleriArea {
    width: 100%;
    height: auto;
    padding-top: 200px;

    .pageTitle {
        font-size: 23px;
        color: #000;
        font-weight: 600;
        padding: 15px 15px;
    }

    .resimGaleri {
        border: 1px solid #ccc;
        padding: 10px;
        margin: 10px 0px;
        min-height: 250px;

        p {
            color: #000;
            font-weight: 500;
            font-size: 13px;
            padding: 10px 0px;
        }

        a {
            &:hover {
                text-decoration: none;
            }
        }
    }
}