@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body { font-family: "Poppins", sans-serif; background-color: #f2f2f2;}

::-webkit-scrollbar {width: 10px}
::-webkit-scrollbar-track {background: transparent}
::-webkit-scrollbar-thumb {background: #004f93}
::-webkit-scrollbar-thumb {border-radius: 3px}
::-webkit-scrollbar-thumb:hover {background: #1269b4}

.parallax {
  /* The image used */
  background-image: url("../img/img_parallax.webp");

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/* loader */
.js div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  overflow: -visible;
  background: #fff url('../img/yukleniyor.gif') no-repeat center center;
}
/* loader  end*/

  
h1 {font-size:2.5em;font-weight:bold; font-family: 'Poppins', sans-serif;}
h2 {font-size:1.6em; font-family: 'Poppins', sans-serif;}
h3 {font-size:1.6em;font-weight:bold; font-family: 'Poppins', sans-serif;} 
h4 {font-size:1.2em;font-family: 'Poppins', sans-serif;color:#222;font-weight:normal;line-height: 2em;}
h5 {font-size:1.8em;font-weight:bold; font-family: 'Poppins', sans-serif;}
h6 {font-size:1.2em;font-weight:bold; font-family: 'Poppins', sans-serif;}

.mobil {display:none;}
.desktop {display:block;}

.hr {color: #fff; font-size:0.7em; }

.img-fluid. {max-width:100%;height:auto;}
.logo_header {width:100%;padding:0px;margin:0px;max-width:180px;}

.home_about {width:70%;font-family: 'Poppins', sans-serif;}

.kutucuk {border:1px solid #999;border-radius:5px;background-color:#91cb73;}

 
.teknik_bilgi {border-bottom:1px solid #e2e2e2;padding:5px;text-decoration:none;color:#555;}
.teknik_bilgi:hover {color:#222;text-decoration:none;}
 
.header {position:absolute;top:0px;}
. {max-width:1400px;}
.header_ust {padding:5px;}
.header_ust_tel {padding:9px;font-size:0.8em;margin-top:5px;color:#222;}
.telephone {text-decoration:none;padding:0px;margin-right: 10px;color:#222;font-size:0.9em;font-weight:bold;}
.telephone:hover {text-decoration:none;color:#333;}
.telephone_iletisim {padding:0px;margin-right: 10px;color:#000;}
.telephone_iletisim:hover {text-decoration:none;text-decoration:none;color:#999;}
.language {font-size:0.8em;}
.language_dropdown {font-size:0.8em;}
.uyari {font-size:0.8em;color:red;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.sss {width:70%;}
.cizgi {color:#e8e8e8}
.home_link {color:#222;}
.home_link:hover {text-decoration:none;color:999;}
.contact {background-image: url(../img/contact.webp);background-size: cover;
background-position: center ; width:100%; height:300px;
}
.product_home_1 {border:1px solid #dadada;background-color:#424242;color:#fff;}
.product_home_1:hover {text-decoration:none;background-color:#a8894e;color:#fff;}
.product_home_2 {border:1px solid #dadada;background-color:#424242;color:#fff;}
.product_home_2:hover {text-decoration:none;background-color:#a8894e;color:#fff;}
.product_home_3 {border:1px solid #dadada;background-color:#424242;color:#fff;}
.product_home_3:hover {text-decoration:none;background-color:#a8894e;color:#fff;}
.product_home_4 {border:1px solid #dadada;background-color:#424242;color:#fff;}
.product_home_4:hover {text-decoration:none;background-color:#a8894e;color:#fff;}
.product_alan {border:1px solid #999;padding:3px;}

/* zoom buttons*/


.products-items-small_item {
    position: relative;
    margin: 5px;
 
}

.products-items-small_item-image img {
    width: 100%;
    transition: transform 1s ease;
}

.products-items-small_item-title {
    text-align: center;
    position: absolute;
    transform: rotate(-90deg); 
    background: #ffffffcf;

}

.products-image-effects.bg {
    background: #f5f5f6;
}

.productsAll_items a {
    text-decoration: none;
}

.products-items-small_item-title p {
    margin: 0;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #7a7979;
    text-align: center;
    width: 100%;
    align-items: center;
	font-weight: bold;
}

.products-items-small_item-image img:hover {
    transform: scale(1.2);
}

.products-items-small_item-image {
    overflow: hidden;
}

/* zoom buttons end */ 


/* zoom img button 2 */ 

/* ICON SECTION */

.iconSection-text p {
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #3f3f3f;
    font-weight: 300;
    font-family: "Avenir";
    text-align: center;
    /* max-width: 950px; */
    /* margin: auto; */
    max-width: 500px;
    margin: auto;
}

.iconSection-all {
    background: #ededed;
}

.iconSection-allItems {
    padding-top: 60px;
    max-width: 950px;
    margin: auto;
}

.iconSection-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    max-width: 1140px;
    margin: auto;
}

.iconSection-item {
    margin: 15px;
    transform: scale(1);
    transition-duration: 0.5s;
    cursor: pointer;
}

.iconSection-item_hover {
    transform: scale(1);
    transition-duration: .5s;
}

.iconSection-item_hover:hover {
    transform: scale(1.1);
    transition-duration: 0.5s;
}

.iconSection-item:hover p {
    color: #9cb4b7;
}

.iconSection-title p {
    font-size: 18px;
    line-height: 20px;
    color: #7b7c7c;
    font-weight: 300;
    font-family: "Avenir";
    text-align: center;
}

.iconSection-icon img {
    display: block;
    margin: auto;
}


/* zoom img button 2 end */


/* zoom img button 3 */

.column {
	margin: 15px 15px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 100%px;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}



/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* zoom img button 3 end*/


.product_bos {height:400px;}



.products-items-small {
    background: url(../images/buttons-back.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 60px;
}

.swiper-button-next.natural:after {
    font-size: 30px;
}

.products-items-small-content {
    display: flex;
    justify-content: center;
    max-width: 1380px;
    margin: auto;
    flex-wrap: wrap;
}

.products-items-small_item {
    position: relative;
    margin: 5px;
    box-shadow: 10px 10px 6px #d9e2dc;
}

.products-items-small_item-image img {
    width: 100%;
    display: block;
    transition: transform 1s ease;
}

.products-items-small_item-title {
    text-align: center;
    /* width: 100%; */
    position: absolute;
    transform: rotate(-90deg);
    top: 173px;
    left: -175px;
    background: #ffffffcf;
    /* width: 38px; */
    /* height: 406px; */
}

.products-image-effects.bg {
    background: #f5f5f6;
}

.productsAll_items a {
    text-decoration: none;
}

.products-items-small_item-title p {
    margin: 0;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #7a7979;
    font-family: "Avenir";
    text-align: center;
    /* width: 100%; */
    width: 408px;
    height: 59px;
    align-items: center;
}

.products-items-small_item-image img:hover {
    transform: scale(1.2);
}

.products-items-small_item-image {
    overflow: hidden;
}






.home_galery_alan {background-color: #f8f8f8;}

.nav-tabs  {font-size:0.7em;color:#000;font-weight:bold; padding:5px;margin:5px;}
.nav-tabs > a { color:#000;}

.seperator {width:70px;height:5px;background-color:#005da6;margin-bottom:12px;padding:2px;}
.slide {}

 
.navigator_ust { display: block;}

.icerik { position:relative;}



.room_detail {border:1px solid #dadada;border-radius:3px; }

.menu_left {margin-top:30px;}
.menu_left_title {padding:10px;font-size:0.8em;font-weight:bold;color:#001f5e;}

.blog_alan {border:1px solid #efefef; border-radius:5px;padding:10px;margin-top:20px;}

.incele_btn {padding:7px 17px 7px 17px;border:1px solid #dadada;border-radius:3px;background-color:#f8f8f8;text-decoration:none;color:#222;}

img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
   
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

 
 
.carousel-caption {
position: absolute;top:35%;left:15%;
    -webkit-animation: fadein 2.5s; /* Firefox < 16 */
        -ms-animation: fadein 2.5s; /* Internet Explorer */
         -o-animation: fadein 2.5s; /* Opera < 12.1 */
            animation: fadein 2.5s;
}
.caption-animate .item.active .carousel-caption {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.caption-animate  .item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.caption-animate  .item.active .carousel-caption.hinge {
  -webkit-animation-duration: 9s;
  animation-duration: 9s;
}

.caption-animate .item.active .carousel-caption.flipOutX,
.caption-animate .item.active .carousel-caption.flipOutY,
.caption-animate .item.active .carousel-caption.bounceIn,
.caption-animate .item.active .carousel-caption.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.caption-animate .item .carousel-caption.fadeIn,
.caption-animate .item .carousel-caption.fadeInDown,
.caption-animate .item .carousel-caption.fadeInDownBig,
.caption-animate .item .carousel-caption.fadeInLeft,
.caption-animate .item .carousel-caption.fadeInLeftBig,
.caption-animate .item .carousel-caption.fadeInRight,
.caption-animate .item .carousel-caption.fadeInRightBig,
.caption-animate .item .carousel-caption.fadeInUp,
.caption-animate .item .carousel-caption.fadeInUpBig{
  opacity:0;
} 

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* accordion */
 .panel-group .panel {
        border-radius: 5; font-size:1.1em;
        box-shadow: none;
        color: #000 !important; border: 10px;
    }

    .panel-default > .panel-heading {
        padding: 15;
        border-radius: 8;
        color: #000 !important;
		border-bottom:1px solid #dadada; margin-bottom:5px; 

    }
	


    .panel-title {
        font-size: 1.3em;
    }

    .panel-title > a {
        display: block;
        padding: 18px;
        text-decoration: none;   color: #fff !important;
    }

    .more-less {
        float: right;
        color: #fff;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE; color: #000; padding:10px; font-size: 1.2em;
    }
	
	 


.ic_mn {color: #555;font-weight:bold;}
	


/* accordion and */


.navbar {
  font-family: 'Poppins', sans-serif;  font-size: 1.6em;
}
/* change the brand and text color */
.navbar .navbar-brand,
.navbar .navbar-text {
   width:100%; max-width:150px 
   
}
/* change the link color and add padding for height */
.navbar .navbar-nav .nav-link {
    color: #fff;
    padding: 30px 15px 10px 15px; font-size: 0.8em; font-weight: bold; 
}
/* change the color of active or hovered links */
.navbar .nav-item.active .nav-link,
.navbar .nav-item:hover .nav-link {
    color: #dadada; background: rgba(100, 100, 100, .8); -webkit-transition: 0.75s;
    transition: 0.75s;
}

.navbar-collapse {margin-top:-100px;}



/* for dropdown only - change the color of droodown */
.navbar .dropdown-menu {
  background-color: transparent;
  float:left;
  border: transparent;
  font-family: 'Poppins', sans-serif;  font-size: 0.8em;
  margin-top:-5px;
  
}

.navbar .dropdown-menu:after{
  content: '';
  position:absolute; 
  
}


.navbar .dropdown-item {
    color: #fff; background-color: #000; margin:3px; padding:10px;	
}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
    color: #dadada; background: rgba(100, 100, 100, .8); -webkit-transition: 0.75s;
    transition: 0.75s;
    
}

 

.navbar-toggler.navbar-toggler.active {
  border:0px solid transparent;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler>.close {
    display:inline; font-size:2.0em; font-weight:normal; border: 0px solid transparent; cursor:pointer; color: #fff;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon { 
   border: 0px solid transparent;
} 

 

.dropdown-submenu {
  position: relative; 
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.sticky {
  position: fixed; opacity:1;
  top: 0;
  z-index:9999999;  background-color: #000; width:96%; transition: background-color 1s ease 0s;
  width:100%;padding-left:20px;padding-right:20px;margin-left:-31px;
}


/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 450px; 
}


.icerik_top {background-color:#95918a;width:100%;height:200px;position:relative;margin-top:-100px;}
.about_alt {background-color:#004f91;width:100%;height:250px;}


@media (min-width: 992px) {
  .animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}



/* NAVBAR END*/

.cerez-popup-box{display:none; box-sizing: border-box; position:fixed; z-index:9999999; bottom:5px; right:5px; width:100%; text-align: center; color: #fff; background-image: url(../img/opacity.png); border: solid 1px #252525;font-size:0.8em;}
.cerez-popup{box-sizing: border-box; position:relative; padding:15px;z-index:99999999;}
.cerez-popup-close{box-sizing: border-box; position:absolute; top:-1px; right:6px; color:#fff; cursor:pointer; font-size:22px;}
.cerez-desc{box-sizing: border-box; width:100%; height:auto; color:#252525; margin-top:10px; margin-bottom:10px;font-size:1.0em;color: #fff;}
.cerez-button{box-sizing: border-box; width:100px; border:solid 1px #fff; color:#000; background:#fff; cursor:pointer; padding:5px;}

.whatsapp{position:fixed;bottom:18px;z-index:999999;color:#000;font-size:1.2em;right:0px;}
.whatsapp:hover{text-decoration:none;color:#fff } 



.galeri_alan {padding:10px;}

.fp_ust { color: #002060;font-size:1.5em;text-align:left;font-family: 'Teko', sans-serif;}
.fp_tel { text-align: right;}


.yatirim-tab {padding:15px;}
.yayinlar_detail {position:absolute;bottom:30px;text-align:center;}

.home_line {color: #fff;}
.home_line:hover {text-decoration: none; color: #999;}

.haber_alan {padding:10px;}
.home_haber {background-color: #f6f6f6; padding:20px;-webkit-box-shadow: -4px 8px 12px -5px #ededed;box-shadow: -4px 8px 12px -5px #ededed;}

.home_yazi_alan {width:100%;max-width:1300px;}
.home_alan_p { background-color: #1d365e;color: #fff;}
.home_yazi_pad { padding-top:30px; padding-bottom:30px;}
.home_yazi { border-left:5px solid #fff;padding-left:15px;}
.home_yazi_1 { border-left:5px solid #64c224;padding-left:15px;}
.home_yazi_2 { border-left:5px solid #fff;padding-left:15px;}

.yayinlar { margin-top: 25px; border-top: 1px solid #001f5e;padding:7px;}

.tab-alan { margin-top: 25px;}


.footer {background-color:#000;padding:40px;color:#fff;font-size:0.8em;}
.footer_copyright {padding:15px; color: #999; font-size:0.8em;text-align: right; padding-right:25px;background-color: #fff;}
.footer_alt_copyright {text-align: left;font-size:0.9em;}
.footer_menu {width: 100%;color: #fff;padding:10px;}
.footer_menu:hover {text-decoration:none;border-bottom:1px solid #fff;color:#fff;} 
.footer_ust {margin-top:60px;}
.footer_kvk { text-align:right;font-size:0.9em;}
.footer_blg { text-align:left;}
.footer_line {color: #fff; width:100%;margin:10px;}
.footer_line:hover {text-decoration:none;color:#999;}

.breadcrumb{
    background-color: transparent;
    color: white;
}

.list-group-item-mine {
  background-color: #f8f8f8; color: #000; text-decoration: none;  font-size: 0.9em; border-color: #fff; margin:1px; font-size:0.8em;}
  
.list-group-item-mine:hover {
  background-color: #f2f2f2; color: #000; text-decoration: none; }

.list-group-item-mine a:hover {
text-decoration: none; }


.back-to-top {
    position: fixed;
    bottom: 125px;
    right: 25px;
    display: none; 
}

 
 @media (max-width: 992px) {
.navbar {background-color: hsla(10, 10%, 10%, 1);font-size: 1.3em;} 
.navbar-collapse {margin-top:50px;}
.navbar-brand {padding:0px; margin:0px;width:100%;max-width:80px !important }
.navbar .navbar-nav .nav-link {padding: 3px 3px 3px 3px; color:#fff;}
.navbar .nav-item.active .nav-link,
.navbar .nav-item:hover .nav-link { font-family: 'Poppins', sans-serif; font-weight:bold;}
.navbar .dropdown-menu:after{
  content: '';
  position:absolute;
  left: 20px;
  top:0px;
  border: transparent; font-weight:bold;  
}
.navbar-custom .dropdown-menu {
  border-top:0px; font-weight:bold;

} 
.desktop_slider { display: none; }
.logo_header {width:100%;padding:0px;margin:0px;position:relative;z-index:999999;max-width:150px;}
.footer_menu {color: #fff; padding:12px;font-size:0.9em;width:100%;text-align:center;}
.footer {text-align:center;}
.footer_alt_copyright {text-align: center;}
.fp_ust { text-align:center;font-size:1.1em;}
.fp_tel { text-align: center;}
.menu_left {display:none;}
.footer_kvk { text-align:center;}
.footer_blg { text-align:center;}
.navigator_ust { display: none;}
.mobil {display:block;}
.desktop {display:none;}
.icerik {}
.home_about {width:100%;}
h1 {font-size:2.3em;font-weight:bold; font-family: 'Poppins', sans-serif;}
h2 {font-size:1.4em; font-family: 'Poppins', sans-serif;}
.sticky {background-color: #27323a; width:85%;
width:100%;padding:3px;margin-left:-31px;
}
.sss {width:100%;}

}

@media only screen and (max-device-width: 480px) {
    .navbar-brand {
        float:none !important;
		position: absolute;
		margin-left:250px;
		
    }
    .img-responsive {
        margin:0 auto !important;
        display:block !important;
    }
}

 

 


.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited,
.btn-secondary:focus {
    background-color: transparent;
	border:0px;
	font-size:0.9em; color:#222;
 
}

.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:visited,
.btn-info:focus {
	border:0px;
	font-size:1.0em; color:#fff; padding:10px 30px 10px 30px;
	background-color: #000;
 
}

.btn-info:hover {background-color: #222;}

 

 
/* Style all font awesome icons */
.fa {
  padding: 10px;
  font-size: 20px;
  width: 25px;
  text-align: center;
  text-decoration: none;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: transparent;
  color: #fff;
}

.fa-facebook:hover {
  color: #000;
  text-decoration:none;
}

/* Twitter */
.fa-twitter {
  background: #000;
  color: #fff;
}
.fa-twitter:hover {
  color: #000;
  text-decoration:none;
} 

.fa-instagram {
  background: transparent;
  color: #fff;
}
.fa-instagram:hover {
  color: #000;
  text-decoration:none;
}
.fa-linkedin {
  background: transparent;
  color: #fff;
}
.fa-linkedin:hover {
  color: #000;
  text-decoration:none;
}
.fa-envelope {
  background: transparent;
  color: #fff;
}
.fa-envelope:hover {
  color: #000;
  text-decoration:none;
} 

.fa-youtube {
  background: transparent;
  color: #fff;
}
.fa-youtube:hover {
  color: #000;
  text-decoration:none;
} 
  
.navbar-nav li:hover .dropdown-menu {
    display: block;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}