﻿@import url('https://fonts.googleapis.com/css?family=Roboto');
html, #morcms, #morcms h1, #morcms h2, #morcms h3, #morcms h4, #morcms h5, #morcms h6, #morcms a,#morcms  ul,#morcms li{margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}
#morcms article, #morcms aside, #morcms details, #morcms figcaption, #morcms figure, #morcms footer, #morcms header, #morcms hgroup, #morcms menu, #morcms nav, #morcms section { display: block; }
#morcms{ line-height: 1; }
#morcms ol, #morcms ul { list-style: none; }
#morcms blockquote, #morcms q { quotes: none; }
#morcms blockquote:before, #morcms blockquote:after, #morcms q:before, #morcms q:after { content: ''; content: none; }
#morcms table { border-collapse: collapse; border-spacing: 0; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none !important;}
#morcms p{margin:0;}
#morcms {width: 100%;min-height: 100vh;position: relative;-webkit-font-smoothing: antialiased;word-wrap: break-word;background: #808080;}
#mPanel .reContentArea{background-color:#a6a6a4;}
#morcms,#morcms input,#morcms textarea {font-size: 20px;font-family: Roboto,sans-serif;line-height: 1.5;color: #fff;}
#morcms a {outline: 0 none;color: inherit;}
#morcms #logo {text-decoration: none;position: relative;display: block;float: left;}
#morcms #logo img{display: block;}
#morcms #logo span{color:#85bf0a}
#morcms #logo .slogan{color: #fff;display: block;font-size: 16px;opacity: .6;position: absolute;bottom: -18px;left: 75px;letter-spacing: 1.4px;}
#morcms #container{width: 980px;margin: 0px auto;box-sizing: border-box;position: relative;}
#morcms .header-bar{background:#000;height:48px;line-height:48px;text-align:right;}
#morcms .wrapper{margin:0 auto;position: relative;}
#morcms .wrapper:after{content:'';clear:both;display:block;}
#morcms .social a{margin: 10px 10px;background: #ffffff;display:inline-block;color: #222 !important;width:24px;height:24px;text-align:center;border-radius:4px;line-height: 26px;opacity: .4;transition:all .5s;font-size: 14px;}
#morcms .social a i{line-height:24px}
#morcms .social a:hover{opacity:1;}
#morcms #container #header{width: 100%;position: relative;z-index: 49;margin-bottom: 7px;padding: 0px 0 0;/* background: url(/assets/images/GalataKulesi.png) no-repeat 778px top; */background-size: auto 117px;}
#morcms #container #header .slogan{position:absolute;font-size: 28px;font-weight: bold;color: #9d9e9e;}
#morcms #container #header .slogan._1{top: 18px;left: 240px;width: 700px;text-align: center;line-height: 1.4;}
#morcms #container #header .slogan._2{left: 524px;top: 50px;}
#morcms.en #container #header .slogan._1{width: 556px;}
#morcms.en #container #header .slogan._2{left: 454px;}
#morcms #content {width: 100%;min-height: calc(100vh - 265px);margin: 0 auto;box-sizing: border-box;clear: both;}
#morcms #content .wrapper{/* border: 10px solid #979797; *//* background: #fff; */}
#morcms.anasayfa #content .wrapper{border-top:none;}
#morcms.loadedPostList #content .wrapper{/*background:none;*/}
#morcms .page_title{position:relative;padding-left: 10px;padding-top: 10px;margin-bottom: 10px;}
#morcms h1,#morcms h2,#morcms h3,#morcms h4,#morcms h5,#morcms h6{font-weight: normal;}
#morcms h1,
#mPanel .reDropDownBody h1{font-size: 32px;line-height: 1.5;z-index: 10;padding-left: 0;}
#morcms h2,
#mPanel .reDropDownBody h2{font-size: 28px;line-height: 1.5;letter-spacing: 1px;}
#morcms h3,
#mPanel .reDropDownBody h3{font-size: 24px;font-size: 28px;}
#morcms h4,
#mPanel .reDropDownBody h4{font-size: 25px;line-height: 1.5;}
#morcms h5,
#mPanel .reDropDownBody h5{font-size: 14px;color: #ece22f;}
#morcms h5 em,
#mPanel .reDropDownBody h5 em{color:#cb221b;}
#morcms h6,
#mPanel .reDropDownBody h6{color: #ddd;font-size:14px;}
#morcms h6 strong,
#mPanel .reDropDownBody h6 strong{color: #f3e327;}
#morcms .m_title,#morcms .m_close{display:none;}
#morcms .m_manset li div{width:100%;height:100%;}
#morcms .m_manset img,
#morcms .m_manset .caption{width:50%;box-sizing: border-box;position: absolute;left: 50%;top: 0;}
#morcms .m_manset img {max-width: 100%;max-height: 100%;margin: 0 auto;box-sizing: border-box;display: block;transition: transform .5s;-webkit-transition: transform .5s;}
#morcms .m_manset .caption{position: absolute;bottom: 20px;left: 0;top: 50%;transform: translateY(-50%);font-weight:bold;z-index: 2;color: #444;line-height: 2;display: block;padding: 5px 20px;}
#morcms .m_manset li:hover:after{background:#fff;}
#morcms .m_manset li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2)}
#morcms .m_manset li:after{content:'';width:50%;position:absolute;display:block;top:0;left:0%;background: #a7a7a7;height: 100%;transition: background .3s;-webkit-transition: background .3s;}
#morcms #bxslider1 { width: 100%; height: 100%; }
#morcms .m_manset .slider-itembox{width:100%;display:block;}
#morcms .menu-wrapper {position: absolute;width: 610px;top: 100px;right: 0;background: #3bb3c3;height: 42px;text-align: right;padding: 0 45px 0 5px;box-shadow: 4px 4px 5px 3px #404040;padding-left: 35px;border-radius: 40px 0 0 40px;}
#morcms .menu-wrapper .search{height: 42px;width: 44px;overflow: hidden;position: absolute;right: 100%;margin-right: -45px;top: 0px;transition: all .3s linear;}
#morcms .menu-wrapper .search .txtSearch,
#morcms .menu-wrapper .pnlSearchResult{opacity:0;}
#morcms .menu-wrapper:after,
#morcms .menu-wrapper .search:after{content:'';display:block;position:absolute;left: 43px;top: 0;width: 20px;height: 42px;background: #3bb3c3;}
#morcms .menu-wrapper .search:hover{width:220px;background: #3bb3c3;box-shadow: 4px 4px 4px 3px #404040;border-radius: 40px 0 0 40px;overflow: visible;}
#morcms .menu-wrapper .search:hover .txtSearch,
#morcms .menu-wrapper .search:hover .pnlSearchResult{opacity:1;transition:opacity .3s;transition-delay:.3s}
#morcms .menu-wrapper .pnlSearchResult {position: absolute;left: 20px;width: 350px;top: 42px;background: #3bb3c3;box-shadow: 4px 4px 5px 3px #404040;z-index: 0;padding: 21px 15px 20px;box-sizing: border-box;font-size: 14px;text-align: left;max-height: 330px;border-radius: 0 0 30px 30px;visibility: hidden;}
#morcms .menu-wrapper .pnlSearchResult.show{visibility:visible;}
#morcms .menu-wrapper .pnlSearchResult .mcms_content_container{overflow-y: auto;width: 100%;height: 280px;}
#morcms .menu-wrapper .search:after{width: 350px;height: 3px;top: 39px;left: 20px;background: #3bb3c3;z-index: 6;}
#morcms .search span{line-height: 22px;vertical-align: top;}
#morcms .search input{height: 28px;width: 150px;background: transparent;border: none;border-bottom: 1px solid #fff;font-size: 14px;font-weight: normal;letter-spacing: .5px;position: absolute;right: 50px;top: 5px;outline: none;color: #fff;z-index: 5;} 
#morcms .search i{position: absolute;right: 5px;top: 5px;font-size: 19px;background: #fff;color: #666 !important;width: 35px;height: 32px;border-radius: 100%;line-height: 32px;text-align: center;z-index: 5;}  

