﻿@import "https://fonts.googleapis.com/css?family=Roboto:400,600&subset=latin-ext";
.fixClear, #morcmsM header, #morcmsM section { clear: both; }
#morcmsM #conteiner, #morcmsM #content, #morcmsM #header { position: relative; }
#morcmsM #content .m_content li:before, #morcmsM #menu.lineMenu span.item.step1:last-child a:after { content: ''; }
#morcmsM a, #morcmsM,#morcmsM li, #morcmsM ul { margin: 0; padding: 0; }
#morcmsM h1,#morcmsM h2,#morcmsM h3,#morcmsM h4,#morcmsM h5,#morcmsM h6{margin: 0;padding: 0;font-weight: normal;line-height: inherit;}
#morcmsM a {text-decoration: none;color: inherit;text-decoration: underline;}
#morcmsM li { list-style: none; }
html { height: 100%; width: 100%; margin: 0; padding: 0; }
#morcmsM .page_title h1{padding-left:10px;}
#morcmsM h1 {font-size: 40px;margin: 0;color: #fff;}
#morcmsM h2 {font-weight: bold;font-size: 34px;line-height: 1.5;width: 100%;color: #fff;margin: 0;box-sizing: border-box;}
#morcmsM h3 {font-size: 40px;}
#morcmsM h4, #morcmsM h5, #morcmsM h6 {}
#morcmsM h5,
#mPanel .reDropDownBody h5{font-size: 14px;color: #ece22f;}
#morcmsM h5 em,
#mPanel .reDropDownBody h5 em{color:#cb221b;}
#morcmsM h6,
#mPanel .reDropDownBody h6{/* color: #ddd; */font-style: italic;font-size: 30px;}
#morcmsM h6 strong,
#mPanel .reDropDownBody h6 strong{color: #f3e327;}#morcmsM .mark.big, #morcmsM { font-weight: 400; }
#morcmsM .m_context { padding: 10px; width: 100%; height: 100%; box-sizing: border-box; }
#morcmsM p { margin: 10px 0; text-align: left; }
#morcmsM {color: #000;line-height: 1.5;}
#morcmsM, #morcmsM input, #morcmsM textarea {font-family: 'Roboto',sans-serif;font-size: 30px;}
#morcmsM .mcms_content{margin:0 auto;position:relative;}
#morcmsM #header {width: 100%;z-index: 10;color: #fff;height: 100px;position: fixed;top: 0;left: 0;box-shadow: 0 2px 10px #666;}
#morcmsM #header #logo {display: block;width: 250px;margin: 0 auto;text-align: center;}
#morcmsM #header #logo a {}
#morcmsM #header #logo img {max-height: 90px;}
#morcmsM #header .page_title {float: left;width: 400px;text-align: center;line-height: 80px;overflow: hidden;height: 105px;margin-top: 4px;padding: 0 0px;box-sizing: border-box;text-shadow: 1px 1px 5px #666;}
#morcmsM #header .page_title h1 {line-height: 100px;font-size: 31px;text-align: left;font-weight: normal;color: #fff;/* padding-left: 30px; */}
#morcmsM #header .page_title h1 a{color:inherit;text-decoration: none;font-weight:bold;display: block;text-align: center;}
#morcmsM .page_title .parentpage { color: #000; padding: 0; }
#morcmsM #footer, #morcmsM #mainmenu .btn, #morcmsM .btnClose {/* text-align: center; */}
#morcmsM .btnClose { top: -15px; right: -15px; width: 30px; height: 30px; z-index: 111; line-height: 30px; border-radius: 20px; font-size: 18px; text-shadow: 2px 1px 2px #fff; cursor: pointer; }
#morcmsM #footer { line-height: 20px; }
#morcmsM #footer .text { white-space: nowrap; width: 100%; }
#morcmsM .m_content{z-index:initial}
#morcmsM [content-name="image"] div{width:100%;height:100%;}
#morcmsM [content-name="image"] .m_context img{max-height:100%;max-width:100%;height: 100% !important;width: auto !important;}
#morcmsM [content-name="image"] span.title{position: absolute;top: 50%;left: 0;text-align: center;display: block;width: 100%;font-size: 28px;text-shadow: 1px 1px 5px #000;transform: translateY(-50%);color: #fff;}
#morcmsM.open-menu { overflow: hidden; }
#morcmsM #conteiner {width: 640px;margin: 0px auto;transition: all .5s;-webkit-transition: all .5s;z-index: 1;}
#morcmsM.open-menu #conteiner {transform: translateX(-520px);transform-origin: left top;box-shadow: 5px 0 10px #999;}
#morcmsM #content {margin: 110px 0 20px;box-sizing: border-box;width: 640px;}
#morcmsM #footer {margin: 0;width: 640px;padding-bottom: 10px;padding: 10px;box-sizing: border-box;}
#morcmsM.scrollOn #footer { position: relative; margin-bottom: 78px; }
#morcmsM #footer, #morcmsM #footer a {font-size: 16px;color: inherit;line-height: 34px;text-decoration: none;}
#morcmsM #footer .copyright, #morcmsM #footer .mk {float: none;display: block;padding: 30px 100px 15px;text-align: center;}
#morcmsM .mk, #morcmsM .mk a { z-index: 9; }
#morcmsM input[type=text], #morcmsM textarea { width: 450px; height: 44px; }
#morcmsM .contactForm input[type=submit] { font-size: 20px; font-weight: 400 !important; }
#morcmsM #mainmenu { position: fixed; bottom: 0; width: 640px; margin: 0 auto; z-index: 1001; }
#morcmsM #mainmenu i { color: #FFFFFF; font-size: 60px; }
#morcmsM .active .tooltip { visibility: visible; opacity: 1; }
#morcmsM .tooltip, #morcmsM .tooltip a { color: #ADAFB2; }
#morcmsM .tooltip { position: absolute; left: 20px; max-width: 600px; background-color: #fff; box-shadow: 0 0 25px #000; opacity: 0; visibility: hidden; bottom: 140%; padding: 20px 20px 50px; box-sizing: border-box; text-align: left; line-height: 1.5; z-index: 1000; width: 466px; }
#morcmsM .tooltip.tip2 { padding: 10px; bottom: 80%; left: auto; right: 0; text-align: center; width: 460px; z-index: 1000; }
#morcmsM .tooltip.tip2.left { left: 50px; }
#morcmsM .tooltip.tip2.right { right: 70px; }
#morcmsM .tooltip.tip2.right:after { left: auto; right: 50px; margin-left: 0; }
#morcmsM .tooltip:after { content: ''; background-color: #fff; width: 50px; height: 50px; position: absolute; bottom: -20px; margin-left: 50px; left: 0; display: block; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); box-shadow: 9px 9px 20px -3px rgba(68, 68, 68, 0.46); }
#morcmsM #mainmenu ._1 .tooltip { left: -120px; }
#morcmsM #mainmenu ._1 .tooltip:after { left: 50%; margin-left: -20px; }
#morcmsM .tooltip, #morcmsM .tooltip a { color: #ADAFB2; }
#morcmsM #header .ln{float:left;padding: 25px 15px;}
#morcmsM #header .ln a{text-decoration:none;padding: 0 8px;}
#morcmsM .menu-btn {position: fixed;background-color: transparent;width: 74px;height: 74px;z-index: 1007000;top: 10px;right: 20px;transition: -webkit-transform 550ms cubic-bezier(.23,1,.32,1);transition: transform 550ms cubic-bezier(.23,1,.32,1);-webkit-transform: rotate(0);transform: rotate(0);cursor: pointer;}
#morcmsM .menu-icon{width: 32px;height: 24px;position: absolute;left: 50%;top: 50%;margin-left: -15px;margin-top: -11px;}
#morcmsM .menu-icon .bar {display: block;position: absolute;left: 0;width: 100%;height: 5px;background-color: #3bb3c3;transition: all 550ms cubic-bezier(.23,1,.32,1);-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
#morcmsM .menu-icon .bar.top{top:0;margin-top:-1px}
#morcmsM .menu-icon .bar.middle{top:50%;margin-top: -2px;}
#morcmsM .menu-icon .bar.bottom{bottom:0;margin-bottom: -3px;margin-left: 0px;}
#morcmsM.open-menu .menu-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
#morcmsM.open-menu .menu-icon .bar.top{top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#morcmsM.open-menu .menu-icon .bar.middle{opacity:0}
#morcmsM.open-menu .menu-icon .bar.bottom{bottom: 44%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#morcmsM #menu{width: 430px;position: absolute;bottom: 184px;right: 0;max-height: calc(100% - 120px);z-index: 15;}
#morcmsM #menu li.step1{text-align:left;}
#morcmsM #menu li a.step1{text-transform: uppercase;}
#morcmsM #menu li a {color: #fff;display: inline-block;line-height: 76px;font-size: 42px;padding: 0 15px 0 5px;text-decoration: none;text-shadow: 3px 3px 3px #666;}
#morcmsM #menu .expand, #morcmsM #menu .collapse {font-size: 50px;color: #3bb3c3;background: #fff;font-weight: bold;cursor: pointer;line-height: 44px;width: 50px;height: 50px;text-align: center;vertical-align: top;display: inline-block;box-shadow: -2px -2px 6px #666;transform: rotateZ(180deg);margin-top: 14px;}
#morcmsM #menu .collapse{position:absolute;top:0;left: 10px;}
#morcmsM #menu .collapse span{display:none;}
#morcmsM #mainmenu { position: fixed; bottom: 0; width: 640px; z-index: 1001; }
#morcmsM #mainmenu .btn.double { width: 426px; }
#morcmsM #mainmenu .btn.withIcon span { line-height: 1; vertical-align: middle; display: inline-block; }
#morcmsM #mainmenu .btn .icon { max-height: 50px; margin: 23px 0; }
#morcmsM #mainmenu .btn { width: 213px; display: block; float: left; height: 96px; line-height: 96px; margin: 0; position: relative; text-align: center; }
#morcmsM #mainmenu .btn .item { box-shadow: 0 0 5px #000; transition: all .5s; background: #893783; background: linear-gradient(to bottom, #77726b 0, #92278F 100%); display: block; height: 97px; line-height: 97px; outline: 0; border: none; color: #fff; text-shadow: none; }
#morcmsM #mainmenu .tooltipPoint:after, #morcmsM .tooltip:after { content: ''; height: 50px; }
#morcmsM #mainmenu .btn .item:active, #morcmsM #mainmenu .btn .item:hover { background: #893783; background: linear-gradient(to top, #77726b 0, #92278F 100%); color: #fff; }
#morcmsM #pagemenu {position: fixed;bottom: 0;right: 0;width: 530px;box-sizing: border-box;min-height: calc(100% - 100px);z-index: 0;transition: all .5s;visibility: hidden;opacity: 0;overflow: auto;}
#morcmsM #pagemenu:before {content: '';display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(18, 17, 17, 0);z-index: -1;}
#morcmsM #pagemenu .sub {padding-left: 20px;position: fixed;right: -100%;background: #808080;bottom: 0;box-shadow: 0 0 15px #999;z-index: 10;width: 390px;max-height: calc(100% - 110px);overflow: auto;transition: all .5s;}
#morcmsM #pagemenu .sub a { font-size: 34px; line-height: 56px; }
#morcmsM #pagemenu .sub .sub { width: 540px; z-index: 101; }
#morcmsM #pagemenu .sub .sub .sub { width: 540px; z-index: 102; }
#morcmsM #pagemenu .sub.active, #morcmsM #pagemenu.active {opacity: 1;visibility: visible;right: 0;text-align: right;}
#morcmsM #pagemenu .socialicon {width: 430px;position: absolute;right: 0;bottom: 10px;text-align: left;}
#morcmsM #pagemenu .ln{padding-right: 10px;}
#morcmsM #pagemenu .ln a{padding: 20px 30px;display:inline-block;font-size: 36px;}
#morcmsM #pagemenu .ln a:first-child{padding-right:0;}
#morcmsM #pagemenu .ln a:last-child{padding-left:0;}
#morcmsM .link-reservation { padding: 0px 0; display: block; font-size: 26px !important; }
#morcmsM .socialicon a {font-size: 54px !important;position: relative;display: inline-block;vertical-align: top;line-height: 1;margin: 10px 10px;color: #3bb3c3;text-shadow: none;background: #fff;width: 72px;height: 72px;text-align: center;line-height: 72px;border-radius: 4px;}

