@charset "utf-8";
/* CSS Document v2 */

/*@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);*/
@font-face { font-family: Raleway; src: url('raleway-regular-webfont.woff2') format('woff2'), url('raleway-regular-webfont.woff') format('woff'); font-weight: 400;}

#home{height: 110px;}
html, body {font-family: "Raleway", sans-serif; margin: 0; height: 100%;font-size: 16px; line-height: 30px;}
* {font-family: "Raleway", sans-serif; box-sizing: border-box; }
html{scroll-behavior: smooth; /*font-size: 1em;*/}
#contact_form{text-align: left;}
#aboutus, #services > h1{text-align:left;}
.a2{text-align:center;}
.a3{text-align:center; margin: 120px 10px 75px 0px;width: 100%;clear: both;}
.clear{clear:both;}
.bosluk{width:100%; margin: auto;text-align: center;}
.header { padding: 30px; text-align: center;}
.mavi{color:#2e3191;}
.yesil{color:#089e49;}
#cert{width: 70%; margin: auto; margin-bottom:100px;}
#cert_lft{width:50%;float: left; text-align: center; margin-top:70px;}
/*ol>li.sayi{margin:20px; list-style: decimal;}*/
#narrow_p{width:300px; margin: auto; text-align: center;}
#sustain{text-align: center;}
footer{width:100%; text-align: center;height: 150px; display:table;}
/*p{margin:50px 20px 50px 20px; /*font-size: 1.3em;}*/

.prd li{list-style: disc; padding-left: 0.3em;}
.prd ul{padding-left: 0.9em;}
.cizgi{width:85%; margin: auto;}
.button { border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer;}
.btn_blue{background-color: #2e3191;}
#contact_left{text-align: center;}
#btn{width:150px; height: 45px; }
#sbt{margin: auto; text-align: center;}
#ikinci{min-height:550px;margin: 4%; background-repeat: no-repeat; background-size: cover;color:#fff; font-size:22px; font-weight:bold; text-align: center; background-color: #2e3191;
background-image: url('images/ecopab_aboutus.jpg');background-image: -webkit-image-set(url('images/ecopab_aboutus.webp') 1x);
	/* image-set for FF, only jpg gets downloaded for not supporting browsers
	background-image: -webkit-image-set(url('images/glass_about_us.webp') 1x);*/}
#services p{text-align: justify;}

.content {/*padding: 16px;*/}
.sticky {position: fixed; top: 0; width: 100%;}
.sticky + .content {padding-top: 60px;}

h1{font-size:2.2em; color: #2e3191; }
h2 {font-size:1.17em; display:block; margin-block-start:1em; margin-block-end:1em; font-weight:bold; color:#4448d1;}

#starter {background-repeat: no-repeat; background-size: cover;background-attachment: fixed; width: 100%; min-height: 720px; margin-top: 20px; text-align:center; align-items: center; font-size:20px;background-color: #089e49;background-image: url('images/ecopab_paper_landing_photo.jpg');background-image: -webkit-image-set(url('images/ecopab_paper_landing_photo.webp') 1x);

  /* image-set for FF, only jpg gets downloaded for not supporting browsers	
	background-image: -webkit-image-set(url('images/glass_main_square.webp') 1x);*/}
/*
#starter2 {background-repeat: no-repeat; background-size: cover;background-attachment: fixed; width: 100%; min-height: 720px; margin-top: 20px; text-align:center; align-items: center; font-size:20px;background-color: #089e49;background-image: url('images/istockphoto-1323498304-2048x2048.jpg');}
*/

#foot1{ font-weight: 700; font-size:16px; width: 100%; margin-top:50px;}
#foot2{width: 100%; margin-top:20px;}

#power_container{height: 65px; width: 100%; display: flex;justify-content: center;}
#osher{margin-top:25px;display: table-cell; vertical-align: middle;}
.power{margin-top:40px; display:table-cell; vertical-align: middle;width: 50%;}
.power2{margin-top:40px; display:table-cell; vertical-align: middle;width:50%;}

.top-nav {display: flex;flex-direction: row; align-items: center; justify-content: space-between; background-color: #2e3191; color: #FFF;height: 50px; padding: 1em;}
.menu {display: flex; flex-direction: row; list-style-type: none; margin: 0; padding: 0; font-size: 20px;}
.menu > li {/*margin: 0 1rem;*/ overflow: hidden;}
.menu-button-container {display: none; height: 100%; width: 30px; cursor: pointer; flex-direction: column; justify-content: center; align-items: center;}


#menu-toggle {display: none;}


.menu-button,
.menu-button::before,
.menu-button::after {display: block; background-color: #fff; position: absolute; height: 4px; width: 30px; transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
.menu-button::before {content: ''; margin-top: -8px;}
.menu-button::after {content: ''; margin-top: 8px;}
#menu-toggle:checked + .menu-button-container .menu-button::before { margin-top: 0px; transform: rotate(405deg);}
#menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
#menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px; transform: rotate(-405deg);}


@media (min-width: 901px) {
	
#products{width:75%;margin: 110px auto; }
.prd{ width: 24%;align-self: flex-start; }
.prd:first-child{margin-right: 8px; width:40%;}
#prod_cont{display:flex; flex-wrap: nowrap; width:100%;align-items: baseline;align-items: stretch; column-gap: 15px;}
.p_pic{/*width:100%; margin: auto; height:274px;*/background-repeat: no-repeat; background-size: cover;background-attachment:scroll; width: 100%; min-height: 274px; margin: 0; text-align:center; align-items: center; font-size:20px;background-color: #089e49;background-image: url('images/ecopab_paper_products.jpg');background-image: -webkit-image-set(url('images/ecopab_paper_products.webp') 1x);}
#cert_rgt{width:50%; float: left; text-align: center;}
#cert_rgtm{display: none;}
	
.logo1{padding-top: 20px; z-index: 2;font-size: 50px; font-weight: 500;}
.logo2{ z-index: 1; display: block; position: absolute; padding-top: 5px; /*color:#7b7b7b;*/ color:#474747; font-size: 20px; margin: auto;text-align: center; width:100%;font-weight: 600;}
/* sustain */	
.sustain_left{float:left; width:50%; margin:auto;}
.sustain_right{float:left; width:50%; margin:auto;}	
/* sustain level */	
#sub_servo{display: flex; flex-direction: row; justify-content: space-evenly;align-items: stretch;}
.sub_s{/*display:flex;*/ align-items: stretch;flex-wrap:nowrap;flex-direction:row; margin-left:10px;width:25%;}
.sub_s li{padding-left: 3px;}
#contact_container{display:flex; justify-content: space-evenly; margin-top: 100px;}
ol, li {list-style: decimal;padding-left: 2em;}
#header{height:150px;text-align: center;width: 100%;margin-top:20px;}
#headerm{display:none;}
.tmenu{display:none;}
#navbar {display: flex; justify-content: center; overflow: hidden;  background-color: #2e3191;}
#navbar a {float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none;}
#navbar a:hover {background-color: #21236b; color:antiquewhite;}
#navbar a.active {background-color: #21236b; color: white;}
input{width:300px; height: 30px;font-size: 1em;}
textarea{width:300px; height:110px;font-size: 1em;}
input{width:300px; height: 30px;/*font-size: 1em;*/}
textarea{width:300px; height:110px;/*font-size: 1em;*/}
#sbt{margin: auto; text-align: center;margin-top:10px;}
/*#products{width:100%;margin:auto; min-height:860px; padding: 7% 0 7% 0;}
#products img{width:100%; min-height:1230px;}*/
.f1{object-fit:fill;}
#prd_left{float:left;width:50%; height: 100%; /*padding-left:20%;*/ text-align: center;}
#prd_right{/*float:left;*/ width: 100%; height: 100%; /*object-fit: inherit; object-position: 50% 50%*/}
#prd_rightm{display:none;}
.prd>li {padding: 10px; margin-left:10px;}
.b1{display:inherit; text-align: center;}
.b2{display: none;}
#services,#sustain,#contact{min-height:400px; padding: 7% 0 7% 0; width:60%; margin:auto;}
#aboutus{min-height:460px; width:60%; margin: auto auto 30px auto;}
.metin1{width:100%; padding-top:280px; color:#fff; font-size:72px; font-weight:bold; text-shadow: 2px 2px 5px #222;}
.metin2{font-size:20px; text-shadow: 2px 2px 5px #222; line-height: 75px;}
.metin3{width:100%; padding-top:240px; color:#fff; font-size:40px; font-weight:bold; text-shadow: 2px 2px 5px #222;}
	
}

@media (max-width: 900px) {


.a3{text-align:center; margin: 60px 10px 35px 0px;width: 100%;clear: both;}	
.prd{ width: 45%;align-self: flex-start; }
.prd:first-child{margin-right: 8px; width:47%;}
#prod_cont{display:flex; flex-wrap: wrap; width:100%;align-items: baseline;align-items: stretch; column-gap: 15px;}
.p_pic{/*width:100%; margin: auto; height:274px;*/background-repeat: no-repeat; background-size: cover;background-attachment:scroll; width: 100%; min-height: 274px; margin: 0; text-align:center; align-items: center; font-size:20px;background-color: #089e49;background-image: url('images/ecopab_paper_products.jpg');background-image: -webkit-image-set(url('images/ecopab_paper_products.webp') 1x);}	
	
#home{height: 90px;}	
.logo1{padding-top: 20px; z-index: 2;font-size: 35px; font-weight: 500;}
.logo2{ z-index: 1; display: block; position: absolute; /*padding-top: -5px;color:#7b7b7b;*/ color:#474747; font-size: 15px; margin: -5px auto 0 auto;text-align: center; width:100%;font-weight: 600; }	
input{width:230px; height: 45px;/*font-size: 1em;*/}
textarea{width:230px; height:180px;/*font-size: 1em;*/}
#sbt{margin: auto; text-align: center;margin-top:10px;}
ol, li {list-style: decimal;padding-left: 1em;}	
#contact_container{display: flex; justify-content: center;  margin-top: 100px; align-content: center; flex-direction: column;  align-items: center;}
#header{display:none;}
#headerm{height:90px;text-align: center;width: 100%;}
	
#cert_lft{width:100%; text-align: center; margin:-30px auto 0 auto;}
#cert_rgt{display: none;}
#cert_rgtm{width:100%; text-align: center; margin: auto;}
#cert{width: 85%;}
	
#starter{background-repeat: no-repeat; background-size: cover; background-attachment: inherit;  min-height:700px; margin: 10px 0 0 0;background-color: #089e49; background-image: url('images/ecopab_paper_landing_photo_m.jpg');background-image: -webkit-image-set(url('images/ecopab_paper_landing_photo_m.webp') 1x); /*background-image: -webkit-image-set(url('images/glass_main_square_m.webp'));*/}
#ikinci{min-height:550px;margin: 4%; background-repeat: no-repeat; background-size: cover;color:#fff; font-size:22px; font-weight:bold; text-align: center; background-color: #2e3191;
background-image: url('images/ecopab_aboutus_m.jpg');background-image: -webkit-image-set(url('images/ecopab_aboutus_m.webp') 1x);}
	
#navbar a {float: left; display: block; color: #f2f2f2; text-align: center; text-decoration: none;}
.tmenu{font-size:1.5em;}
.menu-button-container {display: flex;}
.menu {position: absolute; margin-top: 363px; left: 0; flex-direction: column; width: 100%; justify-content: center; align-items: center; font-size: 1.3em;}
#menu-toggle ~ .menu li {height: 0; margin: 0; padding: 0; border: 0; transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
#menu-toggle:checked ~ .menu li {border: 1px solid #191b52; height: 2.5em; padding: 0.5em; transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
.menu > li {display: flex; justify-content: center; margin: 0; padding: 0.5em 0; width: 100%; color: white; background-color: #21236b;}
.menu > li:not(:last-child) {border-bottom: 1px solid #191b52;}
#products{width:85%;margin:auto auto 60px auto; min-height:860px; padding-top: 10%; display:flex; flex-direction: column;}
#prd_left{width:85%; text-align: left;margin:auto;}
#prd_right{display:none;}
#prd_rightm{width:100%; margin: auto;text-align: center;}
.b1{display:none;}
.b2{display: inherit;text-align: center;}
#services,#sustain,#contact{min-height:700px; padding: 7% 0 7% 0; width:85%; margin:auto;}	
#aboutus{min-height:700px; width:85%; margin: auto auto 30px auto;}
.metin1{width:100%; padding-top:150px; color:#fff; font-size:65px; font-weight:bold; text-shadow: 2px 2px 5px #333; line-height: 60px;}
.metin2{font-size:25px; text-shadow: 2px 2px 5px #333; line-height: 30px;}
.metin3{width:100%; padding-top:240px; color:#fff; font-size:40px; font-weight:bold; text-shadow: 2px 2px 5px #333;}
#contact_form{text-align: center; background-color: #e4e4e4; margin-top:30px; width: 310px;}	
	
}