/* CSS Document */
html {  width: 100%;  height: 100%; }
body {  width: 100%;  height: 100%;  margin: 0;  padding: 0;  position: relative; }
section {  width: 100%;  color: #000000; }
form {  width: 100%;  height: 100%; }
a {  -webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s; }
a, a img {  text-decoration: none;  outline: none;  border: none; }
.clr {  clear: both;  height: 0; }
::-webkit-input-placeholder {  color: #000000;  font-style: italic; }
:-moz-placeholder {  color: #000000;  font-style: italic; }
::-moz-placeholder {  color: #000000;  font-style: italic; }
:-ms-input-placeholder {  color: #000000;  font-style: italic; }
::selection {  background: #e4cfa7; }
::-moz-selection {  background: #e4cfa7; }

body, input, textarea, select, option {  font-family: 'Futura Lt BT', sans-serif;  color: #636466; }
*, *:after, *::before {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  margin: 0;  padding: 0;  text-decoration: none;  list-style-type: none;  outline: none; }

@font-face {
  font-family: 'Futura Hv BT';
  src: local("Futura Heavy BT"), local("FuturaBT-Heavy"), url("fonts/FuturaBT-Heavy.woff2") format("woff2"), url("fonts/FuturaBT-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Futura Lt BT';
  src: local("Futura Light Italic BT"), local("FuturaBT-LightItalic"), url("fonts/FuturaBT-LightItalic.woff2") format("woff2"), url("fonts/FuturaBT-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Futura Lt BT';
  src: local("Futura Light BT"), local("FuturaBT-Light"), url("fonts/FuturaBT-Light.woff2") format("woff2"), url("fonts/FuturaBT-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

.mobile-menu-open, .mobile-menu {display: none; }

nav {  width: 100%;  display: block;  overflow: hidden;  position: absolute;  top: 20px;  z-index: 9; }  
nav ul {    padding: 25px 0;    width: 100%;    text-align: center; }
nav ul li {      display: inline-block;      margin: 0 30px; }
nav ul li:last-child { margin-right: 0; }
nav ul li a {color: #636466;font-size: 22px; }

section h2 {font-size: 48px;letter-spacing: 4px;text-align: center;padding: 90px 0 30px 0;}

#mainScreen {height: 100%; }
#mainScreen .mainScreen-img {width: 68%;margin: 0 auto;padding-top: 5.8%; }
#mainScreen .mainScreen-img img {max-width: 1100px;width: 100%;display: block;margin: 0 auto; }


#secondScreen {position: relative;padding-top: 12%; }
#secondScreen .text-area {width: 63%;margin: 0 auto;text-align: center;position: relative; }
#secondScreen .text-area h2 {color: #000000;font-size: 40px;letter-spacing: 6px; }
#secondScreen .text-area p {font-size: 26px;position: relative;margin-top: 5%; }
#secondScreen .text-area p::before {content: '';position: absolute;background: url(../images/tema-tirnak-1.png) no-repeat;width: 45px;height: 37px;background-size: contain;left: -30px;top: -20px; }
#secondScreen .text-area p::after {content: '';position: absolute;background: url(../images/tema-tirnak-2.png) no-repeat;width: 45px;height: 37px;background-size: contain;bottom: -25px;right: 9%; }
#secondScreen .text-area img {position: absolute;user-select: none;width: 20.5%; }
#secondScreen .text-area .iyikos {top: 0%;left: -8%; }
#secondScreen .text-area .iyikal {top: -15%;left: 45%; }
#secondScreen .text-area .iyibeslen {bottom: -50%;left: -6%; }
#secondScreen .text-area .iyisur {bottom: -45%;left: 41%; }
#secondScreen .text-area .iyicocuk {bottom: -30%;right: -13%; }

#thirdScreen{width: 100%; padding-top: 12%; position: relative;}
#thirdScreen .slogan{width: 100%; height: auto; display: block;}
.contentSlider{width: 80%; margin:auto;}
.contentSlider .owl-prev{display: block; position: absolute; left: -70px; margin-top: -30px; top:50%; width: 31px; height: 56px; background:url(../images/leftArrow.png) no-repeat;}
.contentSlider .owl-next{display: block; position: absolute; right: -70px; margin-top: -30px; top:50%; width: 31px; height: 56px; background:url(../images/rightArrow.png) no-repeat;}
.imgList{width: 100%;}
.imgItem{width: 25%; float: left; padding: 5px;}
.imgItem img{display: block; width: 100%; height: auto;}

.videoItem{width: 100%; height: auto; display: block;}

.txt{ text-align: center;}
.txt strong{display: block; color: #636466; font-size: 20px; padding: 50px 0; letter-spacing: 2px;}
.txt span{display: inline-block; color: #636466; font-size: 18px; background: url(../images/leaf.png) no-repeat left center; padding:0 30px; line-height: 1.5;}

#seventhScreen {padding: 10% 0 0 0; }
#seventhScreen .item-upper {  width: 80%;  margin: 0 auto;  text-align: center;  overflow: hidden; }
#seventhScreen .item-upper .left {    width: 45.5%; margin:auto;}
#seventhScreen .item-upper .left h2 {padding: 15px 0;font-size: 28px;letter-spacing: 4px; }
#seventhScreen .item-upper .left .item-upper-form {width: 53%;margin: 0 auto;display: block;margin-top: 3%; }
#seventhScreen .item-upper .left .item-upper-form input[type="text"] {width: 100%;padding: 20px; border: 1px solid #787878; }
#seventhScreen .item-upper .left .item-upper-form input[type="checkbox"] {margin: 15px 0;float: left; }
#seventhScreen .item-upper .left .item-upper-form input[type="tel"] {width: 100%;padding: 20px;border: 1px solid #787878; }  
#seventhScreen .item-upper .left .item-upper-form label {margin-top: 15px;display: block;margin-left: 19px;text-align: left;font-style: italic; }
#seventhScreen .item-upper .left .item-upper-form label a {color: #000000;text-decoration: underline; }
#seventhScreen .item-upper .left .item-upper-form .button {padding: 12px;border: 1px solid #5e5e5e;width: 28%;float: right;margin-top: 20px;position: relative;background: #ffffff;cursor: pointer;-webkit-box-shadow: 8px 10px 0px 0px #e5e5e5;-moz-box-shadow: 8px 10px 0px 0px #e5e5e5;box-shadow: 8px 10px 0px 0px #e5e5e5; letter-spacing: 2px;-webkit-appearance: none;}
#seventhScreen .item-upper .right {width: 50%;background: #aae1d6;float: right;padding: 73px 30px;color: #000000; }
#seventhScreen .item-upper .right .img-text {font-size: 35px;display: inline-block; }
#seventhScreen .item-upper .right .img-text img {width: 18%;float: left; }
#seventhScreen .item-upper .right .img-text p {width: 79%;float: left;margin-left: 3%; }
#seventhScreen .item-upper .right h2 {font-weight: bold;padding: 15px 0; }
#seventhScreen .item-upper .right p {text-align: left; }
#seventhScreen .item-upper .right .button {padding: 12px;border: 1px solid #5e5e5e;width: 18%;margin: 0 auto;display: block;margin-top: 20px;position: relative;background: #ffffff;cursor: pointer;color: #5e5e5e;-webkit-box-shadow: 8px 10px 0px 0px #99cac0;-moz-box-shadow: 8px 10px 0px 0px #99cac0;box-shadow: 8px 10px 0px 0px #99cac0;letter-spacing: 2px;-webkit-appearance: none;}
#seventhScreen .item-lower {width: 80%;display: block;margin: 5% auto; }
#seventhScreen .item-lower .left {width: 55%;height: 300px;float: left; }
#seventhScreen .item-lower .right {width: 43%;float: left;margin-left: 2%;color: #000000;margin-top: 2%; }
#seventhScreen .item-lower .right h2 {font-size: 34px;text-align: left;padding:35px 0;letter-spacing: 10px; }
#seventhScreen .item-lower .right .head-line {font-size: 18px;margin-bottom: 5%;letter-spacing: 4px;position: relative; }
#seventhScreen .item-lower .right .head-line::after {position: absolute;content: '';background: #7f7f7f;width: 13%;height: 1px;left: 0;bottom: -50%; }
#seventhScreen .item-lower .right .address {letter-spacing: 4px;margin-bottom: 10%; }
.content_kvk  a { color:#000000; text-decoration: underline;}


#fifthScreen{width: 100%; position: relative;}
.imgContanier{width: 75%; margin: auto;}
.imgContanier img{display: block; width: 100%; height: auto;}
.imgContanier img.desktopImg{display: block;}
.imgContanier img.mobileImg{display: none;}

#seventhScreen .item-upper .left .item-upper-form input[type="text"].inputError, #seventhScreen .item-upper .left .item-upper-form input[type="tel"].inputError {border:1px solid #ff0000!important;}

.radiovalidate { position:absolute; left: -40px; top: 6px; width: 24px; }

@media screen and (max-width: 1680) { 
  nav ul li {margin-right: 42px;}
}

@media screen and (max-width: 1366px) {
  section h2 {font-size: 40px; }

  #mainScreen .mainScreen-img {width: 68%;padding-top: 2%; }
  #secondScreen .text-area p {font-size: 18px; }
  #secondScreen .text-area img {width: 15%; }
  #secondScreen .text-area .iyikos {top: 20%;left: -2%; }
  #secondScreen .text-area .iyibeslen {bottom: -34%;left: 2%; }
  #secondScreen .text-area .iyisur {bottom: -35%; }
  #secondScreen .text-area .iyicocuk {bottom: -25%;right: -6%; }

 
  #seventhScreen .item-upper .left {width: 47.5%; }#seventhScreen .item-upper .left h2 {font-size: 21px; }
  #seventhScreen .item-upper .left .item-upper-form {width: 75%;margin-top: 3%; }
  #seventhScreen .item-upper .right .img-text {font-size: 19px; }
  #seventhScreen .item-upper .right .img-text img {width: 18%;float: left; }
  #seventhScreen .item-upper .right .img-text p {width: 79%;float: left;margin-left: 3%; }
  #seventhScreen .item-upper .right .button {width: 24%; }
  #seventhScreen .item-lower {height: 42%; }
  #seventhScreen .item-lower .left {width: 55%;height: 210px;float: left; }
  #seventhScreen .item-lower .right h2 {font-size: 29px;text-align: left;padding: 26px 0;letter-spacing: 10px; } }



@media screen and (max-width: 1024px) {

  .mobile-menu-open {display: block;position: absolute;left: 3%;top: 0.3%;width: 7%;padding: 5px; }
  .mobile-menu-open span {width: 100%;height: 9px;background: #626366;display: block;margin: 6px 0; }
  .mobile-menu {width: 100%;height: 100%;background: #ffffff;position: fixed;z-index: 9;font-size: 24px;text-align: center;right: -100%;display: block; }
  .mobile-menu .close {position: absolute;right: 20px;top: 20px; }
  .mobile-menu ul {margin-top: 30%; }
  .mobile-menu ul li {margin: 50px 0; }
  .mobile-menu ul li a { color: #5e5e5e; }

  nav {display: none; }
  #mainScreen {height: auto; }
  section {height: auto; }
  nav ul li {margin-right: 50px; }
  #mainScreen .mainScreen-img {width: 75%;padding-top: 5%; }

  #secondScreen {padding-bottom: 10%;padding-top: 0; }
  #secondScreen .text-area p {font-size: 18px; }
  #secondScreen .text-area p::before {width: 31px;left: -25px;top: -15px; }
  #secondScreen .text-area p::after {width: 31px;right: 2%; }
  #secondScreen .text-area img {width: 15%; }
  #secondScreen .text-area .iyikos {top: 28%;left: -2%; }
  #secondScreen .text-area .iyikal {top: 28%; }
  #secondScreen .text-area .iyibeslen {bottom: -25%;left: -10%; }
  #secondScreen .text-area .iyisur {bottom: -25%; }
  #secondScreen .text-area .iyicocuk {bottom: -15%;right: -13%; }

 
  #seventhScreen {height: auto; }
  #seventhScreen .item-upper .left {width: 100%;border-right: none;padding-bottom: 20%;position: relative; }
  #seventhScreen .item-upper .left h2 {font-size: 43px; }
  #seventhScreen .item-upper .left .item-upper-form .button {width: 31%; }
  #seventhScreen .item-upper .right {width: 100%; }
  #seventhScreen .item-upper .right .button {width: 28%; }
  #seventhScreen .item-lower {width: 100%; }
  #seventhScreen .item-lower .left {width: 100%;height: 392px; }
  #seventhScreen .item-lower .right {text-align: center;width: 100%; margin:0;}
  #seventhScreen .item-lower .right h2 {text-align: center;position: relative;padding: 40px 0; }
  #seventhScreen .item-lower .right h2::after {position: absolute;content: '';background: #7f7f7f;width: 25%;height: 1px;left: 37%;bottom: 20px; }
  #seventhScreen .item-lower .right .head-line {width: 55%;text-align: right;float: left;position: relative; }
  #seventhScreen .item-lower .right .head-line::after {position: absolute;content: ':';width: 1px;height: 1px;left: 100%;display: block;background: none;top: 0; }
  #seventhScreen .item-lower .right .address {width: 43%;display: inline-block;text-align: left;margin-top: 4px;margin-right: 5px;margin-left: 12px; }
  #seventhScreen .item-lower .right p::after {display: none; }
}

@media screen and (max-width: 768px) {
  .fifthSCreen{ padding-top: 50px;}
  .imgContanier{width: 100%;}
  .imgContanier img.desktopImg{display: none;}
.imgContanier img.mobileImg{display: block;}

  .mobile-menu-open span {height: 6px; }
  section h2 {padding: 60px 0 30px 0; }
  #secondScreen {padding-bottom: 15%; }
  #secondScreen .text-area {width: 73%; }
  #secondScreen .text-area img {width: 21%; }
  #secondScreen .text-area .iyikos {top: 11%;left: -8%; }
  #secondScreen .text-area .iyikal {top: 19%; }
  #secondScreen .text-area .iyibeslen {bottom: -34%;left: -10%; }
  #secondScreen .text-area .iyisur {bottom: -29%; }
  #secondScreen .text-area .iyicocuk {bottom: -18%;right: -13%; }
  
  #seventhScreen {height: 43%; }
  #seventhScreen .item-upper .left {width: 100%;border: 0; }
  #seventhScreen .item-upper .left::after {bottom: 9%; }
  #seventhScreen .item-upper .right {width: 100%;margin-top: 5%; }
  #seventhScreen .item-lower {height: auto;width: 100%;margin-top: 5%;display: inline-block;margin-bottom: 5%; }
  #seventhScreen .item-lower .left {width: 100%;height: 100%;float: left; }
  #seventhScreen .item-lower .right {width: 100%;margin: 0;margin-bottom: 5%; }
  #seventhScreen .item-lower .right .head-line {  width: 52%; }
}

@media screen and (max-width: 480px) {
  .mobile-menu ul li { margin: 30px 0; }
  section {overflow: hidden; }
  .mobile-menu-open {width: 9%; }.mobile-menu-open span {height: 3px;margin: 3px 0; }
  section h2 {font-size: 30px;padding: 30px 0;letter-spacing: 6px; }
  .mainScreen-img {width: 100%; }

  #secondScreen {display: inline-block;padding-bottom: 20%; }
  #secondScreen .text-area {width: 73%; }
  #secondScreen .text-area h2 {font-size: 30px; }
  #secondScreen .text-area p {font-size: 14px;margin-top: 20%; }
  #secondScreen .text-area p::before {width: 20px;left: -20px;top: -10px; }
  #secondScreen .text-area p::after {width: 20px;right: -4%; }
  #secondScreen .text-area img {width: 30%; }
  #secondScreen .text-area .iyikos {top: 18%; }
  #secondScreen .text-area .iyikal {top: 23%; }
  #secondScreen .text-area .iyibeslen {bottom: -18%;left: -9%; }
  #secondScreen .text-area .iyisur {bottom: -18%; }
  #secondScreen .text-area .iyicocuk {bottom: -20%;right: -13%; }



  #seventhScreen {height: auto; }
  #seventhScreen .item-upper .left h2 {font-size: 22px; }
  #seventhScreen .item-upper .left .item-upper-form {width: 100%; }
  #seventhScreen .item-upper .left .item-upper-form .button {width: 35%; }
  #seventhScreen .item-upper .right .img-text {font-size: 14px; }
  #seventhScreen .item-upper .right .button {width: 50%; }
  #seventhScreen .item-lower {height: auto; }
  #seventhScreen .item-lower .left {height: 50%; }
  #seventhScreen .item-lower .right .head-line {width: 100%;text-align: center;margin: 0; }
  #seventhScreen .item-lower .right .address {width: 100%;text-align: center;margin: 10px 0; }
  #seventhScreen .item-upper .left::after {bottom: 5%;}
  .imgItem{width: 50%;}

}

@media screen and (max-width: 375px) {

}