#morcms #menu:before{content:"";display:block;width: 100%;height: 5px;position:absolute;top: -5px;/* background: #808080; */left: -70px;}
#morcms #menu:after{display:block;width: 107px;height: 99px;content:'';position:absolute;right: -60px;top: -28px;background: url(../images/bg-kahve.png) no-repeat center;background-size: contain;}
#morcms #menu ul.step1 { }
#morcms #menu li.step1 {display: inline-block;position: relative;margin: 0 -2px;}
#morcms #menu a.step1 {padding: 0px 10px;display: block;line-height: 32px;text-transform: uppercase;}
#morcms #menu li.step1:hover ul.step2 {visibility: visible;opacity: 1;transform: translateY(0px);}
#morcms #menu a:hover{/* color: gray */background: #5cd0e0;}
#morcms #menu a:hover:after{height: 30px;/* visibility: visible; */opacity: 1;}
#morcms #menu ul.step2 { top: 100%; left: 0; }
#morcms #menu ul.step2, #morcms #menu ul.step3 {position: absolute;min-width: 120px;text-align: left;margin: 0px 0 0 -3px;padding: 3px;background: #3bb3c3;visibility: hidden;opacity: 0;transform: translateY(60px);transition: all .3s;box-shadow: -1px 4px 5px 3px #404040;}
#morcms #menu ul.step2:before, #morcms #menu ul.step3:before {content:'';display:block;width:100%;height:5px;background:#3bb3c3;position:absolute;left:0;top:-5px;}
#morcms #menu li.step2 {position: relative;padding: 0 5px;}
#morcms #menu a.step2, #morcms #menu a.step3 {margin-right: 10px;padding: 5px 10px;}
#morcms #menu li.step2:hover ul.step3 {visibility: visible;opacity: 1;transform: none;}
#morcms #menu ul.step3 {transform: translateX(60px);left: 100%;top: 0;margin-top: -10px;}
#morcms #menu li.step3 { }
#morcms #menu a.step3 { }
#morcms #menu a {font-size: 12px;display: block;padding: 0 10px;transition: all .3s;border-radius: 4px;cursor: pointer !important;white-space: nowrap;text-decoration: none;color: #fff;position:relative;z-index: 1;}
#morcms #menu a.step1:after{bottom:7px;}
#morcms #menu a:after {content:'';display:block;width: 100%;height: 0px;background: white;position:absolute;top: 50%;border-radius: 3px;transform: translateY(-50%);transform: translateY(-50%);left: 0;transition: all .3s linear;-webkit-transition: all .3s linear;z-index: -1;visibility: hidden;opacity: 0;}
#morcms .menu2 { float: left; z-index: 101; margin-top: 180px; margin-left: 20px; position: relative; }
#morcms #menu li {padding: 5px 5px;}
#morcms .bx-wrapper,
#morcms .bx-viewport, 
#morcms .bx-viewport ul, 
#morcms .bx-viewport li {height: 100% !important;width: 100% !important;padding: 0 !important;max-width: initial !important;}
#morcms .bx-viewport li .caption{text-align:center;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
/* PAGER */
#morcms .bx-wrapper .bx-pager {position:absolute;bottom: 0px;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;}

