/*=============================================
/*	GLOLBAL
/*=============================================*/
html,body{height: 100%;margin:0;padding: 0;font-family: 'Open Sans', sans-serif;}
.overflow{overflow:hidden;}
*{font-family: 'Open Sans', sans-serif;}
p,h1,h2,h3,h4,h5,h6,div{font-family: 'Open Sans', sans-serif;    line-height: initial;}
a,a:hover{text-decoration: none !important;}
strong{font-weight: 600;}
.baslik{text-align: center;margin-bottom: 30px;}
.baslik h1{font-family: 'DIN', sans-serif; font-weight: 600;font-size:30pt;}
.baslik h3{font-family: 'DIN', sans-serif;font-size: 16pt;font-weight: 200; font-style: italic;}
/*=============================================
/*	FIXED MENU
/*=============================================*/
#fixedmenu{position: fixed;left:0;right:0;top:0;z-index: 99999;} 
#fixedmenu>div{background-color: #2864b5;padding: 15px;}
.menu { padding: 0;}
nav ul:last-child{margin-left: 100px;}
nav ul:last-child li{ padding: 0;}
nav ul:last-child li:first-child{border-left: none;}
nav ul li,nav ul{display: inline-block;}
nav li a{display: block;color:#fff;text-decoration: none;padding:15px; }
nav li a:hover{color:rgba(255,255,255,0.7);}
#fixedmenu li{}
#fixedmenu li.active{ }
#fixedmenu li.active a{background-color:rgba(255,255,255,0.1); color:#fff;}
/*=============================================
/*	HOME SLIDER
/*=============================================*/
#homeslider h1{display: inline-block;font-family: 'DIN';color:#fff;padding: 10px;background-color: #5d5d5d;text-align: left;margin:0;text-shadow: none;font-weight: 200;font-size: 25pt;font-weight: 200;}
#homeslider h1:nth-child(2n){padding:0 10px !imortant;}
#homeslider h1 strong{font-weight: 600;}
#homeslider .pointslide{left: 0;right: 0;position: absolute;bottom: 0;z-index: 999;padding: 15px;display: block;background-color: rgba(255,255,255,0.5);}
#homeslider .pointslide .carousel-indicators{position: relative !important;}
/*=============================================
/*	URUNLERIMIZ
/*=============================================*/
#sertifikalar{padding: 150px 0;text-align: center;background-color:#eee;}
/*=============================================
/*	URUNLERIMIZ
/*=============================================*/
#hakkimizda{padding: 150px 0;text-align: center;}
/*=============================================
/*	URUNLERIMIZ
/*=============================================*/
#urunlerimiz{background-color: #2864b5;color:#fff;padding: 150px 0;}
#urunlerimiz .urunler .urun{cursor: pointer;padding: 15px;width:20%;float:left;}
#urunlerimiz .urunler .urun:hover {background-color:rgba(0,0,0,0.2);}
#urunlerimiz .urunler img {width: 100%;}
#urunlerimiz .urunler h4{background-color: #e3e3e3;color:#3b3b3b;display: block;padding: 10px;font-family: 'DIN';font-weight: 600;font-size: 10pt;}
#urunlerimiz .urunkat ul{text-align: center;}
#urunlerimiz .urunkat {padding-top: 20px;margin-bottom: 15px;}
#urunlerimiz .urunkat ul li{display:inline-flex;}
#urunlerimiz .urunkat ul li a{color:#fff;display: display:block;padding: 5px 15px;font-family: 'DIN';font-weight: 600;font-size: 14pt;}
#urunlerimiz .urunkat ul li a:hover{text-decoration: none;background-color: rgba(255,255,255,0.1);}
#urunlerimiz .urunkat .aktif a,#urunlerimiz .urunkat .aktif a:hover{background-color: #fff;color:#2864b5;}
/*=============================================
/*	FOOTER
/*=============================================*/
#iletisim{padding: 150px 0;}
#iletisim p,#iletisim strong{font-family: 'DIN';  color:#58595b;}
.phones strong{    width: 25px;    display: inline-block;}
#map {width: 100%;height: 500px;}
.form input,.form textarea,.form button{border-radius: 0;padding: 10px !important;font-size: 10pt;}
.form textarea{height: 230px;}
.form button{background-color: #2864b5;width:100px;color:#fff;}
.form button:hover{background-color: #212121;width:100px;color:#fff;}
/*=============================================
/*	SONUC
/*=============================================*/
#sonuc{ display:none;	width:100%;height:100%;    background-color: rgba(40,100,181,0.9);position:fixed;top:0;bottom:0;righT:0;left:0;z-index:999999;}
#sonuc>p{font-family: 'Montserrat light' !important;  font-size: 12pt;text-align:center;color:#d2a2fe;position:absolute;bottom:50px;width:100%;}
#sonuc p{font-family: 'Montserrat light' !important;  font-size: 14pt;}
#sonuc h1{  font-family: 'Montserrat' !important;  font-size: 25pt;    padding-bottom: 10px;}
#sonuc>.fa{color:#fff;position:absolute;top:15px;left:0;right:0;margin:auto;text-align:center;z-index:999999;cursor:pointer;}
#sonuc>.fa:hover{color:#323A40;}
#sonuc .box{display:table;width:100%;height:100%;}
#sonuc .box .ic{display:table-cell;text-align:center;vertical-align:middle;color:#fff;}
/*=============================================
/*	LIGHT BOX
/*=============================================*/
.lb{display:none;background-color: rgba(0,0,0,0.7);position: fixed;left:0;right:0;top:0;bottom:0;z-index: 99999;width: 100%;height: 100%;/*overflow-y:auto;*/padding: 50px 15px;}
.lb .container{position:relative;background-color: #fff;max-width: 50%;}
.lb .ht{background-color:#2864b5;color:#fff;position: relative;}
.lb .content img {margin: 0;display: table; float:left; }
.lb ul,.lb ol{list-style:inherit !important;    margin-left: 20px;}
.lb .ht h1{    font-weight: 900;    font-size: 30pt;    margin-top: 50px;}
.lb .content{padding: 50px;font-size: 11pt;}
.lb .kapat {cursor: pointer;font-weight: 900;position:absolute; z-index: 999999;right:0;padding: 10px 17px;margin-left: -15px; display: inline-block;color: #fff;}
.lb .kapat:hover{color: #a00;background-color: #fff;}
.lb .box{   height: 70vh; overflow-y: auto;overflow-x: hidden;margin: 0;height: 74.5vh;}
.lb .box h3{ font-weight:900;}
.lb .box li{padding:1px 0;}
.lb .box img{    display: block;    margin: auto;    width: 70%;    max-height: 70vh;}
/* lightbox */
/* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
	
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}