﻿@font-face {
    font-family: 'Dekko';
    src: url('fonts/dekko-regular-webfont.eot');
    src: url('fonts/dekko-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dekko-regular-webfont.ttf') format('truetype'),
         url('fonts/dekko-regular-webfont.woff2') format('woff2'),
         url('fonts/dekko-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Exo2';
    src: url('fonts/Exo2-Italic-webfont.eot');
    src: url('fonts/Exo2-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Exo2-Italic-webfont.woff2') format('woff2'),
         url('fonts/Exo2-Italic-webfont.woff') format('woff'),
         url('fonts/Exo2-Italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Exo2';
    src: url('fonts/Exo2-Bold-webfont.eot');
    src: url('fonts/Exo2-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Exo2-Bold-webfont.woff2') format('woff2'),
         url('fonts/Exo2-Bold-webfont.woff') format('woff'),
         url('fonts/Exo2-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Exo2';
    src: url('fonts/Exo2-Regular-webfont.eot');
    src: url('fonts/Exo2-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Exo2-Regular-webfont.woff2') format('woff2'),
         url('fonts/Exo2-Regular-webfont.woff') format('woff'),
         url('fonts/Exo2-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Michroma';
    src: url('fonts/michroma-webfont.eot');
    src: url('fonts/michroma-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/michroma-webfont.woff2') format('woff2'),
         url('fonts/michroma-webfont.woff') format('woff'),
         url('fonts/michroma-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSans';
    src: url('fonts/pt_sans-web-italic-webfont.eot');
    src: url('fonts/pt_sans-web-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans-web-italic-webfont.woff2') format('woff2'),
         url('fonts/pt_sans-web-italic-webfont.woff') format('woff'),
         url('fonts/pt_sans-web-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PTSans';
    src: url('fonts/pt_sans-web-bold-webfont.eot');
    src: url('fonts/pt_sans-web-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans-web-bold-webfont.woff2') format('woff2'),
         url('fonts/pt_sans-web-bold-webfont.woff') format('woff'),
         url('fonts/pt_sans-web-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'PTSans';
    src: url('fonts/pt_sans-web-regular-webfont.eot');
    src: url('fonts/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sans-web-regular-webfont.woff2') format('woff2'),
         url('fonts/pt_sans-web-regular-webfont.woff') format('woff'),
         url('fonts/pt_sans-web-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'OpenSans';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DaxWide';
    src: url('fonts/daxwide-bold_tr_0-webfont.eot');
    src: url('fonts/daxwide-bold_tr_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/daxwide-bold_tr_0-webfont.woff2') format('woff2'),
         url('fonts/daxwide-bold_tr_0-webfont.woff') format('woff'),
         url('fonts/daxwide-bold_tr_0-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DaxWide';
    src: url('fonts/daxwide-regular_tr_0-webfont.eot');
    src: url('fonts/daxwide-regular_tr_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/daxwide-regular_tr_0-webfont.woff2') format('woff2'),
         url('fonts/daxwide-regular_tr_0-webfont.woff') format('woff'),
         url('fonts/daxwide-regular_tr_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('fonts/opensans-condbold-webfont.eot');
    src: url('fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condbold-webfont.woff') format('woff'),
         url('fonts/opensans-condbold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/*@font-face {
    font-family: 'Open Sans Condensed';
    src: url('fonts/opensans-condlight-webfont.eot');
    src: url('fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condlight-webfont.woff') format('woff'),
         url('fonts/opensans-condlight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('fonts/opensans-condlightitalic-webfont.eot');
    src: url('fonts/opensans-condlightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condlightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-condlightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@media screen and (max-width:1280px)
{
    .ornament{ background:none ! important}
}

.viewport, .slider .row, .slider .slide{ width:100% ! important; float:none ! important}

.remotecms .preview{ background:url('../images/cross-octagon-frame.png') no-repeat; }

.hidefont  p, .hidefont  h1, .hidefont h2, .hidefont h3, .hidefont h4, .hidefont h5, .hidefont h6, .hidefont ul, .hidefont ol { visibility:hidden}

.part a{ color:inherit}

html{background:#ffffff}

.part{margin-bottom:0}.part+.part{margin-top:10px} .part.TabPage+.part.TabPage{margin-top:0px;}

#zc_main{display:block;position:relative;line-height:1.42;}
/*#zc_main{display:block;position:relative;color:#333333; font-family:Georgia, Verdana, Arial, Tahoma, serif; line-height:140%; font-size:12px; }*/

h1,h2,h3,h4,h5,h6 {font-weight:inherit;line-height:1.231}

.ismobile .zone{ }

.ismobile { visibility:hidden }

.border-1{border:1px solid #013c4d}
.border-2{border:1px solid #eff3f4}
.border-3{border:1px solid #bfced2}
.border-w{border:1px solid #ffffff}

.border-b1{border:2px solid #013c4d}
.border-b2{border:1px solid #045166}

.animating .ajaxlink, .processing .ajaxlink{ cursor:wait}

.listimage1 img{top:31px ! important; left:1px ! important}

.GenericContent table td{ vertical-align:top }

.part_content img{vertical-align:middle}
.BoxedImage .part_content img{vertical-align:top}
/*GenericContent*/
.esn-fl-right, .text-editor .esn-fl-right{margin:0 0 20px 30px}
.esn-fl-left, .text-editor .esn-fl-left{margin:0 30px 20px 0}
/*GenericContent*/

.projecontent .GenericContent table tr td:first-child{ width:108px;}
.ismobile .projecontent .GenericContent table tr td:first-child{ width:96px;}
.projecontent .GenericContent table tr td{ text-align:left}

.part .editable_content td, .dialog_view .text-editor td{ min-width:5px}

/*Menu*/

.menu-item-icon{ display:none; float:left}

.main-menu .MenuWithZones{ text-align:center}
.main-menu .MenuWithZones .horizontal{ display:inline-block}
.main-menu .MenuWithZones .item-active .link:hover, .main-menu .MenuWithZones .item-active .current{ border-bottom:1px solid #ffffff}

.MenuWithZones .horizontal { text-align:right}
.MenuWithZones .horizontal .lvl { text-align:left; /*margin:0 ! important*/}
.MenuWithZones .horizontal .lvl0 { min-height:0 ! important; float:none; display:inline-block}
.MenuWithZones .horizontal .lvl0 .lvl { display:none; position:absolute; z-index:500}
.MenuWithZones .horizontal .lvl1 {top:100%;}
.MenuWithZones .horizontal .lvl1 .lvl { top:0px; left:100%}
.MenuWithZones .horizontal .item.last {margin-right:0 ! important}

.MenuWithZones .item.last .seperator{ display:none;  }
/*.MenuWithZones .item.last > .item-default .link, .MenuWithZones .item.last > .item-active .link{border-bottom:none ! important}*/

.MenuWithZones .item-active{ display:none}
.MenuWithZones .current > .item-default, .MenuWithZones .item:hover > .item-default, .MenuWithZones .trail > .item-default{ display:none}
.MenuWithZones .current > .item-active, .MenuWithZones .item:hover > .item-active, .MenuWithZones .trail > .item-active{ display:block}

.MenuWithZones .horizontal .lvl0 .lvl{margin-left:0px ! important; margin-right:0px ! important}
.MenuWithZones .horizontal .lvl0 .lvl .link{padding-bottom:3px}
.MenuWithZones .horizontal .lvl1 { padding-top:21px ! important}
.MenuWithZones .horizontal .lvl1 .lvl { padding-left:1px ! important}

.vertical .item{ width:100%}

@media screen and (max-width:600px)
{
   .ismobile .left-menu { text-align:center; }
   .ismobile .left-menu .item a{ float:none ! important; display:inline-block }
   .ismobile .habbe .BoxedImage img{ max-width:100%;}
   .ismobile .image1{ overflow:hidden}
}


.SliderWithZones .image-container > div{ background-size:auto 100% ! important}

@media screen and (max-width:1250px)
{
.ismobile .slider-container, .ismobile .SliderWithZones, .ismobile .home-slider, .ismobile .home-slider .SliderWithZones .viewport, .ismobile .home-slider .SliderWithZones .image-container, .ismobile .home-slider .SliderWithZones .image-container > div{ width:100% ! important}
.ismobile .slider-container1, .ismobile .slider-container2{ width:100% ! important}
}

@media screen and (max-width:962px)
{
.ismobile .slider-container, .ismobile .SliderWithZones, .ismobile .home-slider, .ismobile .home-slider .SliderWithZones .viewport, .ismobile .home-slider .SliderWithZones .image-container, .ismobile .home-slider .SliderWithZones .image-container > div{ height:360px ! important; min-height:360px ! important; width:100% ! important}
.ismobile .slider-container1, .ismobile .slider-container2{ height:380px ! important; min-height:360px ! important; width:100% ! important}
}

@media screen and (max-width:480px)
{

.ismobile .slider-container, .ismobile .SliderWithZones, 
.ismobile .home-slider, .ismobile .home-slider .SliderWithZones .viewport, 
.ismobile .home-slider .SliderWithZones .image-container, 
.ismobile .home-slider .SliderWithZones .image-container > div{ height:300px ! important; min-height:300px ! important; width:100% ! important}
.ismobile .slider-container1, .ismobile .slider-container2{ height:320px ! important; min-height:300px ! important; width:100% ! important}
}


@media screen and (max-width:962px)
{
.ismobile .lezzetler .BoxedImage img{ max-width:100%; height:auto}
.ismobile .lezzetler .BoxWithZones img{ min-width:480px; height:auto;}
}

@media screen and (max-width:480px)
{
.ismobile .lezzetler .BoxWithZones .image-container{ min-width:400px; max-width:480px }
.ismobile .lezzetler .BoxWithZones .image-container img{max-width:100%; }
.ismobile .lezzetler .BoxedImage img{ max-width:100%; height:auto}
}

@media screen and (max-width:360px)
{
.ismobile .lezzetler .BoxWithZones .image-container{ min-width:280px; max-width:360px }
.ismobile .lezzetler .BoxWithZones .image-container img{max-width:100%; }
.ismobile .lezzetler .BoxedImage img{ max-width:100%; height:auto}
.ismobile .image-gallery .item{ float:none ! important; margin-left:auto ! important; margin-right:auto ! important}
}

@media screen and (max-width:1160px)
{

.ismobile .lezzetler .lez-bas-l, .ismobile .lezzetler .lez-bas-r { display:none}
.ismobile .lezzetler .lez-bas-f { background-image:none ! important; background-color:#86754d ! important; min-height:0 ! important }

}

@media screen and (max-width:840px)
{

.ismobile .list-right{ clear:left; width:300px ! important; margin-left:0px ! important; margin-bottom:40px; margin-top:-20px ! important}
.ismobile .list-right2{ width:300px ! important;  height:400px}
.ismobile .list-right-details{ float:right ! important}
}



.makefullwidth
{
    width:100% ! important; margin-left: 0 ! important; margin-right: 0 ! important; margin-top: 0 ! important; min-height: 0 ! important;
    padding-left:0 ! important; padding-right:0 ! important; 
}



@media screen and (max-width:1040px)
{

.overflowhide{ overflow:visible ! important}

}


.navi-item-container:hover .navi-item{ display:none ! important}
.navi-item-container:hover .navi-item-active{ display:block ! important}

.button-item-active, .button-item{ cursor:pointer}
.headermode .button-item-active, .headermode .button-item{ cursor:auto}
.buttonwz .button-item-active{ display:none}
.buttonwz:hover .button-item{ display:none ! important}
.buttonwz:hover .button-item-active{ display:block ! important}
.headermode:hover .button-item{ display:block ! important }

.BreadcrumbsWithZones .item-active{ display:none}
.BreadcrumbsWithZones .current > .item-default, .BreadcrumbsWithZones .item:hover > .item-default{ display:none}
.BreadcrumbsWithZones .current > .item-active, .BreadcrumbsWithZones .item:hover > .item-active{ display:block}

.slider a.link, .box a.link, .buttonwz a.link{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:500}

.esnslider .item { visibility:hidden; float:left }
.esnslider .slider{position:relative; visibility:hidden}
.esnslider .slide{position:absolute;  top:0; left:0; visibility:hidden}
.esnslider .slide.hidden *{visibility:hidden}
.esnslider .viewport-ready .slide{visibility:visible}
.esnslider .viewport-ready .item{visibility:visible }
.esnslider .next, .esnslider .prev{cursor:pointer; z-index:1000}
.esnslider .navi .navi-item-container{cursor:pointer}
.esnslider .image-container{ background-image:none ! important}
.esnslider .item-image{ position:absolute; top:0; left:0;}
.esnslider .viewport .item{ display:none}
.esnslider .viewport .first.item{ display:block}

.esnslider .navi-item, .esnslider .navi-item-active { text-align:center; color:#2c3492; font-family:"Open Sans"; line-height:22px }
.esnslider .navi-item-active{ font-weight:bold}

.site .PageDateAdded { color:#ffffff; font-size:16px; line-height:16px; background:#009977; padding:6px 10px; font-family:"Open Sans" }


.fade-image-a,
.fade-image b {
	position: absolute;
	left: 0;
	top: 0;
	z-index:0;
}
		
.fade-image .fade-image-a {
	z-index: 5;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}	
		
.fade-image:hover .fade-image-a {
	opacity: 0;
}

/* FORMS */

a.fancy { color: #ffffff ! important; font-size:12px; margin-top:0px; float:left;background: #1e51a4; display: inline-block; margin-right:26px;
          padding: 10px 20px 9px;  text-decoration: none; line-height: 1; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; 
          -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3);
          text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; }

a.fancy span {font-weight:normal;}
a.fancy:hover{ }

.CustomFormWithZones .field-item-active, .CustomFormWithZones .button-item-active{ display:none}
.CustomFormWithZones .input-control{ width:100%; border:none; background:none; outline:none; display:block; margin-top:-1px}
.CustomFormWithZones .form-button{ z-index:500; position:absolute; top:0; left:0; right:0; bottom:0; background:none; border:none; outline:none; padding:0; margin:0; width:100%; display:block}
.CustomFormWithZones .button-container *{ cursor:pointer}
.CustomFormWithZones .result-message, .CustomFormWithZones .error{color:red ! important; font-family:"Open Sans"}
.CustomFormWithZones .result-message{ font-size:11px; margin-top:-8px; margin-bottom:6px; line-height:12px; display:block}
.CustomFormWithZones .error{font-size:10px; display:block; margin-top:12px;/*margin-left:36%; margin-bottom:-13px;*/ line-height:18px}
.CustomFormWithZones .item-title{z-index:0 ! important}
.CustomFormWithZones .item-input{z-index:1 ! important}

.CustomFormWithZones textarea { resize:none}



.CustomFormWithZones .button-container:hover { background:#111868 ! important}

.esnslider .navi-item, .esnslider .navi-item-active {
    margin-right: 8px;
}