#morcms .bx-wrapper .bx-pager .bx-pager-item,
#morcms .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}

#morcms .bx-wrapper .bx-pager a {background: transparent;border: 1px solid #fff;text-indent: 9999px;display: block;width: 10px;height: 10px;margin: 0px 5px;outline: 0;border-radius: 15px;}

#morcms .bx-wrapper .bx-pager a:hover,
#morcms .bx-wrapper .bx-pager a.active {background: #fff;}
#morcms .bx-wrapper .bx-controls-direction{/* position:absolute; *//* top:0; */}
#morcms .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;}
#morcms .bx-wrapper .bx-controls-direction a.disabled {display: none;}
#morcms .form{padding:10px;}
#morcms .form .controls{}
#morcms .form .controls .placeholder{top: -7px;left: 10px;}
    #morcms .form input[type="text"],
    #morcms .form textarea {border: 1px solid #bbbbbb;color: inherit;font-size: 13px;}
        #morcms .form input[type="text"]._2 { width: 49%; margin-right: -4px; display: inline-block; }
        #morcms .form input[type="text"]._3 { transform: translateX(4%); }
    #morcms .form textarea {}
        #morcms .form input[type="text"]:focus,
        #morcms .form textarea:focus {}
    #morcms .form input[type="submit"] {background: #bbb !important;font-size: 18px;border: 1px solid #bbb !important;transition: all .5s;color: #fff;}
        #morcms .form input[type="submit"]:hover {}
