/*
font-family: 'Ubuntu', sans-serif;
*/

/* #Basic Styles
================================================== */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
body { min-width: 320px; background: #EEE; color: #232733; text-align: left; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-size: 15px; letter-spacing: 0.5px; line-height: 24px; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
html, button, input, select, textarea, .pure-g [class *= "pure-u"] { font-family: 'Ubuntu', sans-serif; font-weight: 400; }
.hidden { display: none !important; visibility: hidden; }
.outline { outline: 1px solid red; }
.overflow { overflow: hidden; }
.no-margin-t { margin-top: 0!important; }
.main-cont { max-width: 1680px; margin: 0 auto; background: #FAFAFA; border-left: 1px solid #DDD; border-right: 1px solid #DDD; position: relative; overflow: hidden; }
.pure-g { max-width: 1200px; margin: 0 auto; }
.l-box { padding: 0 15px; }
.tac { text-align: center; }


/* #Links
================================================== */
a, a:visited { color: #1E2433; text-decoration: none; outline: 0;  }
a:hover, a:focus, a:active { text-decoration: underline; color: #0C3BA7; }
a, a:hover, a:active { transition: .3s all ease; }


/* #TEXT FORMATS
================================================== */
h1, h2, h3, h4, h5, h6 { line-height: 1; padding: 0; margin: 0; font-weight: normal; font-family: 'nexa', sans-serif; position: relative; }
ul, ol { padding: 0; margin: 0; list-style-type: none; line-height: 1; }
li {  }
p, address, label { font-size: 13px; padding: 0; margin: 0 0 15px 0; line-height: 18px; font-style: normal; letter-spacing: 0.5px; }


/* #ANA SAYFA
================================================== */
.home-slider-cont { background: url('../images/slider-bck.jpg') no-repeat; background-position: bottom; }
.home-slider { max-width: 1680px; margin: 0 auto; overflow: hidden; z-index: 0; position: relative; overflow: hidden; }
.tp-banner-container { width:100%; position:relative; padding:0; }
.tp-banner { width:100%; position:relative; }
.slotholder { position: relative; }
.slotholder:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block;  }
.home-banner-small { margin-bottom: 30px; }
.home-banner-small .hvr-grow-shadow { box-shadow: 0 5px 5px -5px rgba(0,0,0,.5); }
.home-banner-small .hvr-grow-shadow:active, .home-banner-small .hvr-grow-shadow:focus, .home-banner-small .hvr-grow-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.5); -webkit-transform: scale(1.05); transform: scale(1.05); }
.home-banner-title { margin: 20px auto; text-align: center; }
.home-banner-title h3 { font-size: 26px; color: #0C3BA7; letter-spacing: -1px; position: relative; display: inline-block; }

@media screen and (min-width: 35.5em) {
  .home-banner-title h3:before, .home-banner-title h3:after { display: block; content: ''; position: absolute; height: 26px; width: 102px; background-repeat: no-repeat; background-size: 100% auto; top: -3px; }
  .home-banner-title h3:before { background-image: url('../images/sol-kivrim.svg'); left: -112px; }
  .home-banner-title h3:after { background-image: url('../images/sag-kivrim.svg'); right: -112px; }
}

@media screen and (min-width: 48em) {
  .home-banner-title { margin: 40px auto 20px auto; text-align: center; }
  .home-banner-title h3 { font-size: 28px; }
  .home-banner-title h3:before, .home-banner-title h3:after { top: 4px; }
  .home-banner-title h3:before { left: -132px; }
  .home-banner-title h3:after { right: -132px; }
}

@media screen and (min-width: 64em) {
  .home-banner-title { margin-bottom: 30px; }
  .home-banner-title h3 { font-size: 32px; }
  .home-banner-title h3:before, .home-banner-title h3:after { top: 4px; width: 164px; height: 40px; }
  .home-banner-title h3:before { left: -184px; }
  .home-banner-title h3:after { right: -184px; }
}

@media screen and (min-width: 80em) {
  .home-banner-title { margin-bottom: 40px; }
  .home-banner-title h3 { font-size: 36px; }
  .home-banner-title h3:before, .diger-urunler h3:after { top: 6px; }
  .home-banner-title h3:before { left: -202px; }
  .home-banner-title h3:after { right: -202px; }
}


/* #URUN LISTE SAYFA
================================================== */
.urunler-header { background: url('../images/urunler-bck.jpg') no-repeat center center; width: 100%; overflow: hidden; padding: 30px 0; margin-bottom: 20px; background-size: cover; position: relative; z-index: 0; text-align: center; }
.urunler-header h1 { font-size: 28px; color: #FFFFFF; letter-spacing: -1px; line-height: 1.45em; text-shadow: 2px 2px 1px #0C3BA7; }
.urunler-header p { font-size: 14px; color: #FFFFFF; letter-spacing: 0.5px; line-height: 1.55em; text-shadow: 0 2px 4px rgba(11,59,167,0.66); max-width: 840px; margin: 0 auto; }
.urun-liste { padding-bottom: 100px; }
.urun-liste h2 { font-size: 18px; color: #0072BA; letter-spacing: -1px; margin-bottom: 15px; margin-top: 20px; }
.urun-liste h3 { height: 40px; line-height: 42px; overflow: hidden; text-align: center; background: #FFFFFF; border: 1px solid #F0F0F0; border-radius: 16px; font-size: 14px; color: #6F747F; letter-spacing: -0.5px; margin-bottom: 15px; }
a.urun-liste-link, a.urun-liste-link:visited { border: 1px solid #F0F0F0; border-radius: 16px; background: #FFF; display: block; text-align: center; margin-bottom: 30px; padding: 31px 7px 26px 7px; color: #6F747F; }
a.urun-liste-link:hover, a.urun-liste-link:focus { text-decoration: none; color: #0536AA; }
a.urun-liste-link img { max-height: 148px; margin: 0 auto 15px auto; }
a.urun-liste-link p { font-family: 'nexa', sans-serif; font-size: 14px; letter-spacing: -0.5px; margin: 0; }

@media screen and (min-width: 35.5em) {
  .urunler-header { padding: 35px 0; margin-bottom: 25px; }
  .urunler-header h1 { font-size: 32px; }
  .urunler-header p { font-size: 14px; }
  .urun-liste { margin-bottom: 120px; }
  .urun-liste h2 { font-size: 20px; }
  a.urun-liste-link, a.urun-liste-link:visited { padding: 36px 0 31px 0; }
  a.urun-liste-link img { margin: 0 auto 15px auto; }
  a.urun-liste-link p { font-size: 14px; }
}

@media screen and (min-width: 48em) {
  .urunler-header { padding: 40px 0; margin-bottom: 25px; }
  .urunler-header h1 { font-size: 36px; }
  .urunler-header p { font-size: 15px; }
  .urun-liste { padding-bottom: 140px; }
  .urun-liste h3 { height: 42px; line-height: 46px; font-size: 15px; }
  .urun-liste h2 { font-size: 22px; }
  a.urun-liste-link, a.urun-liste-link:visited { padding: 41px 0 36px 0; }
  a.urun-liste-link img { margin: 0 auto 20px auto; }
  a.urun-liste-link p { font-size: 15px; }
}

@media screen and (min-width: 64em) {
  .menuler-bck { position: absolute; background: url('../images/menuler-bck.jpg') no-repeat; background-size: cover; top: 35%; left: 0; width: 180px; height: 400px; }
  .burgerler-bck { position: absolute; background: url('../images/burgerler-bck.jpg') no-repeat; background-size: cover; top: 17%; right: 0; width: 200px; height: 330px; }
  .icecekler-bck { position: absolute; background: url('../images/icecekler-bck.jpg') no-repeat; background-size: cover; top: 56%; right: 0; width: 110px; height: 347px; }
  .urunler-header { padding: 44px 0; margin-bottom: 30px; }
  .urunler-header h1 { font-size: 42px; }
  .urunler-header p { font-size: 16px; }
  .urun-liste { padding-bottom: 180px; }
  .urun-liste h3 { height: 46px; line-height: 48px; font-size: 16px; }
  .urun-liste h2 { font-size: 24px; }
  a.urun-liste-link img { margin: 0 auto 25px auto; }
  a.urun-liste-link p { font-size: 16px; }
}

@media screen and (min-width: 80em) {
  .menuler-bck { width: 305px; height: 679px; }
  .burgerler-bck { top: 20%; width: 252px; height: 416px; }
  .icecekler-bck { top: 54%; width: 153px; height: 483px; }
  .urunler-header { padding: 56px 0; }
  .urunler-header h1 { font-size: 48px; }
  .urunler-header p { font-size: 18px; }
  .urun-liste h3 { height: 50px; line-height: 52px; font-size: 18px; }
  a.urun-liste-link p { font-size: 18px; }
}


/* #URUN LISTE STICKY MENU
================================================== */
.fake { width: 100%; }
.stuck { position:fixed; top:0; z-index: 99; }
.sticky-menu { width: 100%; margin-top: 0px; overflow: hidden; }
.sticky-menu li { height: 50px; width: 100%; height: 0; overflow: hidden; }
.sticky-menu li.active { background-image: linear-gradient(-90deg, #0080C5 0%, #283892 100%); color: #FFF; width: 100%; height: 50px; }
.sticky-menu li a { font-family: 'nexa', sans-serif; font-size: 18px; color: #6F747F; letter-spacing: -0.5px; line-height: 18px; display: block; position: relative; height: 50px; width: 100%; line-height: 50px; text-decoration: none; text-indent: 60px; /*cursor: default; */}
.sticky-menu li a:before { position: absolute; content: ''; display: block; width: 34px; height: 30px; top: 10px; left: 10px; background-position: top left; background-repeat: no-repeat; }
.sticky-menu li.active a, .sticky-menu li a:hover { text-decoration: none; /*color: #263C95;*/ }
.sticky-menu li.active a { text-decoration: none; color: #FFF; }
.sticky-menu li a.burgerler-ico:before { background-image: url('../images/icos/burger-ico.png'); }
.sticky-menu li a.salatalar-ico:before { background-image: url('../images/icos/salata-ico.png'); }
.sticky-menu li a.sandvicler-ico:before { background-image: url('../images/icos/sandvic-ico.png'); }

.sticky-menu li a.menuler-ico:before { background-image: url('../images/icos/menu-ico.png'); }
.sticky-menu li a.durumler-ico:before { background-image: url('../images/icos/durum-ico.png'); }
.sticky-menu li a.izgara-ico:before { background-image: url('../images/icos/izgara-ico.png'); }
.sticky-menu li a.tava-ico:before { background-image: url('../images/icos/tava-ico.png'); }
.sticky-menu li a.guvec-ico:before { background-image: url('../images/icos/guvec-ico.png'); }
.sticky-menu li a.corba-ico:before { background-image: url('../images/icos/corba-ico.png'); }
.sticky-menu li a.meze-ico:before { background-image: url('../images/icos/meze-ico.png'); }
.sticky-menu li a.icecekler-ico:before { background-image: url('../images/icos/icecek-ico.png'); }
.sticky-menu li.active a:before { background-position: bottom left; }

@media screen and (min-width: 64em) {
  .stuck { top:15px; }
  .sticky-menu { width: 250px; height: auto; overflow: visible; }
  .sticky-menu li { border-bottom: 1px solid #DEDFE2; height: 50px; width: 235px; }
  .sticky-menu li.active { background: url('../images/icos/affix.svg') no-repeat; border-bottom: 0; width: 250px; }
}


/* #URUN DETAY SAYFA
================================================== */
.urun-detay-header { background: url('../images/urun-detay-bck.jpg') no-repeat bottom center; width: 100%; overflow: hidden; padding: 30px 0; background-size: cover; position: relative; z-index: 0; }
.urun-detay-linkler { font-size: 11px; color: #929292; font-weight: 500; }
.urun-detay-linkler a, .urun-detay-linkler a:visited { color: #929292; }
.urun-detay-linkler span { padding: 0 7px; }

.urun-detay-parlama { max-width: 600px; margin: 0 auto; position: relative; z-index: 1; width: 100%; }
.urun-detay-parlama h1 { font-size: 28px; color: #0C3BA7; letter-spacing: -1px; line-height: 1.2em; margin-bottom: 0.3em; }
.urun-detay-parlama p { font-size: 13px; line-height: 1.6em; margin-bottom: 1.5em; }
.urun-detay-parlama:before { display: block; position: absolute; top: -20%; bottom: -20%; left: -20%; right: -20%; content: ''; background: url('../images/urun-detay-parlama.png') no-repeat center center; z-index: -1; background-size: 100% auto; }
.urun-detay-img { text-align: center; max-width: 470px; margin: 0 auto; position: relative; z-index: 1; }
.urun-detay-img img { max-width: 320px; width: 100%; margin: 0 auto; }
.urun-detay-img small { display: block; font-size: 10px; line-height: 1.35em; margin-top: -25px; margin-bottom: -10px; color: #686B72; letter-spacing: 0.5px; }
.urun-detay-sol-golge, .urun-detay-sag-golge { position: absolute; top: 0; bottom: 0; width: 110px; z-index: 0; }
.urun-detay-sol-golge { left: 0; background: url('../images/urun-detay-sol-golge.png') repeat; }
.urun-detay-sag-golge { right: 0; background: url('../images/urun-detay-sag-golge.png') repeat; }

@media screen and (min-width: 35.5em) {
  .urun-detay-parlama h1 { font-size: 32px; }
}

@media screen and (min-width: 48em) {
  .urun-detay-header { padding: 45px 0; }
  .vam { display: table; width: 100%; }
  .urun-detay-parlama { width: 50%; margin: 0; max-width: 570px; display: table-cell; vertical-align: middle; }
  .urun-detay-parlama p { max-width: 520px; }
  .urun-detay-linkler { font-size: 12px; }
  .urun-detay-parlama h1 { font-size: 36px; }
  .urun-detay-img { width: 50%; margin: 0; display: table-cell;  }
}

@media screen and (min-width: 64em) {
  .urun-detay-header { padding: 60px 0; }
  .urun-detay-parlama h1 { font-size: 42px; }
  .urun-detay-parlama p { font-size: 14px; }
  .urun-detay-img { max-width: 570px; text-align: right; }
  .urun-detay-img img { max-width: 420px; margin: 0; display: inline-block; }
}

@media screen and (min-width: 80em) {
  .urun-detay-header { padding: 70px 0; }
  .urun-detay-parlama h1 { font-size: 48px; }
  .urun-detay-parlama p { font-size: 15px; }
  .urun-detay-img small { font-size: 11px; }
  .urun-detay-img img { max-width: 517px; }
  .urun-detay-img img.cocuk-menu { margin-top: -50px; }

}

@media screen and (min-width: 105em) {
  .urun-detay-parlama:before { top: -35%; bottom: -35%; left: -35%; right: -35%; }
}


/* #DIGER URUNLER SLIDER
================================================== */
.diger-urunler { margin: 20px auto; text-align: center; }
.diger-urunler h3 { font-size: 19px; color: #0C3BA7; letter-spacing: -1px; position: relative; display: inline-block; }
.diger-urunler-slider { background: #FFFFFF; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.06); border-radius: 16px; margin-bottom: 50px; }
.diger-urunler-slider a, .diger-urunler-slider a:visited { text-align: center; color: #6F747F; padding: 20px 10px; }
.diger-urunler-slider .dus-img { margin: 0 auto 10px auto; max-height: 90px;  }
.diger-urunler-slider p { font-family: 'nexa', sans-serif; font-size: 15px; letter-spacing: -0.5px; margin: 0; }
.diger-urunler-slider a:hover, .diger-urunler-slider a:focus { text-decoration: none; color: #0536AA; }
.diger-urunler-slider .slick-arrow { height: 30px; width: 30px; border-radius: 30px; border: 0; background: #4990E2; box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.16); top: 50%; margin-top: -15px; position: absolute; z-index: 1001; outline: none!important; transition: .25s all ease; }
.diger-urunler-slider .slick-arrow img { height: 12px; width: auto; margin-top: 0px; }
.diger-urunler-slider .slick-prev { left: -10px; }
.diger-urunler-slider .slick-next { right: -10px; }
.diger-urunler-slider .slick-next img { margin-right: -3px; margin-top: -1px; }
.diger-urunler-slider .slick-arrow:hover, .diger-urunler-slider .slick-arrow:focus { background: #E24949; }
.diger-urunler-slider:before, .diger-urunler-slider:after { display: block; position: absolute; content: ''; width: 135px; top: 0; bottom: 0; background-repeat: repeat-y; background-size: 100% auto; z-index: 1; }
.diger-urunler-slider:before { left: 0; background-image: url('../images/sol-parlama.png'); }
.diger-urunler-slider:after { right: 0; background-image: url('../images/sag-parlama.png'); }

@media screen and (min-width: 25em) {
  .diger-urunler h3:before, .diger-urunler h3:after { display: block; content: ''; position: absolute; height: 26px; width: 102px; background-repeat: no-repeat; background-size: 100% auto; top: -1px; }
  .diger-urunler h3:before { background-image: url('../images/sol-kivrim.svg'); left: -122px; }
  .diger-urunler h3:after { background-image: url('../images/sag-kivrim.svg'); right: -122px; }
}

@media screen and (min-width: 35.5em) {
  .diger-urunler-slider a, .diger-urunler-slider a:visited { padding: 25px 10px; }
  .diger-urunler-slider .dus-img { max-height: 100px; }
  .diger-urunler-slider .slick-arrow { height: 36px; width: 36px; border-radius: 36px; margin-top: -18px; }
  .diger-urunler-slider .slick-arrow img { height: 14px; margin-top: -2px; }
  .diger-urunler-slider .slick-prev { left: -13px; }
  .diger-urunler-slider .slick-next { right: -13px; }
  .diger-urunler-slider .slick-next img { margin-right: -3px; margin-top: 0; }
}

@media screen and (min-width: 48em) {
  .diger-urunler { margin: 40px auto 20px auto; text-align: center; }
  .diger-urunler h3 { font-size: 20px; }
  .diger-urunler-slider { margin-bottom: 60px; }
  .diger-urunler-slider a, .diger-urunler-slider a:visited { padding: 30px 10px; }
  .diger-urunler-slider .dus-img { max-height: 110px; }
  .diger-urunler-slider p { font-size: 16px; }
}

@media screen and (min-width: 64em) {
  .diger-urunler h3 { font-size: 21px; }
  .diger-urunler-slider { margin-bottom: 70px; }
  .diger-urunler-slider a, .diger-urunler-slider a:visited { padding: 35px 10px; }
  .diger-urunler-slider .dus-img { max-height: 120px; }
  .diger-urunler-slider p { font-size: 17px; }
  .diger-urunler-slider .slick-arrow { height: 42px; width: 42px; border-radius: 42px; margin-top: -21px; }
  .diger-urunler-slider .slick-arrow img { height: 16px; }
  .diger-urunler-slider .slick-prev { left: -15px; }
  .diger-urunler-slider .slick-next { right: -15px; }
}

@media screen and (min-width: 80em) {
  .diger-urunler h3 { font-size: 24px; }
  .diger-urunler h3:before, .diger-urunler h3:after { height: 26px; width: 102px; top: 3px; }
  .diger-urunler h3:before { left: -122px; }
  .diger-urunler h3:after { right: -122px; }
  .diger-urunler-slider { margin-bottom: 90px; }
  .diger-urunler-slider a, .diger-urunler-slider a:visited { padding: 40px 10px; }
  .diger-urunler-slider .dus-img { max-height: 130px; margin-bottom: 20px; }
  .diger-urunler-slider p { font-size: 18px; }
  .diger-urunler-slider .slick-arrow { height: 48px; width: 48px; border-radius: 48px; margin-top: -24px; }
  .diger-urunler-slider .slick-arrow img { height: 18px; }
  .diger-urunler-slider .slick-prev { left: -24px; }
  .diger-urunler-slider .slick-next { right: -24px; }
}



/* #HATA SAYFASI
================================================== */
.jumbotron { margin: 5em 0; text-align: center; }
.jumbotron h2 {  font-family: 'nexa', serif; font-weight: normal; letter-spacing: -1px; font-size: 2em; color: #0C3BA7; line-height: 1; margin: 0 0 0.5em 0; }
.jumbotron p { font-size: 1.5em; }
.jumbotron a, .jumbotron a:visited { border-radius: 3px; display: inline-block; padding: 0.5em 1em; background: #0C3BA7; color: #FFF; font-size: 1em; margin: 0.5em; text-decoration: none; }
.jumbotron a:hover, .jumbotron a:focus { background: #FCB72B; }


/* #ILETISIM
================================================== */
.harita { background: url('../images/urun-detay-bck.jpg') no-repeat bottom center; width: 100%; overflow: hidden; background-size: cover; padding-bottom: 8px; }
#map { height: 260px; width: 100%; overflow: hidden; }
.infobox-wrapper { display:none; }
#infobox { text-align: center; padding: 16px 0 15px 0; border-radius: 5px; background: #0A3495; box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.20); position: relative; }
#infobox h2 { font-family: 'nexa', serif; font-weight: normal; letter-spacing: -1px; font-size: 23px; color: #FFF; line-height: 1; margin: 0 0 5px 0; }
#infobox p { font-size: 15px; color: #FFFFFF; letter-spacing: 0; line-height: 18px; margin: 0; }
#infobox:before { content : ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #0A3495; position:absolute; bottom:-10px; left:125px; }
.sube-box { margin: 15px; background: #f2f2f2; padding: 15px; min-height: 100px; border-radius: 6px; -webkit-transition-property: all; transition-property: all; cursor: pointer;  }
.sb-hvr-shadow { display: block; }
.sb-hvr-shadow:active, .sb-hvr-shadow:focus, .sb-hvr-shadow:hover { background: #FFF; -webkit-transition-property: all; transition-property: all; }
.sube-box h5 { font-size: 1.5em; margin: .25em 0; color: #0A3495; }
.sube-box p { margin: 0; font-size: 1em; line-height: 1.5em; }
.contact-form { background: #FFF; margin: 0 0 0 0; padding: 15px; margin-top: 15px;  }
.contact-form h3 { margin: 10px 0; font-size: 21px; color: #0A3495; letter-spacing: 2px; text-align: left; }
.contact-form p { font-size: 1em; line-height: 1.45em; }
#form {  margin: 15px 0; }
#form fieldset { border: 0; margin: 0 0 10px 0; padding: 0; position: relative; width: 100%; }
#form input[type=text], #form input[type=email], #form textarea { border-radius: 3px; background: #F3F3F3; border: 1px solid transparent; padding: 8px; outline: none; margin: 0; display: block; width: 100%; font-size: 14px; }
#form textarea { resize: none; min-height: 100px; overflow: hidden; }
#form label.error { display: block; width: 100%; line-height: 1.5em; margin: 5px 0 0 0; color: #FE4026; }
#form input[type=text]:focus, #form input[type=email]:focus, #form textarea:focus { border: 1px solid #DDD; box-shadow: none; background: #FFF; color: #1A1A1A; }
::-webkit-input-placeholder { color: rgba(47,51,59,0.30); line-height: 1.25em; font-style: italic; font-size: 14px; }
:-moz-placeholder { color: rgba(47,51,59,0.30); line-height: 1.25em; font-style: italic; font-size: 14px; }
::-moz-placeholder { color: rgba(47,51,59,0.30); line-height: 1.25em; font-style: italic; font-size: 14px; }
:-ms-input-placeholder { color: rgba(47,51,59,0.30); line-height: 1.25em; font-style: italic; font-size: 14px; }
#form button { display: block; border: 0; background: #BEA36F; border-radius: 3px; height: 38px; overflow: hidden; line-height: 38px; padding: 0; text-decoration: none; color: #FFF; text-align: center; width: 100%; position: relative; transition: .25s all ease; box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.10); font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0,0.10); font-size: 16px; letter-spacing: 0; }
#form button img { margin-right: 5px; height: 20px; width: auto; }
#form button:hover { background-color: #C9B388; border: 1px solid transparent; }
#message { clear: both; margin: 15px 0; color: #FE4026; font-weight: 700; display: none; }
.result { display: block; border-radius: 6px; color: #FFF; background: #0A3495; text-align: center; padding: .5em 1em; line-height: 1.35em; font-size: 1.35em; }

@media screen and (min-width: 35.5em) {
  #map { height: 320px; }
  .contact-form { box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.10); }
  .contact-form h3 { font-size: 23px; }
  #form fieldset { margin: 0 0 15px 0; }
  #form input[type=text], #form input[type=email], #form textarea { padding: 10px; font-size: 14px; }
  ::-webkit-input-placeholder { font-size: 14px; }
  :-moz-placeholder { font-size: 14px; }
  ::-moz-placeholder { font-size: 14px; }
  :-ms-input-placeholder { font-size: 14px; }
  #form button { height: 40px; line-height: 40px; font-size: 16px; }
  #form button img { height: 22px; }
}

@media screen and (min-width: 48em) {
  #map { height: 360px; }
  .contact-form { border-radius: 5px 0 5px 5px; padding: 20px; }
  .contact-form h3 { margin: 0 0 15px 0; font-size: 24px; }
  #form fieldset { margin: 0 0 15px 0; }
  #form input[type=text], #form input[type=email], #form textarea { padding: 11px; font-size: 15px; }
  #form textarea { min-height: 160px; }
  ::-webkit-input-placeholder { font-size: 15px; }
  :-moz-placeholder { font-size: 15px; }
  ::-moz-placeholder { font-size: 15px; }
  :-ms-input-placeholder { font-size: 15px; }
  #form button { height: 44px; line-height: 44px; font-size: 18px; }
  #form button img { height: 24px; }
}

@media screen and (min-width: 64em) {
  #map { height: 400px; }
  .contact-form { padding: 25px; }
  .contact-form h3 { font-size: 26px; }
  #form fieldset { margin: 0 0 20px 0; }
  #form input[type=text], #form input[type=email], #form textarea { padding: 12px 10px; font-size: 16px; }
  ::-webkit-input-placeholder { font-size: 16px; }
  :-moz-placeholder { font-size: 16px; }
  ::-moz-placeholder { font-size: 16px; }
  :-ms-input-placeholder { font-size: 16px; }
  #form button { height: 48px; line-height: 48px; font-size: 20px; }
  #form button img { margin-right: 5px; height: 27px; width: auto; }
}

@media screen and (min-width: 75em) {
  #map { height: 460px; }
  .contact-form { padding: 30px; }
}


/* #ANKET SAYFA
================================================== */
.mb40 { margin-bottom: 25px; }
.anket-form { padding-bottom: 100px; z-index: 99; position: relative; }
.form-header h1 { font-size: 21px; line-height: 1.2em; margin-bottom: 10px; }
.form-header h1 small { display: block; font-size: 60%; }
.anket-form h3 { font-size: 17px; color: #0C3BA7; letter-spacing: -1px; margin: 0; padding: 0 0 15px 0; }
.anket-ico-cont { background-position: center top; background-repeat: no-repeat; text-align: center; }
.anket-ico-cont span { visibility: hidden; font-size: 1px; }
.cok-iyi { background-image: url('../images/anket-icos/cok-iyi.svg'); }
.iyi { background-image: url('../images/anket-icos/iyi.svg'); }
.orta { background-image: url('../images/anket-icos/orta.svg'); }
.kotu { background-image: url('../images/anket-icos/kotu.svg'); }
.anket-panel { background: #FFFFFF; border: 1px solid #F0F0F0; border-radius: 16px; padding: 5px 0 10px 0; }
.anket-baslik span { padding: 10px; display: inline-block; font-size: 14px; }
.anket-panel .tac { padding: 10px 0 5px 0; }
.anket-panel .pr { padding-right: 15px!important; }
.anket-panel input[type=radio] { display:none; }
.anket-panel input[type=radio] + label { margin: 0; }
.anket-panel input[type=radio] + label span { display:inline-block; margin: 0; vertical-align:middle; background: #FFFFFF; border: 1px solid #D3D3D3; box-shadow: 0 0 10px 0 rgba(0,0,0,0.10); height: 22px; width: 22px; border-radius: 22px; cursor:pointer; }
.anket-panel input[type=radio]:checked + label span { background-image: url('../images/anket-icos/dot.svg'); background-position: center center; background-repeat: no-repeat; }
.anket-panel hr { width: 100%; border: 0; height: 1px; background: #EFEFEF; margin: 0 20px; }
.anket-panel input[type=text] { background: #FFFFFF; border: 1px solid #EBEBEB; box-shadow: 0 0 10px 0 rgba(0,0,0,0.10); border-radius: 5px; width: 100%; margin: 0; display: block; width: 100%; font-size: 14px; padding: .55em; }
.anket-panel textarea { background: #FFFFFF; border: 1px solid #EBEBEB; box-shadow: 0 0 10px 0 rgba(0,0,0,0.10); border-radius: 5px; width: 100%; resize: none; overflow: hidden; min-height: 60px; font-size: 14px; }
.anket-form select { display: block; clear: both; width: 100%; background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.04) 100%); border: 2px solid #FFFFFF; border: 1px solid #D7D7D7; border-radius: 5px; box-shadow: none; height: 40px; margin: 0 15px 0 10px; }
.anket-form button { display: block; border: 0; background: #BEA36F; border-radius: 3px; height: 38px; overflow: hidden; line-height: 38px; padding: 0; text-decoration: none; color: #FFF; text-align: center; width: 100%; position: relative; transition: .25s all ease; box-shadow: 1px 2px 4px 0 rgba(0,0,0,0.10); font-weight: 700; text-shadow: 1px 1px 1px rgba(0,0,0,0.10); font-size: 16px; letter-spacing: 0; }
.anket-form button img { margin-right: 5px; height: 20px; width: auto; }
.anket-form button:hover { background-color: #C9B388; border: 1px solid transparent; }
.anket-form .error { font-weight: 400; color: red; font-size: 100%; }
.fft { padding-bottom: 0 !important; }

@media screen and (min-width: 35.5em) {
  .mb20 { margin-bottom: 10px; }
  .mb40 { margin-bottom: 30px; }
  .form-header h1 { font-size: 24px; }
  .anket-form h3 { font-size: 19px; padding: 12px 0 10px 0; }
  .anket-ico-cont span { visibility: visible; display: block; font-size: 13px; color: #0C3BA7; letter-spacing: 0.5px; line-height: 1; padding-bottom: 4px; padding-top: 28px; }
  .anket-baslik span { padding: 15px 0 15px 20px; font-size: 15px; }
  .anket-panel .tac { padding: 15px 0 10px 0; }
  .anket-panel input[type=text] { font-size: 15px; }
  .anket-panel textarea { font-size: 15px; }
  .anket-form button { height: 40px; line-height: 40px; font-size: 16px; }
  .anket-form button img { height: 22px; }
  .anket-form select { margin: 0 15px 0 0;  }
}

@media screen and (min-width: 48em) {
  .mb40 { margin-bottom: 35px; }
  .form-header h1 { font-size: 32px; }
  .anket-form h3 { font-size: 24px; }
  .anket-ico-cont span { font-size: 15px; padding-top: 30px; padding-bottom: 12px; }
  .anket-baslik span { padding: 15px 0 15px 20px; font-size: 16px; }
  .anket-panel input[type=text] { font-size: 16px; }
  .anket-panel textarea { font-size: 16px; }
  .anket-form button { height: 44px; line-height: 44px; font-size: 18px; max-width: 210px; float: right;  }
  .anket-form button img { height: 24px; }
  .fft { padding-bottom: 0 !important; padding-top: 24px !important; }
}

@media screen and (min-width: 64em) {
  .mb20 { margin-bottom: 20px; }
  .mb40 { margin-bottom: 40px; }
  .form-header h1 { font-size: 36px; }
  .anket-panel textarea { min-height: 80px; }
  .anket-form button { height: 48px; line-height: 48px; font-size: 20px; }
  .anket-form button img { margin-right: 5px; height: 27px; width: auto; }
  .fft { padding-bottom: 0 !important; }
  .kk-logo { position: absolute; background: url('../images/anket-icos/kaptan-kilic-logo.png') no-repeat; background-size: cover; top: 20%; right: 0%; width: 500px; height: 421px; }
}

@media screen and (min-width: 80em) {
  .mb40 { margin-bottom: 50px; }
  .fft { padding-top: 24px!important; }
  .form-header h1 { font-size: 41px; }
  .kk-logo { right: -5%; width: 690px; height: 552px; }
}



/* #HEADER
================================================== */
header { background: url('../images/header-bck.png') no-repeat center; height: 95px; position: relative; z-index: 99; margin-bottom: -7px; }
header a.logo { display: block; width: 104px; height: 82.5px; float: left; margin-top: 10px; margin-right: 5px;  }
header nav { display: none; }
.menu-btn { font-family: 'nexa', sans-serif; font-size: 1em; border: 1px solid #0C3BA7; color: #0C3BA7; border-radius: 6px; float: right; margin-top: 30px; background: transparent; }
.mobil-logo img { width: 125px; height: auto; display: block; margin: 0 auto 40px auto; }
.menu-remodal { padding: 30px 0 0 0; vertical-align: top; }
.remodal-overlay { background: url('../images/mobil-bck.jpg') repeat-y center; }
.remodal-close:before { font-size: 48px; color: #0C3BA7; }
.soon .remodal-overlay { background: rgba(255,255,255,.9); }
.soon-modal img { margin: 0 auto; }
.soon-modal button { left: auto; right: 30px; }
nav.main-menu { display: block; font-family: 'nexa', sans-serif; font-size: 2em; letter-spacing: -0.5px; }
nav.main-menu ul li { padding: 0.75em 0; }
nav.main-menu a, nav.main-menu a:visited { color: #0C3BA7; text-decoration: none; position: relative; }
nav.main-menu a:hover, nav.main-menu a:focus { color: #FCB72B; text-decoration: none; }
nav.main-menu a:after { position: absolute; display: block; content: ''; left: 0; right: 0; bottom: -10px; height: 4px; background: #FCB72B; transition: .2s all ease; opacity: 0; }
nav.main-menu a:hover:after, nav.main-menu a:focus:after { bottom: -4px; opacity: 1; }
nav.main-menu a.current { color: #FCB72B; border-bottom: 4px solid #FCB72B; }
nav.main-menu a.current:after { display: none; }
header nav.main-menu { display: none; }
.social-cont { display: block; margin-top: 80px; }
.social-cont a { width: 36px; height: 36px; margin-right: 20px; cursor: pointer; }
.social-cont a:last-child { margin-right: 0; }
.hvr-icon-grow-rotate { padding-right: 0; }
.hvr-icon-grow-rotate img { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-icon-grow-rotate:active img, .hvr-icon-grow-rotate:focus img, .hvr-icon-grow-rotate:hover img { -webkit-transform: scale(1.35) rotate(-6deg); transform: scale(1.35) rotate(-6deg); }
.hvr-icon-grow-rotate:before { display: none; }
header .social-cont { display: none; }

@media screen and (min-width: 35.5em) {
  .menu-btn { display: none; }
  header a.logo { width: 140.5px; height: 111.5px; margin-top: 10px; margin-right: 10px; }
  header nav.main-menu { display: block; font-size: 20px; margin-top: 36px; float: left; }
  header nav.main-menu ul li { display: inline-block; padding: 0; margin-right: 20px; }
  header nav.main-menu ul li:last-child { margin-right: 0; }
  .social-cont { display: none; }
}

@media screen and (min-width: 48em) {
  header a.logo { width: 162px; height: 128.5px; }
  header nav.main-menu ul li { margin-right: 20px; }
  header nav.main-menu ul li:last-child { margin-right: 0; }
  header .social-cont { display: block; float: right; margin-top: 27px; }
  header .social-cont a { width: 32px; height: 32px; margin-right: 10px; }
}

@media screen and (min-width: 64em) {
  header a.logo { width: 208px; height: 165px; margin-right: 5px; }
  header nav.main-menu ul li { margin-right: 30px; }
  header nav.main-menu ul li:last-child { margin-right: 0; }
  header .social-cont { margin-top: 26px; }
  header .social-cont a { width: 36px; height: 36px; margin-right: 15px; }
}

@media screen and (min-width: 80em) {
  header nav ul li { margin-right: 40px; }
  header nav ul li:last-child { margin-right: 0; }
  header .social-cont a { margin-right: 20px; }
}


/* #FOOTER
================================================== */
footer { position: relative; padding: 30px 0 10px 0; margin-top: 50px; }
footer:before { display: block; content: ''; width: 61px; height: 45px; position: absolute; top: -50px; left: 50%; margin-left: -25px; background: url('../images/footer-balik.svg') no-repeat; background-size: 100% auto; }
footer:after { display: block; content: ''; width: 37.5px; height: 10px; position: absolute; top: 0px; left: 50%; margin-left: -37.5px; background: url('../images/footer-balik-damla.svg') no-repeat; background-size: 100% auto; }
footer .pure-g { z-index: 3; position: relative; }
footer h4 { font-size: 18px; font-size: 20px; color: #334675; letter-spacing: 0.5px; line-height: 27px; margin-bottom: 3px; padding: 0; }
footer ul { margin-bottom: 15px; }
footer ul li {}
footer ul li a, footer ul li a:visited { font-size: 12px; color: #1E2433; letter-spacing: 0.5px; line-height: 28px; text-decoration: none; }
footer ul li a:hover, footer ul li a:focus { text-decoration: underline; }
footer .kh-logo { display: block; float: left; margin-right: 15px; margin-bottom: 10px; }
footer p { margin: 0 0 10px 0; padding: 0; font-size: 12px; }
footer p a, footer p a:visited { text-decoration: none; }
footer p a:hover, footer p a:focus { text-decoration: underline; }
footer p:last-child { clear: both; margin-bottom: 0; }
a.toprak, a.toprak:visited { opacity: .5; display: block; text-align: center; }
a.toprak:hover, a.toprak:focus { opacity: 1; }
footer .footer-bck { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/footer-bck.png') no-repeat center center; z-index: 1; }
footer .footer-mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/footer-dalga.png') no-repeat bottom center; z-index: 0; }
footer .footer-mask-ust { position: absolute; top: 0; left: 0; right: 0; height: 20px; background: url('../images/footer-dalga-ust.png') no-repeat top center; z-index: 0; background-size: auto 100%; }

@media screen and (min-width: 35.5em) {
  footer { padding-bottom: 20px; }
}

@media screen and (min-width: 48em) {
  footer { padding-bottom: 10px; }
  footer:before { width: 81px; height: 60px; top: -70px; margin-left: -40.5px; }
  footer:after { width: 75px; height: 19px; top: -11px; left: 50%; margin-left: -75px; }
  footer h4 { font-size: 20px; line-height: 29px; }
  footer ul li a, footer ul li a:visited { font-size: 13px; line-height: 30px; }
  footer .kh-logo { margin-right: 15px; margin-bottom: 20px; }
  footer p { margin: 0 0 10px 0; font-size: 13px; float: left; padding-top: 10px; }
  footer p:last-child { float: none; padding-top: 0; }
  a.toprak { float: right; margin-top: -20px; }
}

@media screen and (min-width: 64em) {
  footer { padding-top: 50px; margin-top: 60px; }
  a.toprak { margin-top: 0; }
}

@media screen and (min-width: 80em) {
  footer { padding-top: 60px; margin-top: 80px; }
}


/*--- WEBFONTS ---*/
@font-face {
  font-family: 'nexa';
  src: url('/ui/fonts/nexarustsans-black-free-webfont.eot');
  src: url('/ui/fonts/nexarustsans-black-free-webfont.eot?#iefix') format('embedded-opentype'),
       url('/ui/fonts/nexarustsans-black-free-webfont.woff2') format('woff2'),
       url('/ui/fonts/nexarustsans-black-free-webfont.woff') format('woff'),
       url('/ui/fonts/nexarustsans-black-free-webfont.svg#nexa_rust_sansblack') format('svg');
  font-weight: normal;
  font-style: normal;
}

.main-cont .main-cont {
    display: none !important;
}

a.hvr-icon-grow-rotate:last-child {
    display: none;
}


footer p a {
    display: none;
}

footer p a:last-child {
    display:block;
}