@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: 'Dagdelen-Regular';
  font-style: normal;
	src: local('Dagdelen-Regular'), local('Dagdelen-Regular'),
       url('Dagdelen-Regular.ttf') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}

@font-face {
  font-family: 'Dagdelen-Light'; 
  font-style: normal;
	src: local('Dagdelen-Light'), local('Dagdelen-Light'),
       url('Dagdelen-Light.ttf') format('woff'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}

@font-face {
  font-family: 'HelveticaNeueLTProTh';
  font-style: normal;
	src: local('HelveticaNeueLTProTh'), local('HelveticaNeueLTProTh'),
       url('HelveticaNeueLTProTh.otf') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}
.navbar .dropdown-menu[data-bs-popper]{
  left: 50%;
	
}


:root{
  background: rgb(255,255,255,100);
}


::-moz-selection {
  color: #615f68;
  background: #cddaed;
}

::selection {
  color: #615f68;
  background: #cddaed;
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
video::-webkit-media-controls-start-playback-button {
    display: none;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
	/*height:100%;*/
	width:100%;
	height: -webkit-fill-available;
	overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
	
	min-height: 100vh;
	font-family: 'Dagdelen-Light',  "Noto Sans", sans-serif;
	color:#615f68;
	overflow-x: hidden !important;
	
}

h1, h2, h3{	font-family: 'Dagdelen-Regular',  "Noto Sans", sans-serif;}
h4, h5, h6{ font-weight: 400;	font-family: 'Dagdelen-Light',  "Noto Sans", sans-serif;}


a {text-decoration: none; color:#615f68;}
p {font-size:.9rem;}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
	padding-left:0;
	padding-right:0;
  
}
	
.navbar-toggler {border:none; color:white;}
.navbar-toggler:focus{box-shadow: none;}
.container{
  max-width: 90vw!important;
	
}
.head-bg {
	
	background-image: url("../img/m-bg.webp");
	background-position: center center;
	background-size:cover;
	-webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
	background-repeat: no-repeat;
	padding:0;
	
}

.hbg-ist{ 
background-image: linear-gradient(180deg,
                    rgba(19, 48, 0, 0) 45%,
                    rgba(19, 48, 0, .1)100%), 
                      url(
'../img/istranca-daglari-n1.webp');
	background-position: center center;
height:100vh!important;
align-items: flex-end;

}


.hbg-su{ 
background-image: linear-gradient(180deg,
                    rgba(19, 48, 0, .1) 25%,
                    rgba(19, 48, 0, .6)100%), 
                      url(
'../img/su-kaynagimiz-1.webp');
	background-position: center center;
height:100vh!important;
align-items: flex-end;

	
}
.hbg-dgl{ 
background-image: linear-gradient(180deg,
                    rgba(55, 60, 100, .1) 25%,
                    rgba(56, 60, 100, .6)100%), 
                      url(
'../img/dogal-mineralli-su-3.webp');
	background-position: center center;
height:100vh!important;
align-items: flex-end;

}
.hbg-su-k{ 
 background-color: #efefef; background-image:none;


}
.hbg-kalite{ 
background-image: linear-gradient(180deg,
                    rgba(55, 60, 100, .1) 25%,
                    rgba(56, 60, 100, .3)100%), 
                      url(
'../img/kalite-yonetim.webp');
	background-position: center center;
height:100vh!important;
align-items: flex-end;

}
.hbg-urt { 
background-image: linear-gradient(180deg,
                     rgba(19, 48, 0, .1) 25%,
                    rgba(0, 0, 0, .6)100%), 
                      url(
'../img/uretim-tesisimiz-1.webp');
	background-position: center center;
height:100vh!important;
align-items: flex-end;
}



.hbg-tarihce { 
background-image: linear-gradient(180deg,
                     rgba(19, 48, 0, .3) 25%,
                    rgba(0, 0, 0, .7)100%), 
                      url(
'../img/frame.webp');
}



.hbg-urt-50 { 
background-image: linear-gradient(180deg,
                     rgba(19, 48, 0, .4) 25%,
                    rgba(0, 0, 0, .6)100%), 
                      url(
'../img/uretim-tesisimiz-1.webp');
	background-position: center bottom;
height:50vh!important;
align-items: flex-end;
}

.hbg-gelal-60 { 
background-image: url(
'../img/gelal-bg.webp');
	background-position: center bottom;
height:55vh!important;
align-items: flex-end;
	background-repeat: no-repeat;
}

.hbg-bayi-50 { 
background-image: linear-gradient(180deg,
                     rgba(0, 0, 0, .6) 25%,
                    rgba(0, 0, 0, .4)100%), 
                      url(
'../img/bayiler.webp');
	background-position: center center;
height:50vh!important;
align-items: flex-end;
}
.hbg-con { 
background-image: linear-gradient(180deg,
                     rgba(19, 48, 0, .4) 25%,
                    rgba(0, 0, 0, .6)100%), 
                      url(
'../img/bize-ulasin.webp');
	background-position: center center;
height:50vh!important;
align-items: flex-end;
}
.hbg-gelal-50 { 
background-image: linear-gradient(180deg,
                     rgba(0, 0, 0, .1) 25%,
                    rgba(0, 0, 0, .6)100%), 
                      url(
'../img/kurumunuz-icin-bt.webp');
	background-position: center center;
height:30vh!important;
align-items: flex-end;
}
.hbg-ysl { 
background-image: linear-gradient(180deg,
                     rgba(19, 48, 0, .1) 25%,
                    rgba(0, 0, 0, .6)100%), 
                      url(
'../img/yesil-olmak-1.webp');
	background-position: center center;
height:100vh!important;
align-items: flex-end;
}

.hbg-urn { 
background-image: linear-gradient(180deg,
                     rgba(0, 0, 0, .4) 25%,
                    rgba(0, 0, 0, .1)100%), 
                      url(
'../img/urun-1.webp');
	background-position: center center;
height:50vh!important;
align-items: flex-end;
}
.hbg-urn-none { 
background-color: transparent;
background-image: none;                
height:20vh!important;
align-items: flex-end;
}
.hbg-bayi-none {background-color: #eeeeee;background-image: none;  padding-top:140px; height:0!important;}
.hbg-tr { 
background-image: linear-gradient(180deg,
                     rgba(0, 0, 0, .3) 25%,
                    rgba(0, 0, 0, .1)100%), 
                      url(
'../img/dagdelen-ve-siz-1.webp');
	background-position: center center;
height:70vh!important;
align-items: flex-end;
}

.hbg-hk { 
background-image: linear-gradient(180deg,
                     rgba(0, 0, 0, .3) 25%,
                    rgba(0, 0, 0, .1)100%), 
                      url(
'../img/hakkimizda-bg.webp');
	background-position: center center;
height:70vh!important;
align-items: flex-end;
}

.hbg-kur { 
background-image: linear-gradient(180deg,
                     rgba(0, 0, 0, .4) 25%,
                    rgba(0, 0, 0, .7)100%), 
                      url(
'../img/kurumunuz-icin.webp');
	background-position: center center;
height:50vh!important;
align-items: flex-end;
}
.hbg-kur h1 {font-size:2rem;}
.hbg-sss{ 
background-image: linear-gradient(180deg,
                    rgba(19, 48, 0, .1) 45%,
                    rgba(19, 48, 0, .1)100%), 
                      url(
'../img/sss.jpeg');
	background-position: center center;
height:50vh!important;
align-items: flex-end;

}

.end-bg {
		background-position: center center;
	background-size:cover;
	-webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
	background-repeat: no-repeat;
	padding:0;
	background-attachment: fixed;
	
}
.end-bg-ist {
background-image: url("../img/istranca-bg.webp");

height:50vh!important;
align-items: center;
}
.end-bg-kur {
background-image: url("../img/kurumunuz-icin-bt.webp");

min-height:50vh!important;
align-items: center;
}
.k-list {list-style: none;}
.k-list li {margin-bottom:.5rem;}
.end-bg-su {
background-image: url("../img/su-kaynagimiz-n1.webp");

height:50vh!important;
align-items: center;
}

.gel-al-h {
	background-image: url('../img/gel-al.webp'); 
	background-size: cover; height:40vh;
	background-position: center center;
}
.bayi-h{
	background-image: url('../img/bayi-h-bg.webp'); 
	background-size: cover; 
	padding: 1rem 0;
	margin-bottom:1rem;
	background-position: center top;
}

.bayi-h img {width:100%; max-width: 400px;} 
.gel-al img{ max-width:450px !important;}
.gel-al  { font-family: 'Dagdelen-Light',  "Noto Sans", sans-serif; color:#115398;}
.gel-al p {font-size:1rem;}
.gel-al h2{ font-weight: bold; color:#34b8e4;}
.gel-al h3 {font-weight:400; font-style:italic;}
.md-bg-su {background-image:linear-gradient(180deg,
                    rgba(58, 72, 0, .1) 25%,
                    rgba(19, 48, 0, .6)100%),  url("../img/su-kaynagimiz-3.webp");
}
.md-bg-urn {background-image:linear-gradient(180deg,
                    rgba(0, 0, 0, .0) 25%,
                    rgba(0, 0, 0, .0)100%),  url("../img/urun-2.webp");
}
.md-bg-urn-2 {background-image:linear-gradient(180deg,
                    rgba(0, 0, 0, .2) 25%,
                    rgba(0, 0, 0, .0)100%),  url("../img/urun-3.webp");
}
.md-bg-dgl {background-image:linear-gradient(180deg,
                    rgba(58, 72, 0, .4) 25%,
                    rgba(19, 48, 0, .6)100%),  url("../img/dogal-mineralli-su-1.webp");
}
.md-bg-urt {background-image:linear-gradient(180deg,
                    rgba(58, 72, 75, .2) 25%,
                    rgba(0, 0, 0, .6) 100%),  url("../img/uretim-tesisimiz-3.webp");
}
.md-bg-ysl {background-image:linear-gradient(180deg,
                    rgba(58, 72, 75, .2) 25%,
                    rgba(0, 0, 0, .6) 100%),  url("../img/yesil-olmak-2.webp");
}
.md-text {color:#fff;}
.md-text p {font-size:1.1rem;}


.sm-h3 {font-size:1.1rem !important;}	
.m-col {padding:0; background-color: white;}
.m-col h2, .m-col h3, .m-col p, .m-col h4 {padding:.3rem 1rem;}
.m-col a {margin:.3rem 1rem;}
.m-col h2 {font-size:1.9rem;}
.m-col h3 {font-size:1.3rem;}
.m-col h4 {font-size:.8rem; letter-spacing: 1px; font-family: 'Dagdelen-Light',   "sans-serif"; color: #6f6e75;}
.footer-section {
	height: 50vh; }

.two-col {padding: 0;}
.sec-3-t {background-color: white; padding: 1.3rem;}
.sec-3-t p {font-family: 'Dagdelen-Light',  "sans-serif"}
.sec-3-t h2 {font-size:1.6rem;}
.b1-sn-1 h2{ font-size:2.5rem; font-family:'Dagdelen-Light';}
.b1-sn-1 p {font-size:1.1rem; font-family:'Dagdelen-Regular';}

.g-but {display:inline-block; font-size:.9rem; padding:1rem; background-color: #cddaed; color:#615f68; text-decoration: none; margin:1rem auto; transition: .4s; font-weight: bold; }
.g-but:hover { background-color:#aebacc;}
.g-brd {border:1px solid #615f68;}

.fhv-120 {height: 120vh !important;}
.fhv {height: 100vh !important;}
.fhv-70 {height: 70vh !important;}
.fhv-80 {height: 80vh !important;}
.fhv-90 {height: 90vh !important;}
.fhv-50 {height: 50vh !important;}
.fhv-100 {height: 100vh !important;}

.text-big {font-size: 1.1rem !important;}
.head-tbox {
	color:#fff;
	padding:1rem;
	text-align: center;
	/*background-image: linear-gradient(180deg,
                    rgba(205, 218, 237, .7) 0%,
		rgba(205, 218, 237, .9)100%);*/
	
}
.head-tbox h5 {line-height: 2rem; margin:1rem auto; font-size:1.1rem;}
.tbox-in {padding-right:1.3rem;}
.tbox-in, .tbox-in  a {color:#615f68;}

.m-t {position: absolute; top:25vh; left:10%; transform: translateX(-10%);}
.m-t h1 {color:#fff; padding-left:0em;}
.pl-3 {padding-left:1rem;}


.img-fluid {width:100%;}
.gray-logo {height:40px; margin-left:0;}
.s-t {margin:auto 0; }
.s-t span{margin:0 1rem;font-family: 'Dagdelen-Light',    "sans-serif"}

.in-g img {max-width:250px; width:100%; transition:.4s; }
.sm-ing img {max-width: 100%;}
.in-g img:hover {transform: scale(0.97);}

footer {
background-color:#fff;
	border-top:1px solid #efefef;
	padding-top: 2rem;
	margin: 2rem 0 0 0;
}


footer h2 {
	color:#0686a5;
	font-size:1.3rem;
	
	
}
footer h2::after {
  content: "";
  display: block;
  margin-top: 0.5em;
  border-bottom: 1px solid #0686a5;
  width:50%;
}

.f-links ul {
    width: 85%;
    list-style: none;
    display: inline-block;
    line-height: 1.5rem;
    padding: 0;
}

.f-links ul li {
	padding:.1rem 0;
}
.f-links a {
	text-decoration: none;
	color:#666666;
	font-size:.9rem;
}

.r-tel {position: absolute; z-index: 110; right:0; top:30vh; transform: translateY(-50%); width:60px; height:200px; background-color: rgba(40, 117, 217, .90);}
.r-tel h3 {padding-top:20px;writing-mode: vertical-rl; text-orientation: mixed;margin:0 auto; color:white; font-family: "Dagdelen-Regular",  "Noto Sans", "sans-serif" }
.video-home {position: absolute; z-index: 110; right:0; top:60vh; transform: translateY(-50%); width:300px; padding:1rem;  background-color: rgba(40, 117, 217, .90);}

.bg-spc {background-color: rgba(40, 117, 218, .9);}

.f-links p {font-size:.7rem;}
.social {text-align: center;}
.social  ul {margin:0; padding:0 !important;}
.social li {display:inline-block; margin:.2rem;}
.social h4 {font-size:1rem; color:#0686a5; font-family: "HelveticaNeueLTProTh",  "Noto Sans", "sans-serif";}
.sm-l, .sm-l a, .sm-l p {font-size:.7rem; text-decoration: none; color:#666666; padding:0 1rem;}


.pro-19, .pro-15, .pro-8, .pro-5, .pro-19-in  { position: inherit; z-index: 1;}
.pro-19 img {width:100%; max-width: 210px; transition:.3s ease;}
.pro-19 img:hover {transform: translateY(-10px);}
.pro-19-s {position: absolute; z-index: 0;  top:1rem; right:0;}
.pro-19-s img {width:100%; max-width: 210px;}

.pro-19-in img {width:100%; max-width: 400px; transition:.3s ease;}
.pro-19-in img:hover {transform: translateY(0px);}
.pro-19-in-s {position: absolute; z-index: 0;  top:1rem; right:0;}
.pro-19--in-s img {width:100%; max-width: 400px;}



.pro-15 img {width:100%; max-width: 180px; transition:.3s ease;}
.pro-15 img:hover {transform: translateY(-10px);}
.pro-15-s {position: absolute; z-index: 0;  top:1rem; right:0;}
.pro-15-s img {width:100%; max-width: 180px;}

.pro-8 img {width:100%; max-width: 170px; transition:.3s ease;}
.pro-8 img:hover {transform: translateY(-10px);}
.pro-8-s {position: absolute; z-index: 0;  top:1rem; right:0;}
.pro-8-s img {width:100%; max-width: 170px;}


.pro-5 img {width:100%; max-width: 130px; transition:.3s ease;}
.pro-5 img:hover {transform: translateY(-10px);}
.pro-5-s {position: absolute; z-index: 0;  top:1rem; right:3rem;}
.pro-5-s img {width:100%; max-width: 130px;}

.t-line {position: relative; margin-top:1rem; font-family: 'Dagdelen-Light',  "Noto Sans", 'sans-serif'; font-size:1.5rem; letter-spacing: -2px;}
 .t-line::before {
  content: "";
  display: block;
  margin-top: 0.5em;
  border-bottom: 2px solid #747b86;
	width:40%;
	transform: translate(-50%, -25px);
	left:50%;
	position: absolute;
}

.thin-t {font-family: 'HelveticaNeueLTProTh',  "Noto Sans", 'sans-serif'; letter-spacing: 1px;;}

.sss-v {padding-left:27%;  margin-top:-50px;}
.sss-v a {   font-size:.8rem; color: #666666;}
.sss-v i {font-size:1.2rem; vertical-align: bottom; color:#0686a5;}
.sss-v b {color:#333; font-weight: bolder;}
.sec-bg-half {background: linear-gradient(to bottom, white 50%, #cddaed 50%);}
.sec-bg-half-50 {background: linear-gradient(to bottom, white 50%, #ebeff5 50%);}
.sec-bg-half-fl {background: linear-gradient(to bottom, white 500px, #cddaed 90%);}
.sec-bg-half-st {background: linear-gradient(to bottom, white 70%, #cddaed 50%);}

.sec-bg {background-color:#cddaed;}
.f-sec-bg {background-color:#d4e8f2;}
.w-bg {background-color:#fff;}
.accordion-button {color:#333; font-size:1.2rem;  padding:2rem;    background-color: #dfebfd; margin-bottom:.3rem;}
.accordion-body a {color:#fff; text-decoration: none; cursor:pointer; background: rgba(40, 117, 218, .7);}
.accordion-button:not(.collapsed) {background: rgba(40, 117, 218, .9); color:white;}
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}
.content-section {padding:3rem 0;}
.content-div {padding:2rem; display: flex; flex-direction: column; justify-content: center;}
.content-div {
 /*background: linear-gradient(90deg, #0000 calc(100% - 2px), #efefef 0);
  background-size: calc((100% - 30*5px)/6 + 100px) 100%;*/
}
.content-div h2:after {
content:' ';
position: absolute;
top:100%;
left:1rem;
width: 20%;
border:2px solid rgba(42,114,210, .2);
border-radius:4px;
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .05);
transform:translateX(0%);
}

.content-div p {font-size:1rem;}
.content-icon {position: absolute; right:10px; top:-20px; opacity: .1;}
.bottomright-icon { right:10px;bottom:20px; top:auto;}

.content-icon img {max-width:150px;}
.contentImg {transition: .3s ease; }
.contentImg:hover {    -webkit-filter: saturate(2); filter: saturate(2);}


.k-icon-drop {position: absolute; left:50%; top:-30px; opacity: 1;z-index: -1;}



.k-icon-1 {position: absolute; left:0px; top:-30px; opacity: .1;}
.k-icon-2 {position: absolute; right:0px; top:-30px; opacity: .1;}
.k-icon img {max-width:70px;}

.k-img { width:100%; max-width:600px;}
.line-container {text-align:right; margin-bottom: 3rem; margin-top:4rem;}
.line-container.left {text-align:left;}

.line-container.product-detail {text-align: center; padding: 3rem;  }



.line-container p {font-size:.9rem; line-height: 1.5rem;}
h2.line-text {
	font-size:1.8rem;
		font-family: 'Dagdelen-Light',  "Noto Sans", sans-serif;
	color:#0686a5;
      }
     
h3.line-text {
      position: relative;
	font-size:1.3rem;
	margin-right:2rem;
		font-family: 'Dagdelen-Light',  "Noto Sans", sans-serif;
	color:#0686a5;
      }
     
     h3.line-text:after {
        content: "";
        display: block;
        width: 150px;
        height: 1px;
        background: #666;
        right: -160px;
        top: 50%;
        position: absolute;
		 
      }

     h3.line-text.left:after {
        
        width: 150px;
        height: 1px;
        background: #666;
        left: -160px;
      }

.end-bg-kur {margin-bottom:100px;}
.kur-m {display:none;}
.card{padding: 40px 30px 0;margin-top: -130px;margin-bottom: 0; border: none !important;background: rgba(205,218,237,0.9); border-radius: 0;}
.card-contact {margin-top: -30px;margin-bottom: 0; background: rgba(205,218,237,0.9);}
.blue-text{color: #00BCD4}.form-control-label{margin-bottom: 0}
input, textarea,  select{padding: 8px 15px;border-radius: 5px !important;margin: 5px 0px;box-sizing: border-box;border: 1px solid #ccc;font-size: 1rem !important;font-weight: 300}
input:focus, textarea:focus{-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;border: 1px solid #00BCD4;outline-width: 0;font-weight: 400}
.btn-block{text-transform: uppercase;cursor: pointer; padding:20px 40px; border:none; background-color:white; }
.btn-block-f{ padding:16px 0px; font-size:1rem;}
.btn {margin: 5px 0px;}
.h-100 {height:100%;}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {font-family:Arial, sans-serif; font-size:.8rem;}


button:focus{-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;outline-width: 0}
input[type='checkbox'] {margin-right:.5rem;}
input#urun {
    background-image: url("../img/19lt.webp");
    background-repeat: no-repeat;
	background-size: 17px;
	background-position: 10px center;
    text-indent: 20px;
}
.card a {color:#333; text-decoration: underline;}
.end-bg-kur .form-group {margin:5px 0;}

.nav-link {  font-family: "Noto Sans", sans-serif; font-weight: 700; font-size:.9em;}
.nav-link, .nav-link:hover {color:#fff;}
span.card-title {background: rgba(40, 117, 218, .9);padding: 1rem ; color:#fff; letter-spacing: 1px;}

h2.two-line {
  text-align: center;
  position: relative;
}

h2.two-line:before {
  content: "";
  display: block;
  width: 15%;
  height: 1px;
  background: #7e92ad;
  left: 0;
  top: 50%;
  position: absolute;
}

h2.two-line:after {
  content: "";
  display: block;
  width: 15%;
  height: 1px;
  background: #7e92ad;
  right: 0;
  top: 50%;
  position: absolute;
}

.bayi-box{background-color: white; padding: 1rem; border: 1px solid #dee2e6;margin-bottom: 20px;display: flex;flex-direction: column; height: 100%; }
.bayi-box h2 {font-size:1.4rem;}
.bayi-box span {color:#0686a5;}
.bayi-box hr {border-color: #efefef; opacity: 1;}
.bayi-box p {margin:.2rem 0; font-size:1rem;}
.bayi-box h4 {font-size:1rem; font-weight: 700; color:#0686a5; font-style: italic;}
.bayi-box ul li {    text-transform: capitalize;}
br.mobile {
  display: none;
}
#navbar {
transition:all ease .3s;
}
.shrink-nav {
	padding-top: 0px !important; 
	padding-bottom: 0px !important;
	background: rgba(40, 117, 218, .9);
	filter: drop-shadow(5mm 6mm 4mm rgb(0, 0, 0, .2));
	font-size:14px;
	
}
.shrink-nav .nav-link {} 


.logo img{
  margin-top:5px; 
  width:200px !important;/*changeable*/ 
  transition: ease-in-out .3s;
}
.shrink-logo img {
  transition: ease-in-out .3s;
	width:130px !important;/*changeable*/ 
	margin-top:14px; 
}
.link-nav {color:Black;}

#canvas {
		  opacity: 0.1;
		  position:absolute;
		  top:0;
		  left:0;
		}

.mImg {
	position:absolute; 
	z-index:10; 
	left:0; 
	bottom:0;
	right:0;
	top:0;
	background-repeat: no-repeat;
	background-position: -150px 110px;
/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;*/
	background-size: 120% ;
	background-image:url("../img/mountain2.webp");
	width:110vw; 
	min-height:100vh;	
	overflow: hidden;

}


.fr-img {
	position: absolute;
	z-index:11; 
	left:0; 
	bottom:0;
	right:0;
	top:52%;
	transform: translateY(52%);
	background-repeat: no-repeat;
	background-position: -150px 100px;
/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;*/
	background-size: 120% ;
	background-image:url("../img/bg-md.webp");
	width:100vw; 
	min-height:50vh;	
	overflow: hidden;

}

.full-section {
	min-height: 50vh; 
	padding:2rem 0;

	
}
.home-s-2 {align-items: center;}

.dropdown-menu {
  display: none;
  opacity: 0;
  position: absolute;
  top: 100%;
	left: 50%;
     transform: translateX(-50%);
  z-index: 1000;
	transition: opacity 0.9s ease;
}

.dropdown-menu.show  {
  display: block;
  opacity: 1;
}

 .dropdown-menu {
      background-color: rgba(255, 255, 255, 1) !important;
      border: none !important;
      border-radius: 0 !important;
      box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2) !important;
 
    }
.dropdown-menu li {margin:10px auto;}
.dropdown-toggle::after {display:none;}
    .dropdown-item {

		color:#888;
		font-family: "Noto Sans", sans-serif; font-weight: 600; font-size:.9em;
		text-align: left;
		display:inline;
    }

    .dropdown-item:hover {
      background-color: transparent !important;
		position: relative; 
    }

    .dropdown-item:active {
     color: #333 !important;
    }



  .dropdown-item:hover::before {
 content: ""; 
  position: absolute; 
  left: 7%;
  bottom: 0; 
  width: 90%;
  height: 2px; 
  background-color: #007bff; 
  transition: width 0.3s ease-in-out; 
}

  .dropdown-item:hover::after {
  content: "";
  position: absolute;
  right: 5%; 
  bottom: 0; 
  width: 10px; 
  height: 2px; 
  background-color: #007bff; 
  transition: width 0.3s ease-in-out; 
}
/*
.dropdown-item::before,
.dropdown-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  width:0;
  height: 2px;
  background: rgba(40, 117, 218, .9);
  transition: width 0.3s;
}

.dropdown-item::before {
  left: 10%;
  transform: translateX(-10%);

}

.dropdown-item::after {
  right: 10%;
  transform: translateX(10%);
}

.dropdown-item:hover::before,
.dropdown-item:hover::after {
  width: 50%;
}
*/

  .navbar {
    padding: 1.5em 0;
  }
  .navbar .navbar-nav .nav-link {
    padding: 1em;
  }
  .navbar .navbar-nav .nav-item {
    margin: 1.5em;
  }
	


.video-background-holder {
  position: relative;
  height: 100vh;
 /* min-height: 50rem;*/
  width: 100%;
  overflow: hidden;
}

.video-background-holder video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}


.video-background-content {
  position: relative;
  z-index: 2;
}


.d-small {display:none!important;}
.d-big {display:block!important;}
.sd-1 {display:none !important;}
.sd-2 {display:block !important;}
.sd-title h4 {font-size:2rem;}





.sky {
  position: relative;
  width: 100%;
  height: 100%;
	background-color: transparent;
	
}

.star {
  position: absolute;
  width: 2px;
  height: 2px;
  background: white;
  border-radius: 50%;
  opacity: 0;
  animation: sparkle 1s infinite;
	z-index: 1;
}

@keyframes sparkle {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}














.mw-320 {max-width:320px;}


#clouds{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position:absolute;
	top: 0;
	left: 0;
	right:0;
	
}

.cloud {
	position: absolute;
	z-index: 1;
}

.x1 {
	right:-200px;
	top: 100px;
	width:200px;
	-webkit-animation: moveclouds1 120s linear infinite;
	-moz-animation: moveclouds1 120s linear infinite;
	-o-animation: moveclouds1 120s linear infinite;
	
	
}

.x3 {
	right:0;
	top: 200px;
	z-index: 10;
	-webkit-animation: moveclouds2 100s linear infinite;
	-moz-animation: moveclouds2 100s linear infinite;
	-o-animation: moveclouds2 100s linear infinite;
}


@-webkit-keyframes moveclouds1{
	0% {right: 0%; opacity: 0.0;}
	10% {right: 10%; opacity: 1.0;}
	70% {right: 70%; opacity: 1;}
	80% { right: 80%; opacity: 0.0;}
	100% {right: 100%; opacity: 0.0;}
}
@-moz-keyframes moveclouds1{
	0% {right: 0%; opacity: 0.0;}
	10% {right: 10%; opacity: 1.0;}
	70% {right: 70%; opacity: 1;}
	80% { right: 80%; opacity: 0.0;}
	100% {right: 100%; opacity: 0.0;}
}
@-o-keyframes moveclouds1{
	0% {right: 0%; opacity: 0.0;}
	10% {right: 10%; opacity: 1.0;}
	70% {right: 70%; opacity: 1;}
	80% { right: 80%; opacity: 0.0;}
	100% {right: 100%; opacity: 0.0;}
}

@-webkit-keyframes moveclouds2{
	0% {right: 30%; opacity: 0.0;}
	10% {right: 40%; opacity: 1.0;}
	70% {right: 90%; opacity: 1;}
	80% { right: 95%; opacity: 0.0;}
	100% {right: 100%; opacity: 0.0;}
}
@-moz-keyframes moveclouds2{
	0% {right: 30%; opacity: 0.0;}
	10% {right: 40%; opacity: 1.0;}
	70% {right: 90%; opacity: 1;}
	80% { right: 95%; opacity: 0.0;}
	100% {right: 100%; opacity: 0.0;}
}
@-o-keyframes moveclouds2{
	0% {right: 30%; opacity: 0.0;}
	10% {right: 40%; opacity: 1.0;}
	70% {right: 90%; opacity: 1;}
	80% { right: 95%; opacity: 0.0;}
	100% {right: 100%; opacity: 0.0;}
}



#carouselProducts {display:none;margin-bottom:1rem;}
.carousel-item {
	text-align: center;
	
	
}

.p17 {padding:2.7rem;}

@media screen and (min-width: 992px) {
	.urun-n-bt {padding-bottom:5rem;}
.s-video {width: 100% !important;}
.c-size-6 {width:48%;}
.pl-0 {padding-left:0;}
.pr-0 {padding-right:0}
.fs-pt1 {padding-top:1rem;}
.fs-pt0 {padding-top:0;}
.d-pt-100 {padding-top:15vh;}
.d-md-block {
        display: block !important;
}
.navbar .navbar-nav .nav-item {
  position: relative;
}
.navbar .navbar-nav .nav-item::after {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
  background-color: white;
  width: 0%;
  height: 2px;
  transition: all 0.5s;
}
.navbar .navbar-nav .nav-item:hover::after {
  width: 50%;
	
	
}

.oth-r {margin:auto .2rem !important;}
.oth-r-1 {margin-right:.2rem !important; padding-left: 2rem;}
	
    .col-md-45 {
        flex: 0 0 auto;
        width: 40%;
    }
	    .col-md-25 {
        flex: 0 0 auto;
        width: 20%;
    }	

	
}


@media screen and (min-height: 800px)  { 
	
	.mImg {

	background-position: -150px bottom;


}
/*
	
	.sec-sp {
	
	background-image:url("../img/bg-md.webp");
	background-size: 110%;
	background-position: top center;
	background-color: transparent;
	background-repeat: no-repeat;
	padding-top: 25vh !important;
	margin-top:-16rem;
	z-index: 11;
	position:relative ;
	
}
	
	*/
}

/*
@media screen and (min-width: 0px) and (max-width: 1366px) { 

	}*/
	.sec-sp {
	
	background-image:url("../img/bg-md.webp");
	background-size: 110%;
	background-position: top center;
	background-color: transparent;
	background-repeat: no-repeat;
	padding-top: 25vh !important;
	margin-top:-16.5%;
	z-index: 11;
	position:relative ;
	
}
@media screen and (max-width: 1920px) and (min-width:1440px) {

	.home-s-2 {align-items:center; padding-top:10vh; }
}

@media screen and (max-width: 1440px) and (min-width:1320px) {
.pro-19 img {width:100%; max-width: 200px;}
.pro-19-s img {width:100%; max-width: 200px;}
.pro-15 img {width:100%; max-width: 160px; }
.pro-15-s img {width:100%; max-width: 160px;}
.pro-8 img {width:100%; max-width: 140px;}
.pro-8-s img {width:100%; max-width: 140px;}
.pro-5 img {width:100%; max-width: 110px;}
.pro-5-s img {width:100%; max-width: 110px;}
.home-s-2 {align-items:center; padding-top:10vh;}
}

@media screen and (max-width: 1320px) { 
.home-s-2 { padding-top:20vh;}
.t-line {
	margin-bottom:0; 
	font-size:1.3rem;
	margin-top:.5rem;
}
.pro-19 img {width:100%; max-width: 180px;}
.pro-19-s img {width:100%; max-width: 180px;}
.pro-15 img {width:100%; max-width: 150px; }
.pro-15-s img {width:100%; max-width: 150px;}
.pro-8 img {width:100%; max-width: 130px;}
.pro-8-s img {width:100%; max-width: 130px;}
.pro-5 img {width:100%; max-width: 110px;}
.pro-5-s img {width:100%; max-width: 110px;}

}



@media screen and (max-width: 1366px) { 
		.navbar .navbar-nav .nav-link {
    /*padding: .3em;*/
	 font-size:.8rem;
  }
	.home-s-2 h2 { font-size:1.6rem; }
	.home-s-2 h4 { font-size:1.2rem; }

}

@media screen and (max-width: 1200px) {
.sec-sp {    margin-top: -14rem; }
	  .navbar {
    padding: 1em 0;
  }
  .navbar .navbar-nav .nav-link {
    padding: .1em;
	 font-size:.7rem;
  }
  .navbar .navbar-nav .nav-item {
    margin: 1em;
	          padding: 0 1rem;
  }
	.dropdown-item {font-size:.7rem;}
	.cloud.x2 {display:none;}
.pro-19 img {width:100%; max-width: 150px;}
.pro-19-s img {width:100%; max-width: 150px;}
.pro-15 img {width:100%; max-width: 140px; }
.pro-15-s img {width:100%; max-width: 140px;}
.pro-8 img {width:100%; max-width: 120px;}
.pro-8-s img {width:100%; max-width: 120px;}
.pro-5 img {width:100%; max-width: 100px;}
.pro-5-s img {width:100%; max-width: 100px;}
	
.s-t {margin-top:.5rem; text-align: center; width:100%;}
.s-t span{ display:block; }
	
.mImg {
	
	background-position: bottom right;
	
	background-size: 110% ;
	background-image:url("../img/mountain2.webp");
	width:120vw; 
	min-height:100vh;	
	overflow: hidden;

}	
	
.logo img {
    margin-top: 1px;
    width: 120px !important;	
	
}
	
	.navbar .navbar-nav .nav-item::after	{ bottom: 0px;}
	.hbg-bayi-none {background-color: transparent; padding-top:80px; height: 0 !important;}
	.gel-al-h {
	background-image: url('../img/gel-al-2.webp'); 
	background-size: cover; height:40vh;
	background-position: center center;
}
.su-kaynagi {height:60vh;}
	

}




@media screen and (max-width: 992px) {
	.video-home   .col-10 {display:none;}
	.video-home {width:auto; top:75vh;}
	.su-kaynagi {height:50vh;}
	.m-p-1 {padding-top:1rem !important;}
	.m-pb-1 {padding-bottom:1rem !important;}
	.m-pd-2 {padding:2rem !important;}
	.bg-spc {background-color: none;}
	.tbox-in {margin-bottom:1rem;}
	.hbg-urn-none { height:12vh !important;}
	.navbar {background: rgba(40, 117, 218, 1);
    filter: drop-shadow(5mm 6mm 4mm rgb(0, 0, 0, .2)); }
	.c-size-6 {margin-bottom:1rem; padding:0;}
	.navbar-brand img {width:170px;}
	.shrink-nav {
	padding-top: 10px !important; 
	padding-bottom: 10px !important;}
	.m-t {left:20%; transform: translateX(-20%); display:block;}
	.d-position-relative {z-index:3; position:relative;}
    .d-md-none {  display: block !important;}
	.d-md-block { display: none !important;   }
	.dropdown-menu {	transform: translateX(0%);}
	.dropdown-item {text-align: center; font-size:.9rem; color: #fff;}
	.navbar-collapse {padding-top:.5rem;background: rgba(35, 116, 232, 1)/*background: radial-gradient(circle at -3.7% -5%, rgb(113, 213, 225) 0.3%, rgb(73, 146, 226) 90.5%);*/ }
	.head-tbox h5 {font-size:.9rem; line-height: 1.5rem;}
	.full-section {padding:0;}
	.dropdown-menu {box-shadow: none !important; background-color:rgba(35, 116, 232, 1) !important;}
	.dropdown-menu li {margin:10px auto; text-align: center;}
	.navbar-nav {text-align: center;}
	.navbar .navbar-nav .nav-link { padding: .1em; font-size:.9rem; }
	.navbar .navbar-nav .nav-item { margin: .5em; }
	
	.md-bg {height:auto!important; padding:2rem 0;}
	
	    .col-md-45 {
        flex: 0 0 auto;
        width: 75%;
    }
	    .col-md-25 {
        flex: 0 0 auto;
        width: 25%;
		position: absolute;
		right:0;
    }	
	
	
	.line-container {margin-bottom: 1rem; text-align: left;}
	h3.line-text:after {display: none;}
	.k-img {max-width: 200px;}
	.ck-img {align-items: center;}
	.hbg-bayi-none {background-color: transparent; padding-top:45px; height: 0 !important;}
	.jcs-center {justify-content: center!important; }
	.bayi-h {padding-top:7rem; padding-bottom: .2rem;}
	.gel-al-m {padding-top:1.5rem!important;}
}



@media screen and (max-width: 768px) {
	.line-container.product-detail {padding:0 1rem; margin-top:.5rem;}
	.k-icon-drop {left:40%;}
	.m-pb0 {padding-bottom:0 !important;}
	.c-size-6 {margin-bottom:1rem; padding: 0rem;}
	#carouselProducts {display:block;}
	.pro-d {display:none !important;}
	.t-line:before{margin-top:1rem; }
.pro-19 img {width:100%; max-width: 200px;}
.pro-19-s img {width:100%; max-width: 200px;}
.pro-15 img {width:100%; max-width: 190px; }
.pro-15-s img {width:100%; max-width: 190px;}
.pro-8 img {width:100%; max-width: 180px;}
.pro-8-s img {width:100%; max-width: 180px;}
.pro-5 img {width:100%; max-width: 170px;}
.pro-5-s img {width:100%; max-width: 170px;}
.pro-19-s {op:1rem; left:5rem;}
.pro-15-s { top:1rem;left:5rem;}
.pro-8-s { top:1rem; left:5rem;}
.pro-5-s { top:1rem;left:8rem;}
.m-pb0 {padding-bottom:0;}
.sec-bg-half { background: linear-gradient(to bottom, white 70%, #cddaed 30%); }
.sn-b-title {font-size:1.5rem !important;font-family: 'Dagdelen-Light';}
.sn-1 p {font-size:.7rem;}
.sn-1 {padding:.3rem;}
.sn-1 a {font-size:.75rem; padding:.5rem;}
	.p-m-1 {padding:1rem;} 
.carousel-control-next i, .carousel-control-prev i {color:#33568a  !important; font-size:3rem;}
.m-col h2 {font-size:1.5rem; margin:.5rem auto;}	
.m-col h3  {    font-size: 1.1rem;}

.mImg {
	background-position: bottom right;
	background-size: 150% ;
	background-image:url("../img/mountain2.webp");
	width:180vw; 
	min-height:100vh;	
	overflow:hidden ;

}
	.sky {display:none;}
	.line-container .pt-5 {padding-top:0 !important;} 
	.line-container .pb-5 {padding-bottom:0 !important;}
	.r-tel {top:50vh; z-index:1000;}
	.x1{top:-50px;}	
	.m-order-1 {order:1!important;}
	.m-order-2 {order:2 !important;}
	.m-order-3 {order:3 !important;}
	.sss-v {padding-left:0; margin-bottom:1rem; margin-top:0;}
	.in-g img {max-width:100%; }
	.in-g a {margin:0;}

	.m-col {padding-bottom:1rem;}
	
	.carousel-inner {min-height:500px;}
	
	
.hbg-ist, .hbg-su, .hbg-dgl, .hbg-urt, .hbg-ysl, .hbg-kalite{ 
background-position: bottom center;	
max-height:80vh!important;
align-items: flex-end;}
	
.end-bg-ist, .end-bg-kur, .end-bg-su {background-attachment: scroll;}
.content-icon {top:10px;}
	
	 .col-md-45 {
        flex: 0 0 auto;
        width: 100%;
    }
	    .col-md-25 {
        flex: 0 0 auto;
        width: 100%;
			position: unset;
    }
	.kur-m {display:block; order:2;}
	.kur-m  button  {font-size:.8rem !important;}
	.kur-m p {font-size:.7rem;}
	.kur-1 {display: none !important;}
	.k-img {max-width:150px; margin-top:-70px;}
	.ck-img {justify-content: flex-start; order:1 !important; margin-bottom:1rem;}
	.hbg-kur h1 {font-size:1rem;}
	.hbg-kur.pb-5 {padding-bottom:1rem !important;}
	.card{padding: 90px 40px;margin-top: -30px;margin-bottom: -10px; }
	.card-contact{padding: 30px 30px;margin-top: 30px;margin-bottom: 0; }
	.card-contact iframe {height:300px;}
	span.card-title {display:block;}
	.m-d-none {display: none !important;} 
	h2.line-text {
		font-size:1.5rem; }
	  br.mobile {
    display: block;
	}
	h2.two-line {font-size:1.4rem; margin-bottom:1rem;}
	.m-text-center {text-align: center;}
	.m-mr-0 {margin: 0 auto;}
	#clouds {display: block;}
	.content-div {padding: 0;}
	.content-section {padding:1.5rem 0;}
	.m-mb-0 {margin-bottom:0;}
	.m-inline {display:inline;}
	.home-s-2 h4 {font-size:1.1rem;}
	#carouselProducts {margin-top:1rem;}
	.content-div p {font-size:.9rem;}
	.su-kaynagi {height:47vh;         margin-top: 100px;}
	.su-kaynagi video {width: 750px;     top: 57%;}
	.pr-mt-2 {margin-top:2rem;}
	.pr-mt-1{margin-top:1rem;}
	.k-icon img {display:none;}
	.sec-bg-half-pr {background:transparent;}
	.pr-m-bg {background-color:#cddaed;}
	.m-pt-1 {padding-top:1rem;}
	.d-small {display:block!important;}
	.d-big {display:none !important;}
	.hbg-urt {background-size:120%;        padding-bottom: 1rem !important; max-height: 65vh!important; background-image:linear-gradient(180deg,
                     rgba(19, 48, 0, .1) 25%,
                    rgba(0, 0, 0, .6)100%), 
                      url(
'../img/uretim-tesisimiz-1-m.webp')}
	
	.hbg-tarihce {background-size:cover;   padding-bottom: 1rem !important; max-height: 55vh!important; background-image:linear-gradient(180deg,
                     rgba(19, 48, 0, .1) 25%,
                    rgba(0, 0, 0, .6)100%), 
                      url(
'../img/frame.webp')}

	.hbg-gelal-60 { height:60px!important;  }

	.hbg-kalite {padding-bottom: 0!important;}
	.h-l-f {font-size:.9rem;}

	.k-list {font-size:.9rem;}
	.sd-1 {display:block !important;}
.sd-2 {display:none !important;}
	.sd-title h4 {font-size:1.15rem; line-height:1.6rem;}
	.b1-sn-1 h2 {font-size:1.3rem;}

	
}


@media (max-width:768px) and (min-height:700px) {
	.su-kaynagi {height:40vh;} 
	.su-kaynagi video {
        width: 750px;
        top: 45% !important;
    }
}

@media (min-width:1024px) and (max-width:1366px) and (min-height:500px) and (max-height:700px){
	.pro-19 img {max-width:170px;}
	.pro-15 img {max-width:140px;}
	.pro-8 img { max-width: 120px;}
	.pro-5 img { max-width: 100px;}
}