#morcms #footer {font-size: 12px;box-sizing: border-box;/* width: 320px; */clear: both;padding: 10px 0 10px;margin-top: 60px;}
#morcms #footer,
#morcms #footer a {text-decoration: none;}
#morcms #footer #logo{float: none;margin: 0 auto 20px;}
#morcms .gsc-control-cse{background:none;border: none;padding: 0;width: 100%;}
#morcms .gsc-search-box-tools .gsc-search-box .gsc-input{background: none !important;}
#morcms input.gsc-search-button{width: 13px;padding: 9px 10px;height: 13px;box-sizing: content-box;border: none;border-radius: 0;position: absolute;top: -2px;right: 0px;background: #000;}
#morcms .copyright{display:block;text-align: center;}
#morcms #footer .wrapper{width:100%;}
#morcms #footer .wrapper .social{margin-top: -24px;background: #fff;width: 200px;margin: -24px auto 0;}
#morcms #footer a:hover {text-decoration: underline;color: inherit;}
#morcms #footer .social-media{display: inline-block;margin-left: 10px;position: relative;top: 6px;}
#morcms #footer .social-media a{font-size: 30px !important;background:none;margin-right: 2px;}
#morcms #header .social-media{margin: 20px 30px 10px;position: absolute;bottom: 20px;}
    #morcms .social-media h3{color:#fff;text-shadow: 1px 1px 1px #92278f;}
    #morcms .social-media a,
    #morcms .ln a{color: #fff;font-size: 18px;text-decoration: none;}
    #morcms .social-media a i:before{color: inherit;}
        #morcms .social-media a:hover {color: #92278F !important;}
#morcms .ln{position: absolute;right: -51px;top: 65px;width: 100px;text-align: center;color: #fff;}
#morcms .ln a img{margin-top: 6px;margin-left: 6px;position:relative;display: block;width: 32px;}
section.content {height: 100%;}
div#content {height: 50%;/* overflow: auto; */position: relative;}
#morcms [content-name="header"] .m_context{}
#morcms ::-webkit-input-placeholder{color:#fff !important;}
#morcms ::-moz-placeholder{color:#fff !important;}
#morcms ::-ms-input-placeholder{color:#fff !important;}
#morcms ::placeholder-shown{color: #fff !important;}
#morcms .m_content ul,
#mPanel .reContentArea ul,
#morcms .m_content ol,
#mPanel .reContentArea ol{padding-left:20px;counter-reset: item}
#morcms .m_content ul li,
#mPanel .reContentArea ul li{list-style:disc;display: block;position: relative;}
#morcms .m_content ul li:before,
#mPanel .reContentArea ul li:before{content:'';width: 8px;height: 8px;background: #222;border-radius: 100%;display: block;position: absolute;left: -15px;top: 7px;}
#morcms .m_content ol li,
#mPanel .reContentArea ol li{display:list-item;list-style-type: none;}
#morcms .m_content ol li:before,
#mPanel .reContentArea ol li:before {content: counter(item) ". ";counter-increment: item;font-weight: bold;}



#morcms .fancybox-overlay.fancybox-overlay-fixed{/* background:transparent */}
#morcms .morcms-custom-bg1 .m_context{background:#ebebeb;}

#morcms .whosmenu {overflow: visible;background: #fff;}
#morcms .whosmenu:before{display:block;width:64px;height:64px;content:'';position:absolute;right: -30px;top: -30px;background: url(/assets/images/favicon.png) no-repeat center #fff;border-radius: 100%;}
#morcms .whosmenu ul{padding: 10px;margin-top: 10px;}
#morcms .m_content.whosmenu li.step_parent,
#morcms .m_content.whosmenu li.step_parent a{display:block;color:#ce231b;font-weight:bold;}
#morcms .m_content.whosmenu li{display: block;}
#morcms .m_content.whosmenu li a{text-decoration:none;font-size: 12px;text-transform: uppercase;color: #000;}
#morcms .m_content.whosmenu li a:hover{color:#ce231b;}
#morcms .m_content.whosmenu li:before{display:none;}
#morcms .gmap_marker{color: #222222;}

