#bg-1, #bg-2 {
  position: absolute;
  top: -50px
}
#bg-3, #bg-4 {
  position: absolute;
  top: 40px;
  z-index: 7
}
.loading-1 {
  display: none;
}
.modalLoading {
  position: absolute;
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  z-index: 999;
  margin-top: -30px;
}
.sun_power {
  position: absolute;
  top: 23%;
  width: 100%;
  font-size: 16px;
}
.sun_power .sun_power_inner {
  width: 65%;
  margin: 0 auto;
}
.sun_power .sun_power_inner .title {
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}
.sun_power .sun_power_inner .title span {
  font-size: 20px;
}
#real_list_Content {
  min-height: 360px
}
.carousel-control, .contactTitle, .pageTitle, .top-nav, .tuketicititle {
  text-align: center
}
#bilgiTopButton, #kaliteBg img, .accordion-click, .c-p, .send-button, .sub-Toggle-Menu, .sub-Toggle-Menu-guncel, .sub-Toggle-Menu-main, .t-d-u {
  cursor: pointer
}
.leftLst, .leftLst.over {
  background: url(../images/buttons/fora_zeytin_yon_tusu_sol.png) center center no-repeat !important;
  background-size: 100% 100% !important;
  width: 82px !important;
  height: 60px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.rightLst, .rightLst.over {
  background: url(../images/buttons/fora_zeytin_yon_tusu_sag.png) center center no-repeat !important;
  background-size: 100% 100% !important;
  width: 82px !important;
  height: 60px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.leftLst:hover, .leftLst.over:hover, .rightLst:hover, .rightLst.over:hover {
  width: 82px !important;
  height: 60px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
@font-face {
  font-family: 'k2d_mediumregular';
  src: url('fonts/k2d-medium-webfont.woff2') format('woff2'), url('fonts/k2d-medium-webfont.woff') format('woff'), url('fonts/k2d-medium-webfont.svg#k2d_mediumregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Conv_AvenirNextLTPro-BoldCn;
  src: url(fonts/AvenirNextLTPro-BoldCn.eot);
  src: local('☺'), url(fonts/AvenirNextLTPro-BoldCn.woff) format('woff'), url(fonts/AvenirNextLTPro-BoldCn.ttf) format('truetype'), url(fonts/AvenirNextLTPro-BoldCn.svg) format('svg');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: Conv_AvenirNextLTPro-Cn;
  src: url(fonts/AvenirNextLTPro-Cn.eot);
  src: local('☺'), url(fonts/AvenirNextLTPro-Cn.woff) format('woff'), url(fonts/AvenirNextLTPro-Cn.ttf) format('truetype'), url(fonts/AvenirNextLTPro-Cn.svg) format('svg');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: Conv_AvenirNextLTPro-DemiCn;
  src: url(fonts/AvenirNextLTPro-DemiCn.eot);
  src: local('☺'), url(fonts/AvenirNextLTPro-DemiCn.woff) format('woff'), url(fonts/AvenirNextLTPro-DemiCn.ttf) format('truetype'), url(fonts/AvenirNextLTPro-DemiCn.svg) format('svg');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: Conv_AvenirNextLTPro-DemiCnIt;
  src: url(fonts/AvenirNextLTPro-DemiCnIt.eot);
  src: local('☺'), url(fonts/AvenirNextLTPro-DemiCnIt.woff) format('woff'), url(fonts/AvenirNextLTPro-DemiCnIt.ttf) format('truetype'), url(fonts/AvenirNextLTPro-DemiCnIt.svg) format('svg');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: Conv_AvenirNextLTPro-MediumCn;
  src: url(fonts/AvenirNextLTPro-MediumCn.eot);
  src: local('☺'), url(fonts/AvenirNextLTPro-MediumCn.woff) format('woff'), url(fonts/AvenirNextLTPro-MediumCn.ttf) format('truetype'), url(fonts/AvenirNextLTPro-MediumCn.svg) format('svg');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: AvenirNext-Bold;
  src: url(fonts/AvenirNext-Bold.eot);
  src: local('☺'), url(fonts/AvenirNext-Bold.woff) format('woff'), url(fonts/AvenirNext-Bold.ttf) format('truetype'), url(fonts/AvenirNext-Bold.svg) format('svg');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: Noteworthy-Bold;
  src: url(fonts/Noteworthy-Bold.eot);
  src: local('☺'), url(fonts/Noteworthy-Bold.woff) format('woff'), url(fonts/Noteworthy-Bold.ttf) format('truetype'), url(fonts/Noteworthy-Bold.svg) format('svg');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: Noteworthy-Light;
  src: url(fonts/Noteworthy-Light.eot);
  src: local('☺'), url(fonts/Noteworthy-Light.woff) format('woff'), url(fonts/Noteworthy-Light.ttf) format('truetype'), url(fonts/Noteworthy-Light.svg) format('svg');
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: 'niramit_mediumregular';
  src: url('fonts/niramit-medium-webfont.woff2') format('woff2'), url('fonts/niramit-medium-webfont.woff') format('woff'), url('fonts/niramit-medium-webfont.svg#niramit_mediumregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'niramitregular';
  src: url('fonts/niramit-regular-webfont.woff2') format('woff2'), url('fonts/niramit-regular-webfont.woff') format('woff'), url('fonts/niramit-regular-webfont.svg#niramitregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
#cerezPopup {
  /* display: none; */
  background-color: rgba(32, 32, 32, .95);
  max-width: 430px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px;
  color: #c9c9c9;
  font-size: 12px;
  line-height: 17px;
  position: fixed;
  left: 5px;
  right: auto;
  bottom: 45px;
  z-index: 99;
  border-radius: 0;
  font-family: Conv_AvenirNextLTPro-MediumCn;
}
#cerezPopup .closeBtn {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 8px;
  top: 5px;
  z-index: 1;
  font-size: 18px;
}
#cerezPopup .closeBtn {
  font-size: 16px;
}
#cerezPopup .closeBtn:hover {
  font-size: 20px;
}
#cerezPopup .title {
  font-size: 17px;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 15px;
  color: #fff;
  font-family: Noteworthy-Bold;
}
#cerezPopup p {
  font-size: 15px;
  line-height: 1.2;
  text-align: left !important;
}
html {
  position: relative;
  height: 100%
}
body {
  font-family: AvenirNext-Bold, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: url(../images/fora_zeytin_ahsap_background.jpg) center center no-repeat fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  overflow-x: hidden
}
.container.p-rel {
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 100px
}
#hakkimizdaTextContainer {
  font-family: 'niramitregular' !important;
  font-size: 15px;
}
#hakkimizdaTextContainer p {
  font-family: 'niramitregular' !important;
}
#hakkimizdaTextContainer p, #uretimBg p {
  line-height: 1.8
}
#contactMainContainer p {
  font-family: Conv_AvenirNextLTPro-MediumCn
}
.clearfix {
  clear: both
}
.modal-content {
  background: transparent !important;
  box-shadow: none;
  border: 0;
}
footer .footer-harita {
  width: 137px;
  height: 111px;
}
#innerBg {
  background: url(../images/fora_zeytin_kagıt_background.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  padding-top: 30px;
  width: 100%;
  height: 100%;
  left: 0
}
#errorMessage {
  position: fixed;
  bottom: 20px;
  text-align: center;
  width: 100%;
  z-index: 99999999;
  display: none;
}
#errorMessage div {
  padding: 7px 10px;
  background: #B9BA6E;
  color: red;
  position: static;
  display: initial;
  border-radius: 10px;
  font-family: Noteworthy-Bold;
}
.o-0 {
  opacity: 0 !important;
}
#kalite-belgeleri-modal {
  max-width: 1000px;
}
#kalite-belgeleri-modal.urunlerModal {
  background: url(../images/guncel/fora_zeytin_paper_background.jpg) no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding-top: 30px;
  width: 100%;
  height: 100%;
  left: 0;
  padding-bottom: 30px;
}
.m-t--15 {
  margin-top: -15px;
}
.urunler_twopart {
  margin-top: 120px;
  padding-left: 45px;
  padding-right: 45px;
}
.text1 {
  width: 40% !important;
}
.text2 {
  width: 50% !important;
}
.part_Right {
  width: 100%;
  text-align: left;
  padding-right: 80px;
}
.modal-image-urun {
  width: 80%;
  margin-top: 30px
}
.p-l-60 {
  padding-left: 60px
}
.modal-image-zeytin {
  width: 100%;
}
.tableLine {
  width: 100%;
}
.p-0 {
  padding: 0
}
.p-r-0 {
  padding-right: 0
}
.m-t-20 {
  margin-top: 20px
}
.m-t-30 {
  margin-top: 30px
}
.special-top {
  top: -30px !important;
}
.p-l-0 {
  padding-left: 0 !important
}
.m-t-35 {
  margin-top: 35px
}
.m-t-40 {
  margin-top: 40px
}
.m-t-50 {
  margin-top: 50px
}
.m-t-10 {
  margin-top: 10px
}
.m-t-70 {
  margin-top: 70px
}
.m-b-10 {
  margin-bottom: 10px !important
}
.m-b-30 {
  margin-bottom: 30px
}
.m-b-50 {
  margin-bottom: 50px
}
.m-b-0 {
  margin-bottom: 0 !important
}
.m-t--15 {
  margin-top: -15px
}
input:focus, textarea:focus {
  outline: 0
}
#bg-1 {
  left: -75px
}
#bg-2 {
  right: -75px
}
#bg-3 {
  left: -50px
}
#bg-4 {
  right: -50px
}
.img-full {
  min-width: 100%
}
ul {
  padding: 0;
  margin: 0
}
.p-rel {
  position: relative
}
.max-width-container {
  max-width: 1000px;
  margin: 20px auto
}
.m-t--5 {
  margin-top: -5px
}
footer .container .row .col-md-12.text-left {
  z-index: 99
}
.titleText.extra {
  font-size: 21px;
  font-family: Noteworthy-Bold;
  color: #667a3c
}
.extra p, .extras p {
  font-family: Noteworthy-Light
}
.titleText.extra p {
  margin: 0
}
#pdfBottom {
  display: none
}
#pdfTop {
  display: block
}
.titleText.extra .pageTitleImageHakkimizda2 {
  position: absolute;
  top: -10px;
  right: -180px
}
.titleText.extra .pageTitleImageHakkimizda1 {
  position: absolute;
  top: -10px;
  left: -177px
}
.pageTitleImageHakkimizda33 {
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -366px
}
.extra p {
  font-size: 21px
}
.extra2 p {
  font-family: Noteworthy-Bold;
  font-size: 19px;
  margin-bottom: 5px
}
p.sub {
  display: none
}
.t-d-u {
  text-decoration: underline
}
.listStyle {
  float: left;
  margin-right: 7px
}
.header {
  background: 0 0;
  position: relative;
  padding: 5em 0 0;
  margin-bottom: 50px
}
.tuketiciText {
  font-family: Conv_AvenirNextLTPro-MediumCn;
  font-size: 16.5px;
  color: #667a3c;
  text-align: left;
  padding: 1px 28px;
}
.tuketiciText a {
  font-family: Conv_AvenirNextLTPro-MediumCn;
  color: #667a3c;
}
.tuketiciText img {
  margin-right: 15px;
}
.p-l-25 {
  padding-left: 25px !important
}
.tuketicititle {
  font-family: Noteworthy-Light;
  font-size: 16px;
  color: #667a3c;
  height: 60px
}
.f-s-16 {
  font-size: 16px !important
}
.logo {
  position: absolute;
  top: 9%;
  z-index: 999;
  left: 50%;
  margin-left: -111px;
  display: inline-block
}
.logo a {
  display: block
}
.top-nav {
  float: left;
  width: 100%;
  margin: 0 auto
}
span.menu {
  display: none
}
.top-nav ul {
  margin: 0;
  display: block
}
.top-nav ul li {
  list-style-type: none;
  display: inline-block;
  width: 9.68%
}
.top-nav li a {
  color: #000;
  font-size: 13px;
  padding: 0;
  font-family: Noteworthy-Bold
}
.top-nav li a.active, .top-nav li a:hover {
  color: #000;
  opacity: .8
}
.menuImage {
  width: 60px;
  margin: 0 auto
}
.header-inner {
  width: 100%
}
.logo img {
  display: block !important;
  max-width: 190px;
  margin-top: 20px
}
.modal-body b {
  font-family: AvenirNext-Bold;
}
.carousel-control .icon-next, .carousel-control .icon-prev, .urun-image-hide {
  display: none
}
.carousel-inner {
  position: relative;
  width: 84%;
  overflow: hidden;
  margin: 0 auto
}
.carousel-control {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  width: 82px;
  font-size: 20px;
  color: #fff;
  text-shadow: none;
  background: 0 0;
  opacity: 1;
  height: 60px;
  margin-top: -35px
}
#accordion, #sikayetHatti {
  font-family: Noteworthy-Bold;
  font-size: 18px
}
.modal-dialog {
  width: 60% !important
}
.carousel-control.left {
  background: url(../images/buttons/fora_zeytin_yon_tusu_sol.png) center center no-repeat;
  background-size: 100% 100%
}
.carousel-control.right {
  background: url(../images/buttons/fora_zeytin_yon_tusu_sag.png) center center no-repeat;
  background-size: 100% 100%
}
#mainSlider li.active {
  background: url(../images/anasayfa/g-b-a.png) center center no-repeat
}
#mainSlider li {
  width: 22px;
  height: 22px;
  border: 0;
  background: url(../images/anasayfa/g-b-p.png) center center no-repeat
}
.top-left-ribbon {
  position: absolute;
  top: -15px;
  left: -30px
}
.top-right-ribbon {
  position: absolute;
  top: -15px;
  right: -30px
}
.image-1 {
  margin-right: 5%;
  width: 41%
}
.image-3, .image-4 {
  margin-right: 3.5%
}
.image-2 {
  width: 54%
}
.image-3 {
  width: 18%
}
.image-4 {
  width: 29.5%
}
.image-5 {
  width: 45.5%
}
.image-6 {
  width: 66%;
}
.image-7 {
  width: 30%
}
#kalite-belgeleri-modal img, .m-w-1000 {
  max-width: 1000px;
  width: 100%;
}
#myModalOnlineShop .max-w-1000 {
  max-width: 794px !important;
  width: 100%;
}
#myModalOnlineShop .modal-dialog {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.max-w-1000 {
  max-width: 1000px !important;
}
.w-100 {
  width: 100%
}
.carousel-indicators {
  bottom: -45px
}
@media screen and (min-width:768px) {
  .carousel-indicators {
    bottom: -45px
  }
}
#accordion {
  background: url(../images/urunlerimiz/fora_zeytin_menu_cerceve.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  -o-background-size: 100% 100%;
  padding: 25px
}
#sikayetHatti {
  background: url(../images/iletisim/fora_zeytin_tuketici_hatti_buton.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  -o-background-size: 100% 100%;
  padding: 35px 0;
  height: 222px;
  width: 249px;
  margin: 12px auto
}
.pageTitle, .sub-Toggle-Menu {
  font-family: Noteworthy-Light
}
.panel-default > .panel-heading {
  background-color: transparent;
  background-image: none;
  padding-bottom: 0
}
#accordion .panel {
  background-color: transparent;
  border: 0;
  box-shadow: none
}
#accordion .panel-body {
  padding-left: 20px;
  padding-right: 0
}
.urun-image-hide.hide-1 {
  display: block
}
.modal-image-zeytin {
  display: block !important
}
.urunBg .item {
  width: 100%;
  margin: 0 auto
}
.urunBg .top-left-ribbon {
  left: -10px
}
.image-hide {
  display: none
}
.image-hide.active {
  display: block
}
#accordion .panel-heading {
  padding: 10px 5px
}
.sub-Toggle-Menu:hover {
  color: #667a3c
}
#urunlerimizRow {
  max-width: 1020px;
  margin: 0 auto;
  margin-top: 20px !important
}
#kaliteBg {
  background: url(../images/kalitebelgelerimiz/fora_zeytin_kalite_belgelerimiz_agac.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  -o-background-size: 100% 100%;
  height: 100vh
}
.container.kaliteBelgeleri {
  padding-bottom: 0
}
.pageTitle {
  font-size: 36px;
  padding: 20px
}
.pageTitleImage1 {
  position: absolute;
  margin-left: -105px;
  margin-top: -30px
}
.pageTitleImage2 {
  position: absolute;
  margin-left: -85px;
  margin-top: 29px
}
#kalite-img-1 {
  position: absolute;
  top: 8%;
  left: 23%
}
#kalite-img-2 {
  position: absolute;
  top: 9%;
  left: 55%
}
#kalite-img-3 {
  position: absolute;
  top: 28%;
  left: 12%
}
#kalite-img-4 {
  position: absolute;
  top: 23%;
  left: 46%;
}
#kalite-img-20 {
  position: absolute;
  top: 28%;
  left: 30%;
}
#kalite-img-21 {
  position: absolute;
  top: 24%;
  left: 68%;
}
#kalite-img-5 {
  position: absolute;
  top: 26%;
  left: 70%
}
#kalite-img-6 {
  position: absolute;
  top: 47%;
  left: 15%
}
#kalite-img-7 {
  position: absolute;
  top: 43%;
  left: 48%
}
#kalite-img-8 {
  position: absolute;
  top: 48%;
  left: 77%
}
#kalite-img-9 {
  position: absolute;
  top: 56%;
  left: 50%
}
#kalite-img-10 {
  position: absolute;
  top: 66%;
  left: 29%;
}
.modal-body {
  padding: 0
}
.close {
  color: #000;
  position: absolute;
  right: 2px;
  opacity: 1;
  font-size: 28px;
  top: -5px;
  z-index: 9
}
.aboutImage {
  width: 80%
}
.pageTitleImageHakkimizda1 {
  position: absolute;
  bottom: 0;
  left: -95px
}
.pageTitleImageHakkimizda2 {
  position: absolute;
  bottom: 0;
  right: -90px
}
.pageTitleImageHakkimizda3 {
  position: absolute;
  top: -65px;
  left: -50px
}
.pageTitleImageHakkimizda4 {
  position: absolute;
  top: -65px;
  right: -50px
}
.carousel-inner1, .carousel1 {
  position: relative
}
#uretimBg {
  background: url(../images/uretim/fora_zeytin_uretim_cerceve.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  -o-background-size: 100% 100%;
  padding: 120px 100px 45px 80px
}
.row2 {
  margin-right: -70px;
  margin-left: -50px
}
.carousel-inner1 {
  width: 84%;
  overflow: hidden;
  margin: 0 auto
}
.uretimRibbon {
  position: absolute;
  top: 0;
  left: 0
}
.tcb-product-slider {
  background: url(https://unsplash.it/1240/530?image=721) no-repeat #333;
  background-size: cover;
  padding: 100px 0
}
.exportTitle {
  font-family: Noteworthy-Light;
  color: #667a3c;
  font-size: 21px;
}
.w-80 {
  width: 80%;
}
.w-60 {
  width: 60%;
}
.exporArrow {
  width: 70% !important;
  margin-top: 20px;
}
.exportContact {
  font-family: Noteworthy-Light;
  color: #667a3c;
  font-size: 21px;
}
.exportContactMail {
  font-family: Noteworthy-Light;
  color: #667a3c;
  font-size: 17px;
}
#exportBottom {
  background: url(../images/export/fora_zeytin_export_contact_us_border.png) no-repeat;
  background-size: 100% 100%;
  padding: 30px;
}
.tcb-product-slider .carousel-control {
  width: 5%
}
.tcb-product-item a {
  color: #147196
}
footer, footer a {
  color: #fff
}
.tcb-product-item a:hover {
  text-decoration: none
}
@media all and (max-width:768px) {
  .tcb-product-item {
    margin-bottom: 30px
  }
  .tuketiciText {
    padding: 1px 15px;
  }
}
.tcb-product-photo {
  text-align: center;
  height: 180px;
  background: #fff
}
.tcb-product-photo img {
  height: 100%;
  display: inline-block
}
.carousel-inner1 .active.left {
  left: -25% !important
}
.carousel-inner1 .next {
  left: 25% !important
}
.carousel-inner1 .prev {
  left: -25% !important
}
.mailSusAlt, .mailSusTop {
  left: 0;
  position: absolute
}
.carousel-control1 {
  width: 4% !important
}
.mailContainer, .mailSusAlt, .mailSusTop {
  width: 100%;
  max-width: 967px
}
.carousel-control1.left, .carousel-control1.right {
  margin-left: 15px !important;
  background-image: none !important
}
footer {
  margin-top: 30px;
  font-family: Conv_AvenirNextLTPro-MediumCn
}
.copy-right, .fotterTitle {
  font-family: Noteworthy-Bold
}
.copy-right {
  font-size: 10px;
  margin-top: 20px;
  margin-bottom: 7px
}
.fotterTitle {
  font-size: 12px
}
.contactTitle, .iletisimFormTitle, .modalWriteBg {
  font-family: Noteworthy-Light
}
.fotterText {
  font-size: 13.4px;
  margin: 0
}
input.emailInput, input.nameInput, textarea.mesage {
  padding-right: 10px;
  color: #000;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 0
}
footer .container {
  padding-left: 40px
}
input.emailInput, input.nameInput {
  background-image: url(../images/footer/fora_Zeytin_form_isim.png);
  padding-left: 10px
}
.mailSusTop {
  top: -65px
}
.mailContainer {
  margin: 0 auto;
  margin-top: 50px !important
}
.mailSusAlt {
  bottom: -65px
}
textarea.mesage {
  background-image: url(../images/footer/fora_zeytin_form_mesaj.png);
  padding-left: 10px
}
.footer-ayrac {
  position: absolute;
  bottom: -10px;
  left: -10px;
  width: 190px
}
.footer-ayrac.fabrika {
  position: absolute;
  bottom: -7px;
  left: -10px;
  width: 100px
}
.form-item-container {
  width: 70%
}
.send-button {
  position: absolute;
  right: 7px;
  bottom: 10px
}
.contactTitle {
  font-size: 28px;
  color: #667a3c;
  margin-bottom: 35px
}
.m-t--4 {
  margin-top: -4px
}
.formItemTitle {
  float: left;
  width: 60px;
  text-align: right;
  padding-right: 5px
}
.form-item-container.iletisimForm {
  width: 70%
}
input.emailInput.iletisimForm, input.nameInput.iletisimForm {
  background-image: url(../images/iletisim/fora-iletisim-input-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: 0;
  background-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
  color: #000;
  height: 34px
}
.modal-image-urun11 {
  position: absolute;
  left: -25px;
  height: 100%;
  width: auto !important;
}
.modal-font {
  /*font-family: Conv_AvenirNextLTPro-MediumCn;*/
  font-family: Noteworthy-Bold;
  font-size: 15px;
}
.modal-font b {
  /*font-family: Conv_AvenirNextLTPro-MediumCn;*/
}
.modal-content {
  background: 0 0 !important
}
.m-t-6 {
  margin-top: 6px;
  color: #667a3c
}
.t-a-l {
  text-align: left
}
.l-0 {
  left: -15px !important
}
.c-d {
  color: #333
}
.iletisimFormTitle {
  text-align: left;
  font-size: 15px;
  color: #667a3c
}
.footer-ayrac.iletisim {
  position: absolute;
  bottom: -10px;
  left: 45px;
  width: 190px
}
#kaliteBgMobile {
  display: none
}
.iletisimSocialContainer {
  width: 285px;
  margin: 0 auto
}
.itetisimTitleRight-2 {
  position: absolute;
  right: -190px;
  top: -25px
}
.itetisimTitleLeft-2 {
  position: absolute;
  left: -190px;
  top: -25px
}
.iletisimSocialContainer .socialButton {
  margin-right: 30px
}
.f-l {
  float: left
}
.m-b-m-30 {
  margin-top: 30px;
  margin-bottom: 30px
}
textarea.iletisimForm {
  background-image: url(../images/iletisim/fora-iletisim-textarea-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: 0;
  background-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
  color: #000;
  height: 160px
}
.m-r-20 {
  margin-right: 20px
}
.m-l-20 {
  margin-left: 20px
}
.m-b-20 {
  margin-bottom: 20px
}
.guncel-image-1 {
  width: 34%
}
.guncel-image-2 {
  width: 62%
}
.guncel-image-3 {
  width: 28%
}
.guncel-image-4 {
  width: 46%;
  margin-left: 4%
}
.guncel-image-5 {
  width: 20%
}
.guncel-image-6 {
  width: 30%;
  margin-left: 4%
}
.guncel-image-7 {
  width: 34%
}
.guncel-image-8 {
  width: 85%;
  margin-top: 20px
}
.guncel-image-9 {
  width: 60%;
  margin-right: 8%
}
.top-bottom-right-ribbon {
  position: absolute;
  bottom: -35px;
  left: -10px
}
#toggleLeftMenu {
  display: none;
  cursor: pointer
}
.modal-image-zeytin-urun {
  position: absolute;
  bottom: 15px;
  right: 0;
  z-index: 9;
  width: 50% !important
}
.modal-image-zeytin {
  position: absolute;
  top: 0
}
.modal-image-zeytin-Button {
  z-index: 9;
  position: absolute;
  width: 215px !important
}
.mainText {
  color: #fff
}
.TableText, .tableTitle {
  float: left;
  width: 36.33%;
  color: #fff
}
.tableText_2, .title_2 {
  width: 25.33%;
  text-align: right
}
.modalTable {
  margin-top: 15px
}
.w-80 {
  width: 80% !important
}
.TableText.last, .tableTitle.last {
  text-align: right
}
.modalWriteBg {
  -ms-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: 8;
  position: absolute;
  width: 50%;
  background: url(../images/urunlerimiz/modal/fora_zeytin_ahsap_background.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  -o-background-size: 100% 100%;
  padding: 50px;
  top: 79px;
  left: 29px;
  font-size: 17px;
  display: none
}
.e-a {
  left: 50% !important;
  margin-left: -95px !important;
  bottom: 18px !important
}
#videoYoutube {
  width: 100%;
  height: 562px;
}
.smallTitle .contactTitle {
  font-family: 'niramitregular';
  font-size: 17px;
  color: #667a3c;
  margin-bottom: 35px;
  font-weight: bold;
}
.smallTitle .contactTitle img {
  width: 37% !important;
}
#ilkelerimiz {
  font-family: 'niramitregular';
  list-style: none;
}
.MultiCarousel {
  float: left;
  overflow: hidden;
  width: 100%;
  position: relative;
  margin-top: 30px;
}
.MultiCarousel p {
  font-family: 'niramitregular' !important;
  font-size: 15px;
}
.MultiCarousel p.lead {
  font-family: Noteworthy-Light;
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 15px;
  font-weight: bold;
}
.MultiCarousel .MultiCarousel-inner {
  transition: 1s ease all;
  float: left;
}
.MultiCarousel .MultiCarousel-inner .item {
  float: left;
}
.MultiCarousel .MultiCarousel-inner .item > div {
  text-align: center;
  background: transparent;
}
.MultiCarousel .leftLst, .MultiCarousel .rightLst {
  position: absolute;
  border-radius: 50%;
  top: calc(50% - 20px);
}
.MultiCarousel .leftLst {
  left: 0;
}
.MultiCarousel .rightLst {
  right: 0;
}
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
  pointer-events: none;
  background: #ccc;
}
@media (min-width:1270px) {
  .container {
    width: 1240px
  }
}
@media (min-width:769) {
  #bg-1, #bg-2, .top-nav li a, .top-nav li a img {
    display: block !important
  }
}
@media(max-width:1366px) {
  #bg-1, #bg-2, .top-nav li a, .top-nav li a img {
    display: block !important
  }
  .logo {
    left: 50%;
    width: 15%;
    display: block
  }
}
@media(max-width:1280px) {
  #sikayetHatti {
    margin: 12px 60px
  }
  .top-nav ul li {
    width: 9.6%
  }
  .logo img {
    display: block !important;
    max-width: 160px;
    margin-top: 50px
  }
  .logo {
    margin-left: -80px
  }
  @media(max-width:1180px) {
    .modal-image-zeytin {
      height: 580px
    }
  }
  @media(max-width:1080px) {
    .sun_power {
      position: absolute;
      top: 18%;
      width: 100%;
      font-size: 16px;
    }
    #bg-1, #bg-2, #bg-3, #bg-4, .menu-hidden, .top-nav li a img {
      display: none !important
    }
    .top-nav li a.active, .top-nav li a:hover {
      color: #fff;
      opacity: .8
    }
    .top-nav {
      width: 10%;
      margin-right: .5em
    }
    #pdfTop {
      display: none
    }
    #pdfBottom {
      display: block
    }
    .top-nav span.menu {
      display: block;
      position: absolute;
      cursor: pointer;
      background-color: transparent;
      margin: 0 0 1em -35px;
      padding: 6px;
      width: 90px;
      left: 55px;
    }
    .top-nav ul {
      display: none;
      z-index: 999;
      position: absolute;
      width: 100%;
      left: 0;
      top: 90px
    }
    .header {
      margin-top: 35px;
      margin-bottom: 35px
    }
    .top-nav ul li {
      display: block;
      text-align: center;
      background: rgba(0, 0, 0, .84);
      width: 100%;
      border: 1px solid #3a3a3a
    }
    .top-nav ul li a {
      display: block;
      padding: .6em 0;
      font-size: 1.2em;
      margin: 0;
      letter-spacing: 1px;
      color: #fff
    }
    #bg-3, #bg-4 {
      display: none !important
    }
    #bg-1, #bg-2, .top-nav li a {
      display: block !important
    }
    .logo img {
      margin-top: 0
    }
    .header {
      padding: 4em 0 1.5em
    }
    .top-nav li a {
      font-size: 13px
    }
    .logo a img {
      width: 100%
    }
    .logo {
      left: 50%;
      width: 16%;
      margin-left: -60px;
      top: 20px
    }
  }
  @media(max-width:991px) {
    .MultiCarousel .MultiCarousel-inner .item {
      margin-bottom: 40px;
    }
    .modal-image-urun11 {
      display: none;
    }
    .sun_power {
      position: relative;
      top: 18%;
      width: 100%;
      font-size: 14px;
    }
    .mobileClear {
      clear: both;
    }
    .sun_power_img {
      display: none;
    }
    .sun_power .sun_power_inner .title {
      width: 100%;
      text-align: center;
      margin-bottom: 10px;
    }
    .hideGuncelBox .modal-image-zeytin-Button {
      margin-top: -125px !important;
    }
    .m-b--125 {
      margin-top: -125px !important;
    }
    .urunler_twopart {
      margin-top: 120px;
      padding-left: 20px;
      padding-right: 20px;
    }
    #sun-modal.urunlerModal {
      background: url(../images/guncel/fora_zeytin_paper_background1.jpg) no-repeat;
      background-size: 100% 100%;
      position: relative;
      padding-top: 30px;
      width: 100%;
      height: 100% !important;
      left: 0;
      padding-bottom: 30px;
    }
    #kalite-belgeleri-modal.urunlerModal {
      background: url(../images/guncel/fora_zeytin_paper_background1.jpg) no-repeat;
      background-size: 100% 100%;
      position: relative;
      padding-top: 30px;
      width: 100%;
      /*height: 100%;*/
      left: 0;
      padding-bottom: 30px;
    }
    /* #kalite-belgeleri-modalss.urunlerModal {
          background: url(../images/guncel/fora_zeytin_paper_background1.jpg) no-repeat;
          background-size: 100% 100%;
          position: relative;
          padding-top: 30px;
          width: 100%;
          height: 100% !important;
          left: 0;
          padding-bottom: 30px;
      }*/
    .urunlerModal11 {
      background: url(../images/guncel/fora_zeytin_paper_background1.jpg) no-repeat;
      background-size: 100% 100%;
      position: relative;
      padding-top: 30px;
      width: 100%;
      height: 100%;
      left: 0;
      padding-bottom: 30px;
    }
    #accordion, .aboutImage {
      width: 100%
    }
    #accordion {
      font-family: Noteworthy-Bold;
      background: url(../images/urunlerimiz/fora_zeytin_menu_cerceve.png) center center no-repeat;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100% 100%;
      background-size: 100% 100%;
      -o-background-size: 100% 100%;
      font-size: 18px;
      padding: 25px;
      position: fixed;
      margin-left: -20px;
      height: 100%;
      top: 0;
      z-index: 999;
      right: -100%;
      -webkit-transition: all .7s ease-out;
      -moz-transition: all .7s ease-out;
      -o-transition: all .7s ease-out;
      transition: all .7s ease-out
    }
    #toggleLeftMenu {
      position: fixed;
      right: 0;
      top: 75px;
      z-index: 999999;
      display: block
    }
    .activeAcordion {
      right: 0 !important
    }
    .modalWriteBg {
      font-size: 12px
    }
    .modal-image-zeytin {
      height: 690px
    }
    .top-nav ul {
      top: 50px
    }
    .xd-t-a-c {
      text-align: center
    }
    .hideBilgiRibbon {
      display: none
    }
    .guncelRibbon {
      max-width: 150px
    }
    .itetisimTitleLeft, .itetisimTitleRight {
      width: 150px
    }
    .row2 {
      margin-right: -15px;
      margin-left: -15px
    }
    .header {
      padding: 1em 0;
      margin-top: 35px
    }
    .top-nav {
      width: 100%;
      float: none
    }
    .menuImage {
      width: 45px
    }
    .sb-search {
      right: 13%;
      top: 20%
    }
    .carousel-inner {
      width: 100%
    }
    .logo {
      left: 50%;
      width: 17%;
      top: 14%
    }
  }
  @media(max-width:768px) {
    #map, #map2 {
      margin: 0 auto;
    }
    .col-xs-hidden {
      display: none;
    }
    #bg-1, #bg-2, #bg-3, #bg-4, #kalite-img-1, #kalite-img-2, #kalite-img-3, #kalite-img-5, #kalite-img-6, #kalite-img-7, #kalite-img-8, #kalite-img-9, .modal-image-zeytin-urun, .uretimRibbon {
      position: absolute
    }
    #kaliteBg, #uretimBg {
      background-image: none
    }
    #kaliteBgMobile, .xxs-t-a-c {
      text-align: center
    }
    #sikayetHatti {
      margin: 12px
    }
    .modalWriteBg {
      font-size: 17px;
      padding: 50px 25px;
      width: 90%
    }
    .modal-image-zeytin {
      height: 830px
    }
    .modal-image-zeytin-urun {
      bottom: 5px;
      left: 5px;
      z-index: 9;
      width: 60% !important;
      right: 0
    }
    #bg-2, #bg-4 {
      right: 5px
    }
    #bg-3, #bg-4 {
      bottom: -80px
    }
    .flipper {
      min-height: 290px
    }
    .modal-dialog {
      width: 82% !important;
      margin: 10px auto
    }
    #kaliteBgMobile, .xs-m-t-25 {
      margin-top: 25px
    }
    #kaliteBgMobile, .xs-m-b-30 {
      margin-bottom: 30px
    }
    #kaliteBg {
      display: none
    }
    #kaliteBgMobile {
      display: block
    }
    #uretimBg {
      padding: 120px 40px 45px
    }
    .uretimRibbon {
      top: 0;
      left: 50%;
      margin-left: -100px
    }
    #bg-1, #bg-3, #innerBg {
      left: 5px
    }
    #bg-1, #bg-2 {
      top: -25px
    }
    .itetisimTitleLeft, .itetisimTitleRight {
      width: 75px
    }
    .contactTitle {
      font-size: 22px
    }
    .itetisimTitleLeft-2, .itetisimTitleRight-2 {
      display: none
    }
    #kalite-img-1 {
      top: -2%;
      left: 14%
    }
    #kalite-img-2 {
      top: -4%;
      left: 55%
    }
    #kalite-img-3 {
      top: 28%;
      left: 12%
    }
    #kalite-img-4 {
      position: absolute;
      top: 23%;
      left: 38%
    }
    #kalite-img-5 {
      top: 26%;
      left: 70%
    }
    #kalite-img-6 {
      top: 57%;
      left: 10%
    }
    #kalite-img-7 {
      top: 53%;
      left: 42%
    }
    #kalite-img-8 {
      top: 53%;
      left: 77%
    }
    #kalite-img-9 {
      top: 63%;
      left: 60%
    }
    #innerBg {
      width: 98%
    }
    .xs-clear {
      clear: both
    }
    .fotter-social-container {
      float: left;
      margin-right: 15px
    }
    .form-item-container {
      width: 76%
    }
    #bg-1, #bg-2, .top-nav li a {
      display: block !important
    }
    .i-r-100 {
      width: 100%;
      margin-bottom: 20px
    }
    .m-b-0 {
      margin-bottom: 0
    }
    #bg-1 img, #bg-2 img {
      width: 350px
    }
    .image-3 {
      width: 42%
    }
    .image-4 {
      width: 51%
    }
    #bg-3 img, #bg-4 img {
      width: 125px
    }
    .logo {
      left: 50%;
      width: 17%
    }
    .top-nav li a {
      font-size: 13px
    }
  }
  @media(max-width:640px) {
    #videoYoutube {
      width: 100%;
      height: 270px;
    }
    #kalite-img-1, #kalite-img-3, #kalite-img-5, #kalite-img-6 {
      left: -5%;
      position: absolute
    }
    footer .container .row .col-md-12:first-child, footer p {
      text-align: center
    }
    #kalite-img-1, #kalite-img-2, #kalite-img-3, #kalite-img-4, #kalite-img-6, #kalite-img-7, #kalite-img-8, #kalite-img-9, .footer-ayrac.fabrika, footer .footer-ayrac {
      position: absolute
    }
    .fotterTitle.p-l-60 {
      padding-left: 0
    }
    .modal-image-zeytin {
      height: 730px
    }
    .modal-image-zeytin-urun {
      width: 70% !important
    }
    .modalWriteBg {
      font-size: 11px;
      padding: 50px 25px
    }
    .iletisimSocialContainer .socialButton {
      margin-right: 5px;
      width: 70px
    }
    .m-t--50 {
      margin-top: -50px !important
    }
    .iletisimSocialContainer .instagram {
      width: 70px
    }
    .itetisimTitleLeft, .itetisimTitleRight, .mailSusAlt, .mailSusTop {
      display: none
    }
    .iletisimSocialContainer {
      width: 222px
    }
    #kalite-img-1 {
      top: 0
    }
    #kalite-img-2 {
      top: 11%;
      left: 42%
    }
    #kalite-img-3 {
      top: 20%
    }
    #kalite-img-4 {
      top: 29%;
      left: 51%
    }
    #kalite-img-5 {
      top: 36%
    }
    #kalite-img-6 {
      top: 52%
    }
    #kalite-img-7 {
      top: 67%;
      left: 25%
    }
    #kalite-img-8 {
      top: 48%;
      left: 56%
    }
    #kalite-img-9 {
      top: 58%;
      left: 46%
    }
    .pageTitleImageHakkimizda3 {
      top: -45px;
      left: -5px;
      width: 105px
    }
    .pageTitleImageHakkimizda4 {
      top: -45px;
      right: -5px;
      width: 105px
    }
    .pageTitleImage1 {
      width: 136px;
      margin-left: -72px
    }
    .pageTitleImage2 {
      width: 136px
    }
    .xxs-m-b-25 {
      margin-bottom: 25px
    }
    .i-r-100 {
      width: 100%;
      margin-bottom: 20px
    }
    .container.p-rel {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 50px
    }
    .container {
      padding-left: 20px !important;
      padding-right: 20px !important
    }
    .footer-ayrac.fabrika {
      bottom: -7px;
      left: 50%;
      width: 100px;
      margin-left: -50px
    }
    footer .footer-ayrac {
      bottom: -10px;
      left: 50%;
      width: 190px;
      margin-left: -95px
    }
    .carousel-control, .carousel-control.left {
      margin-left: -25px
    }
    .xxs-w-100 {
      width: 100%
    }
    .xxs-clear {
      clear: both
    }
    .xs-text-left {
      text-align: left
    }
    #innerBg {
      width: 97%;
      left: 5px
    }
    .top-nav li a.active, .top-nav li a:hover {
      color: #fff
    }
    #bg-1, #bg-2, #bg-3, #bg-4, .menu-hidden, .top-nav li a img {
      display: none !important
    }
    .carousel-control {
      width: 62px;
      height: 45px;
      margin-top: -23px
    }
    .carousel-control.right {
      margin-right: -25px
    }
    .top-left-ribbon, .top-right-ribbon {
      width: 160px
    }
    .header {
      padding: 1em 0 0;
      margin-top: 0;
      margin-bottom: 0
    }
    .top-nav {
      width: 10%;
      margin-right: .5em;
      min-height: 30px;
    }
    .logo {
      left: 50%;
      margin-left: -47px;
      top: 10%;
      min-width: 94px
    }
    .top-nav span.menu {
      position: absolute;
      cursor: pointer;
      background-color: transparent;
      left: 21px;
      top: 25px;
      display: block;
    }
    .top-nav ul {
      display: none;
      z-index: 999;
      position: absolute;
      width: 100%;
      left: 0
    }
    .top-nav ul li {
      display: block;
      text-align: center;
      background: rgba(0, 0, 0, .84);
      width: 100%;
      border: 1px solid #3a3a3a
    }
    .top-nav ul li a {
      display: block;
      padding: .6em 0;
      font-size: 1.2em;
      margin: 0;
      letter-spacing: 1px;
      color: #fff
    }
    #homePageContainer {
      padding-left: 40px !important;
      padding-right: 40px !important
    }
    .mailContainer {
      width: 78%
    }
    footer .row .col-md-1.xs-m-b-30 {
      width: 150px;
      margin: 0 auto
    }
  }
  @media(max-width:500px) {
    .modal-image-zeytin-urun {
      width: 100% !important
    }
  }
  @media(max-width:320px) {
    .top-nav span.menu {
      padding: 3px
    }
    .top-nav {
      width: 14%;
      margin-right: 0
    }
    .header {
      padding: .5em 0 0
    }
    .logo {
      left: 59%;
      width: 38%;
      top: 17%
    }
  }
}
.langbox {
  position: absolute;
  top: 78px;
  right: 98px;
  font-size: 18px;
}
.langbox a {
  font-family: Noteworthy-Bold;
  color: #000;
}
.langbox hr {
  margin-top: 1px;
  margin-bottom: 4px;
  border: 0;
  border-top: 1px solid #000;
}
.katalog-menu {
  position: absolute;
  top: 92px;
  right: 144px;
  font-size: 20px;
  padding: 0;
  font-family: Noteworthy-Bold;
}
.katalog-menu a {
  color: #000;
}
@media(max-width: 1006px) {
  .langbox {
    top: 17px;
    right: 1px;
    font-size: 13px;
  }
  .katalog-menu {
    top: 27px;
    right: 32px;
    font-size: 13px;
  }
}