#morcmsM .socialicon a i {font-size: inherit;}
#morcmsM .socialicon a.link-facebook i{}
#morcmsM .link-tatilizle svg {width: 100%;height: 100%;top: 0px;position: relative;}
#morcmsM .link-tatilizle g {fill: #749fc5;}
#morcmsM #footer .socialicon{display: flex;flex-direction: row-reverse;}
#morcmsM .inpageMenu a { color: #fff; line-height: 35px; padding: 15px 0; font-size: 30px; text-decoration: underline; display: block; }
@media screen and (orientation:landscape) {
    body:after { content: ''; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: url(http://www.morcms.com/assets/images/wrong-browser-size.jpg) center no-repeat rgba(84, 41, 137, .8); }
}

#morcmsM #responsive_map, #morcmsM .map-direction-link, #morcmsM .map-direction-link { color: #A30A35; }
#morcmsM .gmap_marker img { padding: 10px; }
#morcmsM .full-bg-slider-1 { position: fixed !important; width: 640px !important; height: 100%; overflow: hidden; top: 0; left: 0; z-index: -1; }
#morcmsM .full-bg-slider-1 .bx-viewport, #morcms .full-bg-slider-1 .bx-wrapper, #morcms .full-bg-slider-1 ul, #morcms .full-bg-slider-1 li { height: 100% !important; overflow: visible !important; width: 100% !important; padding: 0; margin: 0; left: 0; position: absolute !important; }
#morcmsM .full-bg-slider-1 .slider-itembox img { width: 105%; }
#morcmsM .full-bg-slider-1 li { background-position: center; background-size: cover; width: 105% !important; }
#morcmsM .apart-module.morcms_video { left: 0; width: 100%; height: 100vh; height: calc((9 * 100vw) / 16); position: relative; top: 0; }
#morcmsM .m_content.html iframe{box-sizing: border-box;border: 10px solid transparent;border-top: none;}

#morcmsM.color1 {color: #fff;background: #808080;}
.morcms-sablon-color._1, #morcmsM.color1 #header, #morcmsM.color1 #footer {background: #808080;}
#morcmsM.color1 #header #logo { color: #fff; fill: #fff; }
#morcmsM.color1 #header #menu li.step1:after { background: #fff; }
#morcmsM.color1 [content-name="header"]:before, #morcmsM.color1 .morcms-border-style-1 img { border-color: #e4b248; }
#morcmsM.color1 #responsive_map, #morcmsM.color1 .map-direction-link { color: #e4b248; }
#morcmsM.color1 #menu a:hover {/* background: #a9dee5; */color: #3bb3c3;}
#morcmsM.color1 .form input[type="text"], #morcmsM.color1 .form input[type="number"], #morcmsM.color1 .form textarea {border-color: #bbb !important;color: #fff;box-shadow: none;}
#morcmsM.color1 .form input[type="submit"] {background: #bbb !important;color: #FFFFFF;border-color: #bbb !important;}
#morcmsM.color1 .form input[type="submit"]:hover { box-shadow: 0px 0px 8px inset; }
.color1 ::-webkit-input-placeholder { color: #fff; }
.color1 ::-moz-placeholder { color: #fff; }
.color1 :-ms-input-placeholder { color: #fff; }
.color1 :placeholder-shown { color: #fff; }
#morcmsM.color1 .wrapper-inner-content-image-hover-cercle,
#morcmsM.color1 .fullscreen-inner-button{color: #fff;background: #3bb3c3;}
#morcmsM [content-name=icons] i{color:#fff;}

#morcmsM #fullscreen-inner-close{top:initial;bottom:10px;right:10px;}
#morcmsM .relative{position:relative !important;}
#morcmsM .anasayfa-manset .manset{height: 260px !important;background: #f4f4f3;}
#morcmsM .bx-wrapper .bx-pager {position:absolute;bottom: 0px;right: 0;height: 20px;line-height: 20px;text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;z-index: 55;text-align: right;}

#morcmsM .bx-wrapper .bx-pager .bx-pager-item,
#morcmsM .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}

#morcmsM .bx-wrapper .bx-pager a {background: transparent;border: 1px solid #fff;text-indent: 9999px;display: block;width: 12px;height: 12px;margin: 0px 5px;outline: 0;border-radius: 15px;}

#morcmsM .bx-wrapper .bx-pager a:hover,
#morcmsM .bx-wrapper .bx-pager a.active {background: #fff;}
#morcmsM .bx-wrapper .bx-controls-direction{/* position:absolute; *//* top:0; */}
#morcmsM .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}
#morcmsM .bx-wrapper .bx-controls-direction a.disabled {display: none;}

@-webkit-keyframes jello {from, 11.1%, to { -webkit-transform: none; transform: none; }
22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }}
@keyframes jello {
from, 11.1%, to { -webkit-transform: none; transform: none; }
22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); }
88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }}


#morcmsM .products{width: 640px;margin:0 auto;position:relative;padding-top: 10px;}
#morcmsM .products.product-details{padding:0 20px;box-sizing: border-box;}
#morcmsM .breadcrumbs{display:block;padding-bottom: 0px;padding-top: 15px;}
#morcmsM .breadcrumbs .item{display:inline-block;padding-right: 8px;text-decoration:none;vertical-align: bottom;}
#morcmsM .breadcrumbs span.item{display: none;padding-right: 8px;text-decoration:none;vertical-align: top;}
#morcmsM .breadcrumbs .item._0,
#morcmsM .breadcrumbs .ListCategories{display:inline-block;}
#morcmsM .breadcrumbs .item a{text-decoration:none;font-size: 40px;vertical-align: bottom;display: block;line-height: 40px;color: #3bb3c3;}
#morcmsM .breadcrumbs > .item._0 a:after{content:'>';margin-left: 6px;position: relative;top: 1px;font-size: 40px;}
#morcmsM .breadcrumbs .item:last-child a:after{display:none;}


#morcmsM .hide,
#morcmsM .hidden,
#morcmsM .productImages{display:none;}

#morcmsM .zoomContainer{text-align:center;}

#morcmsM .products .urunIsmi{font-size:20px;}
#morcmsM .products .urunIsmi h1{line-height: 1.3;}
#morcmsM .product-details .urunGorseli{width: 100%;margin: 0 auto;}
#morcmsM .product-details .urunGorseli img{border: 8px solid #bbb;box-sizing: border-box;box-shadow: 0 0 10px 3px #444;width: 100%;margin: 20px 0;}
#morcmsM .product-details .talep-form #contactForm{clear:both;position: relative;padding: 10px 0;margin-left: -7px;}
#morcmsM .products .add-to-shopingBox{background: url(../images/sepet.jpg);width: 300px;height: 43px;padding: 0;overflow: hidden;text-indent: -500px;display: block;margin: 30px auto;}
#morcmsM.formsuz .talep-form,#morcmsM.formsuz .infoArea > h1{display:none;}
#morcmsM .products .product{width: 300px;height: 280px;float:left;margin: 0 20px 30px 10px;box-sizing: border-box;position: relative;transition: all .2s;overflow: hidden;border: 8px solid #Bbb;box-shadow: 0 0 10px 3px #444;}
#morcmsM .products .product:nth-child(even){margin-right: 0;}
#morcmsM .products .product:hover{border-width:0;}
#morcmsM .products .product:hover .product-image{transform: scale(1.3);}
#morcmsM .products .product .product-image{width: 100%;height: 100%;object-fit: cover;display: block;object-position:  center;/* border: 5px solid #ffffff; */box-sizing: border-box;/* box-shadow: 0 0 5px #fff; */top: 0;transition: all .25s;-webkit-transition: all .25s;}
#morcmsM .products .product .product-name{position: absolute;top: 50%;left: 5px;text-align: center;display: block;width: 270px;font-size: 32px;text-shadow: 1px 1px 5px #000;/* background: #0000006e; */line-height: 1.5;padding: 7px 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 5;font-weight: normal;}
#morcmsM .products .product .image-hover{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff99;z-index:6;opacity:0;transition:opacity .25s;-webkit-transition:opacity .25s;display: none;}
#morcmsM .products .product:hover .image-hover{opacity:1;}
#morcmsM .products .product:hover .image-hover span{-webkit-animation-name: jello;animation-name: jello;}
#morcmsM .products .product .image-hover span{width:44px;height:44px;background:#3bb3c3;border-radius:100%;text-align:center;line-height:44px;position:absolute;left:50%;top:50%;    -webkit-transform-origin: center;transform-origin: center;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;margin-left:-22px;margin-top:-22px;}
#morcmsM .click-text{display:none;}
#morcmsM  #fullscreen{position:fixed;top: 0;left:0;z-index:1001;background: rgba(0,0,0,.75);width:100%;height: 100vh;visibility: hidden;opacity: 0;transition: all .5s cubic-bezier(0.42, 0, 0.53, 1.57);-webkit-transition: all .5s cubic-bezier(0.42, 0, 0.53, 1.57);}
#morcmsM  #fullscreen.fadeIn{opacity:1;visibility:visible;}
#morcmsM  #fullscreen-inner{margin:0 auto;overflow:hidden;transform: translateY(-50%) translateX(-50%);position: absolute;top: 200%;left: 50%;white-space:nowrap;transition: all .5s cubic-bezier(0.42, 0, 0.53, 1.57);-webkit-transition: all .5s cubic-bezier(0.42, 0, 0.53, 1.57);max-width: 94%;max-height: 94%;z-index: 2;}
#morcmsM  #fullscreen.fadeIn #fullscreen-inner{top: 50%;}
#morcmsM  #fullscreen-image{display:inline-block;text-align: center;white-space:nowrap;width: 100%;height: 100%;position: relative;left: 0;z-index: 1;transition: left .5s cubic-bezier(0.42, 0, 0.66, 1.4);-webkit-transition: left .5s cubic-bezier(0.42, 0, 0.66, 1.4);}
#morcmsM  #fullscreen-image:after{content:'';clear:both;display:block;}

#morcmsM  #fullscreen-image img{display:inline-block;vertical-align: middle;height: 100%;width: auto !important;border: none;margin: 0;}
#morcmsM  #fullscreen-inner img:nth-child(2){/* visibility:hidden; *//* opacity:0; *//* transition:all .3s linear; */}
#morcmsM  #fullscreen-inner .item{display:inline-block;position: relative;margin-right: -5px;}
#morcmsM  #fullscreen-inner .item span{position:absolute;width:100%;white-space: pre-wrap;bottom: 0;text-shadow: 1px 1px 3px #333;/* opacity:0; *//* transition:opacity .5s; *//* -webkit-transition:opacity .5s; */}
#morcmsM  #fullscreen-inner.visible2 .item span{opacity:1;}
#morcmsM  #fullscreen-inner.visible2 img:nth-child(2){visibility:visible;opacity:1;}
#morcmsM  #fullscreen-close{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#morcmsM  #fullscreen.fadeIn .btn{visibility:visible;opacity:1;transition-delay:1.5s;-webkit-transition-delay:1.5s;}
#morcmsM  #fullscreen .btn{position:absolute;color:#fff;margin-top: -42px;font-size: 88px;padding: 15px 15px 15px 10px;left: 0;top: 50%;background: #3bb3c3;cursor: pointer;z-index: 20;visibility: hidden;opacity: 0;transition:opacity .1s;-webkit-transition:opacity .1s;}
#morcmsM  #fullscreen .btn.btn-next{left:initial;right:0;/* margin-right: -64px; */padding: 15px 10px 15px 15px;}
#morcmsM  #fullscreen .btn:hover{background:#5cd0e0;box-shadow: none;}
#morcmsM  #fullscreen-close span{position: absolute;right: 25px;top: 120px;font-size: 55px;font-weight: normal;cursor: pointer;z-index: 20;}
#morcmsM .ListRelatedProducts{background: #3bb3c3;padding: 10px 20px;width: 597px;margin-left: 3px;margin-bottom: 10px;box-sizing: border-box;text-align: center;cursor: pointer;transition:all .3s;-webkit-transition:all .3s;}
#morcmsM .ListRelatedProducts .click-text{display:block;}
#morcmsM .ListRelatedProducts:hover{box-shadow:0 0 10px 3px #444}
#morcmsM .ListRelatedProducts.active{display:block;}


#morcmsM .m_context.instagram-entegration{height:100% !important;}
#morcmsM .instalink{width:100% !important;height: 100%;background: none !important;}
#morcmsM .instalink .instalink-feed-post{width: 190px;height: 180px;margin: 10px;}
#morcmsM .instalink .instalink-feed-post span{width: 100%;height: 100%;margin: 0;transform: none;top: 0;left: 0;position: relative;}
#morcmsM .instalink-feed-wrapper{background: none !important;}

#morcmsM [content-name="image"]:not(.no-border) .m_context > div {border: 5px solid gray;box-shadow: 0 0 10px 3px #888;box-sizing:border-box;width: 100%;height: 100%;overflow: hidden;}
#morcmsM [content-name="image"].morcms-border-style-1 .m_context > div{border: 8px solid #ffffff !important;margin: 10px;width: calc(100% - 10px) !important;height: calc(100% - 10px) !important;}
#morcmsM [content-name="image"] img,
#morcmsM [content-name="image"] .m_context > div,
#morcmsM .products .product,
#morcmsM .products .product .product-image{box-sizing: border-box;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}


#morcmsM .products .infoArea table tr td:nth-child(2):before,
#mPanel #RW_Content_contentDiv table tr td:nth-child(2):before{content:':';padding-right:5px;padding-left:10px;}


#morcmsM .manset > ul{width:100%;height:100%;}
#morcmsM .manset .bx-viewport,
#morcmsM .manset .bx-wrapper{width: 100% !important;height: 100% !important;}
#morcmsM .manset .bx-wrapper ul{max-height:100%}
#morcmsM .manset li{position:relative;z-index:1;height: 100%;overflow: hidden;}
#morcmsM .manset li img{position:absolute;min-width: 100%;left: 0 !important;top: 0 !important;}
#morcmsM .manset li .slogan{z-index: 60;position: absolute;display:inline-block;overflow: hidden;transition: all 2s;background: none;/* width: 100%; */font-weight:normal;box-sizing: border-box;}}
#morcmsM .manset li .slogan a{line-height:1.3;white-space: nowrap;text-decoration: none;}
#morcmsM .bx-controls {/* display:none */}
#morcmsM .manset li .slogan a{color:inherit;font-size:inherit;font-family:inherit;font-weight: inherit;display: block;text-align: center;box-sizing: border-box;white-space: pre-wrap;width: 100%;padding: 10px;}
#morcmsM .manset li .slogan.manset-style-header1,
#morcmsM .manset li .slogan.manset-style-header2,
#morcmsM .manset li .slogan.manset-style-header3,
#morcmsM .manset li .slogan.manset-style-header4,
#morcmsM .manset li .slogan.manset-style-header5,
#morcmsM .manset li .slogan.manset-style-header6,
#morcmsM .manset li .slogan.manset-style-header7{color:#fff;font-size: 25px;font-weight:normal;padding: 5px;letter-spacing: -0.5px;}
#morcmsM .manset li .slogan.manset-style-tip1,
#morcmsM .manset li .slogan.manset-style-tip2,
#morcmsM .manset li .slogan.manset-style-tip3,
#morcmsM .manset li .slogan.manset-style-tip4,
#morcmsM .manset li .slogan.manset-style-tip5{color:#fff;font-weight:normal;font-size: 18px;bottom: 0;}


#morcmsM .ebooks{width:100%;height:100%;border: 10px solid transparent;box-sizing: border-box;}
#morcmsM .ebooks .btn_ebook{width: 100%;/* padding:10px; */box-sizing:border-box;cursor:pointer;position: relative;display: inline-block;vertical-align: middle;/* margin: 15px; *//* background: #ebebeb; */}
#morcmsM .ebooks .btn_ebook img{max-width:100%;max-height:100%;box-sizing: border-box;border: 5px solid #bbb;box-shadow: 0 0 10px 3px #444;}
#morcmsM .ebooks .btn_ebook .title{display:block;text-align:center;visibility: hidden;opacity: 0;width: 170px;background-color: #3bb3c3;color: #fff;text-align: center;padding: 5px 0;border-radius: 6px;         /* Position the tooltip text - see examples below! */position: absolute;bottom: 0;z-index: 1;left: 50%;transform: translateX(-50%) translateY(-130%);-webkit-transform: translateX(-50%) translateY(20%);transition: opacity .3s;}
#morcmsM .ebooks .btn_ebook:hover .title {visibility: visible;opacity: 1;}
#morcmsM .ebooks .btn_ebook .title:after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent #3bb3c3 transparent;}

#morcmsM .wowbook-control-toc,
#morcmsM .wowbook-control-flipsound,
#morcmsM .wowbook-collapsed{display: none !important;}

#morcmsM .wowbook-horizontal.wowbook-thumbnails{background:#333333;}
#morcmsM .wowbook-button{z-index:10;}
#morcmsM .wowbook-input-page{color:#343434;}
#morcmsM .wowbook-lightbox{background:#333 !important;}
#morcmsM .wowbook-lightbox > .wowbook-close{background:#333 !important;}

#morcmsM.formsuz #product_tags{clear:both;padding-top:20px;}
#morcmsM #product_tags{display:none;}
#morcmsM #product_tags .m_content {overflow:visible;position: relative;}
#morcmsM #product_tags .m_content .item{display:inline-block;position: relative;margin: 25px;margin-left: 0;}
#morcmsM #product_tags .m_content .item a{width:200px;}
#morcmsM .morcms-text-style-1 a,
#morcmsM #product_tags .item a{color: #fff;background: #3bb3c3;position:relative;display:block;text-align:center;line-height: 2;text-decoration:none;top: 0;transition: all .1s linear;-webkit-transition: all .1s;box-shadow: 0 0 10px 3px #444;}
#morcmsM .morcms-text-style-1 a:before,
#morcmsM #product_tags .item a:before{z-index:-2;display:block;position: absolute;width:100%;height:100%;background: #3bb3c3;content:'';top:0;left:0;display: none;}
#morcmsM .morcms-text-style-1 a:after,
#morcmsM #product_tags .item a:after{width:90%;left:5%;}
#morcmsM .morcms-text-style-1 > div:after,
#morcmsM #product_tags .item:after{content:'';width:50%;height:0px;background:#444;display:block;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);box-shadow:0 0 15px 7px #444;transition: all .2s;-webkit-transition: all .2s;z-index: -1;display: none;}
#morcmsM .morcms-text-style-1 a:hover,
#morcmsM #product_tags .item a:hover{background: #5cd0e0;}
#morcmsM .morcms-text-style-1 > div:hover:after,
#morcmsM #product_tags .item:after{bottom:15px}
#morcmsM .instalink-content{z-index:99999;position:relative;}
#morcmsM div.instalink > a[target="_blank"]{display: none !important;visibility: hidden !important;}

#morcmsM section.imagesFullDir{position: relative;width: 100%;/* overflow:auto; */clear: none;padding: 0;}
#morcmsM .imagesFullDir .item{width: 160px;height: 160px;box-sizing: border-box;float:left;display: block !important;position: relative;border: 10px solid grey;pointer-events: none;}
#morcmsM .imagesFullDir .item:hover img{}
#morcmsM .imagesFullDir .item.dik{}
#morcmsM .imagesFullDir .item.yatay{/* width:400px; */}
#morcmsM .imagesFullDir .item.yatay img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
#morcmsM .imagesFullDir .item.dik img{height: 100%;width:auto;}
#morcmsM .imagesFullDir .item .icon-search{position:absolute;left:50%;top:50%;z-index:10;background:#000;color:#fff;padding:7px;border-radius:100%;border:2px solid #fff;font-weight:bold;margin: -18px;opacity: 0;transition: all .3s;cursor: pointer;display: none;}
#morcmsM .imagesFullDir img{width: 100%;transition:all .5s;cursor: pointer;border: 5px solid #bbb;box-shadow: 0 0 10px 3px #444;box-sizing: border-box;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
#morcmsM .imagesFullDir > img{display:none}
#morcmsM .imagesFullDir .item:hover img{border-width: 0;}
#morcmsM .imagesFullDir .item:hover .icon-search{opacity:1;}
#morcmsM .fancybox-inner .icon-search{display:none}
#morcmsM .mcms_content_container{position:relative;}
#morcmsM .m_content.morcms_video{padding:10px;box-sizing:border-box;}
#morcmsM .gmap_marker *{color: #000;padding: 10px 10px 0;}


#morcmsM .searchBox {position: absolute;bottom: 114px;right: 70px;z-index: 21;}
#morcmsM .txtSearch{background: #a3a4a6;color: #fff;border-radius: 6px;border: none;padding-left: 10px;height: 62px !important;box-sizing: border-box;width: 100%;outline: none;width: 100% !important;}

#morcmsM .btnSearch {position:absolute;right: 20px;top: 15px;color:white;}
#morcmsM .pnlSearchResult {position: absolute;right: 0;width: 450px;bottom: 64px;background: #a3a4a6;box-shadow: 0px -5px 5px 3px #404040;z-index: 0;border-radius: 6px;padding: 21px 15px 20px;box-sizing: border-box;font-size: 24px;text-align: left;max-height: 450px;/* max-height: calc(100vh - 200px); */visibility: hidden;}
#morcmsM .pnlSearchResult .close{position:absolute;right:10px;top:10px;font-size: 42px;z-index: 1;padding: 5px;background: #a3a4a6;}
#morcmsM .pnlSearchResult.show{visibility:visible;}
#morcmsM #morcms-loading.inline{position: absolute;background: #a3a4a6;bottom:0;top:initial;box-shadow: 0px -5px 5px 3px #404040;}
#morcmsM .pnlSearchResult .item a{text-decoration:none;}
#morcmsM .pnlSearchResult .item a:before{content:' - ';}
#morcmsM #morcms-springer{}
#morcmsM #morcms-springer .child:before{background:#3bb3c3;}
#morcmsM .pnlSearchResult .mcms_content_container{overflow-y: auto;width: 100%;max-height: 100%;margin: 0;max-height: 410px;}
#morcmsM .g-recaptcha{border-color:#fff;}
#morcmsM #btn-whatsapp{position: fixed;right: 20px;bottom: 20px;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: ease;z-index: 320;display: block;line-height: 1;transition: all .3s linear;}
#morcmsM #btn-whatsapp img{width: 76px;vertical-align: bottom;}
#morcmsM #btn-whatsapp:hover{animation-name: hover-1;}
@keyframes hover-1 {
        0%   { transform: scale(1); }
        50%  { transform: scale(1.25); }
        100% { transform: scale(1); }
    }