/*
	Kodlama : Oktay Uslu
	Tarih:    29.01.2016
*/


/* Let's get this party started */
::-webkit-scrollbar {
    width: 6px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 4px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background:#005470; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #005470; 
}




/*-----------------------------------------------------------------------------------*/
/*	0.	STANDART
/*-----------------------------------------------------------------------------------*/
@charset "utf-8";
body{ margin:0; padding:0;  background:url(../images/bg.png)repeat;     position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 30px; 
    overflow-y: scroll;
    overflow-x: hidden; }

/*---Header---*/

.top{width:100%;height:210px;background:url(../images/top.jpg)no-repeat center center;float:left;position:relative;z-index:9}
.header{width:1100px;margin:0px auto 0px auto}
.logo a{width:258px;height:98px;background:url(../images/logo.png)no-repeat;float:left;display:block;margin:26px 0px 0px 0px;padding:0px;text-indent:-9999px}

.top_center{width:350px;height:auto;margin:0px auto 20px auto}
.social_media{width:128px;height:36px;margin:0px auto 20px auto}
.social_media ul{display:block;margin:0px;padding:0px}
.social_media ul li a{display:block;margin:0px auto;padding:0px;width:32px;height:32px;}

.facebook a{width:32px;height:32px;background:url(../images/icon/facebook.png)no-repeat;display:block;text-indent:-9999px;transition-duration:0.3s}
.facebook a:hover{background:url(../images/icon/facebook.png)0px -32px no-repeat;}

.twitter a{width:32px;height:32px;background:url(../images/icon/twitter.png)no-repeat;display:block;text-indent:-9999px;transition-duration:0.3s}
.twitter a:hover{background:url(../images/icon/twitter.png)0px -32px no-repeat;}

.instagram a{width:32px;height:32px;background:url(../images/icon/instagram.png)no-repeat;display:block;text-indent:-9999px;transition-duration:0.3s}
.instagram a:hover{background:url(../images/icon/instagram.png)0px -32px no-repeat;}

.slogan{width:320px;height:28px;display:block;margin:20px auto;display:block;padding:0px;overflow:hidden}
.slogan img{width:320px;height:28px;display:block;margin:0px auto;display:block;padding:0px}

.slogantr{width:320px;height:28px;display:block;margin:20px auto;display:block;padding:0px;overflow:hidden}
.slogantr img{width:320px;height:28px;display:block;margin:0px auto;display:block;padding:0px}

