header{background-color: #1d1f55 }
header{height: 100px;}
.lang{ 
    width: 85%;
    margin-top: 10px;
    margin-bottom: 51px;
    color: #e1dddd;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    font-weight: 300;
    font-size: 13pt;
}
.cont_info{ margin-top: 10px; padding-left: 15px;}
.lang2{display: none;}
.lang2{ 
    float: left;
    margin-top: 10px;
    margin-bottom: 51px;
    color: #e1dddd;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    font-weight: 300;
    font-size: 13pt;
}
.lang a, .lang2 a{
    color: #e1dddd;
    text-decoration: none;
}

.navigate{float: right;margin-top: -20px; } 
.navigate ul{
    list-style-type: none!important; 
}
.navigate ul li{
    display: inline;
    margin-left: 5px;
    margin-right: 5px; 
    margin-bottom: 5px;
    background-color: #1b75bb;

}
.navigate ul li:hover{    
    background-color: #fcb813 !important;
}



.navigate .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: transparent;
    height: 250px;
    width: 100%;
   overflow: hidden;
}
.navigate .navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}

.logo{

    float: left;
    margin-top: -50px;
    margin-left: 80px;
    padding-top: 19px;
    text-align: center;
    max-width: 425px;
    min-height: 215px;
    background-image: linear-gradient(to bottom,white, rgba(255, 255, 255, 0.85),transparent);
}
.top .navigate{float: right; margin-top: 12px;}
.navbar-inverse .navbar-nav > li > a {
    color: #f0f6fa;
    text-decoration: none;
    font-size: 13pt;
    font-family: 'Open Sans', sans-serif ;
    font-weight:300;}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #1b75bb;
}
.otuz{ margin-top: -55px; margin-left: 25px; }
.slider{position: absolute; width: 100%;top:99px;z-index: -1;overflow: hidden;}

@media (max-width: 1280px) { 
    .otuz{ display: none;}
}
@media (max-width: 1070px) { 
    header{padding-top: 86px;}
    .lang{ 
        display: none;
    }

    .lang2{display: block;}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* cette classe est à ajouter lorsque que vous utilisez une version de Bootstap supérieure ou égale à la 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navigate {float: right!important;}

    .navigate ul li{
        width: 100%;
        display: block;
        float: left;
        margin-left: 10px;
        margin-right: 10px; 
        margin-bottom: 5px;
        background-color: #1b75bb;

    }
    .dropdown-smenu{line-height: 20px !important;}
    .dropdown-smenu li{
        padding: 10px;
        margin-left:0px !important;
        text-align: left;
    }
    .navigate{float: left; max-width: 150px; margin-top: -3px; }
    .navbar-toggle {
        float: right;
    }
    .box .m-flip, .box .m-flip2{

        margin-bottom: 20px;

    }
    .navigate{float: left;}
}
@media (max-width: 775px) { 
    #lightboxes {

    padding-left: 0px!important; 
}
    .smenu {
       float: none!important;
       padding: 8px 0px!important;
           width: 100%!important;
    

}
    .projet_detail h1{
    
    font-size: 15pt!important;
    
}
.navbar-nav>li>a {
    padding-top: 0px!important;
    padding-bottom: 5px!important;
}
    
    header{padding-top: 0px; margin-bottom: 50px;}
    .lang2{display: none;}
    .lang{ 
        display: block;
        margin-left: -5px;
        margin-top: 10px;
        margin-bottom: 25px;
        color: #e1dddd;
        font-family: 'Open Sans', sans-serif;
        text-align: left;
        font-weight: 300;
        font-size: 13pt;
    }
    .dropdown-smenu {
   
    width: 150px!important;
    
}
.title-section{
    width: 85%!important;
    padding-left: 25px!important;
}
.title-section h1{
    font-size: 12pt!important; 
}
    .logo{

        float: left;
        margin-top: -12px;
        margin-left: 10px;
        padding-top: 27px;
        text-align: center;
        max-width: 160px;
        min-height: inherit !important;
        height: 90px;
        background-image: linear-gradient(to bottom,white, rgba(255, 255, 255, 0.85),transparent);
    }
    .navigate {
        float: right!important;
        margin-top: -15px!important;
    }
    .navigate ul li{
        width: 100%;
        display: block;
        
        margin-left: 10px;
        margin-right: 10px; 
        margin-bottom: 5px;
        background-color: #1b75bb;

    }
    .dropdown-smenu{line-height: 20px !important;}
    .dropdown-smenu li{
        padding: 10px;
        margin-left:0px !important;
        text-align: left;
    }
    .title-section{    margin-top: 50px;}
    .navbar-toggle {
        float: right;
    }
    .box .m-flip, .box .m-flip2{

        margin-bottom: 20px;

    }


}

.title-section {

    font-family: 'Open Sans', sans-serif ;
    font-size: 15pt;
    width: 85%;
    overflow: hidden;
    background: #fcb813;
    padding: 16px 00px 0px 80px;
    position: relative;
    color: white;
    margin:auto;
}
.title-section h1 {
    margin: 0;
    padding: 0;
    line-height: 40px;
    font-size: 28px;
    float: left;
    letter-spacing: 1px;}
