/* ===== Standartlar ===== */
*{margin: 0;padding: 0;outline: none!important;}
body{font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 400;line-height: 20px;color: #898989;overflow-y: auto;overflow-x: hidden;background: #fff;}
a{-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}
a:hover{color: #b8bbc3;cursor: pointer;text-decoration: none;-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}
i, i:hover {-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}
a, a:active, a:focus{text-decoration: none;}
li{list-style: none;}
.container-fluid{padding:0;}
.anim{webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;}
/* :hover{-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;} */
select{-moz-appearance: none;-webkit-appearance: none;text-indent: 0.01px;text-overflow: '';background-image: url('../img/select.png')!important;background-position: center right;background-repeat: no-repeat;padding-right: 24px!important;}
p{color:#5a5a5a;font-weight:400;}
ul{margin-bottom:0;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif;}
/* alertler */
.martodo.alert{position:relative;width:100%;font-size:16px;margin-bottom:15px;padding:10px;display:table;background-color:#fdfdfd;border:1px solid #ddd;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.martodo.alert:after{content:'';clear:both;display:block}
.martodo.alert:hover{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.15);-moz-box-shadow:0 1px 3px rgba(0,0,0,.15);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.martodo.alert:hover .close{display:block}
.martodo.alert .td{display:table-cell}
.martodo.alert .child-1{width:36px;vertical-align: middle;}
.martodo.alert .child-1 i{color:#fff;width:36px;height:36px;line-height:36px;display:block;text-align:center;text-shadow:-5px 6px 5px rgba(0,0,0,.1);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.martodo.alert .close{position:absolute;top:50%;right:10px;color:#777;width:26px;display:none;font-size:13px;cursor:pointer;text-align:center;line-height:26px;margin-top:-13px;border-radius:3px}
.martodo.alert .close i{line-height:26px}
.martodo.alert .close:hover{background-color:#eee}
.martodo.alert .child-2{color:#555;font-size:13px;margin:0 45px;padding:8px 0 8px 10px}
.martodo.alert.danger .child-1 i{background-color:#ff5c5d}
.martodo.alert.success .child-1 i{background-color:#12b353}
.martodo.alert.warning .child-1 i{background-color:#ffcd62}
.martodo.alert.info .child-1 i{background-color:#4787ed}

input, textarea, select{box-shadow:none!important;}
input:focus:not(.search){border-color:#08ad10;}
textarea:focus, select:focus{border-color:#08ad10!important;}
/* Sosyal Medya */
.fa-facebook:hover{color: #44619d;}
.fa-twitter:hover{color: #5978ea;}
.fa-google-plus:hover{color: #dc4a38;}
.fa-instagram:hover{color: #b9977c;}
.fa-google-plus:hover{color: #e04a39;}
.fa-pinterest:hover{color: #bd081c;}
.fa-linkedin:hover{color: #0077b5;}

.map-responsive{overflow:hidden;padding-bottom:230px;position:relative;height:0;max-width: 100%;margin:25px 0;}
.map-responsive iframe{left:0;top:0;height:100%;max-height: 350px;width:100%;position:absolute;/* pointer-events: none; */}

.preloader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-image: url('../images/default.gif');
   background-repeat: no-repeat; 
   background-color: #FFF;
   background-position: center;
}

/* Sayfalama */
.sayfalama{text-align:center;    border-top: 1px solid #ddd;}
.sayfalama .pagination>li>a{margin-right: 5px;color: #101010;}
.sayfalama .pagination>.active>a{background: #fff!important;color: #000;border-color:#000;}
.sayfalama .pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.sayfalama .pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;}

/* Mobil Menü */
.navbar-toggle{border-color:#000;position: absolute;right: 15px;z-index: 99;top: 15px;}
.navbar-toggle span{background:#000;}
.mobile-close{position:absolute;right:15px;top:5px;z-index:99;}
.mobile-back{position:absolute;right:75px;top:10px;z-index:99;display:none;}
.mobile-menu{height: 100%;padding: 0 25px;position: fixed;width: 100%;height: 100%;top:0;left:0;display: none;z-index: 9999;background-color: rgba(0,0,0,.9);} 
.mobile-menu h2{color:#fff;margin-left:10px;}
.mobile-menu li a{color:#fff;padding: 10px 10px;display: block;font-size: 16px;cursor: pointer;border-bottom: 1px solid #443c2b;box-shadow:0px 1px 0px 0  #716958; -webkit-box-shadow:0px 1px 0px 0  #716958;-o-box-shadow:0px 1px 0px 0  #716958;-moz-box-shadow:0px 1px 0px 0  #716958;text-transform: capitalize;}
.mobile-menu li a i{margin-right:10px}
.level-2, .level-3{display:none;}
.level-3{padding-left:15px;}
.level-3 li a{font-size:14px;}
/* Mobil Menü */

/* Arama sonucları */
.sonuc{margin-bottom:15px;border:1px solid #cCc;padding:15px;min-height:145px;}
.sonuc .baslik{margin:0;padding:0;text-align: left;}
.sonuc img{margin-bottom:10px;float:left;width:100px;margin-right:20px;}
.stitle a{color:#ee1c25; border-left:2px solid #ee1c25;padding-left:15px;}
.scontent a{padding:0 25px;}

/* captcha */
.captcha{position:relative;width:48%;float:left;border:1px solid #cCc;height: 45px;overflow: hidden;}
.captcha #siimage{height: 45px;width: 70%;border:none!important;}
.captcha1{padding:10px 0;}
.captcha>.input-item>img{max-height:50px;width:175px;}
.captcha object{position:absolute;right:15px;top:11px;}
.captcha a{}
.captcha a>img{position: absolute;width: 19px;right:45px;top:14px;}
.captcha-btn{width:50%;float:right;}
.captcha-btn input{margin: 0!important;} 
.captcha-btn1{width:50%;}
@media (max-width:480px){
.captcha{width:100%;}
.captcha-btn{width:100%;}
.captcha-btn1{width:100%;}
}
@media (min-width:992px) and (max-width:1200px){
/* .captcha a>img{margin-left: -8px;} */
.captcha1 a>img{margin-left: -33px;}
}
.biltek{float:right;}
.biltek a{}
.biltek a img{margin-top:-4px;width:25px;}

/* Page-title */
.breadcrumb{background:transparent;margin:0;padding:0;}
.breadcrumb li{}
.breadcrumb li a{color:#fff;font-size:14px;}
.breadcrumb li.active{color:#f18322;font-size:14px;}
.breadcrumb>li+li:before{content:">";font-size:14px;color:#fff;}
/* ===== Standartlar ====== */

/* header */
header{position:relative;z-index:99999!important;}
.navbar-fixed-top{background:#fff;border-bottom:1px solid #7f7f7f;}
.fixed-img{webkit-transition: all 250ms;
	-o-transition: all 250ms;
	transition: all 250ms;visibility:hidden;opacity:0;margin-top:-138px;float:left;padding:15px 0;position:absolute;}
.fixed-img img{height:50px;}
.goster{margin-top:0!important;visibility:visible!important;opacity:1!important;webkit-transition: all 250ms;
	-o-transition: all 250ms;
	transition: all 250ms;position:absolute;left:0;}
.header-top{padding-top:25px;}
.logo{}
.logo img{max-width:100%;display:block;margin:0 auto;}

.left-block{border-bottom:1px solid #7f7f7f;overflow:hidden;padding:45px 0 15px 0;}
.language{float:left;}
.language span{color:#272a8f;}
.language span.active{font-weight:600;}

.social{float:right;}
.social a{}
.social a i{color:#272a8f;font-size:17px;margin-left:5px;}

.search{float:left;position:relative;z-index:99;padding:45px 0 0 0;width:100%;}
.search input{padding:0 15px;border-bottom:1px solid #7f7f7f;border-top:none;border-left:none;border-right:none;border-radius:0;padding-left: 35px;}
.search a i {color:#7f7f7f;z-index:99;font-size:17px;position: absolute;bottom: 10px;left: 10px;}

.suggestion-wrap{    background: #2c2d2d;position: absolute;z-index: 99;left: 0;width: 400px;display: none;border: 1px solid #898989;border-radius: 0;top:100%;margin-top:-1px;-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.75);}
.suggestion{background:#fff;padding:15px 0;position:relative;border-radius: 0;}
.s-item{padding:  0;/* border-bottom:1px solid #dedede; */}
.s-item img{width:30px;height:45px;float:left;/* margin-right:15px; */}
.s-item p{margin:0;margin-top:0;font-size:13px;overflow: hidden;color:#002349;}
.s-item h6{margin-top:0;}

.search-table{margin-bottom:0;}
.search-table tr{border-bottom:1px solid #dedede;padding:0 15px;display:block;}
.search-table tr:hover{background:#e1e1fd;}
.search-table tr:last-of-type{border-bottom:none;}
.search-table td{vertical-align:middle!important;color:#002349;font-weight:900;/* border-right:1px solid #dedede; *//* padding:0 5px!important; */border-top:none!important;}
.search-table td i{color:#002349;font-weight:900;}

/* Main menu */
.main-menu{}
.main-menu {font-family: 'Poppins', sans-serif;}
.main-menu>ul{display:flex;justify-content: center;}
.main-menu>ul>li{webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;}
.main-menu>ul>li>a{color:#000;font-size:18px;padding:25px 15px;display:block;}
.main-menu>ul>li.active>a{color:#901b76;}
.main-menu>ul>li:first-of-type>a{padding-left:0;}

.dropdown:hover{background:#fff;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.dropdown:hover>a{background:#fff;/* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175); */}
.dropdown:hover .main-drop{opacity:1;visibility:visible;
	-webkit-transition: all 250ms;
	-o-transition: all 250ms;
	transition: all 250ms;top:100%;}
.dropdown:hover>a{color:#000!important;background:#fff;}
.main-drop{border-radius:0;margin-top:-1px;border:none;display:block;visibility:hidden;opacity:0;top:50%;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);padding:10px 15px;}

.dd-sub{position:relative;border-bottom:1px solid #dedede;}
.dd-sub:last-of-type{border-bottom:none;}
.dd-sub:hover{border-bottom-color:#000;
/* -webkit-box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.75); */}
.dd-sub:hover a{color:#04a60c;}
.dd-sub>a{font-size:15px;padding:3px 15px!important;}
.dd-sub>a{margin:5px 0;}
.dd-sub a{}
.dd-sub a:hover{color:#04a60c!important;background-image:none!important;background-color:#fff!important;}
.dd-sub>a img{margin-right:10px;}
.dd-sub>ul{left: 50%;position: absolute;top: 0;border-radius:0;}
.dd-sub>ul>li{}
.dd-sub>ul>li:hover{}
.dd-sub>ul>li>a{font-size:15px;color:#000!important;padding:10px 25px;}
.dd-sub .dropdown-menu{opacity:0;visibility:hidden;display:block;}
.dd-sub .dropdown-menu a{border-bottom:1px solid #dedede;}
.dd-sub .dropdown-menu li:last-of-type a{border-bottom:none;}
/* .dd-sub .dropdown-menu a:hover{border-bottom-color:#000;} */
.dd-sub:hover .dropdown-menu{display:block;-webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;opacity:1;visibility:visible;left:100%;margin-left:15px;/* -webkit-box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.75); */}
.dd-sub ul{display:none;padding-bottom:5px;margin-top:0;border:none;}

/* slider */
.main-slide{width:100%;}
.slider{position:relative;}
.slider .swiper-slide{width: 100%!important;height:75vh;background-size: cover;background-position: 50%;background-repeat: no-repeat;}
.slider-content{position:absolute;right:0;left:0;top:25%;width:100%;text-align:center;}
.slider-content h2{color:#fff;margin:0;font-size:50px;font-weight:400;}
.slider-content h2 a{color:#fff;margin:0;font-size:50px;font-weight:400;}
.slider-content p{margin:0;color:#fff;font-size:16px;font-weight:300;}
.slider-content img{width:60px;height:60px;margin-bottom:50px;}

.slider-pagi{position:absolute;bottom:45px;z-index:999;text-align:center;right:0;left:0;}
.swiper-pagination-bullet{width:12px!important;height:12px!important;border:1px solid #fff!important;border-radius:100%!important;opacity:1!important;margin:0 5px !important;background:transparent!important;}
.swiper-pagination-bullet-active{background:#fff!important;}

/* Main-urun */
.bordered{text-align: center;display: flex;justify-content: center;align-content: center;align-items: center;padding:40px 15px;position:relative;}
.bordered h3{font-size:22px;margin:0;}
.border-title{background:url(../img/border.png);background-repeat:no-repeat;width:30%;content:"";height:9px;float:left;position:absolute;}
.main-urun{}
.main-urun h3{color:#6e6e6e;margin:0;float:left;letter-spacing:5px;font-size:22px;font-weight:500;}

/* urun-wrap */
.about-pro .urun-wrap{overflow:inherit;}
.urun-wrap{overflow:hidden;}
.urun{padding-bottom:85px;position:relative;margin-bottom:15px;}
.urun:hover .urun-content{height:100%;-webkit-transition: all 450ms;
-o-transition: all 450ms;
transition: all 450ms;background:transparent;-webkit-box-shadow: inset 0 -100px 130px 70px rgba(0,0,0,1);
-moz-box-shadow: inset 0 -100px 130px 70px rgba(0,0,0,1));
box-shadow: inset 0 -100px 130px 70px rgba(0,0,0,1)}
.urun:hover .urun-content h4{padding-top:65%;}
.urun:hover .urun-content a{color:#fff;}
.urun img{width:100%;/* max-width: 255px;max-height: 380px; */}
.urun .urun-content{background: #000;text-align: center;padding: 20px 0;height:86px;position:absolute;bottom:0;width:100%;-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;}
.urun .urun-content h4{margin:0;color:#fff;margin-bottom:5px;}
.urun .urun-content a{color:#a3a3a3;}

/* Mid slider */
.mid-slider{padding:25px 0 50px 0;}
.mid-slide{position:relative;}
.mid-slide img{width:100%;/* height:415px; */}
.mid-slide .content{background:#fff;position:absolute;left:25px;top:25px;height:365px;padding:15px;font-weight:800;width:30%;}
.mid-slide .content h4{color:#000;border-bottom:2px solid #000;}
.mid-slide .content p{color:#000;}
.mid-slide .content a{position:absolute;bottom:15px;}
.mid-pagi{position: absolute;right: 15px;bottom: 30px!important;text-align: right;z-index: 99;padding: 0 25px;}

.btn-wrap{padding:50px 15px;width:100%;overflow:hidden;text-align:center;}
.btn-black{background:#000;color:#fff;text-align:center;border-radius:0;padding:8px 40px;}
.btn-black:hover{color:#000;background:#fff;border-color:#000;}
.btn-save{border:2px solid #fff;background:#000;color:#fff;border-radius:0;padding:8px 40px;}
.btn-save:hover{color:#fff;}
.btn-green{background:#901b76;color:#fff;border-radius:0;padding:8px 40px;margin-top:15px!important;}
.btn-green:hover{color:#fff;}

/* Footer */
footer{background-image: -ms-linear-gradient(left, rgba(21,21,21,1) 0%, rgba(0,0,0,1) 100%);
background-image: -moz-linear-gradient(left, rgba(21,21,21,1) 0%, rgba(0,0,0,1) 100%);
background-image: -o-linear-gradient(left, rgba(21,21,21,1) 0%, rgba(0,0,0,1) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(21,21,21,1)), color-stop(100, rgba(0,0,0,1)));
background-image: -webkit-linear-gradient(left, rgba(21,21,21,1) 0%, rgba(0,0,0,1) 100%);
background-image: linear-gradient(to right, rgba(21,21,21,1) 0%, rgba(0,0,0,1) 100%);
padding:35px 0 0 0;}

footer h5{color:#fff;font-size:16px;font-weight:400;}
footer p{color:#8d8d8d;font-size:13px;}
.f-social{padding:15px 0;}
.f-social a{color:#fff;font-size:18px;width:10%;display:inline-block;}

footer ul{display:block;width:33%;float:left;height:210px;overflow:hidden;}
footer ul li{}
footer ul li a{color:#a3a3a3;display:block;padding:2px 0;font-size:13px;}
footer ul li a:hover{color:#fff;}

footer p a{color:#c29953;}
footer p a:hover{color:#fff;}
footer .form-control{width:70%;float:left;border-radius:0;}
footer .btn-save{width:25%;float:right;line-height:20px;padding:6px 0;}
footer input:focus{border-color:#c29953!important;color:#c29953;}

.bulten-iptal{width: 100%;overflow: hidden;margin-top:10px;}
.bulten-iptal a{color :#a3a3a3;}
.bulten-iptal a:hover{color :#fff;}

.copy{color:#fff;font-size:13px;padding: 15px 0 1px 0;display: inline-block;float:left;}

.biltek{float: right;overflow: hidden;padding: 15px 0;}
.biltek a{color:#fff;}

.f-carosel{padding:20px 50px;position:relative;}
.f-carosel img{height:150;max-width:100%;display:block;margin:0 auto;}

.carosel-control{position:absolute;top:25px;width:100%;}
.carosel-control i{color:#000;font-size:40px;opacity:.6;}
.carosel-control i:hover{opacity:1;}
.carosel-control .prev{position:absolute;left:25px;}
.carosel-control .next{position:absolute;right:50px;}

/* PAge title */
.page-title{background-repeat:no-repeat!important;background-size:cover!important;background-position:50%!important;height:180px;text-align:center;padding:25px 0 0 0 ;position:relative;-webkit-box-shadow: inset 0px 0px 207px -64px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px 0px 207px -64px rgba(0,0,0,0.4);
box-shadow: inset 0px 0px 207px -64px rgba(0,0,0,0.4);}
.page-title h2{color:#fff;font-weight:500;}

.title-menu{position: absolute;bottom: 25px;width:100%;right:0;left:0;}
.title-menu ul{display:inline-flex;}
.title-menu ul li{}
.title-menu ul li.active{}
.title-menu ul li.active a{background:#901b76;color:#fff;border-color:#901b76;}
.title-menu ul li a{color: #fff;display: block;border: 1px solid #fff;padding: 7px 10px;border-radius: 18px;margin: 0 5px;font-family: 'Poppins', sans-serif;font-weight:500;}
.title-menu ul li a:hover{border-color:#901b76;}

/* Page */
.page{padding:45px 15px 0;}
.content p{color:#000;}
.content .bordered{padding:50px 0;}

/* Hakkımızda */
.about-pro{}
.about-pro .urun{-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;-webkit-box-shadow: inset 10px 10px 300px 200px rgba(0,0,0,0.2);
-moz-box-shadow: inset 10px 10px 300px 200px rgba(0,0,0,0.2);
box-shadow: inset 10px 10px 300px 200px rgba(0,0,0,0.2);margin:100px 0 0 0;padding-bottom:0;}
.about-pro .urun:hover{-webkit-box-shadow: inset 10px 10px 300px 200px rgba(0,0,0,0.5);
-moz-box-shadow: inset 10px 10px 300px 200px rgba(0,0,0,0.5);
box-shadow: inset 10px 10px 300px 200px rgba(0,0,0,0.5);
-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;}
.about-pro .urun:hover img{filter:brightness(.5);-webkit-filter:brightness(.5);}
.about-pro .urun a{width: 100%;}
.about-pro .urun a h4{position: absolute;margin: 0;bottom: 25px;right: 0;left: 0;text-align: center;color:#fff;-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;}
.about-pro .urun:hover h4{bottom:50%;-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;}

/* sertifikalar */
.sertifikalar{text-align:center;position:relative;}
.serti-item{background-repeat:no-repeat!important;background-size:cover!important;border:2px solid transparent;padding:5px;border-radius:8px;}
.serti-item:hover{border-color:#a1a1a1;}
.serti-item a{display:block;}
.serti-item a>img{width:100%;}
.serti-item .big{width:70px;height:70px;position:absolute;bottom:0;left:50%;margin-left:-35px;visibility:hidden;opacity:0;-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;}
.serti-item:hover .big{	-webkit-transition: all 250ms;-o-transition: all 250ms;
transition: all 250ms;visibility:visible;opacity:1;bottom:50%;margin-bottom:-35px;}

/* iletisim */
.iletisim{}
.iletisim h4{color:#000;border-bottom:2px solid #f0f0f0;margin:0;padding:10px 0;}
.iletisim h4 i{margin-right:10px;}
.iletisim p{margin:0;border-bottom:1px solid #f0f0f0;padding:10px 0;}
.iletisim p a{color:#000;}
.iletisim p i{margin:0 15px 0 5px;}
.iletisim .form-control{resize: none;margin:20px 0;border-radius:0;color:#08ad10;}
.iletisim input{height:45px!important;}
.twice{}
.twice input{width:48%;}

/* KAriyer */
.kariyer .iletisim p{border:none;padding:5px 0 0 0;}
.kariyer .iletisim h3{color:#000;margin-top:0;}
.kariyer .iletisim input{margin:5px 0 15px 0;}
.sss{}
.sss h4{border-bottom:none;padding:0;}
.sss .panel-heading{background:#fff;border-radius:0;padding:15px;}
.sss .panel-title a{color:#272a8f;display:block;position:relative;}
.sss .panel-title a i{position:absolute;right:0;}
.sss .panel{border-radius:0;}
.sss .panel-body{background:#f4f4f9;position:relative;border-radius:0;border:none;}
.panel-default{background:#f4f4f9;border-bottom-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top:none;}
.input-group{position:relative;width:100%;margin-top:10px;}
.input-group input{background-color:transparent!important;}
.kariyer-btn{background:#a0dca3;color:#74a176;position:absolute!important;right:0;top:5px;;z-index:99;padding:5px 27px!important;border-radius:0;line-height:35px;height:45px;}
.kariyer-btn:hover{color:#fff;z-index:99!important;}
.input-group-btn{position:static!important;width:0;}

.acik{background:#901b76!important;}
.acik i:before{content:"\f068";}
.acik a{color:#fff!important;}

/* Referans */
.referanslar{text-align:center;overflow:hidden;}
.ref-wrap{padding: 0 0 25px 0;overflow:hidden;}
.ref-item{float:left;border:2px solid #acacac;border-radius:8px;padding:5px;margin:0 10px;margin-bottom:15px;    width: 18%;
    text-align: center;}
.ref-item img{filter: grayscale(100%);-webkit-filter: grayscale(100%);-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;  max-width:100%;  width: 250px;display:block;margin:0 auto;}
.ref-item:hover img{filter: grayscale(0);-webkit-filter: grayscale(0);-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;}

/* Resim galerisi */
.galeri{position:relative;}
.galeri:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;-webkit-box-shadow: inset 0px 21px 50px -1px rgba(223,223,223,1);
-moz-box-shadow: inset 0px 21px 50px -1px rgba(223,223,223,1);
box-shadow: inset 0px 21px 50px -1px rgba(223,223,223,1);}
.pic-gallery{text-align:center;}
.pic-gallery h2{color:#000;margin-top: 0;margin-bottom: 20px;}

.wrapper {width: 100%;margin: 3em auto;
}
.masonry {margin: 1.5em 0;padding: 0;-moz-column-gap: 1.5em;-webkit-column-gap: 1.5em;column-gap: 1.5em;font-size: .85em;
}
.masonry .item {/* display: inline-block; */background: #fff;padding: 1em;margin: 0 0 1.5em;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-shadow: 2px 2px 4px 0 #ccc;position:relative;
}
.masonry .item img{width:300px; height:300px;}
.masonry .item:hover img{filter:brightness(.6);-webkit-filter:brightness(.6)}
.masonry .item span{position:absolute;top:10%;width:120px;color:#fff;font-size:20px;border:1px solid #fff;border-radius:0;padding:10px 0;left:50%;margin-left:-60px;margin-top:-20px;visibility:hidden;opacity:0;-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;}
.masonry .item:hover span{-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;visibility:visible;opacity:1;top:50%;}
@media only screen and (min-width: 400px) {
    .masonry {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
}
@media only screen and (min-width: 700px) {
    .masonry {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
}
@media only screen and (min-width: 900px) {
    .masonry {-moz-column-count: 4;-webkit-column-count: 4;column-count: 4;}
}
@media only screen and (min-width: 1100px) {
    .masonry {-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
}
@media only screen and (min-width: 1280px) {
    .wrapper {width: 1260px;}
}

/* Ürün listele */
.listele{text-align:center;}
.listele h2{color:#000;margin-top: 0;margin-bottom: 35px;}
.listele .urun{margin-bottom:25px;text-align:center;padding-bottom:0;}
.listele .urun:hover img{color:#000;filter:brightness(.6);-webkit-filter:brightness(.6)}
.urun span{position:absolute;top:10%;width:80px;color:#fff;font-size:15px;border:1px solid #fff;border-radius:0;padding:10px 0;left:50%;margin-left:-40px;margin-top:-20px;visibility:hidden;opacity:0;-webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;}
.urun p{position:absolute;top:5%;color:#fff;font-size:15px;visibility:hidden;opacity:0;-webkit-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;right:0;left:0;}
.urun span:hover{background:#fff;color:#000;}
.urun:hover span{-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;visibility:visible;opacity:1;top:50%;}
.urun:hover p{-webkit-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;visibility:visible;opacity:1;top:37%;}

/* Detay */
.detay{text-align:center;}
.detay h2{color:#000;margin-bottom:50px;}
.detay .title-menu{position:relative;bottom:0;}
.detay .title-menu ul li a{border:2px solid #000;color:#000;}
.detay .title-menu ul li.active a{border-color:#901b76;color:#fff;}

.detay-content{text-align:left;overflow:hidden;padding:50px 0;}
.detay-content h3{color:#000;margin-top:0;margin-bottom:20px;}
.detay-content h4{margin-bottom:0;padding-bottom:10px;margin-top:40px;border-bottom:1px solid #e6e6e6;font-weight:400;color:#000;}
.detay-content p{margin-top:15px;}
.main-img{position:relative;}
.main-img img{width:100%;}
.other-img{display: flex;justify-content: center;z-index:9999;padding:25px 40px;position:absolute;bottom:0;left:0;right:0;-webkit-box-shadow: inset 10px 10px 175px -12px rgba(0,0,0,0.75);
-moz-box-shadow: inset 10px 10px 175px -12px rgba(0,0,0,0.75);
box-shadow: inset 10px 10px 175px -12px rgba(0,0,0,0.75);}
.other-img img{cursor:pointer;}

.detay-control{position: absolute;bottom: 65px;width: 100%;left: 0;}
.detay-control .next{position: absolute;right:0;}
.detay-control img{height:35px;width:29px;}
.detay-control img{opacity:.6}
.detay-control img:hover{opacity:1}

.fancybox-overlay{z-index:999999!important;}

@media (min-width:1200px){
.mid-slide img{width:100%;height:415px;}
}
@media (max-width:1199px){
.main-menu>ul>li>a{font-size:15px;padding: 25px 7px;}
.mid-slide .content p {height: 175px;overflow: hidden;}
.mid-slide .content{height:330px;}
.ref-item{width:22%;}
}
@media (max-width:991px){
.main-menu{display:none;}
.header-top{display:block!important;}
.left-block{padding-top:0;}
.search{padding:0;}
.logo{margin-bottom: 15px;padding: 10px 25px;}
.navbar-toggle{display:block;}
.mid-slide .content{width:50%;height:200px;}
/* .mid-slide .content{height: 340px;} */
.mid-slide .content p{height:60px;}
.detay-content h3{margin-top:15px;}
.title-menu{display:none;}
.ref-item{width:30%;}
}
@media (max-width:767px){
.header-top{padding-top:10px;}
.navbar-toggle{top:35%;}
.slider-content h2{font-size:30px;}
.mid-slide .content p{height:40px;}
.mid-slide .content{height:40px;height:150px;}
.border-title{width:15%;}
.slider{margin-top:10px;}
.ref-item{width:44%;}
}
@media (max-width:479px){
.logo img{float:left;}
.mid-slide .content{display:none;}
footer ul{width:100%;}
.biltek{width:100%;text-align:center;}
.copy{width:100%;text-align:center;}
.twice input{width:100%;}
.twice .pull-right{margin-top:0;}
.border-title{width:15%;}
.suggestion-wrap{width:auto;}
.ref-item{width:94%;}
}
@media (max-width:359px){
.slider-content{top:10%;}
.carosel-control .prev{left:0;}
.btn{width:100%;}
.border-title{width:10%;}
}


.swiper-slide-active .slider-content img{
  animation: animationFrames1 linear 3s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames1 linear 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames1 linear 3s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames1 linear 3s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames1 linear 3s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames1{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes animationFrames1{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes animationFrames1 {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes animationFrames1 {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes animationFrames1 {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

.swiper-slide-active .slider-content h2{
  animation: animationFrames linear 3s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 3s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 3s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 3s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,100px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,100px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,100px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,100px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,100px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}