.top_right{width:250px;height:auto;float:right;margin:0px 0px 0px 0px}
.top_right h1{display:block;margin:5px 0px 0px 0px;padding:0px;font-size:22px;color:#333;font-weight:600;float:left}
.top_right h1:before{display:block;margin:0px 4px;padding:0px;width:46px;height:30px;background:url(../images/icon/phone.png)no-repeat;float:left;content:""}
.top_right h2{display:block;margin:10px 0px 0px 0px;padding:0px;font-size:18px;color:#333;font-weight:600;float:left;text-align:center;width:100%}

.search{width:220px;height:auto;float:left;border:2px solid #005876;height:36px;border-radius:3px;margin:10px 0px 0px 10px}
.search input {width:180px; background:none; height:32px;text-indent:10px; border:1px solid #EEEFF6; outline:none;margin:0px 0px 0px 0px;border-radius:3px;float:left}
.search button {width:36px;height:32px;background:#333;float:right;display:block;margin:0px;padding:0px;text-indent:-9999px;background:url(../images/search.jpg)no-repeat}

/*---Menü---*/

.menu{width:100%;background:#333;height:70px;margin:0px auto 0px auto;position:relative;z-index:11;float:left;background:url(../images/menu.jpg)repeat-x;border-radius:5px}
.home a{float:left;width:172px;display:block;margin:0px;padding:0px}
.home a:before{display:block;margin:22px 15px 0px 0px;padding:0px;width:27px;height:24px;background:url(../images/icon/home.png)no-repeat;float:left;content:"";transition-duration:0.3s}
.home a:hover:before{background:url(../images/icon/home.png)0px -24px no-repeat;}

.res-menu{width:100%;height:50px;background:#333;display:none}
.mmenu a{display:none}


/*---Flag---*/

.flag{width:90px;height:auto;margin:30px auto 30px auto;overflow:hidden}
.flag ul{display:block;margin:0px;padding:0px;}
.flag ul li a{display:block;margin:0px 3px;padding:0px;width:36px;height:auto;float:left}
.flag ul li a img{display:block;margin:0px;padding:0px;width:36px;height:22px;float:left}


/*---Slider  &  SubHeader---*/

.subheader{width:100%; height:150px;  padding-top:0px; margin:-20px 0px 0px 0px ; position:relative;z-index:1 ;float:left;background:url(../images/subheader.jpg)no-repeat center center;float:left}
.subheader h1{display:block;margin:0px auto;padding:0px;line-height:210px;color:#fff;width:1100px;text-align:left;text-indent:20px;font-size:28px}


.slider{width:100%; height:auto;  padding-top:0px; margin:-20px 0px 20px 0px ; position:relative;z-index:1 ;float:left}
.carousel-inner{background:#DFE1E7;height:auto;display:block}
.carousel-control.left, .carousel-control.right  {background:none;z-index:54;width:8%}

.left span{background:url(../images/icon/sprite.png) 0px 0px no-repeat; width:40px; height:40px; position:absolute;  left:30px; top:54%; z-index:555; }
.right span{background:url(../images/icon/sprite.png) -40px 0px no-repeat; width:40px; height:40px; position:absolute;  right:30px; top:50%; z-index:555;}

.item img {height:340px;}

.carousel-caption {top:50%; height:70px; left:0;right:0;margin:0px auto;padding:0; background:url(../images/opac.png) repeat; width:1024px; position:absolute; z-index:999; }
.carousel-caption h1{ overflow:hidden;  width:auto; font-size:22px; color:#fff; padding:20px 30px; text-shadow:none; margin:12px 0px 0px 10px; text-align:left; float:left; clear:both;background:#222;opacity:0.8}
.carousel-caption p{ overflow:hidden;  width:auto; font-size:16px; color:#444; padding:20px 20px; text-shadow:none; margin:3px 0px 0px 10px; text-align:left; float:left; clear:both;background:#fff;opacity:0.9}

.colored{width:100%;height:auto;floaT:left;background:#f6f6f6;margin:0px 0px 30px 0px;border-top:1px solid #eee;border-bottom:1px solid #eee}
.container{width:1100px;margin:30px auto;overflow:hidden }

.markas{width:220px;height:auto;float:right;margin:0px 0px 0px 0px}
.markas ul{display:block;margin:26px 0px 0px 0px;padding:0px;}
.markas ul li{display:block;padding:0px;width:100%}
.markas ul li a{display:block;padding:0px;width:100%;height:40px;margin:2px auto;border-radius:4px;color:#fff;font-weight:600;text-align:center;line-height:38px;transition-duration:0.3s;background:#005470}

.markas ul li a:hover{background:#003648}



/*---Tittle---*/

.tittle{width:100%;height:62px;border-bottom:2px solid #ccc}
.tittle h1{display:block;margin:0px;padding:0px;text-align:center;line-height:62px;color:#fff;font-weight:600;font-size:22px;width:336px;height:62px;background:url(../images/tittle.png)repeat-x;float:left}

/*---Ürünler---*/


.urunler{width:806px;height:auto;margin:20px 0px 0px 0px;float:left}

.urunler ul{display:block;margin:0px;padding:0px}
.urunler ul li{float:left}
.urunler ul li a{display:block;margin:6px 0px 0px 6px;padding:0px;width:260px;border:1px solid #ddd;height:348px;transition-duration:0.3s;float:left}
.urunler ul li a:hover {border:1px solid #005572;}
.urunler ul li a img{display:block;margin:4px;padding:0px;width:250px;height:188px;position:relative;z-index:1}
.urunler ul li a h1{display:block;margin:10px auto 5px auto;padding:0px;width:220px;height:22px;text-align:center;font-size:19px;color:#333;font-weight:600;overflow:hidden}
.urunler ul li a p{display:block;margin:0px auto;padding:0px;width:220px;height:56px;text-align:center;font-size:13px;color:#777;overflow:hidden}
.urunler ul li a strong{display:block;margin:10px auto 0px auto;padding:0px;width:150px;height:36px;text-align:center;font-size:14px;color:#005572;border:2px solid #005572;line-height:32px;border-radius:3px;transition-duration:0.3s;font-weight:500}
.urunler ul li a:hover strong{color:#fff;background:#005572;}
.urunler ul li a span{display:none}
.urunler ul li a:hover span{width:250px;cursor:pointer; font-size:20px; color:#fff; line-height:188px;text-align:center; height:188px; display:block; position:relative;z-index:555;background:url(../images/blue.png)repeat;font-weight:600;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);margin:-193px auto 0px auto;transition-duration:0.5s}

.fills{

  width:250px; 

  height:188px;

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;margin:4px

}

.fills img {

    flex-shrink:0;width:100%;height:100%;

object-fit: cover

}


/*---Carousel---*/

.arrow-left{width:16px;height:28px;background:#333;float:right;background:url(../images/icon/arrow-left.png)no-repeat;transition-duration:0.3s;cursor:pointer;margin:20px 0px 0px 0px}
.arrow-left:hover{background:url(../images/icon/arrow-left.png)0px -28px no-repeat}

.arrow-right{width:16px;height:28px;background:#333;float:right;background:url(../images/icon/arrow-right.png)no-repeat;transition-duration:0.3s;cursor:pointer;margin:20px 6px 0px 0px}
.arrow-right:hover{background:url(../images/icon/arrow-right.png)0px -28px no-repeat}

.tittle span{width:20px;height:62px;background:url(../images/icon/ayrac.png)no-repeat;float:right;display:block;margin:-2px 20px 0px 10px;padding:0px}

.carousel{width:100%;height:auto;float:left;margin:20px 0px 20px 0px}
.carousel ul{display:block;margin:0px;padding:0px;}
.carousel ul li{display:block;margin:0px 0px 0px 0px;padding:0px;width:270px;border-right:1px dotted #ccc;height:160px;float:left}
.carousel ul li img{display:block;padding:0px;width:230px;height:auto;margin:0px auto}




/*---Footer---*/

.footer{width:100%;height:400px;background:url(../images/footer.png)no-repeat center center;float:left}

.footers{width:1100px;height:auto;margin:38px auto 0px auto;overflow:hidden}

.footer1{width:350px;height:auto;float:left;margin:0px 0px 0px 0px}
.footer-logo a{width:258px;height:98px;background:url(../images/footer-logo.png)no-repeat;display:block;margin:20px 0px;padding:0px;text-indent:-9999px;float:left}
.footer1 p{width:300px;height:140px;color:#C7C7C7;margin:10px 0px;font-size:13px;text-align:left;float:left}

.footer2{width:220px;height:auto;float:left;margin:30px 22px 0px 22px}
.footer2 h1{display:block;margin:0px;padding:0px;color:#C7C7C7;font-size:20px;text-align:center}
.footer2 ul{display:block;margin:20px 0px 0px 0px;padding:0px;}
.footer2 ul li a{display:block;margin:0px;padding:0px;width:100%;height:40px;border-bottom:1px solid #002D3C;text-align:center;line-height:40px;color:#C0CFD4;font-weight:300;font-size:14px;transition-duration:0.3s}
.footer2 ul li a:hover{border-bottom:1px solid #C7C7C7;color:#fff}


.footer3{width:220px;height:auto;float:left;margin:30px 22px 0px 22px}
.footer3 h1{display:block;margin:0px;padding:0px;color:#C7C7C7;font-size:20px;text-align:center}
.footer3 ul{display:block;margin:20px 0px 0px 0px;padding:0px;}
.footer3 ul li a{display:block;margin:0px;padding:0px;width:100%;height:40px;border-bottom:1px solid #002D3C;text-align:center;line-height:40px;color:#C0CFD4;font-weight:300;font-size:14px;transition-duration:0.3s}
.footer3 ul li a:hover{border-bottom:1px solid #C7C7C7;color:#fff}

.footer4{width:220px;height:auto;float:right;margin:30px 0px 0px 0px}
.footer4 h1{display:block;margin:0px 0px 20px 0px;padding:0px;color:#C7C7C7;font-size:20px;text-align:center}
.footer4 li{display:block;margin:0px;padding:0px;width:100%;height:40px;border-bottom:1px solid #002D3C;text-align:center;color:#C0CFD4;font-weight:300;font-size:14px;line-height:40px;}


.footer-bottom{width:1100px;height:50px;margin:0px auto;overflow:hidden}
.footer-bottom p{width:300px;height:auto;color:#C7C7C7;margin:0px 0px;font-size:13px;text-align:left;float:left;line-height:50px}
.mornet a{width:109px;height:17px;background:url(../images/mornet.png)no-repeat;float:right;display:block;text-indent:-9999px;margin:16px 0px 0px 0px;transition-duration:0.3s}
.mornet a:hover{background:url(../images/mornet.png)0px -17px no-repeat;}

.yukari-cik a{width:49px;height:49px;float:right;background:url(../images/yukari.png)no-repeat;display:block;margin:0px 0px 0px 30px;padding:0px;transition-duration:0.3s;cursor:pointer}
.yukari-cik a:hover{background:url(../images/yukari.png)0px -49px no-repeat;}




.lefts{width:280px;background:#005470;height:auto;float:left;margin:40px 0px 0px 0px;padding:0px 0px 10px 0px;border-radius:4px}


.left1{width:100%;margin:10px 0px 0px 0px;float:left}
.left1 h1{display:block;margin:10px auto 10px auto;padding:0px;width:260px;font-size:19px;font-weight:600;background:#004962;height:50px;color:#fff;text-align:center;line-height:50px;overflow:hidden;border-radius:3px}
.left1 ul{display:block;margin:0px auto;padding:0px;width:260px;}
.left1 ul li a{display:block;margin:0px;padding:0px;width:100%;height:50px;border-bottom:1px solid #003F53;float:left;color:#e4e4e4;font-size:16px;line-height:50px;text-align:center}
.left1 ul li ul{display:block;margin:0px;padding:0px;width:100%}
.left1 ul li ul li a{display:block;margin:0px;padding:0px;width:100%;font-size:13px;height:40px;line-height:40px}
.left1 ul li a:hover{border-bottom:1px solid #fff;color:#fff;}

.left3{width:100%;margin:10px 0px 0px 0px;float:left}
.left3 h1{display:block;margin:10px auto 10px auto;padding:0px;width:260px;font-size:19px;font-weight:600;background:#004962;height:50px;color:#fff;text-align:center;line-height:50px;overflow:hidden;border-radius:3px}
.left3 ul{display:block;margin:0px auto;padding:0px;width:260px;}
.left3 ul li a{display:block;margin:0px;padding:0px;width:100%;height:60px;border-bottom:1px solid #003F53;float:left;color:#e4e4e4;font-size:16px;line-height:30px;text-align:center}
.left3 ul li ul{display:block;margin:0px;padding:0px;width:100%}
.left3 ul li ul li a{display:block;margin:0px;padding:0px;width:100%;font-size:13px;height:40px;line-height:40px}
.left3 ul li a:hover{border-bottom:1px solid #fff;color:#fff;}


.left2{width:100%;margin:20px 0px 0px 0px;float:left}
.left2 h1{display:block;margin:10px auto 10px auto;padding:0px;width:260px;font-size:19px;font-weight:600;background:#004962;height:50px;color:#fff;text-align:center;line-height:50px;overflow:hidden;border-radius:3px}
.left2 ul{display:block;margin:0px auto;padding:0px;width:260px;}
.left2 ul li a{display:block;margin:0px;padding:0px;width:100%;height:50px;border-bottom:1px solid #003F53;float:left;color:#e4e4e4;font-size:16px;line-height:50px;text-align:center}
.left2 ul li a:hover{border-bottom:1px solid #fff;color:#fff;}


.right{width:760px;background:#fff;height:auto;float:right;margin:40px 0px 0px 0px}
.right h1{display:block;margin:0px 0px 10px 0px;padding:0px;width:100%;font-size:18px;font-weight:600}
.right p{display:block;margin:0px 0px 10px 0px;padding:0px;width:100%;font-size:14px;font-weight:500}



/*---MARKALAR SAYFASI---*/


.markalarr{width:100%;float:left;margin:20px 0px}
.markalarr ul{display:block;margin:26px 0px 0px 0px;padding:0px;}
.markalarr ul li{display:block;padding:0px;width:204px;height:114px;margin:4px 4px;border:1px solid #ddd;border-bottom:3px solid #ddd;transition-duration:0.3s;float:left}
.markalarr ul li img{display:block;margin:0px auto;padding:0px;width:162px;height:110px;}
.markalarr ul li:hover{border:1px solid #015577;border-bottom:3px solid #015577}

/*---Kategori İç---*/


.urun-ic{width:100%;height:auto;margin:0px 0px 0px 0px;float:left;}

.urun-ic ul{display:block;margin:0px;padding:0px}
.urun-ic ul li a{display:block;margin:6px 0px 0px 6px;padding:0px;width:240px;border:1px solid #ddd;height:348px;transition-duration:0.3s;float:left;position:relative;z-index:0}
.urun-ic ul li a:hover {border:1px solid #005572;}

.urun-ic ul li a h1{display:block;margin:10px auto 5px auto;padding:0px;width:220px;height:22px;text-align:center;font-size:19px;color:#333;font-weight:600;overflow:hidden}
.urun-ic ul li a p{display:block;margin:0px auto;padding:0px;width:220px;height:56px;text-align:center;font-size:13px;color:#777;overflow:hidden}
.urun-ic ul li a strong{display:block;margin:10px auto 0px auto;padding:0px;width:150px;height:36px;text-align:center;font-size:14px;color:#005572;border:2px solid #005572;line-height:32px;border-radius:3px;transition-duration:0.3s;font-weight:500}
.urun-ic ul li a:hover strong{color:#fff;background:#005572;}
.urun-ic ul li a span{display:none}
.urun-ic ul li a:hover span{width:230px;cursor:pointer; font-size:20px; color:#fff; line-height:188px;text-align:center; height:188px; display:block;background:url(../images/blue.png)repeat;font-weight:600;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);margin:-169px auto 0px auto;transition-duration:0.5s;left:0;right:0}


.fill{

  width:230px; 

  height:188px;

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;margin:4px

}

.fill img {

    flex-shrink:0;width:100%;height:100%;

object-fit: cover

}




/*---Ürünler İç---*/


.urun-detay{width:100%;height:auto;float:left}

.detail-content{width:400px;height:auto;float:right;margin-top:16px}
.rightsw{width:780px;background:#fff;height:auto;float:right;margin:40px 0px 0px 0px}
.detail-photo{width:350px;height:auto;float:left}
.detail-content h5{display:block;margin:20px 0px 10px 0px;padding:0px;float:left;width:100%;font-size:16px;color:#005470;font-weight:600}
.detail-content p{display:block;margin:0px 0px 10px 0px;padding:0px;float:left;width:100%;font-size:14px;color:#666;font-weight:500}



/*-------MODAL-------------------------*/

.product-form{width:100%;height:50px;margin:20px 0px 0px 0px;border-radius:6px;background:#004962}
.product-form h4 a{display:block;margin:0px;padding:0px;color:#fff;font-size:18px;text-align:center;line-height:50px;font-weight:600}
.product-form h4 a:hover{text-decoration:underline}



.productsf input{width:100%;padding-left:10px; height:38px; outline:none; color:#97ACB9; border:1px solid #8AA3B0; margin-top:15px; background:#fff;}
.productsf textarea{width:100%;padding-left:10px; padding-top:5px; outline:none; height:100px; max-height:150px; max-height:100%; color:#97ACB9; border:1px solid #8AA3B0; margin-top:15px; background:#fff;}
.productsf select{width:100%;padding-left:10px; padding-top:5px; outline:none; height:38px; max-height:150px; max-height:100%; color:#97ACB9; border:1px solid #8AA3B0; margin-top:15px; background:#fff;}
.productsf button{float:left; margin-bottom:20px;height:42px; color:#fff; outline:none; line-height:42px; background:#006388; margin-top:20px; padding:0px 14px;}


/*--------------------------------*/




.kutu ul{display:block;margin:0px;padding:0px}
.kutu ul li a{display:block;margin:6px 0px 0px 6px;padding:0px;width:240px;border:1px solid #ddd;height:348px;transition-duration:0.3s;float:left;position:relative;z-index:11}
.kutu ul li a:hover {border:1px solid #005572;}
.kutu ul li a img{display:block;margin:4px;padding:0px;width:230px;height:188px;position:relative;z-index:1}
.kutu ul li a h1{display:block;margin:10px auto 5px auto;padding:0px;width:220px;height:22px;text-align:center;font-size:19px;color:#333;font-weight:600;overflow:hidden}
.kutu ul li a p{display:block;margin:0px auto;padding:0px;width:220px;height:56px;text-align:center;font-size:13px;color:#777;overflow:hidden}
.kutu ul li a strong{display:block;margin:10px auto 0px auto;padding:0px;width:150px;height:36px;text-align:center;font-size:14px;color:#005572;border:2px solid #005572;line-height:32px;border-radius:3px;transition-duration:0.3s;font-weight:500}
.kutu ul li a:hover strong{color:#fff;background:#005572;}
.kutu ul li a span{display:none}
.kutu ul li a:hover span{width:230px;cursor:pointer; font-size:20px; color:#fff; line-height:188px;text-align:center; height:188px; display:block;background:url(../images/blue.png)repeat;font-weight:600;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);margin:-169px auto 0px auto;transition-duration:0.5s;left:0;right:0}


.kutus{width:100%;height:auto;float:left;margin:30px 0px 10px 0px;border-bottom:1px dotted #aaa;padding:0px 0px 10px 0px}
.kutus h1{display:block;margin:10px 0px 0px 0px;padding:0px;font-size:22px;font-weight:600;color:#005470}

.solok{width:16px;height:28px;background:#333;margin:-24px 10px 0px 20px;float:right;background:url(../images/icon/arrow-left.png)no-repeat;transition-duration:0.3;cursor:pointer}
.solok:hover{background:url(../images/icon/arrow-left.png)0px -28px no-repeat}
.sagok{width:16px;height:28px;background:#000;margin:-24px 10px 0px 20px;float:right;background:url(../images/icon/arrow-right.png)no-repeat;transition-duration:0.3;cursor:pointer}
.sagok:hover{background:url(../images/icon/arrow-right.png)0px -28px no-repeat}






/*---İletişim---*/


.contact_text{width:100%; overflow:hidden;float:left;margin:0px 0px 20px 0px}
.contact_text ul{display:block;margin:0px;padding:0px 20px}
.contact_text ul li {width:100%; overflow:hidden; border-bottom:1px dotted #ccc; padding-bottom:5px; padding-top:15px;display:block;float:left}
.contact_text ul li h1{width:100px; color:#253241; font-weight:600;  font-size:15px;float:left;}
.contact_text ul li .adres:before{width:20px; height:18px; display:block; float:left; margin:3px 6px 0px 0px; content:""; background:url(../images/icon/icons1.png)no-repeat;}
.contact_text ul li .tel:before{width:20px; height:18px; display:block; float:left; margin:3px 6px 0px 0px; content:""; background:url(../images/icon/icons2.png)no-repeat;}
.contact_text ul li .fax:before{width:18px; height:18px; display:block; float:left; margin:3px 6px 0px 0px; content:""; background:url(../images/icon/icons3.png)no-repeat;}
.contact_text ul li .mail:before{width:18px; height:12px; display:block; float:left; margin:7px 6px 0px 0px; content:""; background:url(../images/icon/icons4.png)no-repeat;}
.contact_text ul li p{color:#2D3E50; font-weight:300;  font-size:14px;}


.iform{width:100%; overflow:hidden; padding:10px; margin-top:20px; border:1px solid #EEE;}
.iform h4 {width:100%; height:48px; margin:0; font-weight:600; background:#1E3F75; color:#fff; line-height:48px; font-size:17px;}
.iform h4:before{width:48px; height:48px; background:#162F56 url(../images/icon/nico.png)center center no-repeat; float:left; margin-right:10px; content:"";}


.fbox_head h4{width:100%; height:68px; border-bottom:3px solid #F65F13;  margin-bottom:10px; line-height:66px; color:#F65F13; font-size:23px; background:url(../images/cbline.jpg) no-repeat bottom left;}
.fbox p {width:100%; font-size:14px; color:#333; line-height:24px; margin-top:15px;}

.fbox input{width:100%;padding-left:10px; height:38px; outline:none; color:#97ACB9; border:1px solid #8AA3B0; margin-top:15px; background:#fff;}
.fbox textarea{width:100%;padding-left:10px; padding-top:5px; outline:none; height:100px; max-height:150px; max-height:100%; color:#97ACB9; border:1px solid #8AA3B0; margin-top:15px; background:#fff;}
.fbox select{width:100%;padding-left:10px; padding-top:5px; outline:none; height:38px; max-height:150px; max-height:100%; color:#97ACB9; border:1px solid #8AA3B0; margin-top:15px; background:#fff;}
.fbox button{float:right; margin-bottom:20px;height:42px; color:#fff; outline:none; line-height:42px; background:#006388; margin-top:20px; padding:0px 14px;}










/*---ÜRÜN DETAY---*/


           .demo-gallery {
              margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;float:left;display:block;width:100%;float:left
            }

            .demo-gallery strong {
              display:block;margin:0px;padding:0px;float:left;width:100%;float:left;
            }
			
            .demo-gallery strong img {
              display:block;margin:8px 8px 8px 5px;padding:0px;float:left;width:380px;border-radius:4px;border:2px solid #f4f4f4
            }			

            .demo-gallery> ul {
              margin-bottom: 0; margin:4px 0px 0px 0px; padding:0;display:block;
            }
            .demo-gallery> ul > li {
                float: left;
                margin:1px;
                width: 114px;
				height:96px;    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;
            }
            .demo-gallery> ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
			  height:96px;
            }

            .demo-gallery > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              
              width: 100%;border-radius:3px; flex-shrink:0;height:100%;

object-fit: cover
            }
            .demo-gallery > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallery .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallery .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallery .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallery.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallery {
              padding-bottom: 80px;
            }



.referans{width:100%;margin:30px auto;}









.grids {
	overflow: hidden;float:left;
	margin: 10px 15px;
	padding: 0 0 0 0;
	width: 324px;
	max-width: 324px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grids figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 0px;
	/*margin: -0.135em;*/
	width: 100%;
	height: 178px;
	background: #003C4F;
	text-align: center;
	cursor: pointer;
}

.grids figure img {
	position: relative;
	display: block;
	min-height: 100%;
}

.grids figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grids figure figcaption::before,
.grids figure figcaption::after {
	pointer-events: none;
}

.grids figure figcaption,
.grids figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grids figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grids figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grids figure h2 span {
	font-weight: 600;
}

.grids figure h2,
.grids figure p {
	margin: 0;
}

.grids figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}






/*---------------*/
/***** Laylas *****/
/*---------------*/

figure.effect-laylas {
	background: #000;
}

figure.effect-laylas img {
	min-width: 100%;
	height: -webkit-calc(100% + 40px);
	height: calc(100% + 40px);
}

figure.effect-laylas figcaption {
	padding: 3em;
}

figure.effect-laylas figcaption::before,
figure.effect-laylas figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-laylas figcaption::before {
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-laylas figcaption::after {
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-laylas h2 {
	padding-top: 16%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}


figure.effect-laylas h3{
	padding-top:10px;opacity:0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-laylas p {display:none;
	padding: 0 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-laylas img,
figure.effect-laylas h2,
figure.effect-laylas h3 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-laylas img,
figure.effect-laylas figcaption::before,
figure.effect-laylas figcaption::after,
figure.effect-laylas p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-laylas img {
	opacity: 0.2;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-laylas:hover figcaption::before,
figure.effect-laylas:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-laylas h2,
figure.effect-laylas h3,
figure.effect-laylas p {
	margin:-20px 0px 0px 0px;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-laylas:hover figcaption::after,
figure.effect-laylas:hover h2,
figure.effect-laylas:hover p,
figure.effect-laylas:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}








/*---GRİD---*//*---------------*//*---------------*//*---------------*//*---------------*//*---------------*//*---------------*//*---------------*//*---------------*//*---------------*/


.grid {
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 0;
	width: 540px;
	max-width: 740px;
	list-style: none;
	text-align: center;float:left
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 0px;
	/*margin: -0.135em;*/
	width: 100%;
	height: 360px;
	background: #003C4F;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 600;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}





/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
	background: #003C4F;
}

figure.effect-layla img {
	min-width: 100%;
	height: -webkit-calc(100% + 40px);
	height: calc(100% + 40px);
}

figure.effect-layla figcaption {
	padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 20px;
	right: 60px;
	bottom: 20px;
	left: 60px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 16%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla h3 {
	padding-top: 0;opacity:0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {display:block;
	padding: 0px 2em 0 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);width:430px;margin:20px auto 0px auto
}

figure.effect-layla img,
figure.effect-layla h2,
figure.effect-layla h3 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla img {
	opacity: 0.2;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla h2,
figure.effect-layla h3,
figure.effect-layla p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}




/*---------------*/
/***** REFERANSLAR İÇ *****/
/*---------------*/



            .demo-gallerys {
              margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;float:left;display:block;
            }



            .demo-gallerys > ul {
              margin-bottom: 0; margin:0px 0px 0px 0px; padding:0;display:block
            }
            .demo-gallerys > ul > li {
                float: left;
                margin:2px 3px 4px 3px;
                width: 184px;
				height:146px;
            }
            .demo-gallerys > ul > li a {
              border: 3px solid #FFF;
              border-radius: 3px;
              display: block;
              overflow: hidden;
              position: relative;
              float: left;
			  height:146px;
            }
            .demo-gallerys > ul > li a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
            width: 100%;border-radius:3px; flex-shrink:0;height:100%;

object-fit: cover
            }
            .demo-gallerys > ul > li a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallerys > ul > li a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallerys > ul > li a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallerys > ul > li a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallerys > ul > li a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallerys .justified-gallery > a > img {
              -webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;
            }
            .demo-gallerys .justified-gallery > a:hover > img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }
            .demo-gallerys .justified-gallery > a:hover .demo-gallery-poster > img {
              opacity: 1;
            }
            .demo-gallerys .justified-gallery > a .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.1);
              bottom: 0;
              left: 0;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transition: background-color 0.15s ease 0s;
              -o-transition: background-color 0.15s ease 0s;
              transition: background-color 0.15s ease 0s;
            }
            .demo-gallerys .justified-gallery > a .demo-gallery-poster > img {
              left: 50%;
              margin-left: -10px;
              margin-top: -10px;
              opacity: 0;
              position: absolute;
              top: 50%;
              -webkit-transition: opacity 0.3s ease 0s;
              -o-transition: opacity 0.3s ease 0s;
              transition: opacity 0.3s ease 0s;
            }
            .demo-gallerys .justified-gallery > a:hover .demo-gallery-poster {
              background-color: rgba(0, 0, 0, 0.5);
            }
            .demo-gallerys .video .demo-gallery-poster img {
              height: 48px;
              margin-left: -24px;
              margin-top: -24px;
              opacity: 0.8;
              width: 48px;
            }
            .demo-gallerys.dark > ul > li a {
              border: 3px solid #04070a;
            }
            .home .demo-gallerys {
              padding-bottom: 80px;
            }
        


.dropdown {
  position: relative;
 
  text-align: left;
  width: 146px;margin:0px 5px 0px 0px;display:none
}