#morcms .mcms_content_container{position:relative;}
#morcms .morcms-video{overflow:hidden;padding: 10px;} 
#morcms .morcms-video iframe{position:relative;/* left: -5px; *//* top: 1px; *//* border: 1px solid red; */}
#morcms .morcms-video .thumbnail{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;visibility:visible;transition:all .3s;-webkit-transition:all .3s;}
#morcms .morcms-video .thumbnail img{object-fit: cover;width:100%;height:100%;}
#morcms .morcms-video .thumbnail i{position:absolute;left:50%;top:50%;border-radius:100%;border: 7px solid black;color: #000;width: 120px;height: 120px;text-align:center;line-height: 108px;padding-left: 13px;box-sizing:border-box;cursor: pointer;transform: translate3d(-50%,-50%,0);font-size: 72px;}
#morcms .morcms-video:hover .thumbnail,
#morcms .morcms-video.playing .thumbnail,
#morcms .morcms_video.playing .thumbnail{opacity:0;visibility:hidden}

#morcms .manset ul{min-height: 100%;}
#morcms .manset li{overflow:hidden;position:relative;z-index: 11;width: 100%;min-height: 100% !important;height: 100%;}
#morcms .manset li img{/* width:100%; *//* height:auto; */position: absolute;transition: all 6s linear;-webkit-transition: all 6s linear;transform:scale(1);}
#morcms .manset li img[width="0"]{width:initial!important}
#morcms .manset li img[height="0"]{height:initial!important}
#morcms .manset li .slogan{z-index:10;position: absolute;display:inline-block;padding:10px;/* background: rgba(0, 0, 0, 0.49); */overflow: hidden;/* visibility: hidden; */opacity: 0;transition: opacity 1s;-webkit-transition: opacity 1s;transition-delay: 4s;-webkit-transition-delay: 4s;}
#morcms .manset li .slogan a{font-size: 54px;line-height:1.3;color: #ffffff;font-weight:bold;/* white-space: nowrap; */text-decoration: none;}
#morcms .manset li.active .slogan{opacity:1;visibility:visible;transition-delay: 1s;-webkit-transition-delay: 1s;}
#morcms .manset li.active img{transform: scale(1.1);}

#morcms .manset li .slogan a{color:inherit;font-size:inherit;font-family:inherit;font-weight: inherit;}
#morcms .manset li .slogan.manset-style-header1{color: #fff;font-size:35px;font-weight:normal;background: transparent;}
#morcms .manset li .slogan.manset-style-header2{color: #666;font-size:35px;font-weight: normal;line-height: 1.5;background: #ffffff8f;}
#morcms .manset li .slogan.manset-style-header3{color:#800000;font-size:35px;font-weight: normal;background: none;}
#morcms .manset li .slogan.manset-style-header4{color:#000000;font-size:35px;font-weight:normal;background:none}
#morcms .manset li .slogan.manset-style-header5{color:#3bb3c3;font-size:35px;font-weight:normal;background:none}
#morcms .manset li .slogan.manset-style-header6{color:#ffffff;font-size:35px;font-weight:normal;background:#0000008f;}
#morcms .manset li .slogan.manset-style-header7{color:#000;font-size:35px;font-weight:normal;background: #ffffff8f;}
#morcms .manset li .slogan.manset-style-tip1{color:#ffffff;background: none;font-weight:normal;}
#morcms .manset li .slogan.manset-style-tip2{color:#3bb3c3;background: none;font-weight:normal;}
#morcms .manset li .slogan.manset-style-tip3{color:#666;background: none;font-weight:normal;}
#morcms .manset li .slogan.manset-style-tip4{color:#000;background: none;background:none;font-weight:normal;}
#morcms .manset li .slogan.manset-style-tip5{color:#800000;background: none;background:none;font-weight:normal;}

