body {font-family: 'Roboto Condensed', sans-serif !important;}
*{ margin:0; padding: 0; }
.padding-0{padding:0 !important;}
.padding-05 {padding:0 5px !important}
#header{padding-top: 30px; padding-bottom: 20px;}

 img.logo-icon { max-width: 180px;  max-height: 70px; }
 img.logo-text { width: 100%; max-width: 220px;  margin-left: 15px; }

#header .head-menu ul{list-style-type: none; text-align: right;     padding-top: 20px; 	}
#header .head-menu ul li { display: inline-block; margin-right: 30px;}
#header .head-menu ul li a{ color: #000; font-size: 13px !important; text-decoration: none; position: relative;}
#header .head-menu ul li a:hover{ color: #b2d453; transition: 0.4s; }
#header .head-menu ul li .first { margin-right: 20px; }
#header .head-menu ul li .second{ margin-left: 20px; }

#banner{}
#banner .carousel-item {  max-height: 500px; height: auto;}


.cci-spanxe li a {font-size: 13px; color: #000;-webkit-transition: 1s; /* Safari */ transition: 1s;text-align: right;}
.cci-spanxe li a:hover {color: #b2d453;-webkit-transition: 1s; /* Safari */ transition: 1s; }
.navbar-toggler { background-color: #ededed;border: 1px solid transparent;border-radius: .0rem; color: #000}
.navbar-toggler-icon {color: #000 !important;}
.cci-spanxe button {position: absolute; right: 0; top: 0;}


.navbar {float: right; padding: 0px;}

#navbarNav {float: right; margin-top: 15px;}

@media screen and (max-width: 991px) {
	.navbar {float: right; padding: 0px; }
	#navbarNav {top: 30px; right: 0px; background: #ededed; padding: 10px 40px; position: absolute; z-index: 99999999;}
}

@media screen and (max-width: 575px) {
	.navbar { 
		padding: 0px;
		position: absolute;
        left: 50%;
        width: 43.5px;
        margin: 0px 0px 0px -21.5px;
		top:10px;
	}
	#navbarNav {top: 10px; right: -55px; background: #ededed; padding: 10px 40px; position: absolute; z-index: 99999999;}
}





#comparative{ padding-top: 100px; margin-bottom: 100px; }
#comparative .comp-content{}
#comparative .comp-content .title h3{ font-size: 30px !important; text-align: center;  margin-bottom: 30px; color: #434445; }
#comparative .comp-content .detail{  }
#comparative .comp-content .detail   {	font-size: 14px; font-family: 'Roboto', sans-serif;     line-height: 25px;  }
#comparative .tirtil{ text-align: center;  margin-bottom: 30px;}

#contanct { background-color:#F1F3F9;  padding-bottom: 100px; }
#contanct .title { text-align: center;      width: 100%;   }
#contanct .title p { font-size: 30px; text-align: center;  margin-bottom: 5px; color: #434445; margin-top: 50px;}
#contanct .input-content{  padding-left: 0; }
#contanct .input-content .aciklama { font-size: 14px; color: #333; text-align: center; padding-top: 10px; width: 100%; padding-bottom: 10px; }
 .input-content .first-input { padding-top:10px; }
 .input-content .first-input .input-text{line-height: 11px;padding-top: 20px;}
 .input-content .first-input .input-text:first-child{line-height: 11px;}
 .input-content .birinci-input{ width: 100%; border:1px solid #c9d7e2; 	padding: 6px 0; padding-left: 20px;} 
  #contanct .second-input .message{ width: 100%; resize: none; padding: 15px 20px;border:1px solid #c9d7e2;}
  #contanct .second-input {padding-top: 10px; }
  .input-content .footer-button{ padding-top: 10px; text-align: center; width: 100%; }
  .input-content .footer-button a{ background-color: #30302E; color: #fff; font-size: 14px; padding: 10px 40px 10px 40px; text-decoration: none; }
  .navbar { z-index: 3; }
  .input-content .footer-button a:hover{ background-color: #b2d453; -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: 0.6s; }
.input-content .footer-button i { padding-right: 10px; }
#contanct .image img { width: 100%; }
#contanct .tirtil { text-align: center;     margin-bottom: 15px; }
.input-content .birinci-input::placeholder{ font-size: 12px; }
#contanct .second-input .message::placeholder { font-size: 13px; }

#map{}
#map iframe { width: 100%; height: 100%; }
#map .iletisim{ padding:120px 0; }
#map .title {border-bottom: 1px solid #fff;  	margin-bottom: 20px; }
#map .title h6 { font-size: 19px;}
#map .iletisim ul { list-style-type: none; }
#map .iletisim ul li{  font-size: 14px;   margin-bottom: 10px; }
#map .input-group-text { background-color: #30302E;      border: none;  }
#map .input-group-text a { color: #fff; text-decoration: none; }
#map .input-group-text:hover { background-color: #b2d453; transition: 0.4s; }
#map .map-detail { color: #fff; font-size: 14px; margin-bottom: 20px;}
#map .input-group input::placeholder { font-size: 13px !important; }


#logo {}
#logo ul { list-style-type: none;     margin-bottom: 40px;  text-align: center;     margin-top: 35px;}
.slc-logos { width: 100px; height: 53px; position: relative; text-align: center; margin: auto;      margin-top: 10px;}
.slc-logos * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.slc-logos > .slc-logos-link {display: block;width: 100%;height: 100%;position: absolute;z-index: 1;}
.slc-logos-card {width: 100%;height: 100%;position: relative;-webkit-perspective: 100px;-moz-perspective: 100px;-o-perspective: 100px;perspective: 100px;}
.slc-logos-card figure {display: block;height: 100%;width: 100%;position: absolute;padding: 0;margin: 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;-o-transition: -o-transform 0.4s;transition: transform 0.4s;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;}
.slc-logos-card figure > div {width: 100%;height: 100%;background-repeat: no-repeat;background-size: contain;background-position: center;}
.slc-logos-card .back > div {color: #000;font-size: 12px;padding-top: 20px;}
.slc-logos .slc-logos-card .back,
.slc-logos:hover .slc-logos-card .front {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.slc-logos:hover .slc-logos-card .back {-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}
.tooltip-slc-logos {display: block;position: relative;z-index: 999;}
.tooltip-slc-logos:after {content: '';position: absolute;width: 100%;height: 10px;bottom: 100%;left: 50%;pointer-events: none;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.slc-logos:hover .tooltip-slc-logos::after {pointer-events: auto;}
.tooltip-slc-logos-content {position: absolute;z-index: 9999;width: 140px;left: 50%;bottom: 100%;font-size: 13px;line-height: 1.2;margin: 0 0 10px -70px;text-align: center;font-weight: 400;color: #fff;background: transparent;opacity: 0;cursor: default;pointer-events: none; -webkit-font-smoothing: antialiased; -webkit-transition: opacity 0.3s 0.3s;transition: opacity 0.3s 0.3s;}
.slc-logos:hover .tooltip-slc-logos-content {opacity: 1;pointer-events: auto;-webkit-transition-delay: 0s;transition-delay: 0s;}
.tooltip-slc-logos-content span {display: block;}
.tooltip-slc-logos-text {border-bottom: 2px solid #fffaf0;overflow: hidden;-webkit-transform: scale3d(0,1,1);transform: scale3d(0,1,1);-webkit-transition: -webkit-transform 0.3s 0.3s;transition: transform 0.3s 0.3s;}
.slc-logos:hover .tooltip-slc-logos-content .tooltip-slc-logos-text {-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.tooltip-slc-logos-text-inner {background: rgba(0, 0, 0, 0.6);padding: 7px 10px;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); -webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}
.slc-logos:hover .tooltip-slc-logos-content .tooltip-slc-logos-text-inner {-webkit-transition-delay: 0.3s;transition-delay: 0.3s;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.tooltip-slc-logos-content:after {content: '';bottom: -14px;left: 50%;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;border-color: transparent;border-top-color: #fffaf0;border-width: 7px;margin-left: -7px;}
#logo .down-footer li p.copy-right { font-family: 'Roboto Condensed', sans-serif !important; font-size: 11.5px !important; color: #212529; text-decoration: none;	}

.contact-us-konum { margin: auto;  width: 60%; }
.nester-bg{ position: relative;  color: #fff; background-repeat: no-repeat; position: relative; z-index: 33;}
.nester-bg:after {      position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(61,174,221,.7); z-index: -1; }


.scroll{
  position: fixed;
    bottom: 50px;
    right: 50px;
    height: 64px;
    width: 64px;
    line-height: 69px;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 5px 27px rgba(0,0,0,.09);
    border-radius: 50%;
    transition: all .3s ease;
    z-index: 100;
}
.scroll i{
  color: #eae9e9;
  font-size: 23px;

}
.scroll:hover{
      background-color: #b2d453;
    border-color: #b2d453;
    color: #fff;
}


