.smenu {
    background: none;
    display: inline-block;
    text-transform: none;
    float: right;
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    margin-top: 10px;

}
.smenu li{ display: inline-block; }
.smenu li a{ color: white; text-decoration: none;}
.smenu li a:hover{ color: white; text-decoration: none;}
.smenu li+li:before {color: #ffffff; content: "\003E\00a0";}
.smenu .current_page{color: #002e5e;font-size: 12px;}
.projects{
    width: 86%;
    font-family: 'Open Sans', sans-serif ;
    font-size: 12pt;
    margin: auto;
    overflow-x: scroll;
}
.projects_container{
    margin-top: 70px; 
    margin-bottom: 50px;

}
.contact_form{
    width: 75%;
    padding-top: 50px; 
    margin: auto;
}
.yellow-bg{background-color: #fcb813;width: 50px; text-align: center;}
.yellow-bg a{color: #fff;}
.projeler {display: inline-block;position: relative;}
.dropdown-smenu {
    text-align: center;
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 15px;
    list-style-type: none !important;
    display: none;
    position: absolute;
    line-height: 35px;
    background-color: #1b75bb;
    color: white;
    width: 233px;
    overflow: hidden;

    z-index: 1;}
.dropdown-smenu li{
    padding: 10px;

}
.dropdown-smenu li a{
    font-family: 'Open Sans', sans-serif ;
    font-size: 13pt;
    color: white;
    text-decoration: none;


}
.dropdown-smenu li:hover{

    background-color: #fcb813 !important;    
}
.projeler:hover .dropdown-smenu {display: block;}
.text-img-content{

    margin-top: 30px;
    margin-bottom: 50px;}
.text-img-content .text-content h2{ 
    font-weight: 500;
    font-size: 30pt;

}
.text-img-content .text-content{
    min-height: 500px;
    background-color: #fff;
    color: #000;
    padding-top: 40px;
    padding-bottom: 50px; 
    font-family: 'Exo', sans-serif ;
    font-weight: 300;
    font-size: 11pt;
    padding-left: 30px;
}
.text-img-content .text-content .d_fazla{float: right;margin-top: 65px; background-color: #fcb813; width: 100px; padding: 10px; text-align: center;}
.text-img-content .text-content a{text-decoration: none; color: #fff;font-size: 10pt;}
.text-img-content .text-content .text-margin{width: 80%; margin: auto;}
.text-img-content .img-content{
    height: 500px;
    background-image: url(../images/kuryap/about-us-bg-3.jpg); background-position: center;background-repeat: no-repeat;
}
.projeler_link{margin-top: 50px;padding-left: 50px; padding-right: 50px;}
.projeler_link img{width: 500px;}
#boxes{ margin-top: 50px; padding-left: 50px;}
#lightboxes{
    margin-top: 50px;
    padding-left: 30px;
}
#lightboxes img{
    max-width: 200px;
    margin-right: 20px;
    margin-bottom: 10px;
    float: left;}
.contact{ 
    width: 75%; 
    margin: auto;
    margin-top: 50px;
}
.contact h2,.cont-form{
    margin-bottom: 50px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: 800;
    font-size: 30pt;
    color: #1d1f55;}
.cont-form{
    margin-top: 10px;
}


.input-group-addon {

    background-color: transparent;

}
.projet_detail{min-height: 400px; width: 75%; text-align: center; margin: auto; }
.projet_detail h1{
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-weight: 400;
    font-size: 25pt;
    color: #1d1f55;
    margin-bottom: 20px;
}
#kurumsal img{width: 100%;}
#kurumsal{text-align: left; 
          font-family: 'Open Sans', sans-serif;
          font-weight: 400;
          font-size: 12pt;

}
#kurumsal p{width: 100%!important;}
#kurumsal h2{
    width: 100%!important;

    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 20pt;
    color: #1d1f55;
    margin-bottom: 20px;
}
.projet_detail #boxes div{ float: left; }
.proje_info{width: 75%; margin: auto; padding-bottom: 50px;padding-top: 20px;}
footer{
    background-color: #1d1f55; 
    text-align: center; 
    padding-top: 40px;
    padding-bottom: 30px;
    font-family: 'Exo', sans-serif;
    font-weight: 300;
    font-size: 10pt;
    color: #fff; 
}
footer ul{
    list-style-type: none; 

    margin: auto;
    margin-bottom: 10px;
}
footer ul li{
    display: inline;
    
}
footer ul li:hover, footer ul li a:focus{
    background-color: transparent ;
    
}

footer a{
    color: #fff; 
    text-decoration: none;
}
footer .nav li a:hover,footer .nav li a:focus{
   text-decoration: none;
    background-color: transparent;
}
footer .copyr{text-align: center; width: 50%; margin: auto;}
.protext > p{display: inline !important;}
.field-margin{margin-bottom: 20px;margin-left: 0px;}
#contacts-submit{background-color: #fcb813; border-color: #fcb813;}