#morcms [content-name="seperator"]{/* background: #ffffff; */}

#morcms section.imagesFullDir{position: relative;width: 100%;/* overflow:auto; */clear: none;padding: 0;}
#morcms .imagesFullDir .item{width: 160px;height: 160px;box-sizing: border-box;float:left;display: block !important;position: relative;border: 10px solid grey;pointer-events: none;}
#morcms .imagesFullDir .item:hover img{}
#morcms .imagesFullDir .item.dik{}
#morcms .imagesFullDir .item.yatay{/* width:400px; */}
#morcms .imagesFullDir .item.yatay img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
#morcms .imagesFullDir .item.dik img{height: 100%;width:auto;}
#morcms .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;}
#morcms .imagesFullDir img{/* min-width:200px; *//* min-height:200px; */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;}
#morcms .imagesFullDir > img{display:none}
#morcms .imagesFullDir .item:hover img{border-width: 0;}
#morcms .imagesFullDir .item:hover .icon-search{opacity:1;}
#morcms .fancybox-inner .icon-search{display:none}
#morcms .relative{position:relative !important;}
#morcms .AltMenu { float: left; height: 40px; display: block; width: 980px; background-color: #666666;}
#morcms .AltMenu ul { padding-top: 11px; margin-left: 4px; width:980px;}
#morcms .AltMenu ul li { float: left; padding-right: 18px !important; padding-left: 18px !important; border-right: 2px solid #BEBEBE;}
#morcms .AltMenu ul li:last-child { border: none !important; }
#morcms .AltMenu a {color: White;font-size: 14px;text-decoration: none;}
body#morcms #morcms-loading,body#morcms  #morcms-loading-text{background: #808080;z-index: 48;}
body#morcms #morcms-springer .child:before{background: #3bb3c3;}

#morcms [content-name="image"]:not(.no-border) .m_context > div {border: 5px solid #bbb;box-shadow: 0 0 10px 3px #444;box-sizing:border-box;width: 100%;height: 100%;overflow: hidden;}
#morcms [content-name="image"].morcms-border-style-1 .m_context > div{border: 8px solid #ffffff !important;}
#morcms [content-name="image"] img,
#morcms [content-name="image"] .m_context > div,
#morcms .products .product,
#morcms .products .product .product-image{box-sizing: border-box;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
#morcms [content-name="image"] a{display:block;box-sizing:border-box;position:relative;width: 100%;height: 100%;}
#morcms [content-name="image"]:not(.no-animation) .m_context:hover > div,
#morcms .products .product:hover{border-width: 0 !important;}
#morcms [content-name="image"]:not(.no-animation) a:hover img,
#morcms .products .product:hover .product-image{transform:scale(1.5);-webkit-transform:scale(1.5);}
#morcms [content-name="image"] span.title{position: absolute;top: 50%;left: 0;text-align: center;transition:opacity .3s;-webkit-transition:opacity .3s;display: block;width: 100%;font-size: 30px;margin-top: -10px;text-shadow: 1px 1px 5px #000;color: #fff;}
#morcms [content-name="image"] a:hover span.title,
#morcms .products .product:hover h2{opacity:0;}
#morcms .products .product{width: 280px;height: 280px;float:left;margin: 0 36px 46px 10px;position: relative;overflow: hidden;border: 8px solid #Bbb;box-shadow: 0 0 10px 3px #444}
#morcms .products .product .product-image{width: 100%;height: 100%;object-fit: cover;display: block;object-position:  center;box-sizing: border-box;top: 0;}
#morcms .products .product .product-name{position: absolute;top: 50%;left: 0px;text-align: center;display: block;width: 260px;font-size: 30px;text-shadow: 1px 1px 5px #000;transition:opacity .3s;-webkit-transition:opacity .3s;line-height: 1.3;padding: 7px 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 5;color: #fff;}
#morcms .image-hover{display: none;}
#morcms .products .product:hover .image-hover,
#morcms .wrapper-image-hover:hover .image-hover{opacity:1;}
#morcms .products .product:hover .image-hover span,
#morcms .wrapper-image-hover:hover .image-hover span{-webkit-animation-name: jello;animation-name: jello;}
#morcms .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;}
#morcms img.morcms-image-fit, #morcmsM img.morcms-image-fit{object-fit: cover;}
#morcms .products{padding: 0px 0;}
#morcms .product-details{padding: 20px 10px 0;}
#morcms .breadcrumbs{display:block;padding-bottom:15px;}
#morcms .breadcrumbs span.item{display: none;padding-right: 8px;text-decoration:none;vertical-align: bottom;}
#morcms .breadcrumbs .item._0,
#morcms .breadcrumbs .ListCategories{display:inline-block;}
#morcms .breadcrumbs .item a{text-decoration:none;font-size: 14px;vertical-align: bottom;display: block;line-height: 20px;}
#morcms .breadcrumbs > .item._0 a:after{content: '';width: 5px;height: 10px;display: inline-block;margin-left: 6px;position: relative;top: 1px;font-size: 18px;background: url(../images/breadcrumb.png) no-repeat bottom center;background-size: contain;}
#morcms .breadcrumbs .item:last-child a:after{display:none;}
#morcms .products .urunGorseli{float:left;width: 425px;height: 425px;margin-right: 25px;position: relative;}
#morcms .products .urunGorseli #image{width:100%;height:100%;cursor: pointer;border: 8px solid #bbb;box-sizing: border-box;box-shadow: 0 0 10px 3px #444;}
#morcms .products .urunGorseli #image img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
#morcms .products .urunGorseli .click-text{position:absolute;bottom: 0;width:100%;box-sizing: border-box;border: 8px solid #bbbbbb;border-top: none;text-align: center;background: #ffffff91;font-size: 14px;padding: 5px;cursor: pointer;}
#morcms .products .urunGorseli #fullscreen{position:fixed;top: 0;left:0;z-index:101;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);}
#morcms .products .urunGorseli #fullscreen.fadeIn{opacity:1;visibility:visible;}
#morcms .products .urunGorseli #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;}
#morcms .products .urunGorseli #fullscreen.fadeIn #fullscreen-inner{top: 50%;}
#morcms .products .urunGorseli #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);}
#morcms .products .urunGorseli #fullscreen-image:after{content:'';clear:both;display:block;}

