@font-face {
  font-family: 'Helvetica';
  font-style: normal;
  font-weight: normal;
  src: local('Helvetica'), url('../fonts/helvetica/Helvetica.woff') format('woff');
}
@font-face {
  font-family: 'Bebas';
  font-style: normal;
  font-weight: normal;
  src: local('BebasNeue'), url('../fonts/bebas/BebasNeue.otf') format('woff');
}

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* reset css */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   */

   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td,
   article, aside, canvas, details, embed, 
   figure, figcaption, footer, header, hgroup, 
   menu, nav, output, ruby, section, summary,
   time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font-family: "Roboto", sans-serif;
     vertical-align: baseline;
   }
   /* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
     display: block;
   }
body {
    line-height: 1;
}
   ol, ul {
     list-style: none;
   }
   blockquote, q {
     quotes: none;
   }
   blockquote:before, blockquote:after,
   q:before, q:after {
     content: '';
     content: none;
   }
   table {
     border-collapse: collapse;
     border-spacing: 0;
   }
   body {
    overflow-x: hidden;
  }
  * {
    box-sizing: border-box;
  }
a{text-decoration: none!important;}
  /* utils */

  .container {    width: 100%;    padding: 0 15px;    margin: 0 auto;  }

  @media only screen and (min-width: 768px) {
    .container {      width: 720px;    }
  }

  @media only screen and (min-width: 991px) {
    .container {      width: 960px;    }
  }

  @media only screen and (min-width: 1200px) {
    .container {
      width: 1200px;    }  
    }

  /* navbar */