#morcms .products .urunGorseli #fullscreen-image img{display:inline-block;vertical-align: middle;height: 100%;width: auto !important;/* max-width: 80%; */}
#morcms .products .urunGorseli #fullscreen-inner img:nth-child(2){/* visibility:hidden; *//* opacity:0; *//* transition:all .3s linear; */}
#morcms .products .urunGorseli #fullscreen-inner .item{display:inline-block;position: relative;margin-right: -5px;}
#morcms .products .urunGorseli #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; */}
#morcms .products .urunGorseli #fullscreen-inner.visible2 .item span{opacity:1;}
#morcms .products .urunGorseli #fullscreen-inner.visible2 img:nth-child(2){visibility:visible;opacity:1;}
#morcms .products .urunGorseli #fullscreen-close{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
#morcms .products .urunGorseli #fullscreen.fadeIn .btn{visibility:visible;opacity:1;transition-delay:1.5s;-webkit-transition-delay:1.5s;}
#morcms .products .urunGorseli #fullscreen .btn{position:absolute;color:#fff;margin-top: -42px;font-size:64px;left: 0;/* margin-left: -62px; */top: 50%;background: #3bb3c3;cursor: pointer;z-index: 20;visibility: hidden;opacity: 0;transition:opacity .1s;-webkit-transition:opacity .1s;}
#morcms .products .urunGorseli #fullscreen .btn.btn-next{left:initial;right:0;/* margin-right: -64px; */}
#morcms .products .urunGorseli #fullscreen .btn:hover{background:#5cd0e0;box-shadow: none;}
#morcms .products .urunGorseli #fullscreen-close span{position: absolute;right: 25px;top: 20px;font-size: 55px;font-weight: normal;cursor: pointer;z-index: 20;}
#morcms .products .urunIsmi{font-size: 14px;position:relative;margin-bottom: 10px;margin-left: -2px;}
#morcms.formsuz  .urunIsmi{float:right;width:512px;margin-bottom:0;}
#morcms .products .urunIsmi h1{line-height:1.5;margin-top:-10px;}
#morcms .products .urunIsmi .add-to-shopingBox.btn{position:absolute;bottom:0;background: url(../images/sepet.jpg);width: 300px;height: 43px;padding: 0;overflow: hidden;text-indent: -500px;display: block;left: 65px;border: none;}
#morcms .products .infoArea{clear:both;padding: 20px 0;}
#morcms .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;}
#morcms .products .talep-form{position: relative;float: left;width: 425px;height: 355px;}
#morcms .products .talep-form h1{padding-left:10px;}
#morcms .products .form{padding:10px 0}
#morcms.formsuz .products .talep-form{display:none;}
#morcms.formsuz .products .infoArea{width: 505px;float: left;clear: none;padding: 0;}
#morcms.formsuz .products .infoArea h1{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); }}
#morcms .wrapper-inner-content-image-hover-cercle,#morcms .fullscreen-inner-button{background:#3bb3c3;}
#morcms .ebooks{width:100%;height:100%;border: 10px solid transparent;box-sizing: border-box;}
#morcms .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; */}
#morcms .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;}
#morcms .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;}
#morcms .ebooks .btn_ebook:hover .title {visibility: visible;opacity: 1;}
#morcms .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;}

#morcms .wowbook-control-toc,
#morcms .wowbook-control-flipsound,
#morcms .wowbook-collapsed{display: none !important;}

#morcms .wowbook-horizontal.wowbook-thumbnails{background:#333333;}
#morcms .wowbook-button{z-index:10;}
#morcms .wowbook-input-page{color:#343434;}
#morcms .wowbook-lightbox{background:#333 !important;}
#morcms .wowbook-lightbox > .wowbook-close{background:#333 !important;}
#morcms.formsuz #product_tags{clear:both;padding-top:20px;}
#morcms #product_tags{display:none;}
#morcms #product_tags .m_content {overflow:visible;position: relative;}
#morcms #product_tags .m_content .item{display:inline-block;margin-right:25px;position: relative;margin-top: 25px;margin-bottom: 25px;}
#morcms #product_tags .m_content .item a{width:200px;}
#morcms .morcms-text-style-1 a,
#morcms #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;}
#morcms .morcms-text-style-1 a:before,
#morcms #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;}
#morcms .morcms-text-style-1 a:after,
#morcms #product_tags .item a:after{width:90%;left:5%;}
#morcms .morcms-text-style-1 > div:after,
#morcms #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;}
#morcms .morcms-text-style-1 a:hover,
#morcms #product_tags .item a:hover{background: #5cd0e0;}
#morcms .morcms-text-style-1 > div:hover:after,
#morcms #product_tags .item:after{bottom:15px}
#morcms .instalink-content{z-index:99999;position:relative;}
#morcms div.instalink > a[target="_blank"]{display: none !important;visibility: hidden !important;}
#morcms i.fa{color:#fff;}

#morcms .ListRelatedProducts{background: #3bb3c3;padding: 10px 20px;margin-right: 85px;width: 415px;box-sizing: border-box;text-align: center;/* display:none; */position: absolute;right: 10px;top: 491px;cursor: pointer;transition:all .3s;-webkit-transition:all .3s;}
#morcms .ListRelatedProducts:hover{box-shadow:0 0 10px 3px #444}
#morcms .ListRelatedProducts.active{display:block;}
#morcms .g-recaptcha{border-color:#fff;}
#morcms #btn-whatsapp{position: fixed;margin-left: 463px;left: 50%;bottom: 10px;animation-duration: 2s;animation-iteration-count: infinite;animation-timing-function: ease;z-index: 320;display: block;line-height: 1;transition: all .3s linear;}
#morcms #btn-whatsapp img{width: 54px;vertical-align: bottom;}
#morcms #btn-whatsapp:hover{animation-name: hover-1;}
@keyframes hover-1 {
        0%   { transform: scale(1); }
        50%  { transform: scale(1.25); }
        100% { transform: scale(1); }
    }