.main-menu .navbar {
    position: absolute;
    padding: 0;
    z-index: 99;
    top: 0;
    width: 100%;
    height: 103px;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
@keyframes menuTp {
    from {
        top: -103px;
    }

    to {
        top: 0;
    }
}
.main-menu .navbar.sticky {
    background: #21B188;
    position: fixed;
    animation-name: menuTp;
    animation-duration: 1s;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
  .navbar{background-color: #21B188; padding:0;}
  .navbar .navbar__wrapper { display: flex; justify-content: space-between; width: 100%; z-index: 999!important;}
  .navbar .navbar__wrapper .navbar__logo { padding: 15px 0; }
  .navbar .navbar__wrapper .navbar__nav { display: flex; align-items: center; }
  .navbar .navbar__wrapper .navbar__nav .navbar__buttons { display: none; height: 100%;  }
  .navbar .navbar__wrapper .navbar__nav .navbar__buttons .navbar__button { color: #ffffff; display: flex; align-items: center; height: 100%; text-decoration: none; padding: 0 25px; font-size:14px; transition: 0.3s all; }
  .navbar .navbar__wrapper .navbar__nav .navbar__buttons .navbar__button:hover,  .navbar .navbar__wrapper .navbar__nav .navbar__buttons .navbar__button.active { background: rgba(0, 0, 0, 0.2) }
  .navbar .navbar__wrapper .navbar__nav .navbar__search-button { cursor: pointer; margin-left: 25px; display: flex; justify-content: center; padding: 0 20px; align-items: center; height: 100%; background-color: rgba(0, 0, 0, 0.2) }
  .navbar .navbar__wrapper .navbar__nav .navbar__search-button .navbar__search-icon { width: 18px; height: 18px; transition: 0.3s all; background: url('../svg/search-icon.svg'); background-size: 100%; }
  .navbar .navbar__wrapper .navbar__nav .navbar__search-button.navbar__search-button--active { background: #F8A900 }
  .navbar .navbar__wrapper .navbar__nav .navbar__search-button.navbar__search-button--active .navbar__search-icon { background: url('../svg/close.svg'); }
  .navbar .navbar__wrapper .navbar__nav .navbar__buttons img{margin-top:-5px;margin-right: 5px;}

  @media only screen and (min-width: 991px) {
    .navbar .navbar__wrapper .navbar__nav .navbar__buttons { display: flex; }

  }

  @media only screen and (min-width: 1200px) {
    .navbar .navbar__wrapper .navbar__nav .navbar__buttons .navbar__button { padding: 0 25px; }
  }

/*.menu-area--active{display: none;}
.navbar .navbar__wrapper .navbar__nav .navbar__buttons .navbar__button--active:hover .menu-area--active{
  display: block;
  }*/
  /* mobile menu */

  .navbar-mobile { position: absolute; width: 100%; height: calc(100vh - 84px); transition: 0.3s all; visibility: hidden; padding: 100px 15px 0 15px; top: 84px; transform: translateX(-100%); background: url('../images/mobile-m-bg.png') no-repeat; background-size:100%; z-index:9;  }
  .navbar-mobile.navbar-mobile--active { visibility: visible; transform: translateX(0); overflow-y: auto; }
  .navbar-mobile .navbar-mobile__button { display: block; text-decoration: none; color: #ffffff; padding: 10px 0; text-align: center; }

  .navbar__mobile-button {padding: 0 20px; height: 100%;display: flex; justify-content: center; align-items: center; cursor: pointer; }

  .navbar__hamburger-menu, .navbar__hamburger-menu:after, .navbar__hamburger-menu:before { width: 30px; height: 3px;}

  .navbar__hamburger-menu {    position: relative;    background: rgba(255, 255, 255, 1);    transition: all 0ms 300ms;  }

  .navbar__hamburger-menu.animate {    background: rgba(255, 255, 255, 0);  }

  .navbar__hamburger-menu:before {    content: "";    position: absolute;    left: 0;    bottom: 8px;    background: rgba(255, 255, 255, 1);    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),    transform 300ms cubic-bezier(0.23, 1, 0.32, 1);  }

  .navbar__hamburger-menu:after {    content: "";    position: absolute;    left: 0;    top: 8px;    background: rgba(255, 255, 255, 1);    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1),    transform 300ms cubic-bezier(0.23, 1, 0.32, 1);  }

  .navbar__hamburger-menu.animate:after {    top: 0;    transform: rotate(45deg);    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1),   transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);  }

  .navbar__hamburger-menu.animate:before {    bottom: 0;    transform: rotate(-45deg);    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1),    transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);  }

  @media only screen and (min-width: 991px) {
    .navbar__mobile-button { display: none; }
  }



  .menu-area { position: absolute; z-index: 99; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  	transition: all 1200ms cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; top: 0px; padding: 90px 0px 50px; transform: translateY(-150%); /*height: calc(100vh - 84px);*//* background: rgba(177, 172, 1, 0.97);*/ background: url('../images/menu-bg.png'); background-size: cover;background-position: left top; min-height: 350px; }

  .menu-area.menu-area--active { transform: translateY(0); }

  .menu-area .menu-area__offer { }
  .menu-area .menu-area__offer .menu-area__proposal { padding: 20px 0; }
  .menu-area .menu-area__offer .menu-area__proposal-item { display: block; transition: 0.3s all; padding: 15px 0; color: #ffffff; text-decoration: none; font-size: 20px; font-weight: 100; }
  .menu-area .menu-area__offer .menu-area__proposal-item:hover { background: rgba(255, 255, 255, 0.1); padding: 15px; }
  .menu-area .menu-area__offer .menu-area__populer { }
  .menu-area .menu-area__offer .menu-area__populer ul {}
  .menu-area .menu-area__offer .menu-area__populer ul li { padding: 10px 0; }
  .menu-area .menu-area__offer .menu-area__populer ul li::before { content: "\2022"; padding-right: 10px; color: #ffffff; }
  .menu-area .menu-area__offer .menu-area__populer-title { font-size: 18px; margin-bottom: 10px; color: #ffffff; font-weight: 100; }
  .menu-area .menu-area__offer .menu-area__populer-item { font-size: 16px; transition: 0.3s all; color: #ffffff; font-weight: 100; text-decoration: none; }
  .menu-area .menu-area__offer .menu-area__populer-item:hover {}

  .menu-area2 { position: absolute; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 1200ms cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; top: 0px; padding: 90px 0px 50px; transform: translateY(-150%); /*height: calc(100vh - 84px);*/background: url('../images/menu-bg.png'); background-size: cover;background-position: left top; min-height: 350px; z-index:99; }
  .menu-area2.menu-area--active { transform: translateY(0); }

  .menu-area2 .menu-area__offer { }
  .menu-area2 .menu-area__offer .menu-area__proposal { padding: 20px 0; }
  .menu-area2 .menu-area__offer .menu-area__proposal-item { display: block; transition: 0.5s all; padding: 15px 0; color: #ffffff; text-decoration: none; font-size: 20px; font-weight: 100; }
  .menu-area2 .menu-area__offer .menu-area__proposal-item:hover { background: rgba(255, 255, 255, 0.1); padding: 15px; }
  .menu-area2 .menu-area__offer .menu-area__populer { }
  .menu-area2 .menu-area__offer .menu-area__populer ul {}
  .menu-area2 .menu-area__offer .menu-area__populer ul li { padding: 10px 0; }
  .menu-area2 .menu-area__offer .menu-area__populer ul li::before { content: "\2022"; padding-right: 10px; color: #ffffff; }
  .menu-area2 .menu-area__offer .menu-area__populer-title { font-size: 18px; margin-bottom: 10px; color: #ffffff; font-weight: 100; }
  .menu-area2 .menu-area__offer .menu-area__populer-item { font-size: 16px; transition: 0.3s all; color: #ffffff; font-weight: 100; text-decoration: none; }
  .menu-area2 .menu-area__offer .menu-area__populer-item:hover { }

  .menu-area3, .menu-area1 { position: absolute; -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 1200ms cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; top: 0px; padding: 90px 0px 50px; transform: translateY(-150%);/* height: calc(100vh - 84px);*/ background: url('../images/menu-bg.png'); background-size: cover;background-position: left top; min-height: 350px; z-index:99; }
  .menu-area3.menu-area--active,  .menu-area1.menu-area--active { transform: translateY(0); }

  .menu-area3 .menu-area__offer { }
  .menu-area3 .menu-area__offer .menu-area__proposal { padding: 20px 0; }
  .menu-area3 .menu-area__offer .menu-area__proposal-item { display: block; transition: 0.5s all; padding: 15px 0; color: #ffffff; text-decoration: none; font-size: 20px; font-weight: 100; }
  .menu-area3 .menu-area__offer .menu-area__proposal-item:hover { background: rgba(255, 255, 255, 0.1); padding: 15px; }
  .menu-area3 .menu-area__offer .menu-area__populer { }
  .menu-area3 .menu-area__offer .menu-area__populer ul {}
  .menu-area3 .menu-area__offer .menu-area__populer ul li { padding: 10px 0; }
  .menu-area3 .menu-area__offer .menu-area__populer ul li::before { content: "\2022"; padding-right: 10px; color: #ffffff; }
  .menu-area3 .menu-area__offer .menu-area__populer-title { font-size: 18px; margin-bottom: 10px; color: #ffffff; font-weight: 100; }
  .menu-area3 .menu-area__offer .menu-area__populer-item { font-size: 16px; transition: 0.3s all; color: #ffffff; font-weight: 100; text-decoration: none; }
  .menu-area3 .menu-area__offer .menu-area__populer-item:hover { }  
  
  .menu-area1 .menu-area__offer { }
  .menu-area1 .menu-area__offer .menu-area__proposal { padding: 20px 0; }
  .menu-area1 .menu-area__offer .menu-area__proposal-item { display: block; transition: 0.5s all; padding: 15px 0; color: #ffffff; text-decoration: none; font-size: 20px; font-weight: 100; }
  .menu-area1 .menu-area__offer .menu-area__proposal-item:hover { background: rgba(255, 255, 255, 0.1); padding: 15px; }
  .menu-area1 .menu-area__offer .menu-area__populer { }
  .menu-area1 .menu-area__offer .menu-area__populer ul {}
  .menu-area1 .menu-area__offer .menu-area__populer ul li { padding: 10px 0; }
  .menu-area1 .menu-area__offer .menu-area__populer ul li::before { content: "\2022"; padding-right: 10px; color: #ffffff; }
  .menu-area1 .menu-area__offer .menu-area__populer-title { font-size: 18px; margin-bottom: 10px; color: #ffffff; font-weight: 100; }
  .menu-area1 .menu-area__offer .menu-area__populer-item { font-size: 16px; transition: 0.3s all; color: #ffffff; font-weight: 100; text-decoration: none; }
  .menu-area3 .menu-area__offer .menu-area__populer-item:hover { }

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  	.menu-area { position: static; margin-top: -102px;}
  	.menu-area.menu-area--active { transform: translateY(0); }
  	.menu-area2, .menu-area1 {  margin-top: -320px;}
  	.menu-area2.menu-area--active, .menu-area1.menu-area--active { transform: translateY(0); position: static; margin-top: -579px; position: static; }
  	.menu-area3 {  margin-top: -320px;}
	.menu-area3.menu-area--active { transform: translateY(0); position: static; margin-top: -579px; position: static; }
	
	#hand {top:0!important; left: 0!important; max-height: 50px!important;}
	#slideout {position: absolute!important; top: -50px!important; right: 8px!important; }
	#slideout svg {margin-top: -60px; }
	.active#sticky-btn{margin-right: -8px!important;}
	}

  #mobile-submenu1{ text-align: center; }
  #mobile-submenu1 li{padding:5px 0;}
  #mobile-submenu1 li a{ color:#fff; text-decoration: none; }
  #mobile-submenu2{ text-align: center; }
  #mobile-submenu2 li{padding:5px 0;}
  #mobile-submenu2 li a{ color:#fff; text-decoration: none; }
  #mobile-submenu3{ text-align: center; }
  #mobile-submenu3 li{padding:5px 0;}
  #mobile-submenu3 li a{ color:#fff; text-decoration: none; }
  /* search-area */

  .search-area { position: absolute; z-index: 99; transition: 0.3s all; width: 100%; top: 84px; transform: translateX(-101%); height: calc(100vh - 84px); /*background: rgba(177, 172, 1, 0.97); */ background: url('../images/menu-bg.png'); background-size: cover;background-position: left; left: -100%;}
  .search-area.search-area--active { transform: translateX(0); left:0; }
  .search-area .search-area__input-area { width: 100%;}
  .search-area .search-area__input { width: 100%; background: #F8A900; border: none; outline: none; color: #fff; font-size: 25px; padding: 15px; text-align: center; }
  .search-area .search-area__input::placeholder { color: rgba(255, 255, 255, 0.5); }
  .search-area .search-area__offer { }
  .search-area .search-area__offer .search-area__proposal { padding: 20px 0; }
  .search-area .search-area__offer .search-area__proposal-item { display: block; transition: 0.3s all; padding: 15px 0; color: #ffffff; text-decoration: none; font-size: 20px; font-weight: 100; }
  .search-area .search-area__offer .search-area__proposal-item:hover { background: rgba(255, 255, 255, 0.1); padding: 15px; }
  .search-area .search-area__offer .search-area__populer { }
  .search-area .search-area__offer .search-area__populer ul {}
  .search-area .search-area__offer .search-area__populer ul li { padding: 10px 0; }
  .search-area .search-area__offer .search-area__populer ul li::before { content:'\2022'fvf; padding-right: 10px; color: #ffffff; }
  .search-area .search-area__offer .search-area__populer-title { font-size: 18px; margin-bottom: 10px; color: #ffffff; font-weight: 100; }
  .search-area .search-area__offer .search-area__populer-item { font-size: 16px; transition: 0.3s all; color: #ffffff; font-weight: 100; text-decoration: none; }
  .search-area .search-area__offer .search-area__populer-item:hover { }

  @media only screen and (min-width: 991px) {
    .search-area .search-area__input { font-size: 50px; }
    .search-area .search-area__offer .search-area__proposal-item {font-size: 22px; padding: 20px 0; }
    .search-area .search-area__offer .search-area__proposal-item:hover { padding: 20px 20px; }
    .search-area .search-area__offer .search-area__populer-title { font-size: 20px; margin-bottom: 10px; }
    .search-area .search-area__offer .search-area__populer-item { font-size: 18px; }
  }

  @media only screen and (min-width: 1200px) {
    .navbar .navbar__wrapper .navbar__nav .navbar__buttons .navbar__button { padding: 0 15px; z-index: 999!important;}
  }
  @media only screen and (max-width: 992px){
    .menu-area{display: none;}
    .search-area{background: url('../images/mobile-m-bg.png');}
    .navbar-mobile .m-socials{margin:40px auto; width: 100%;text-align: center; }
    .navbar-mobile .m-socials a{  color:#fff; padding:10px; font-size: 18px; }
     .navbar-mobile #mobile-menu-center{position: relative;}
    .navbar-mobile #mobile-menu-center p{width: 80%;color: #3C9AD8;background: #fff;margin-top: 10px;padding: 15px;float: right;border-radius:50px; text-align: left;}
  }
  /* banner */
  

   .banner-slide { background-image: url('../images/banner.png'); background-position:center center; background-size: cover; height: 100vh; min-height: 600px; max-height: 800px; padding-top: 150px; position:relative; overflow:hidden;}
   .banner-slide .zoomImage {background-position:center center; background-size: cover; position:absolute; top:0; left:0; width:100%; height:100%; transition:all 20s ease; animation-duration:8s; -webkit-animation-duration:8s; transform: scale3d(1, 1, 1);}
  .banner-slide2 { background-image: url('../images/slider_2.jpg')!important; background-size: cover; height: 100vh; min-height: 600px; max-height: 800px; padding-top: 150px; }
  .banner-slide3 { background-image: url('../images/slider_3.jpg')!important; background-size: cover; height: 100vh; min-height: 600px; max-height: 800px; padding-top: 150px; }
  .banner-slide4 { background-image: url('../images/slider_4_1.jpg')!important; background-size: cover; height: 100vh; min-height: 600px; max-height: 800px; padding-top: 150px; }
  .banner-slide5 { background-image: url('../images/slider_5.jpg')!important; background-size: cover; height: 100vh; min-height: 600px; max-height: 800px; padding-top: 150px; }
  .banner-slide-6 { background-image: url('../images/slide-1.png')!important; background-size: contain; height: 100vh; min-height: 550px; max-height: 550px;  background-position:right;background-repeat: no-repeat; }
  .banner-slide-7 { background-image: url('../images/slide-1.png')!important; background-size: contain; height: 100vh; min-height: 550px; max-height: 550px; background-position:right;background-repeat: no-repeat; }
  .banner-slide .banner__wrapper  {  } 
  .banner-area { position: relative; }
  .banner-slide .banner__wrapper .banner__content .banner__title { font-size: 30px; transition: 0.5s all; transition-delay: 0.5s; transform: translateY(-50px); color: #ffffff; line-height: 40px; font-weight: 100; opacity:0;}
  .banner-slide .banner__wrapper .banner__content .banner__paragraph { color: #ffffff; transition: 0.5s all; transition-delay: 0.5s; transform: translateY(50px); font-weight: 100; font-size: 14px; letter-spacing: 1px; line-height: 20px; opacity:0;}
  .banner-slide .banner__wrapper .banner__content .banner__button { transition: 1s all; font-size: 12px; color: #ffffff; border-radius: 2px; margin-top: 30px; border: 2px solid #ffffff; font-weight: 300; text-decoration: none; padding: 15px 30px; display: inline-flex; justify-content: center;  align-items: center;  opacity:0; transition-delay: 0.5s; transform: translateY(50px); }
  .banner-slide .banner__wrapper .banner__content .banner__button .banner__button-icon { width: 20px; height: 20px; transition: 0.2s all; display: inline-block; background: url('../svg/right-arrow.svg'); margin-left: 30px; }
  .banner-slide .banner__wrapper .banner__content .banner__button:hover .banner__button-icon { margin-left: 40px; }

  .banner-area__control-buttons { position: relative; margin-top: -86px; display:table; width:100%; }
  .banner-area__control-button { float:left; background: #004D5B; padding: 35px 30px;  margin-left:-15px; transition:0.7s;}
  .banner-area__control-button--next { background: #009C8A; margin-left: -4px; }
  .banner-area__control-button svg { width: 25px; }
  .banner-area2__control-buttons { position: absolute;  }
  .banner-area2__control-button { display: inline-block; background: #004D5B; padding: 25px; }
  .banner-area2__control-button--next { background: #009C8A; margin-left: -4px; }
  .banner-area2__control-button svg { width: 25px; }

  /* slider aktif olduÄŸunda */

  .slick-active.banner-slide .zoomImage.zoomIn { transform: scale3d(1.1, 1.1, 1.1);}
  /*div[data-slick-index="0"] .zoomImage { transition-delay:5s;}*/
  .slick-active.banner-slide .banner__wrapper .banner__content .banner__title { transform: translateY(0); opacity:1; }
  .slick-active.banner-slide .banner__wrapper .banner__content .banner__paragraph { transform: translateY(0);  opacity:1;}
  .slick-active.banner-slide .banner__wrapper .banner__content .banner__button { transform: translateY(0); opacity:1;}
  .slick-active.banner-slide .banner__wrapper .banner__content .banner__button:hover { background: rgba(0, 0, 0, 0.4); transition:0.3s;  }

  .ahsap .banner-area2{max-height: 640px!important; position: relative;}
  .ahsap .banner-area2__control-buttons{
    position: absolute;
    bottom:0;
    left: 50%;
  }
  @media (max-width: 767px){
    .banner-slide .banner__wrapper .banner__content .banner__title {
      font-size: 30px;
      margin-bottom:10px;
    }
    .banner-slide .banner__wrapper .banner__content .banner__button {padding:10px 15px;}
  }
  @media only screen and (min-width: 768px) {
    .banner-slide .banner__wrapper .banner__content .banner__title { font-size: 50px;line-height: 70px; }
    .banner-slide .banner__wrapper .banner__content .banner__paragraph { font-size: 16px; letter-spacing: 1.5px; line-height: 25px; }
    .banner-slide .banner__wrapper .banner__content .banner__button { font-size: 14px; margin-top: 80px; }
  }

  @media only screen and (min-width: 991px) {
    .banner-slide .banner__wrapper .banner__content .banner__title { font-size: 72px;margin-bottom:10px; line-height: 100px; }
  }

  /* News */

/*KADİR BAŞLANGIÇ*/
.news { padding: 75px 0; }
.news__header__title { position: relative; padding-bottom: 20px; font-family: "Roboto", sans-serif; font-size: 13px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.62; letter-spacing: 0.2px; text-align: left; color: #55626e;}
.news__header__title::after { content: ''; display: inline-block; height: 2px; width: 50px; position: absolute; bottom: 0; left: 0; background: #009C8A; }
.news__header__tab { display: flex; justify-content: space-between; position: relative; margin-top: 25px; }
.news__header__tab::after { content: ''; display: inline-block; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0; background: #C9D1D8; }
.news__header__tab-item { position: relative; text-decoration: none; padding-bottom: 20px; opacity: 0.6; font-family: "Roboto", sans-serif; font-size: 13px!important; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.62; letter-spacing: 0.1px; text-align: left; color: #55626e }
.news__header__tab-item.news__header__tab-item--active { color: #009C8A; text-decoration: none; }
.news__header__tab-item.news__header__tab-item--active::after { content: ''; z-index: 1; display: block; height: 2px; width: 100%; background: #009C8A; position: absolute; left: 0; bottom: 0; }
.news__header__tab-item:hover { color: #009C8A; text-decoration: none; }

.news__body { padding: 75px 0 0; }

.news__info { padding: 20px 0; }
.news__info h3 { color: #009C8A; font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.44; letter-spacing: normal; text-align: left; }
.news__info p {color: #55626E; width: 100%; margin-top: 15px; opacity: 0.5; font-family: "Roboto", sans-serif; font-size: 13px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.69; letter-spacing: normal; text-align: left;}
.news__image img { width: 100%; }

.nav-tabs.nav-link{  color: #009C8A; text-decoration: none; border: none; }
.nav-tabs .nav-link.active::after { border:none; content: ''; z-index: 1; display: block; height: 2px; width: 100%; background: #009C8A; position: absolute; left: 0; bottom: 0; color: #009C8A }
.nav-tabs .nav-link:focus { border:none; color: #009C8A; }
.nav-tabs .nav-link.active { border:none; color: #009C8A; }
.nav-tabs .nav-link:hover { border:none; color: #009C8A; }
.nav-tabs .nav-item { margin-bottom: -2px; width: 27.83%; }
.nav-link { padding: .5rem 0rem; width: fit-content; }
.nav-tabs { width: 100%; }
.unset-margin-right { width: 16.5%!important; }
.news__paragraph-2lines { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news__paragraph-4lines { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

@media only screen and (max-width: 1200px) {
  .nav-tabs .nav-item { width: 26.8%; }
  .unset-margin-right { width: 19.6%!important; }
  .ahsap .content-video .owl-nav .owl-next {
    right:-32px;
  }
  .ahsap .content-video .owl-nav .owl-prev {
    left:-32px;
  }
}

@media only screen and (max-width: 991px) and (min-width: 480px) {
  .news__short-content { margin: 0; position: absolute; top: 30%; }
}

@media only screen and (max-width: 425px) {
  .news__middle-long-image { padding-right: 20px; margin: 0; position: absolute; top: 30%; }
}

@media only screen and (min-width: 425px) and (max-width: 767px){
  .news__middle-long-image { padding-right: 20px; margin: 0; position: absolute; top: 17%; }
}

@media only screen and (max-width: 767px) {
  .nav-tabs .nav-item { width: 100%; }
  .unset-margin-right { width: 100%!important; }
}

/*KADİR BİTİŞ*/

@media only screen and (min-width: 991px) {
  .news__header { display: flex; }
  .news__header__tab { margin: 0; }
  .news__header__left { width: 30%;}
  .news__header__right { width: 70%;}
  .news__header__tab-item { font-size: 14px; }

  .news__info { padding: 0; }

  .news__long { display: flex; flex-flow: row-reverse; }
  .news__long-content { width: 30%; }
  .news__long-image { width: 70%; }

  .news__content-bottom { display: flex; justify-content: space-between; margin-top: 20px; }

  .news__short-content { padding-top: 20px; }

  .news__middle-long { display: flex; width: 70%; }
  .news__middle-long-image { width: 50%; }

  /*KADİR BAŞLANGIÇ*/
  .news__middle-long-content { width: 50%; padding-left: 20px; top: 60px; position: relative; }
  .news__short { width: 28%; position: relative; top: -140px; }
  .news__content-play { z-index: 899; position: absolute; width: 85px; height: 85px; border: solid 1px #ffffff; background-color: #fab502; right: 46px; bottom: -40px; }
  .Path-86 { width: 20px; height: 24px; position: absolute; left: 34px; top: 30px; }
  .content-btn { position: relative;}
  .news__content-bottom-desktop {display: flex;}

  /*KADİR BİTİŞ*/

}

/*KADİR BAŞLANGIÇ*/

@media only screen and (min-width: 1200px) {
  .news__short { width: 28%; position: relative; top: -190px; }
}
/*KADİR BİTİŞ*/

  /* Matter */

  .matter {
    background: url(../images/matterBg.png) #009a84 top center ;
    background-size:100% 100%;
    /*background: -moz-linear-gradient(left, #009a84 0%, #009a84 0%, #2eba8a 100%);
    background: -webkit-linear-gradient(left, #009a84 0%,#009a84 0%,#2eba8a 100%);
    background: linear-gradient(to right, #009a84 0%,#009a84 0%,#2eba8a 100%);*/
    display: flex;
    padding: 75px 0 50px 0;
  }
  .matter .owl-carousel .item img{
    width: auto!important;
    margin:0 auto;
  }
  .matter .matter__item { border: 4px solid #97DF92; padding:50px 25px; margin: 15px 0; min-height: 350px; text-align:center; background:#1BAD87;}
  .matter .matter__item .matter__image { text-align: center; border-radius:100%; background:#A4E687; vertical-align:middle; display:inline-block; transition:background ease 0.5s; -webkit-transition:background ease 0.5s;}
  .matter .matter__item .matter__image div { text-align: center; height:140px; width:140px; display:table-cell; vertical-align:middle;}
  .matter .matter__item .matter__image img {max-height:100%; max-width:100%;}
  .matter .matter__item .matter__title { color: #DEFFD1; font-size: 28px; font-weight: 100; text-align: center; padding: 25px 0; }
  /*.matter .matter__item .matter__paragraph { color: #ffffff; font-weight: 100; font-size: 14px; line-height: 20px; text-align: center; } */

  /*KADÄ°R2*/
 .matter .matter__item .matter__paragraph { color: #ffffff; font-weight: normal; font-size: 13px; line-height: 20px; text-align: center; opacity: 0.75; }
 .matter .item a { text-decoration:  none; }
 .matter .item:hover .matter__item { border-color: #FFF; box-shadow: 0 0px 20px 2px rgba(0, 0, 0, 0.14); }
 .matter .item:hover .matter__image {background:#FFF;}
 @media only screen and (max-width: 991px) {
   .matter .matter__item { min-height: 430px; }
 }

  @media only screen and (min-width: 991px) and (max-width: 1170px) {
   .matter .matter__item { min-height: 370px; }
 }
/*KADİR2BİTİŞ*/

  @media only screen and (min-width: 991px) {
    .matter .matter__item { margin: 0; }
  }

  /* Join */

  .join { padding: 75px 0; }
  .join .join__item {  }
  .join .join__item .join__item-image img {  width: 100%; }
  .join .join__item .join__item-content { padding: 15px 0; }
  .join .join__item .join__item-title { font-size: 18px; position: relative; font-weight: 300; line-height: 25px; padding: 14px 0; }
  .join .join__item .join__item-title::after { content: ''; position: absolute; left: 0; top: 0; width: 50px; height: 2px; background: #F1586A; }
  .join .join__item .join__item-title span { display: block; }
  .join .join__item .join__item-paragraph { color: #55626E; width: 100%; /*opacity: 0.5;*/ font-family: "Roboto", sans-serif; font-size: 13px; font-weight: 400; font-style: normal; font-stretch: normal;  line-height: 1.69; letter-spacing: normal; text-align: left; text-transform:lowercase;}

  .join .join__item-hashtag { background-image: linear-gradient(to bottom, #3cbb84, #8ae196); border: none; height: 100%; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; }
  .join .join__item-hashtag-white { background-color: #fff; height: 100%; padding: 50px 0 20px 0; }
  .join .join__item-hashtag-title { background: #ffffff; font-size: 35px; font-weight: 300; padding: 40px 0 20px 0; position: relative; left: -10px; }
  .join .join__item-hashtag-title::after {  content: ''; position: absolute; left: 0; top: 20px; width: 50px; height: 2px; background: #F6A002;  }
  .join .join__item-hashtag-content { padding: 0 25px;color: #55626E;
    width: 100%;
    margin-top: 15px;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.69;
    letter-spacing: normal;
    text-align: left; /*color: #55626E; font-weight: 100; line-height: 25px; font-size: 15px; */}

  /* Map */

  .map { height: 550px; background-image: url('../images/map.png'); }

  /* Setups */

  .setups .setups__item {  }
  .setups .setups__item .setups__item-image img {  width: 100%; }
  .setups .setups__item .setups__item-content { padding: 27px 0; }
  .setups .setups__item .setups__item-title { font-size: 18px; position: relative; font-weight: 300; line-height: 25px; padding: 20px 0; }
  .setups .setups__item .setups__item-title:before {display:none;}
  .setups .setups__item .setups__item-title::after { content: ''; position: absolute; left: 0; top: 0; width: 50px; height: 2px; background: #F1586A; }
  .setups .setups__item .setups__item-title span { display: block; }
  .setups .setups__item .setups__item-title--orange span { color: #F6A002; }
  .setups .setups__item .setups__item-title--blue span { color: #47A2A9; }
  .setups .setups__item .setups__item-title--green span { color: #8EB61B; }
  .setups .setups__item .setups__item-paragraph { color: #55626E; font-weight: 100; line-height: 25px; font-size: 15px; }

  /* Message */

  .message { padding: 60px 0; }
  .message .message__image { text-align: center; }
  .message .message__image img { max-width: 100%; }
  .message .message__content { padding: 25px 0; text-align: center; font-size: 25px; color: #55626E; font-weight: 100; }
  .message .message__content p { margin: 15px 0; }
  .message .message__author {  text-align: center; font-size: 25px; color: #55626E; font-weight: 100; }

  /* Footer */

  footer { background: url('../images/footer.png'); background-position:center bottom; background-size: cover; }
  footer .footer__wrapper {  }
  footer .footer__wrapper .footer__top { display: flex; justify-content: space-between; padding:320px 0 0px 0; }
  footer .footer__wrapper .footer__top .footer__support { display: flex; color: #3D4042; justify-content: space-between; align-items: flex-start; }
  footer .footer__wrapper .footer__top .footer__support .footer__support-info { padding-left: 10px; }
  footer .footer__wrapper .footer__top .footer__support .footer__support-info .footer__support-paragraph { font-weight: 100; }
  footer .footer__wrapper .footer__top .footer__support .footer__support-info .footer__support-telephone { letter-spacing: 0.7px; margin-top: 10px;}

  footer .footer__wrapper .footer__bottom { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  footer .footer__wrapper .footer__bottom .footer__bottom-item { display: block; margin: 10px 0; text-decoration: none; color: #3D4042; font-weight: 200; font-size: 14px; }
  footer .footer__wrapper .footer__bottom .footer__bottom-item:hover{color:#21B188;}
  footer .footer__info { padding: 40px 0; }
  footer .footer__info .footer__copyright { font-size: 12px; color: #3D4042; font-weight: 200; }
  footer .footer__info .footer__sub-menu {}
  footer .footer__info .footer__sub-menu .footer__sub-menu-item { font-size: 12px; color: #3D4042; font-weight: 200; text-decoration: none; }
  footer .footer__info .footer__sub-menu .footer__sub-menu-item:hover{color:#21B188;}
  footer .footer__wrapper .footer__sub-menu .footer__sub-menu-item:after { content: "\2022"; color: #3D4042; padding-left: 15px; }
  footer .footer__wrapper .footer__sub-menu .footer__sub-menu-item:last-child:after { content: ""; padding-left: 0;}
  footer .footer__info .footer__social { margin: 15px 0; }
  footer .footer__info .footer__social .footer__social__item { width: 40px; height: 40px; margin: 0 5px; display: inline-block; border: 1px solid #9A9A9A; border-radius: 50%; }
  footer .footer__info .footer__social .footer__social__item:hover{background-color:#fff;}
  footer .footer__info .footer__social .footer__social__facebook { background: url('../svg/facebook.svg'); background-size: cover; background-size: 50%; background-repeat: no-repeat; background-position: center; }
  footer .footer__info .footer__social .footer__social__twitter { background: url('../svg/twitter.svg'); background-size: cover; background-size: 50%; background-repeat: no-repeat; background-position: center; }
  footer .footer__info .footer__social .footer__social__instagram { background: url('../svg/instagram.svg'); background-size: cover; background-size: 50%; background-repeat: no-repeat; background-position: center; }
  footer .footer__info .footer__social .footer__social__google-plus { background: url('../svg/google-plus.svg'); background-size: cover; background-size: 50%; background-repeat: no-repeat; background-position: center;}

@media only screen and (max-width:  325px) {
  footer .footer__wrapper .footer__top .footer__support .footer__support-info .footer__support-telephone { letter-spacing: 0.7px; margin-top: 10px; font-size: 12px; }

}
  @media only screen and (min-width: 991px) {
    footer .footer__wrapper .footer__bottom { display: flex; margin: 0; justify-content: space-between; }
    footer .footer__wrapper .footer__bottom .footer__bottom-item:after { content:"\2022";; color: #3D4042; padding-left: 15px; }
    footer .footer__wrapper .footer__bottom .footer__bottom-item:last-child:after { content: ""; padding-left: 0;}

    footer .footer__info { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap-reverse; }
  }

  .color{color:#20B087!important;}
  .color1{color:#18BA9D!important;}
  .color2{color:#21A286!important;}
  .color3{color:#47B96D!important;}
  .color4{color:#27AF5E!important;}
  .color5{color:#2F90CF!important;}
  .color6{color:#2781B8!important;}
  .color7{color:#0F72A2!important;}

 /* .owl-item .item {
    -webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition:         all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}*/
/* .owl-item.active .item {
  -webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition:         all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}*/
.matter .owl-carousel .matter__item{
  min-height: 400px;
}
  .owl-nav .owl-prev{position: absolute;top:50%;transform: translateY(-50%);background-color: #abe063!important;transition: 0.5s;}
  .owl-nav .owl-prev:hover{background-color: #d1e063!important;}
  .owl-nav .owl-next{position: absolute;right:-70px;top:50%;transform: translateY(-50%);background-color: #abe063!important;transition: 0.5s;}
  .owl-nav .owl-next:hover{background-color: #d1e063!important; }
  .owl-nav .owl-prev:focus { outline: none; }
  .owl-nav .owl-next:focus { outline: none; }
  .toFalse .owl-stage {width: auto !important; transform: none !important; text-align: center;}
  .toFalse .owl-item {display: inline-block; vertical-align: top; float:none; text-align:left;}
  /*.owl-nav{display: block!important;}*/
  .toFalse.owl-carousel .owl-nav.disabled {display: none !important}
  /*.owl-nav img{padding:21px !important;}*/
  .setups .owl-nav .owl-prev{position: absolute;top:35%;transform: translateY(-50%);background-color: #abe063!important;}
  .setups .owl-nav .owl-next{position: absolute;right:-70px;top:35%;transform: translateY(-50%); background-color: #abe063!important;}
 

  @media (min-width: 767px){
    .owl-nav .owl-prev{left:-69px;}
    .setups .owl-nav .owl-prev{left:-69px;}   
  }
  @media (max-width: 1280px){   
   .matter .matter__item{padding:15px;}
   

    .setups .owl-nav .owl-prev{right: 42px;top:-47px;transform: translateY(0);}
    .setups .owl-nav .owl-next{right:-89px;top:-47px;transform: translateY(0);}
    .setups .setups__item .setups__item-content{position: sticky;margin-top: -30px;background-color: #fff;margin-left: 15px;margin-right: 15px; margin-bottom:5px; padding:25px;box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.1);}
    .setups h2{font-size: 20px!important;text-align:left!important;margin:0!important;padding:10px 0!important;padding-left:10px!important;}
    .setups h2::after{content: none!important;}
  }
  @media(max-width: 767px){
  .owl-nav .owl-prev{left:0!important;}
  .owl-nav .owl-next{right:0px!important;}
  .owl-nav img{padding:10px 15px!important;}
  .matter h2::after{content:none!important;}
   .matter h2{width:100%; text-align:center;top:0!important;margin:0!important;font-size: 20px!important;padding:10px 0 0 10px!important;}
  }
  .m-t-5{margin-top: 5px;}
  .m-t-20{margin-top: 20px; }
  .owl-nav span{ font-size: 50px;color:#fff;}
  .owl-nav span:focus{outline: none!important;  }
  .ahsap .navbar{position: relative;background-color:#21B188;}
  .sub-banner{background-color: #73D289; padding:100px 0;
  }
  .sub-banner h1{    margin:0 auto;    color:#fff;    font-size: 50px;    font-family: "Roboto", sans-serif;  }

  .ahsap .content-desc {    padding-bottom: 100px;  }  
  .ahsap .links ul li{    float:left;    font-size: 14px;    padding:0 5px;  }
  .ahsap .links{    padding:25px 0;    /*border-bottom:1px solid #55626E;*/    position: relative;    width: 100%;  }
  .ahsap .top-area{    position: relative;  }
  .ahsap .links::after{    content:'';    position: absolute;    bottom: 0;    left:0;    width:100%;    height:1px;background-color: #AAB0B6;  }
  .ahsap .links ul li a{   color:#AAB0B6; }
  .ahsap .links ul li a img{  margin-left: 5px;}
.ahsap .top-title{ 
  font-family: "Roboto", sans-serif;
  font-size: 34px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: -0.2px;
  text-align: center;
  color: #000000;padding:76px 25px 0; margin:0px auto;}
.ahsap .top-title p {color:#000;}
.ahsap h3.before{  position: relative;  font-size:17px;  padding:30px 0;  font-family: 'Helvetica', sans-serif;  margin-top: 50px;}
.ahsap h3.before::before {  position: absolute;  content:'';  top:0;  left:0;  height: 4px;  width: 40px;  background-color: #F6A200;}
.ahsap p{  color:#AAB0B6;}
.ahsap h2.before{  font-size: 34px;  font-weight: 100;  position: relative;  text-align: center;  margin:0 auto;  padding:25px 0; margin-bottom: 25px;}
.ahsap h2.before::after{  content:'';  position: absolute;  bottom:0;  left:50%;  -webkit-transform: translateX(-50%);  -moz-transform: translateX(-50%);  -ms-transform: translateX(-50%);  -o-transform: translateX(-50%);  transform: translateX(-50%);  width: 40px;
  height: 4px;  background-color: #F6A200;}

.ahsap .sub-title{ opacity: 0.5;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: normal;
  text-align: center;
  color: #55626e;  padding:20px 200px 50px;}
.ahsap .content-occur img,.ahsap .content-video  img{   }
.ahsap .content-process img{  max-width: 217px;  margin:0 auto;}
/*.ahsap h4{   font-family: 'Bebas', sans-serif;   font-size: 48px;   color:#AAB0B6;   text-align: center;   }*/
   .ahsap .content-video{    margin:100px 0;  }
  .ahsap .content-process{    margin:100px 0;  }
  .ahsap .content-benefit{    margin:100px 0;  }
  .ahsap .content-occur{    margin:100px 0;  }
  .ahsap .content-benefit img{    margin-left: 50%;    transform: translateX(-50%);    max-width: 160px;    margin-bottom: 25px;  }
  .ahsap .content-benefit h4 {   font-size: 100px;   color:#384A6B;   text-align: center;  position: relative;   padding-top: 25px; font-family: 'Bebas'; }
 .ahsap h4::before{  content:'';  position: absolute;  top:0;  left:50%;  -webkit-transform: translateX(-50%);  -moz-transform: translateX(-50%);  -ms-transform: translateX(-50%);  -o-transform: translateX(-50%);  transform: translateX(-50%);  width: 40px;
  height: 3px;  background-color: #F6A200;}
.ahsap .content-benefit p{ font-size: 24px;  color:#000;  text-align: center; margin-top: -15px;}
.ahsap .product-table{margin-top: 40px;}
.ahsap table td{  vertical-align: top;  border: 1px solid #dee2e6;  text-align: center;  padding: 50px 10px;  width: 14%;}
.ahsap table .first-column{  vertical-align: middle!important;}
.ahsap table .first-column img{  margin-bottom: 10px;  max-width: 125px!important;}
.ahsap table td img{  vertical-align: top;  max-width: 100px;}
.ahsap table td ul{  text-align: left;  padding-left: 5px;  margin-top: 25px;}
.ahsap table td ul li{  color:#808080;  line-height: 24px;}
.ahsap table td p{  text-align: left;}
.txt-color {  color:#808080!important;  text-align: left!important;  line-height: 19px;}
.ahsap table td h6 {  margin-bottom: 20px;  min-height: 40px;}
.ahsap table .table-title{  font-size: 20px;  color:#20b188;  font-weight: 600;}
.ahsap .td-padding{  padding:50px 0;}
.more-btns{  padding:10px 25px;  border:1px solid #AAB0B6;  border-radius: 50px;  color:#000;  text-decoration: none;}
.more-btns:hover{  color:#fff;  text-decoration :none;  background-color: #73D289;}
.ahsap #accordion h5 a{  display: inline-block;  text-decoration: none;}
.ahsap #accordion h5 a h6{  float: right;  margin-left:15px;  margin-top: 15px;}
.ahsap #accordion h4::before{  content:none; }
.ahsap #accordion ul .m-list{  float:left;  width: 32%;  padding:0 5px;}
.ahsap #accordion ul .m-list li{  font-size: 12px;  line-height: 17px;}
.ahsap #accordion ul .m-list p{  font-size: 12px;  line-height: 17px;}
.ahsap #accordion .card-header{  border-bottom: none;  background-color: #fff; text-align:center;}
.mobile-products-table {padding:0 0 0 10px;}
.ahsap #accordion .card-header h5, .ahsap #accordion .card-header h6 {display:inline-block; vertical-align:middle;}
.ahsap .content-video .v-image {  position: relative;border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow: hidden;-webkit-box-shadow: 0px 40px 30px -25px rgba(0,0,0,0.50); -moz-box-shadow:0px 40px 30px -25px rgba(0,0,0,0.50); box-shadow:0px 40px 30px -25px rgba(0,0,0,0.50);}
.ahsap .content-video .play-btn{  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);  background-color: #FAB502;  padding:25px 25px 25px 30px;  border-radius:50%;}
.ahsap .content-video .play-btn img{  border-radius: 0;  box-shadow: none;width: 20px;}
.ahsap .content-video .content-overlay {  background: rgba(0,0,0,0.2);  position: absolute;  height: 100%;  width: 100%;  left: 0;
  top: 0;  bottom: 0;  right: 0;}
.ahsap .content-video a{  text-decoration: none;  color:#000;}
.ahsap .content-video h2{  margin-bottom: 60px;}
.ahsap .content-process h3::before{  left:50%;  transform: translateX(-50%);}
.ahsap .content-wrong {  text-align: center;  margin:100px 0;}
.ahsap .content-wrong img{   margin:0 auto;}
.ahsap .content-wrong h3::before{  left:50%;  transform: translateX(-50%);}
.ahsap .content-wrong p{display: block; width: 100%; }
.ahsap .content-occur .owl-nav, .ahsap .content-occur .owl-dots{  display: block!important;}

@media only screen and (max-width: 1256px) {
    .slidertabup, .slidertabdown {display:none !important}
}
@media only screen and (max-width: 1200px){
    .ahsap table td ul {
        padding-left: 0;
    }

    .ahsap table td p {
        font-size: 14px;
    }
}
@media (max-width: 767px){
  .ahsap h2{font-size: 20px!important;text-align: center!important;width:100%;margin:0; margin-left:10px;padding: 25px 0 12px;}
  .ahsap h2::after{content:none!important;}
  .ahsap .owl-nav .owl-prev{left: 0}
  .ahsap .owl-nav .owl-next{right: 0}
  .ahsap .content-video {margin:100px 0 0px;}
  .ahsap .content-video h2{margin-bottom:0;}
  .ahsap .content-occur h3{margin-top: -40px;background-color: #fff;    margin-left: 20px;    margin-right: 20px;box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.1);    margin-bottom: 5px;}
  .ahsap .content-occur h3::before{top:15px;}
}

@media only screen and (max-width: 991px) {
  .t-center{    text-align: center!important;    margin-top: 40px;  }
  .ahsap .product-table{    display: none!important;  }
  .ahsap .mobile-products.table{    display: block!important;  }
  .ahsap .owl-carousel .item{  }
  .ahsap .mobile-products-table a h6{    font-weight: 600;  }
  .ahsap .mobile-products-table a h6 span{    color:#000;    font-weight: 300;  }
  .ahsap .mobile-products-table .m-list h4{    min-height: 40px;  }
  .card{ }
  .card-body{    padding:10px!important;  }
  .card-header{    padding:10px 0 0px!important;  }
  .card svg {    position: absolute;    right: 10px;    top: 50%;    transform: translateY(-50%);  }
  .ahsap .banner-area2 .banner__content .banner__title{    font-size: 24px!important;    transform: translateY(10px);    padding:5px 0!important;  }
  .ahsap .banner-area2 .banner__content .banner__title2{    transform: translateY(25px);  }
  .ahsap .banner-area2 .banner__content .banner__paragraph{    transform: translateY(30px);  }

  .ahsap .banner-area2__control-buttons{    left: 0;  }
  /*KADİR BAŞLANGIÇ*/
  .news__content-play {display: none;}
  /*KADİR BİTİŞ*/
}

.ahsap .banner-slide { background-image: url('../images/slide-1.png'); background-size: contain; height: 100vh; min-height: 550px; max-height: 550px; padding-top: 102px; background-repeat: no-repeat;background-position: right; position:relative;}
.ahsap .banner-slide .banner__content {}
.ahsap .banner-area2 .banner__content{  text-align: left!important;  color:#000!important;  min-height: 240px;}
.ahsap .banner-area-2 .banner__content .banner__title{  color:#FA344F;}
.ahsap .banner-area-2 .banner__content .banner__paragraph{ color:#000;}
.ahsap .slick-active.banner-slide .banner__wrapper .banner__content .banner__title{  color:#FA344F;  text-align: left!important;}
.ahsap .slick-active.banner-slide .banner__wrapper .banner__content .banner__title::after{  content:none;}
.ahsap .slick-active.banner-slide .banner__wrapper .banner__content .banner__paragraph{  color:#AAB0B6;  font-family: 'Helvetica', sans-serif; }
.ahsap .banner-slide .banner__wrapper .banner__content .banner__title { font-size: 36px; transition: 0.5s all; transition-delay: 0.5s; transform: translateY(60px); color:#FA344F;  line-height: 30px; font-weight: 100; }
.ahsap .banner-slide .banner__wrapper .banner__content .banner__title2 { font-size: 12px; color:#55626E;transition: 0.5s all; transition-delay: 0.5s; transform: translateY(40px);  line-height: 40px;  font-weight:700;  font-family: 'Helvetica', sans-serif;}
.ahsap .banner-slide .banner__wrapper .banner__content .banner__title2::before{
  content:none;
}
.ahsap .banner-slide .banner__wrapper .banner__content .banner__paragraph {  transition: 0.5s all; transition-delay: 0.5s;font-family: 'Helvetica',sans-serif; transform: translateY(80px); font-weight: 400; font-size: 14px;letter-spacing: 0;  line-height: 22px; }
.ahsap.slick-active.banner-slide .banner__wrapper .banner__content .banner__title2 { transform: translateY(0)!important; }
.ahsap .banner-area2__control-buttons .banner-area__control-button--prev:hover{
  background-color:rgba(0,77,91,0.8);
}
.ahsap .banner-area2__control-buttons .banner-area__control-button--next{
  background-color:rgba(0,77,91,1);
}
.ahsap .banner-area2__control-buttons .banner-area__control-button--next:hover{
  background-color:rgba(0,77,91,0.8);
}

@media only screen and (max-width: 560px) {
    .inputAndResult {padding:0 15px;}
}
@media only screen and (max-width: 480px){
  .ahsap .banner-slide{    background-size: cover!important;    background-position: left!important;  }
  .ahsap .banner-area-2 .banner__content{    text-align: left!important;  }
  /*.ahsap .top-title{    font-size: 24px!important;  }*/
  .ahsap .owl-carousel .item h3{    padding-left: 15px;  }
  .ahsap .owl-carousel .item h3::before{    left: 15px;  }
  .ahsap .content-wrong .owl-carousel .item h3::before{    left: 50%;  }
  .ahsap .content-benefit img{    margin-bottom: 0;  }
  .ahsap .content-benefit h4{    padding-top:10px;  }
  .ahsap .content-benefit .m-b-30{    margin-bottom: 30px;  }
  .ahsap .content-occur .owl-carousel .item h3{margin-top: -20px;}
  .ahsap .top-title {padding:15px 15px;}
  .ahsap .content-occur, .ahsap .content-wrong, .ahsap .content-video, .ahsap .content-benefit {margin:20px 0 0 0;}
  footer .footer__wrapper .footer__top {
    padding:20px 0 15px 0;
  }
}

@media only screen and (min-width: 1650px) and (max-width: 1920px){
  .ahsap .banner-area2 .banner__content{    margin-left: 150px;    width: 100%;  }
}

.banner-parallax {  position: relative;  min-height: 230px;  margin: 0;  width: 100%;  overflow: hidden;  background-image: url('../images/prlx_bg.png'); background-size: cover;  background-repeat: no-repeat; background-position: center center;}
.banner-parallax h1{      position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%,-50%);    color:#fff;    font-size: 55px;    font-family: "Roboto", sans-serif;    font-weight: 100;}
.parallax {  left: -15px;  bottom: 184px;  overflow: hidden;  width: 100%;  height: 30vh;}

.par {  position: absolute;  left: -15px;  width: 100%;  height: 30vh;  background-repeat: no-repeat;  background-position: top center;}
.par2 {  position: absolute;  right: -15px;  width: 100%;  height: 30vh;  background-repeat: no-repeat;  background-position: top center;}
.layer1 {  background-image: url('../images/prlx_1.png');  background-size: contain;  top:80px;  background-position: right;  height: 25vh;  right:-4%;}
.layer2 {  background-image: url('../images/prlx_2.png');  background-size: contain;  top:10px;  right:-10%;  left:2%;  background-position: right;}
.layer3 {  background-image: url('../images/prlx_3.png');  background-size: contain;  background-position: right;}
.layer4 {  background-image: url('../images/prlx_3_sol.png');  background-size: contain;  background-position: left;}
.layer5 {  background-image: url('../images/prlx_1_sol.png');  background-size: contain;  height: 25vh;  top:80px;  background-position: left;}
.layer6 {  background-image: url('../images/prlx_2_sol.png');  background-size: contain;  top:10px;  background-position: left;}

@media only screen and (max-width: 767px){
  .banner-parallax{    background: url(../images/mobil_banner.png);    background-position: center;    background-size: cover;    background-repeat:no-repeat;    min-height: 180px;  }
  .banner-parallax h1{    font-size: 36px;    white-space: nowrap;  }
}
#sticky-social { right: 0; position: fixed; top: 50%; transform: translateY(-50%); z-index: 99;      -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background:#f7f9fc;}   
#sticky-social ul { list-style: none;margin: 0; padding: 0;}   
#sticky-social a {     display: block; height: 50px; font: 14px ; line-height: 50px; position: relative; text-align: center; width: 50px;    }
#sticky-social ul li a i{  color:##9a9a9a;}
#sticky-social ul li a {color: #9a9a9a;}
#sticky-social a svg{  width:20px;}
/*#sticky-social a[class*="merkez"] {   background: #a3cf1f; }
#sticky-social a[class*="merkez"]:hover { background: #BFEC38; }*/
/*#sticky-social a[class*="facebook"] {  color:#3b5998;}*/
#sticky-social a[class*="facebook"]:hover {  color:#3b5998;}



/*#sticky-social a[class*="twitter"] {  color:#00aced;}*/
#sticky-social a[class*="twitter"]:hover {  color:#00aced;}


/*#sticky-social a[class*="instagram"] {  color:#bc2a8d;}*/
#sticky-social a[class*="instagram"]:hover {  color:#bc2a8d;}


#slideout {  position: fixed;  right: 0px;  top: 0;  z-index: 99;  }
#sticky-btn {position:fixed; top:calc(50% - 103px); right:0; z-index:10;}
/*#sticky-btn {  background: transparent;  height: auto;  margin-right: -101px;  transition: all 0.5s ease-in-out;  position: relative;
  width: 142px;  max-height: 50px;}
#sticky-btn.active {  margin-right: -3px;  max-height: 50px;  width: 200px;  background-color: #fff;  border-radius: 15px 0 0 15px;}*/
.AtikMerkezMap {
    position:relative;
    z-index:111111;
}
.AtikMerkezMap.active {
    z-index: 999999;
    position: relative;
}
.AtikMerkezMapFrame {
    float: right;
    width: 0px !important;
    height: 100%;
    z-index: 99999;
    position: fixed;
    top: 0;
    right: 0;
    transition: width linear .7s;
}
.AtikMerkezMapFrame.active {width: 100% !important;}
.sticky-btns {
    position:relative;
    z-index:100;
    display:none !important;
}
#sticky-btn {
    width: 40px;
    display:inline-grid;
}
#sticky-btn img {float:left;
}
#sticky-btn span {
    display: inline-block;
    float:left;
    width: 40px;
    height: 40px;
    background: #8DB219;
    position: relative;
    transition:0.5s;
}
#sticky-btn span:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../images/sMerkezMapIcon.png) no-repeat;
    top:0;
    left:0;
    position:absolute;
    background-position:0 0;
    transition:0.5s;
}
#sticky-btn span.active:after {
    background-position: -40px 0;
}
#hand {
    cursor: pointer;
    color: #000;
    /* height: 32px; */
    left: -91px;
    top: 0px;
    padding: 0;
    position: relative;
    /*transition: 0.5s ease-in-out;*/
    width: 100%;
    background-color: #a3cf1f;
    padding: 10px 0px 9px;
    transform: rotate(-90deg);
    min-width: 230px;
    color: #fff;
}
#hand span {
  vertical-align: middle;
  padding: 10px 10px 7px;
  border-right:1px solid #fff;
  background-color: #8DB219;

}
#hand span img{
  transform: rotate(90deg);
}
#hand:hover{background-color: #BFEC38}
/*#slideout a {  color: #000;  display: block;  position: absolute;text-align: left;  left: 60px;  top: 6px;  opacity: 0; width: 100%;line-height: normal;font-size:14px!important; transition-delay: 0.4s;}
#sticky-btn.active a{  opacity: 1;}*/
.gyges .tp-tab-content{margin-top: -5px!important;}
.gyges .tp-tab-title{margin-top: 4px;font-weight: 300;}
.gyges .tp-tab-date{font-weight: 100!important;}


.tp-gradientstyle{background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.75) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.75))); background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%); background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.75) 100%); background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.75) 100%); background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.75) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}</.gyges .tp-thumb{opacity:1}.gyges .tp-thumb-img-wrap{padding:3px; background-color:rgba(17,17,17,1); display:inline-block; width:100%; height:100%; position:relative; margin:0px; box-sizing:border-box;  transition:all 0.3s;  -webkit-transition:all 0.3s}.gyges .tp-thumb-image{padding:3px;  display:block;  box-sizing:border-box;  position:relative;  -webkit-box-shadow:inset 5px 5px 10px 0px rgba(17,17,17,1); -moz-box-shadow:inset 5px 5px 10px 0px rgba(17,17,17,1); box-shadow:inset 5px 5px 10px 0px rgba(17,17,17,1)}.gyges .tp-thumb:hover .tp-thumb-img-wrap,.gyges .tp-thumb.selected .tp-thumb-img-wrap{background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 100%)}.gyges .tp-tab{opacity:1; padding:10px; box-sizing:border-box; font-family:"Roboto",sans-serif; border-bottom:1px solid rgba(255,255,255,0.15)}.gyges .tp-tab-image{width:60px; height:60px;  max-height:100%;  max-width:100%; position:relative; display:inline-block; float:left}.gyges .tp-tab-content{background:rgba(0,0,0,0);   position:relative;  padding:5px 15px 5px 30px;  left:0px;  overflow:hidden;  margin-top:-15px;  box-sizing:border-box;  color:rgba(51,51,51,0);  display:inline-block;  width:100%;  height:100%; position:absolute}.gyges .tp-tab-date{display:block; color:rgba(255,255,255,0.5); font-weight:500; font-size:20px; margin-bottom:0px}.gyges .tp-tab-title{display:block;   text-align:left;  color:rgba(255,255,255,1);  font-size:18px;  font-weight:500;  text-transform:none;  line-height:18px}.gyges .tp-tab:hover,.gyges .tp-tab.selected{background:rgba(0,0,0,0.51)}.gyges .tp-tab-mask{}@media only screen and (max-width:960px){}@media only screen and (max-width:768px){}

.news-detail .navbar{position: relative;background-color:#21B188;}
.news-detail .top-banners{position: relative;     min-height: 230px;     margin: 0;      width: 100%;     overflow: hidden;    background-image: url(../images/prlx_bg.png);    background-size: cover;    background-repeat: no-repeat;}
.news-detail .top-banners h1{position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%,-50%);    color: #fff;     font-size: 55px;     font-family: "Roboto", sans-serif;     font-weight: 100;text-align: center; color: #deffd1;}
.news-detail .links ul li{    float:left;    font-size: 14px;    padding:0 5px;  }
.news-detail .links{    padding:25px 0;    /*border-bottom:1px solid #55626E;*/    position: relative;    width: 100%;  }
.news-detail .top-area{    position: relative;  }
.news-detail .links::after{    content:'';    position: absolute;    bottom: 0;    left:0;    width:100%;    height:1px;background-color: #AAB0B6;  }
.news-detail .links ul li a{   color:#AAB0B6; }
.news-detail .links ul li a img{  margin-left: 5px;}
.news-detail .top-title{  text-align: center;  font-size: 34px;  font-weight: 300;  padding:100px 25px 0;}
.news-detail .news-content .left-content h3{  font-family: Helvetica;
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: right;
  color: #000000;position: relative;padding-bottom: 15px;padding-top: 40px;}
  .news-detail .news-content .left-content h3::after{content:'';position: absolute;bottom:0;right:0;height: 3px;width: 50px; background-color: #f6a200;}
.news-detail .news-content .middle-content p:first-child {
    margin-top:40px;
}
.news-detail .news-content .middle-content p {
    font-family: Helvetica;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #999;
    opacity: 1;
    margin: 10px 0;
}
.news-detail .news-content .middle-content .img-content{padding:40px 0;}
.news-detail .news-content .middle-content .bottom-content{padding:40px 0;}
.news-detail .news-content .middle-content .bottom-content h3{font-family: "Roboto", sans-serif;
  font-size: 22px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.2px;
  text-align: left;
  color: #000000;position: relative;padding-bottom: 10px;}
  .news-detail .news-content .middle-content .bottom-content .right-txt h3::after{position: absolute;content:'';left:0;bottom:0;background-color: #f6a200;height: 3px;width: 50px;}
 .news-detail .news-content .middle-content .bottom-content p{ font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #009c8a;
padding:0;margin:5px 0;}
  .news-detail .news-content .middle-content .bottom-content .left-txt h3::after{position: absolute;content:'';right:0;bottom:0;background-color: #f6a200;height: 3px;width: 50px;}
  
  @media (max-width: 991px){
    .news-detail .top-banners h1{font-size: 36px;}
  }
  @media (max-width: 767px){
    .news-detail .top-banners h1{font-size: 24px;}
    .ahsap .sub-title{    text-align: left;
    padding: 20px 10px 50px;}
    .ahsap .content-wrong img{    max-height: 184px}
  }
  @media(min-width: 768px){
    .ahsap .content-occur .owl-nav .owl-next{
  top :33%!important;
  /*width: 66px;
    height: 66px;*/
}

.ahsap .content-occur .owl-nav .owl-prev{
  top :33%!important;
  /*width: 66px;
    height: 66px;*/

}

  .ahsap .content-video .owl-nav .owl-next{
  top :38%!important;
  width: 66px;
    height: 66px;
}

.ahsap .content-video .owl-nav .owl-prev{
  top :38%!important;
  width: 66px;
    height: 66px;

}

  }

.ahsap .content-occur h3{ margin-top: 23px; }

.main-tops{
  padding:100px 0;
}
.main-tops h6{
  font-family: Helvetica;
  font-size: 17px;
  line-height: 1.53;
  color:#fff;
  padding:30px 0;
}
.main-tops p{
  font-family: Helvetica;
  font-size: 14px;
  line-height: 1.57;
  color:#fff;
}
.main-tops .cntns-1{
  background-color: #2eba8a;
  padding-left: 40px;
}
.main-tops .cntns-2{
  background-color: #009c8a;
  padding-left: 40px;
}
.main-tops .cntns-3{
  background-color: #004d5b;
  padding-left: 40px;
}
.main-tops .cntnts__button { display: inline-block; transition: 0.3s all; font-size: 12px; color: #ffffff; border-radius: 2px; margin-top: 15px; border: 2px solid #ffffff; font-weight: 300; text-decoration: none; padding: 15px; display: inline-flex; justify-content: center;  align-items: center; }
.main-tops .cntnts__button:hover { background: rgba(0, 0, 0, 0.4);  }
.main-tops .cntnts__button:hover .cntnts__button-icon { margin-left: 20px; }
.main-tops .cntnts__button-icon { width: 20px; height: 20px; transition: 0.2s all; display: inline-block; background: url('../svg/right-arrow.svg'); margin-left: 15px;background-repeat: no-repeat; }
.activity {
    background: url(../images/takvimBg.jpg) no-repeat #2EBA8A;
    background-size: auto 100%;
    padding: 50px 0;
    position:relative;
    z-index:0;
}
.activity .activity__button { display: inline-block; transition: 0.3s all; font-size: 12px; color: #ffffff; border-radius: 2px; margin-top: 15px; border: 2px solid #ffffff; font-weight: 400; text-decoration: none; padding: 13px 15px 12px 15px; display: inline-flex; justify-content: left;  align-items: center; width: 96%; font-family: "Roboto", sans-serif; line-height: 1.5;margin-left: 5px; margin-bottom:20px;}
.activity .activity__button:hover { background: rgba(0, 0, 0, 0.4);  }
.activity .activity__button:hover .activity__button-icon { right:20px; }
.activity .activity__button-icon {position: absolute;right:30px; width: 13px; height: 10px; transition: 0.2s all; display: inline-block; background: url('../images/rightS-Arrow.png'); margin-left: 30px;background-repeat: no-repeat; }
 .activity .activity-head h1 {
  font-family: "Roboto", sans-serif;
  font-size: 34px;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.62;
  letter-spacing: -0.2px;
  color:#fff;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.activity .activity-head h1:after {
  content:'';
  position: absolute;
  bottom:0;
  left:0;
  height:2px;
  width:50px;
  background-color: #abe063;
}
.activity .activity-head .activity__button{
  margin-top:0;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  float:right;
  position:relative;
  width:200px;
}
.activity .activity-cntnt img{
  width: 100%;

}
.activity .activity-cntnt h5{
  font-family: Helvetica;
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.53;
  color:#fff;
  margin:25px 0 5px 0;
}
.activity .activity-cntnt p{
  font-family: Helvetica;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.07;
  letter-spacing: 0.3px;
  color: #fff;
}
.activity .activity-txt{
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.activity .activity-txt:after{
  position: absolute;
  content:'';
  bottom:0;
  left:0;
  height: 2px;
  width:40px;
  background-color: #fff;
}
.activity .activity-cntnt a{
    font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: 0.6px;
  color: #abe063;
  width: 100%;
}
.activity .date {
  padding:0 20px 0 15px;
}
.activity .owl-nav img {
    padding: 0 0 !important;
    width: 10px;
}
    .activity .owl-nav button.owl-prev {
        right: 48px;
        left:auto;
        top: -71px;
        padding: 15px 19px !important;
    }
    .activity .owl-nav button.owl-next {
        right: 0px;
        top: -71px;
        padding: 15px 19px !important;
    }
.last-news{
  padding:25px 0 100px;
}
.setups { padding: 40px 0 75px 0; }
.last-news .news__header__title1{
  margin-bottom: 40px;
  width:100%;
}
.last-news .news-carousel .item h3{
  font-family: Helvetica;
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.53;
  color: #009c8a;
  margin:30px 0 0px;
  /*min-height: 80px*/
}
.last-news .news-carousel p{
  font-family: Helvetica;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  color: #55626e;
  opacity: 0.5;
}
.main-menu .head-socials{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right:5%;
  z-index: 999;
  margin:auto 0;
}
.head-socials{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right:5%;
  z-index: 999;
  margin:auto 0;
}
.head-socials ul li{
  float:left;
}
.head-socials ul li a{
  padding:0 10px;
  color:#fff;
}
.head-socials ul li a:hover{
  color: #a3cf1f;
}
.mainSl {padding:60px 0 30px 0;}
.mainSl + .mainSl {padding:60px 0 90px 0;}
.mainSlbg {/*background:url(../images/slBg.png) no-repeat;*/ position:relative;}
.mainSlbg .text {position:absolute;max-width:630px; right:65px; bottom:75px; font-size:29px; font-weight:100; font-family:"Roboto", sans-serif; color:#FFF; line-height:40px;}
.mainSlbg .text .imza {margin-top:30px;}
.mainSlbg .text .imza .imzaImg {display:inline-block; vertical-align:middle; margin-left:37px;}
.bn-carousel .owl-nav .owl-next {right:-57px; top:40%;}
.bn-carousel .owl-nav .owl-prev {left:-57px; top:40%;}
.bn-carousel .item h3 {font-family: Helvetica; font-size: 17px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.53; color: #009c8a; margin:20px 15px 0 0; }
.bn-carousel .owl-item {z-index:2;}
.bn-carousel .item, .bn-carousel .item img, .news-carousel .item img, .join__item-image img, .setups#SistemKurulumu .item img {
    transition: 0.5s;
}
.bn-carousel .news_image, .news-carousel .item .news_image, .join__item-image, .setups#SistemKurulumu .item .setups__item-image {
    overflow: hidden;
}
.bn-carousel .item:hover img, .news-carousel .item:hover img, .join__item-image:hover img, .setups#SistemKurulumu .item:hover img {
    transform: scale(1.1);
}
.newsWidth {max-width:1074px; margin-left:calc((100% - 1074px)/2);}
.newsWidth .owl-nav .owl-next {right:-89px; top:30%;}
.newsWidth .owl-nav .owl-prev {left:-89px; top:30%;}
.carouselTabs {float:right; font-size:13px; font-weight:500;margin-top:16px;}
.carouselTabs a {color:#99A1A8; border-bottom:1px solid #CCC;  padding-bottom:16px; float:left;margin-right:40px;-webkit-transition: color 0.5s; transition: color 0.5s;}
.carouselTabs a:hover, .carouselTabs a.active {color:#009C8A; border-bottom:2px solid #009C8A; margin-bottom:-2px;}
.carouselTabs a:last-child {margin-right:0;}
.matter .owl-nav .owl-next {right:-100px;}
.matter .owl-nav .owl-prev {left:-100px;}
.matter.detail .owl-dots {text-align:center;margin-top:90px;}
.matter.detail .owl-dots button {width:10px; height:10px; border-radius:10px; background:#6DEBC3; outline:none; margin:0 5px; display:inline-block; cursor:pointer; user-select:element;}
.matter.detail .owl-dots button:hover, .matter.detail .owl-dots button.active {border-radius:10px; background:#FAB502;}
div .carouselTab {display:none;}
div .carouselTab:first-child{display:block;}
.katilkimcih2 {font-size:24px; font-weight:100; margin-top:7px;}
.katilimci-carousel {text-align:center;}
.katilimci-carousel .item {padding:0 20px;}
.katilimci-carousel.owl-carousel .owl-item img  {width:auto; max-width:100%; display:inline-block;}
.katilimci-carousel.owl-carousel .owl-nav.disabled  {display:block !important}
.katilimci-carousel .owl-prev{right:-50px; left:auto; top:20px; background:none !important;}
.katilimci-carousel .owl-next {right:-80px; top:20px; background:none !important;}
.katilimci-carousel .owl-prev:hover {background:none !important;}
.katilimci-carousel .owl-next:hover {background:none !important;}
.katilimci-carousel .owl-next img {padding:0 0 !important; max-width:8px; opacity:0.7;}
.katilimci-carousel .owl-prev img {padding:0 0 !important; max-width:8px; opacity:0.7;}
.katilimci-carousel .owl-next:hover img {opacity:1;}
.katilimci-carousel .owl-prev:hover img {opacity:1;}
.bottomIdea {position:fixed; height:87px; bottom:0; left:0; width:100%; background-image:url(../images/ideaBg.png); background-repeat:no-repeat; background-position:left center; text-align:center; display:none; z-index:99;}
.bottomIdea.orange {background-color:#F8A900;}
.bottomIdea.green {background-color:#009C8A;}
.bottomIdea.orange .text, .bottomIdea.green .text {float:left; width:100%; line-height:87px; padding:0 80px 0 220px; font-size:34px; font-weight:100; color:#FFF;}
.bottomIdea.green .text {line-height:initial;}
.bottomIdea.green .text div {text-align:left; display:inline-block; padding-top:10px;}
.bottomIdea.green .text span {font-size:20px; font-weight:400; clear:both; display:block; line-height:initial;}
.bottomIdea div.closest {position:absolute; right:0; height:100%; width:75px; background:url(../images/ideaClose.png) no-repeat center center; cursor:pointer;}
.gallery-content {padding:30px 0 100px 0;}
.gallery-content .galleryItem {margin:25px 0;}
.gallery-content .galleryItem a {display:block;}
.gallery-content .galleryItem img {margin-bottom:25px; width:100%;}
.gallery-content .galleryItem div {font-size:17px; font-family:Helvetica; color:#009C8A;}
.gallery-content .galleryItem .counter {margin-top:5px; color:#55626E; font-size:14px; opacity:0.5;}
.gallery-content .galleryItem .title {font-size:17px; font-family:"Helvetica", sans-serif;}
.gallery-content .galleryItem .sub {font-size:14px; color:#55626E; margin:10px 0; line-height:24px;}
.gallery-content .galleryItem .desc {font-size:14px; opacity:0.5; color:#55626E;}
.gallery-content .galleryItem .link a {font-size:12px; font-family:"Roboto", sans-serif; color:#009C8A; font-weight:500;}
.gallery-content .galleryItem .link a:before {content:""; width: 30px;  height: 2px; background:#009C8A; display:block; margin:25px 0 15px 0;}
.pager {text-align:center; margin-top:100px;}
.pager-content {display:inline-block; text-align:center;}
.pager-content ul li {display:table-cell; vertical-align:middle;}
.pager-content ul li a {display:table-cell; vertical-align:middle; text-align:center; width:50px; height:50px; color:#55626E; font-size:18px; font-weight:100;}
.pager-content ul li a img {width:12px !important;}
.pager-content ul li a:hover, .pager-content ul li a.active {background:#EFF3F8;}
.pager-content ul li a.prev, .pager-content ul li a.next {background:#ABE063;}
/*.pager-content ul li.next{float:left;}*/
.galleryI {margin-top:120px; margin-bottom:20px;}
.galleryI .title {font-size:34px; font-weight:100; position:relative;}
.galleryI .title:after {content: '';  width: 40px;  height: 4px; background: #F6A200; display:block; margin:26px 0;}
.galleryI .desc {font-size:14px; font-family:Helvetica,sans-serif; line-height:22px; color:#55626E;}
.calculateB {width:20%; min-height:434px;}
.displayTable {display:inline-block; width:100%; margin-top:90px; vertical-align:middle; text-align:center;}
.displayTable div {display:inline-block; margin:0 -3px; width:170px; height:170px; vertical-align:middle; border:1px solid #DBDBDB; padding:10px 10px;margin-bottom:15px; border-right:0;}
.displayTable div:last-child {border-right:1px solid #DBDBDB;}
.displayTable a {display:table-cell; width:150px; height:150px; vertical-align:middle; text-align:center; }
.displayTable div img {max-width:100%; }
.joinYou {padding:0 65px 0 105px; background:url(../images/joinU.png) no-repeat 66px center #73D289; float:right; height:47px; color:#FFF; line-height:47px; border-radius:30px; margin:-14px 0 -11px 0;}
.joinYou:hover {color:#FFF;}
.pageStatic {padding:60px 0;}
.participantTitle {font-size:34px; font-weight:100; margin-top:23px;}
.participantTitle:after {content:"";  width: 50px;  height: 3px; background: #F6A200; display:block; margin:26px 0;}
.sozluk-detail .participantTitle:after, .sozluk-detail.atik-ayirma-detay .l-menu h4:before {background: #2F90CF;}
.participantText {font-size:14px; font-family:"Helvetica", sans-serif; color:#55626E; line-height:22px;}
.participantText p {color:#55626E;}
.participantPartial {margin:90px 0 0 0;}
.participantSubText {font-size:17px; line-height:26px;}
.participantSubText p {color:#000000;}
.participantFormText {font-size:17px; font-family:"Helvetica", sans-serif; line-height:26px; font-weight:300;}
.participantFormText:after {content:"";  width: 50px;  height: 3px; background: #F6A200; display:block; margin:15px 0; float:right}
.participantForm div {width:100%; margin-top:60px;}
.participantForm div.visible {display:none;}
.participantForm div:first-child{margin-top:0px;}
.participantForm select, .participantForm input, .participantForm textarea {width:100%; border:none; border-bottom:1px solid #959595; color:#55626E; padding-bottom:9px; font-size:16px; font-family:Helvetica, sans-serif; outline:none; resize:none;}
.participantForm input::placeholder, .participantForm textarea::placeholder {color: #55626E;} 
.participantForm input:-ms-input-placeholder, .participantForm textarea:-ms-input-placeholder {color: #55626E; } 
.participantForm input::-ms-input-placeholder, .participantForm textarea::-ms-input-placeholder { color: #55626E; } 
.participantForm textarea {height:160px;}
.participantForm .input-validation-error {border-bottom:1px solid #b61d1d;}
.participantForm .field-validation-error {display:none;}
.participantForm div:last-child {margin-top:30px;}
.participantForm button[type="submit"] {padding:0 170px 0 30px; background:url(../images/submitN.png) no-repeat 210px center #73D289 ; float:right; height:47px; color:#FFF; line-height:47px; border-radius:30px; border:none; float:left; width:auto; font-size:15px; font-weight:100;}
.participantForm button[type="submit"].position {padding:0 110px 0 30px;}
.participantForm input[type=number]::-webkit-inner-spin-button, .participantForm input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }
.breadcrumbSearch {float:right; width:250px; position:relative; margin:-13px 0 -11px 0}
.breadcrumbSearch input {font-size:18px; font-weight:300; color:#55626E; padding:0 0; height:auto; opacity:0.5; padding-right:45px; animation:all 1s ease;}
.breadcrumbSearch input:focus {box-shadow:none; border:none; outline:none; color:#55626E; padding-right:45px; opacity:1;}
.breadcrumbSearch input[type="text"]::placeholder, .breadcrumbSearch input[type="text"]:-ms-input-placeholder, .breadcrumbSearch input[type="text"]::-ms-input-placeholder {color:#AAB0B6; opacity:0.5;}
.breadcrumbSearch button {background:none; outline:none;}
.mapsContainer {position:relative;}
.mapsSearch {position:absolute; top:150px; left:270px; background:#FFF; z-index:11; width:450px; padding:25px 25px 30px 25px;}
.mapsSearch h1 {font-size:34px; font-family:"Roboto", sans-serif; line-height:26px; font-weight:300;}
.mapsSearch h1:after, .contact-page .top-title:after, .contact-form .top-title:after  {content:"";  width: 50px;  height: 3px; background: #F6A200; display:block; margin:20px 0 25px 0;}
.mapsSearch input {width:100%; height:50px; padding:0 15px; background:#EEEEEE; border:none; font-size:16px; font-weight:100; font-family:"Roboto", sans-serif;}
.mapsSearch .searchText {width:100%; float:left;}
.mapsSearch li a {padding:18px 15px;  font-size:16px; font-weight:100; font-family:"Roboto", sans-serif; float:left; width:100%; border-bottom:1px solid #EEEEEE; color:#000;}
.mapsSearch li:first-child a{border-top:1px solid #EEEEEE;}
.contact-page {padding:90px 0;}
.contact-page .contact-text {font-size:16px; font-family:"Helvetica", sans-serif; line-height:33px; color:#55626E; font-weight:300;}
.contact-page .contact-text a {color:#55626E;}
.contact-page .top-title {font-size:34px; font-weight:100; }
.contact-page .top-title:after {content:"";  width: 50px;  height: 3px; background: #F6A200; display:block; margin:20px 0 40px 0;}
.contact-page .social {margin:50px 0 0 0;}
.contact-page .social a {background:url(../images/contactSocial.png) no-repeat; line-height:25px; display:block; padding:0 0 0 25px; text-decoration:underline !important; color:#262626;}
.contact-page .social a.twitter {background-position:0 -32px;}
.contact-page .social a.instagram {background-position:0 -64px;}
.contact-form .form-group {margin-bottom:30px;}
.contact-form input, .contact-form textarea, .contact-form select {border:none; border-bottom:1px solid #959595; border-radius:0; font-size:16px; font-family:"Helvetica"; color:#55626E; padding:0 15px; resize:none; outline:none;}
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus {outline:none; box-shadow:none;}
.contact-form .submit {padding:0 170px 0 30px; background:url(../images/submitN.png) no-repeat 210px center #73D289 ; float:right; height:47px; color:#FFF; line-height:47px; border-radius:30px; border:none; float:left; width:auto; font-size:15px; font-weight:100;}
.haber-liste .last-news-content .activityItem p { margin-top:5px; color:#55626E; opacity:1;}
.haber-liste .last-news-content .activityItem p + p { margin-top:2px;}
.haber-liste .last-news-content .activityItem a {font-size: 12px; font-family: "Roboto", sans-serif; color: #009C8A;font-weight: 500;}
.haber-liste .last-news-content .activityItem a:before {content: ""; width: 30px; height: 2px; background: #009C8A; display: block; margin: 25px 0 15px 0;}
.activityDropdown {margin-right:15px;}
.zirveCo {overflow:hidden; margin-bottom:25px}
.zirveCo img {margin-bottom:0 !important; float:left;transform: scale(1); transition: 0.5s;}
.zirveCoT:hover img {transform: scale(1.2); transition: 0.5s;}
.animate_content { animation: animate 3s ease;}
@-moz-keyframes animate{10%{transform: scale(1, 0.002);}35%{transform: scale(0.2, 0.002); opacity: 1;}50%{transform: scale(0.2, 0.002); opacity: 0;}85%{transform: scale(1, 0.002); opacity: 1;}100%{transform: scale(1, 1);}}
@-webkit-keyframes animate{10%{transform: scale(1, 0.002);}35%{transform: scale(0.2, 0.002); opacity: 1;}50%{transform: scale(0.2, 0.002); opacity: 0;}85%{transform: scale(1, 0.002); opacity: 1;}100%{transform: scale(1, 1);}}
@-o-keyframes animate{10%{transform: scale(1, 0.002);}35%{transform: scale(0.2, 0.002); opacity: 1;}50%{transform: scale(0.2, 0.002); opacity: 0;}85%{transform: scale(1, 0.002); opacity: 1;}100%{transform: scale(1, 1);}}
@keyframes animate{10%{transform: scale(1, 0.002);}35%{transform: scale(0.2, 0.002); opacity: 1;}50%{transform: scale(0.2, 0.002); opacity: 0;}85%{transform: scale(1, 0.002); opacity: 1;}100%{transform: scale(1, 1);}}
.pageload-overlay{position: fixed;width: 100%;height: 100%;top: 0;left: 0; visibility: hidden; z-index: 99999;background:#FFF; transition:0.5s all;}
.pageload-overlay.show{visibility: visible;}
.pageload-overlay svg{position: absolute;top: 0;left: 0;pointer-events: none;}
.pageload-overlay svg path{fill: #fff;}
.pageload-overlay::after,.pageload-overlay::before{content: '';position: fixed;width: 20px;height: 20px;top: 50%;left: 50%;margin: -10px 0 0 -10px;border-radius: 50%;visibility: hidden;opacity: 0;z-index: 1000;-webkit-transition: opacity 0.15s, visibility 0s 0.15s;transition: opacity 0.15s, visibility 0s 0.15s;}
.pageload-overlay::after{background: #6cc88a;-webkit-transform: translateX(-20px);transform: translateX(-20px);-webkit-animation: moveRight 0.6s linear infinite alternate;animation: moveRight 0.6s linear infinite alternate;}
.pageload-overlay::before{background: #4fc3f7;-webkit-transform: translateX(20px);transform: translateX(20px);-webkit-animation: moveLeft 0.6s linear infinite alternate;animation: moveLeft 0.6s linear infinite alternate;}
@-webkit-keyframes moveRight{to{-webkit-transform: translateX(20px);}}
@keyframes moveRight{to{transform: translateX(20px);}}
@-webkit-keyframes moveLeft{to{-webkit-transform: translateX(-20px);}}
@keyframes moveLeft{to{transform: translateX(-20px);}}
.pageload-loading.pageload-overlay::after,.pageload-loading.pageload-overlay::before{opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.RevolitionMoreDetail{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;font-family: Helvetica;}
.RevolitionMoreDetail .more{font-size: 18px; color: #ABE063; position:absolute; right:50px; bottom:35px; font-weight:300; z-index:2; cursor:pointer;}
.RevolitionMoreDetail .detail{width:100%; height:100%; color:#FFF; position:absolute; opacity:0; transition: 0.5s; background: rgba(0, 0, 0, 0.51);}
.RevolitionMoreDetail .bottomFix{position: absolute; padding: 40px 40px 90px 40px; bottom:0; overflow:auto; max-height:100%;}
.RevolitionMoreDetail .asd{font-size: 40px; font-weight: 300; margin-bottom: -20px; transition: 1s; opacity: 0;}
.RevolitionMoreDetail .desc{font-size: 18px; font-weight: 300; line-height: 26px; transition: 1s; margin-bottom:-20px; opacity:0; overflow:auto;}
.RevolitionMoreDetail .detail.showView{opacity: 1;}
.RevolitionMoreDetail .detail.showView .asd{margin-bottom: 20px; opacity:1;}
.RevolitionMoreDetail .detail.showView .desc{margin-bottom: 0px; opacity:1;}
.RevolitionMoreDetail .detail.showView .desc ul{list-style:initial;}
.RevolitionMoreDetail .detail.showView .desc ul li{list-style-position:inside; color:#AAB0B6}
.tp-mask-wrap.hides{opacity: 0; transition: 0.5s;}
.tp-bgimg{transition: 0.5s; filter: blur(0px); -webkit-filter: blur(0px);}
.tp-bgimg.blur{filter:blur(20px); -webkit-filter:blur(20px);}
.atikList{padding:0 20px;}
.atikList .matter__item{min-height:400px; padding:50px 25px; margin: 0 0 40px 0; min-height: 350px; text-align:center; background:#1BAD87;}
.atikList .matter__item .matter__image{text-align: center; border-radius: 100%; background: #A4E687; vertical-align: middle; display: inline-block; transition: background ease 0.5s; -webkit-transition: background ease 0.5s;}
.atikList .matter__item .matter__image div{text-align: center; height: 140px; width: 140px; display: table-cell; vertical-align: middle;}
.atikList .matter__item .matter__image img{max-height: 100%; max-width: 100%; width:auto; margin-top:0;} 
.atikList .matter__item .matter__title{color: #DEFFD1; font-size: 28px; font-weight: 100; text-align: center; padding: 25px 0 18px 0; font-family: 'Roboto', sans-serif;}
.atikList .matter__item .matter__paragraph{color: #ffffff; font-weight: normal; font-size: 13px; line-height: 20px; text-align: center; opacity: 0.75; margin-top:0;}
.atikList .item:hover .matter__image{background: #FFF;}
.haber-liste.wasteType {float:right; margin:-17px 0;}
.misapplication {background:#FBFBFB; margin:40px 0; padding:90px 0;}
.misapplicationContainer {padding:70px 0; background:#FFF; position:relative;}
.misapplicationContainer h2 {width:100%; text-align:center;}
.misapplicationContainer .descText{color:#808080; font-size:16px; line-height:22px; margin-bottom:40px;}
.misapplicationContainer .popMisapplication { width: 100%;}
.misapplicationContainer .popMisapplication .items{cursor:pointer;}
.misapplicationContainer .popMisapplication .items:hover .hover {opacity:1;}
.misapplicationContainer .popMisapplication .img {position:relative; float:left; width:100%;}
.misapplicationContainer .popMisapplication .img img {width:100%;}
.misapplicationContainer .popMisapplication .img .hover {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:0.7s;}
.misapplicationContainer .popMisapplication .text {margin-top:3px; font-size:17px; color:#000; text-align:center;}
.misapplicationContainer .popMisapplication .text .subText {font-size:14px; color:#AAB0B6; margin-top:10px; display:block;}
.misPopup {position:absolute; top:0; left:0; width:100%; height:100%; background:#FFF; z-index:2; display:none;}
.closeMisPopup {position:absolute; right:0; top:0; font-size:20px; padding:30px 35px; background:#009C8A; z-index:3; color:#FFF; cursor:pointer;}
.misPopup .tables {display:table; width:100%; height:100%; position:absolute;padding:0 145px 0 75px; }
.misPopup .tables .cell {display:table-cell; vertical-align:middle; width:100%;}
.misPopup .tables .cell .title {font-size:34px; font-weight:100; color:#000; position:relative; padding-bottom:26px; margin-bottom:40px;}
.misPopup .tables .cell .title:before {content: ''; position: absolute; bottom: 0; left:0; width: 50px; height: 3px; background-color: #F6A200; }
.misPopup .tables .cell .desc {font-size:16px; color:#808080; line-height:30px;}
.misPager {position:absolute; bottom:0; left:0; width:100%; text-align:center;}
.misPager ul li {display:inline-block; width:75px; line-height:75px; font-weight:100; font-size:18px; margin:0 -2px; cursor:pointer;}
.misPager ul li.active, .misPager ul li:hover {background:#EFF3F8;}
.misContents, .appMiss{display:none;}
.misContents .image, .misContents .texts {margin-top:60px; transition:0.5s; opacity:0;}
.misContents .image {transition:0.7s;}
.appMiss .misContents.active {display:block;}
.appMiss .misContents.active .image, .misContents.active .texts {opacity:1; margin-top:0;}
.menu-area__proposal .menu-list {float:left; width:270px; margin-right:70px;}
.menu-area__proposal .menuThmb {float:left; border-left:1px solid #FFF; padding:25px 0; position:relative; overflow:hidden; width:380px; height:250px;}
.menu-area__proposal .menuThmb img {position:absolute; top:25px; left:0; height:auto; width:380px; height:200px; margin-left:-380px;}
.menu-area__proposal .menuThmb img:nth-child(1) {z-index:1; margin-left:0;}
.menu-area__proposal .menuThmb img:nth-child(2) {z-index:2;}
.menu-area__proposal .menuThmb img:nth-child(3) {z-index:3;}
.menu-area__proposal .menuThmb img:nth-child(4) {z-index:4;}
.menu-area__proposal .menuThmb img:nth-child(5) {z-index:5;}
.menu-area__proposal .menuThmb img:nth-child(6) {z-index:6;}
.menu-area__proposal .menuThmb img:nth-child(7) {z-index:7;}
.menu-area__proposal .menuThmb img:nth-child(8) {z-index:8;}
.menu-area__proposal .menuThmb img:nth-child(9) {z-index:9;}
.AtikDetailListMenu {float:right; margin-top:15px;}
.AtikDetailListMenu ul li {float:left; width:100%;}
.AtikDetailListMenu ul li a {font-size:13px; color:#55626E; line-height:initial; padding:9px 0;float:left; width:100%;}
.AtikDetailListMenu ul li a:hover, .AtikDetailListMenu ul li a.active {color:#009C8A;}
@media only screen and (max-width:1450px ) and (min-width: 1024px) {
    .navbar .navbar__wrapper{
    width:95%;
    }
    .head-socials{
    right:1%;
    }
}
@media only screen and (max-width:1340px) {
    .navbar .navbar__wrapper {
        width:90%;
    }
}
@media only screen and (max-width: 1280px){
  .navbar .navbar__wrapper .navbar__nav .navbar__buttons .navbar__button{
    padding:0 15px;
  }
  .datepicker table tr .day{
    font-size: 10px;
  }
  .main-tops .cntnts__button{
    padding:10px;
  }
}
@media only screen and (max-width: 1200px) {
    .newsWidth {max-width:100%; margin-left:0;}
    /*.katilimci-carousel .owl-prev {left:-240px;}
    .katilimci-carousel .owl-next {left:-203px;}*/
    .activity .activity-head .activity__button {float:left; width:175px;}
    .mainSlbg .text {max-width:470px;font-size:16px; right:30px; line-height:26px;}
    .mainSlbg .text #Emine_ErdoÄŸan, .mainSlbg .text #Murat_Kurum {font-size:22px;}
    .mainSlbg .text .imza .imzaImg {margin-left:-23px;}
    .imgHolder {max-height:225px !important;}
    .imgHolder img  {min-height:225px !important;}
    .galleryI {margin-top:60px;}
    .galleryI .title {font-size:24px;}
    .galleryI .title:after {margin:15px 0;}
    .news__header__title1 {bottom:0;}
    .navbar .navbar__wrapper .navbar__nav .navbar__buttons .navbar__button {padding:0 10px; font-size:13px;}
    .navbar .navbar__wrapper .navbar__nav .navbar__search-button {margin-left:10px;}
    .menu-area__proposal .menu-list {margin-right:30px;}
    .menu-area__proposal .menuThmb { width:320px; height:219px;}
    .menu-area__proposal .menuThmb img {width:100%; height:auto}
}
@media only screen and (max-width: 1024px){
  .head-socials{
    display:none;
  }
  .ahsap .content-video .owl-nav .owl-next {
    right: -15px;
  }
  .ahsap .content-video .owl-nav .owl-prev {
    left: -15px;
  }
    .imgHolder {margin-top:20px !important;}
    .zirveCo {margin-bottom:15px;}
    .RevolitionMoreDetail .more {bottom:20px;}
    .bottomIdea {height:120px;}
    .bottomIdea.green .text span {font-size:18px;}
    .bottomIdea.orange .text, .bottomIdea.green .text {font-size:25px;}
}
@media only screen and (max-width:992px) {
    .navbar .navbar__wrapper {width:100%;}
    .mainSl, .pageStatic, .mainSl + .mainSl {padding:0 0 30px 0}
    .last-news {padding:0 0 30px 0; /*margin-top:90px;*/}
    .navbar-mobile #mobile-menu-center img{position: absolute; top:15px;left:35px;}
    .mainSlbg {background:url(../images/emine-erdogan-mobil.png) no-repeat left bottom; height:165px;}
    .mainSlbg.murat-kurum {background:url(../images/murat-kurum-mobil.png) no-repeat left bottom;}
    .mainSlbg img {opacity:0;}
    .mainSlbg .text .imza {margin-top:0;}
    .mainSlbg .text .imza .imzaImg {opacity:1; width:90px; margin-left:-60px;}
    .mainSlbg.murat-kurum .text .imza .imzaImg {margin-left:-33px;}
    .mainSlbg .text {font-size:14px; max-width:calc(100% - 167px); line-height:18px; margin-top:0; bottom:20px;}
    .imza svg text, .mainSlbg .text #Emine_ErdoÄŸan, .mainSlbg .text #Murat_Kurum {font-size:12px;}
    .join .join__item {margin-top:15px;}
    .gallery-content .galleryItem {margin:10px 0;}
    .breadcrumbSearch {width:100%; margin:10px 0 0 0;}
    .breadcrumbSearch input {padding:8px 15px; border:1px solid #ced4da !important; border-radius:0; font-size:16px;}
    .breadcrumbSearch input:focus {padding:8px 15px; border-radius:0;}
    .breadcrumbSearch .input-group-append {display:none;}
    .ui-menu .ui-menu-item-wrapper {font-size:16px;}
    .gallery-content .galleryItem .sub {line-height:18px;}
    .gallery-content .galleryItem img {margin-bottom:15px;}
    .gallery-content .galleryItem .link a:before {margin:15px 0;}
    .join .join__item .join__item-content {padding:15px 0; color:#55626E;}
    .join .join__item .join__item-title {padding:10px 0; line-height:20px; font-size:16px;}
    .join .join__item-hashtag-title {font-size:20px;}
    .setups .setups__item .setups__item-title {font-size:16px; padding: 15px 0; line-height:21px;}
    .setups .setups__item .setups__item-content {padding:15px;}
    .matter .item:hover .matter__item {box-shadow:0 0px 19px 0px rgba(0, 0, 0, 0.14);}
    .date-width, .activity-width {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    .activity .date.date-width {padding:0 5px;}
    .datepicker-inline, .datepicker-inline table {width:100%;}
    .ahsap .content-benefit {margin:15px 0;}
    .activity-width {padding:0 23px;}
    footer .footer__wrapper .footer__bottom .footer__bottom-item {width:calc(50% - 2px); display:inline-block !important}
    .activity .owl-nav .owl-next {right:0;}
    .activity .owl-nav .owl-prev {left:0;}
    .owl-carousel .owl-nav button.owl-prev {left:0;}
    .owl-carousel .owl-nav button.owl-next {right:0;}
    .activity .activity__button-icon {right:15px;}
    /*.katilimci-carousel .owl-next {left:-142px;}
    .katilimci-carousel .owl-nav button.owl-prev {left:-179px;}*/
    .pageStatic.subPageStatic {padding-top:30px;}
    .joinYou {width:100%; float:left; margin:10px 0 0 0; border-radius:0; background-position:15px center; text-align:center;}
    .participantFormText, .contact-page .contact-text {font-size:14px; line-height:22px;}
    .participantForm div {margin-top:30px;}
    .participantForm .participantTitle, .contact-page .top-title {font-size:24px;}
    .contact-form input, .contact-form textarea {font-size:14px;}
    .activity .owl-nav button.owl-next, .activity .owl-nav button.owl-prev {top:31%;}
    .activity .owl-nav button.owl-prev, .katilimci-carousel .owl-nav button.owl-prev, .newsWidth .owl-nav .owl-next, .newsWidth .owl-nav .owl-prev {right:initial;} 
    .join {padding:30px 0;} 
    .galleryI {margin-top:30px;}
    .atikList {width:50%; max-width: 50%; flex: 0 0 50%;}
    .haber-liste.wasteType {width:100%; margin:10px 0 0 0;}
    .haber-liste.wasteType .dropdown {width:100%;}
	.misPopup .tables {padding:0 8px 0 15px;}
    .misPopup .tables .cell .title {font-size:21px; padding-bottom:15px; margin-bottom:15px;}
    .misPopup .tables .cell .desc, .misapplicationContainer .descText {font-size:13px; line-height:20px;}
    .menu-area__proposal .menuThmb {display:none;}
    .menu-area__proposal .menu-list {width:100%; margin-right:0;}
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
  
  .activity .activity-cntnt .col-sm-4{
    margin:0 20px;
  }
  .ahsap .content-benefit img {
    margin-left:0;
    transform:translateY(0);
  }
    .galleryI {margin-top:15px;}
}
@media only screen and (max-width:768px) {
    .mainSlbg .text {max-width:initial; width:100%; padding-left:130px; right:15px; bottom:7px; font-size:15px; line-height:22px;}
    .mainSlbg .text .imza {margin-top:-10px;}
    .mainSlbg .text .imza .imzaImg {margin-left:-86px; width:80px;}
    .mainSlbg.murat-kurum .text .imza .imzaImg {margin-left:-47px;}
    /*.bn-carousel .owl-nav .owl-next, .bn-carousel .owl-nav .owl-prev {top:15%;}
    .newsWidth .owl-nav .owl-next, .newsWidth .owl-nav .owl-prev {top:9%;}*/
    .join {padding:30px 0;}
    .bn-carousel .owl-nav .owl-next, .bn-carousel .owl-nav .owl-prev {top:130px;}
    .newsWidth .owl-nav .owl-next, .newsWidth .owl-nav .owl-prev {top:130px;}
    .carouselTabs {width:100%;}
    .carouselTabs a {width:50%; margin-right:0; text-align:center;}
    .last-news .news__header__title1 {margin-bottom:10px; font-size:18px;text-align:center;}
    .pager-content ul li a {height:45px;}
    .calculateB {width:50%; min-height:initial; margin-bottom:15px;}
    .ahsap .content-benefit img {margin-bottom:5px; max-width:120px;}
    .ahsap .content-benefit h4 {font-size:60px; padding-top:5px;}
    .ahsap .content-benefit p {font-size:16px;}
    .bn-carousel .item h3, .last-news .news-carousel .item h3 {padding:0 15px; margin:15px 0 0 0; font-size:14px;}
    .news-detail .news-content .left-content h3 {font-size:14px; padding-top:15px;}
    .news-detail .news-content .middle-content .bottom-content h3 {font-size:16px;}
    .news-detail .news-content .middle-content p:first-child { margin-top: 15px;}
    .news-detail .news-content .middle-content p, .news-detail .news-content .middle-content .bottom-content p, .gallery-content .galleryItem .desc { font-size: 13px;}
    .gallery-content .galleryItem .title, .gallery-content .galleryItem div {font-size:14px;}
    .gallery-content .galleryItem div {line-height:17px;}
    .activity .owl-nav .owl-next, .activity .owl-nav .owl-prev { top: 40%;}
    .message {padding:30px 0;}
    .displayTable {margin-top:30px;}
    .participantTitle.mbtS {font-size:18px;}
    .participantSubText {font-size:14px; line-height:22px;}
    .participantPartial {margin:30px 0 0 0;}
    .contact-page .top-title:after, .contact-form .top-title:after  {margin:15px 0;}
    .contact-page .contact-text, .atik-ayirma-detay .l-menu{margin-bottom:15px;}
    footer .footer__wrapper .footer__top {padding:100px 0 0px 0;}
    .contact-page {padding:30px 0;}
    .main-menu .navbar {height:80px;}
    .navbar .navbar__wrapper .navbar__logo {padding:10px 0;}
    .navbar .navbar__wrapper .navbar__logo img {max-height:57px;}
    .matter h2 {padding:10px 0 0 0px!important;}
    .activity .activity-head .activity__button {width:100%;}
    .pager {margin-top:40px;}
    .more-btn {font-size:18px;}
    .kucukHide {display:none !important;}
    .news-detail .news-content .middle-content .bottom-content h3, .news-detail .news-content .middle-content p, .news-detail .news-content .middle-content .bottom-content p {text-align:left !important;}
    .news-detail .news-content .middle-content .bottom-content .left-txt h3::after {left:0;}
    .displayTable {padding:0 15px;}
    .galleryI .title {font-size:17px;}
    .atikList {width:100%; max-width:100%; flex:0 0 100%;}
    .atikList .matter__item {margin-bottom:15px;}
    .banner-slide .banner__wrapper .banner__content .banner__title {top:10%;}
    .bottomIdea {background-image:none; height:auto;}
    .bottomIdea.orange .text, .bottomIdea.green .text {padding:20px 80px 20px 15px; font-size:16px; line-height:initial;}
    .bottomIdea.green .text span {font-size:13px;}
    .ahsap .content-occur {margin:0 0 20px 0 !important;}
    .occurCarousel.owl-carousel .owl-nav button.owl-prev, .occurCarousel.owl-carousel .owl-nav button.owl-next {top:33%;}
    footer {background:url(../images/footer_mobil.png) no-repeat #f0f4f9; background-size:100% auto;}
    .atik-ayirma .counter-content .result {padding: 0 0 !important;}
    .banner-tv .input-group input {padding:20px 15px !important;}
    .navbar-mobile {padding:15px 15px 0 15px;}
}
@media only screen and (max-width:767px) {
    .etkinlikLst {width:calc(50% - 15px); float:left !important; margin-bottom:5px;}
    .atik-ayirma-detay .l-menu h4:after {content:"";border:solid #f6a200; border-width: 0 3px 3px 0; display: inline-block; float:right; margin-right:15px; padding: 3px; vertical-align: middle; transform: rotate(45deg);-webkit-transform: rotate(45deg); transition:0.7s;}
    .atik-ayirma-detay .l-menu h4.active:after {transform: rotate(227deg);-webkit-transform: rotate(227deg);}
	.misapplicationContainer .descText {margin-bottom:15px;}
    .misapplicationContainer .descText, .misapplicationContainer .popMisapplication .items {padding:0 30px;}
    .misapplication {padding:30px 0; margin:20px 0;}
    .misapplicationContainer {padding:30px 0;}
    .closeMisPopup {padding:10px 15px;}
    .misPopup .tables {position:relative; padding:50px 15px 0 15px; height:auto;}
    .misPopup .tables .cell {display:inline; float:left;}
    .misContents .image, .misContents .texts {margin-bottom:15px;}
    .misPager {position:relative; float:left; width:100%;}
    .misPager ul li {width:40px; line-height:40px; font-size:14px;}
}
@media only screen and (max-width:575px) {
    .mainSlbg {height:auto; padding-top:20px;}
    .mainSlbg .text {position:relative;}
    .mainSlbg img {display:none;}
    .mainSlbg img.imzaImg {display:block;}
    .mainSlbg.murat-kurum .text .imza .imzaImg {margin-left:-88px;}
    .katilimci-carousel .owl-prev {top:-28px; left:0;}
    .katilimci-carousel .owl-next {top:-28px; right:0; left:auto;}
    .participantFormText {text-align:center !important;}
    .participantFormText:after {margin-right:calc(50% - 25px);}
    .activity .activity-head .activity__button {width:100%;}
    .displayTable div {float:left; width:50%; height:auto; border:1px solid #DBDBDB; margin: 0 0 15px 0; text-align:center;}
    .displayTable a {width:auto; height:150px;}
}
@media only screen and (max-width:480px) {
    /*.bn-carousel .owl-nav .owl-next, .bn-carousel .owl-nav .owl-prev {top:71px;}*/
    .newsWidth .owl-nav .owl-next, .newsWidth .owl-nav .owl-prev {top:34%;}
    footer .footer__wrapper .footer__bottom .footer__bottom-item {width:100%; }
    .displayTable div {width:100%;}
    .joinYou {padding:0 45px;}
    .katilimci-carousel .owl-nav button.owl-prev {left:0 !important}
    .matter .owl-nav .owl-next, .matter .owl-nav .owl-prev {top:42%;}
    .navbar .navbar__wrapper .navbar__nav .navbar__search-button {min-height:79px;}
    .banner-slide .banner__wrapper .banner__content .banner__title {top:16%;}
    .RevolitionMoreDetail .bottomFix {padding:15px 15px 70px 15px;}
    .RevolitionMoreDetail .more {right:10px;bottom:45px; font-size:14px;}
    .RevolitionMoreDetail .detail.showView .asd {font-size:18px; margin-bottom:5px;}
    .RevolitionMoreDetail .desc {font-size:13px; line-height:19px;}
    .tp-mask-wrap div.tp-caption.tp-resizeme {line-height:20px !important;}
    .bn-carousel .owl-nav .owl-next, .bn-carousel .owl-nav .owl-prev, .newsWidth .owl-nav .owl-next, .newsWidth .owl-nav .owl-prev {top:calc(50% - 23px);}
    .atik-ayirma .counter-content input {min-height:45px !important; font-size:14px !important;}
    .atik-ayirma .counter-content .result ul li:not(:first-child) {width:auto !important; max-width:initial !important; float:left;}
    footer .footer__wrapper .footer__top {width:100%; text-align:center;}
    footer .footer__wrapper .footer__top .footer__support{ float:none !important; display:inline-block; width:auto;}
    footer .footer__wrapper .footer__top .footer__support div {display:inline-block; vertical-align:middle;}
    .atik-ayirma-detay .atik-top img {height:40px;}
    .participantTitle:after {margin:10px 0 15px 0;}
}
@media only screen and (max-wdith:340px) {
    .mainSlbg .text {font-size:13px;}
    .mainSlbg .text .imza .imzaImg {margin-left:0; margin-top:5px; margin-bottom:5px;}
    .mainSlbg.murat-kurum .text .imza .imzaImg {margin-left:0; margin-top:10px; margin-bottom:10px;}
    .banner-tv h1 {font-size:40px;}
}
.back-to-top{
  width: 49px;
  height: 49px;
  position: fixed;
  bottom: 100px;
  right: 45px;
  cursor:pointer;
  z-index:9;
  opacity:0;
  visibility:hidden;
  transition:0.5s;
}
.back-to-top svg{
  transform: rotate(270deg);
}
.back-to-top.visible{
	opacity:1;
	visibility:visible;
}