@charset "utf-8";
/* (c) Mehmet Emre Serdaroglu 20.05.2020 */

*, *::before, *::after {box-sizing: border-box;}
html{scroll-behavior: smooth;}
body{-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;background:url(../images/bg.jpg) center center repeat;}

a,article,aside,label,nav,pre,span{border: 0; margin: 0; padding: 0;}
a, a:hover {text-decoration:none;}
a img{border: 0; outline: none;}
h1 {margin:0; font-size: 17px;}
h2, h3, h4, h5, h6, article {margin: 0 0 15px 0;}
figure {margin: 0;}
p{margin: 10px 0 15px 0;}
img{vertical-align: middle;}

blockquote{margin:20px 0; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:1.5em; quotes: "\201C""\201D""\2018""\2019";}
blockquote:before{color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em;}
blockquote p{font-family:inherit; font-style:inherit; line-height:inherit; font-size:inherit;}
blockquote cite{font-size:.9em; text-transform: capitalize; margin: 0;}
blockquote cite:before{content: "-- "}

small{font-size: .9em;}

table {border-collapse: collapse; border-spacing: 0;}
thead th {background: #F1F2F4; border-bottom: 1px solid #ccc;}
th, td {border:1px solid #dad8d8;}
tbody tr:nth-child(odd) td, tbody tr.even td {background:#efefef;}
summary{font-size: 11px; padding: 3px 5px; border-radius: 2px;width: fit-content;}
iframe{max-width:100%;}

input, textarea, select{width: 100%; padding: 10px; margin:5px 0; box-sizing: border-box; border: 1px solid #bbb; border-radius: 3px; outline: none;}
input.xl{height: 60px; padding: 1.25rem;}
input[type=securityCode] {background-color:#f1f3ff; background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}
input[type=securityCode].contact-form-code {background-image: url('/includes/ajax/?Operation=securityCode&Page=ContactForm')}
input[type=securityCode].appointment-form-code {background-image: url('/includes/ajax/?Operation=securityCode&Page=AppointmentForm')}
input[type=securityCode].order-form-code {background-image: url('/includes/ajax/?Operation=securityCode&Page=OrderForm')}
input[type=securityCode].multi-order-form-code {background-image: url('/includes/ajax/?Operation=securityCode&Page=MultiOrderForm')}
input[type=securityCode].panel-form-code {background-image: url('/includes/ajax/?Operation=securityCode&Page=EditorPanel')}
input[type=securityCode].comment-form-code {background-image: url('/includes/ajax/?Operation=securityCode&Page=CommentForm')}
input[type=securityCode].question-form-code {background-image: url('/includes/ajax/?Operation=securityCode&Page=QuestionForm')}
input[type=securityCode].send-image-form-code {background-image: url('/includes/ajax/?Operation=securityCode&Page=SendImageForm')}
input[type=securityCode].send-file-form-code {background-image: url('/includes/ajax/?Operation=securityCode&Page=SendFileForm')}

input[type="checkbox" i], input[type="radio" i] {width: unset;}
button{border:none; cursor:pointer; padding:15px; border-radius: 2px; margin:5px 0;}

hidden{display:none;}

/* loading page */
.loading-container {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;display: flex;justify-content: center;align-items: center;background: #f4f4f4;z-index: 9999999;}
.loading-logo {max-width: 150px;max-height: 150px;position: relative;z-index: 2;filter: grayscale(100%);transition: filter 2s ease;}

.container-90{margin-left: 5%; margin-right: 5%; width: 90%;}
.container-fluid{width: 100%;}
.container-xxxl{max-width: 1500px;}
.container-xxl{max-width: 1320px;}
.container-xl{max-width: 1140px;}
.container-lg{max-width: 960px;}
.container-md{max-width: 720px;}
.container-sm{max-width: 540px;}
.container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm{margin:0 auto;}



.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;display:none;}
.clearfix:after{clear:both;}

#wk_container_full{width: auto;}
.wk_container{padding: 0; margin: 0 auto; width: auto;}
.wk_content{overflow:hidden; position: relative;z-index:8}
.wrap {display: block; padding: 0; border: 0; position: relative;}
.wk-head {width: 100%; margin: 0 auto;}

/* col */
.row{display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 40px; width:100%;}
.row .col-1{grid-column: span 1;}
.row .col-2{grid-column: span 2;}
.row .col-3{grid-column: span 3;}
.row .col-4{grid-column: span 4;}
.row .col-5{grid-column: span 5;}
.row .col-6{grid-column: span 6;}
.row .col-7{grid-column: span 7;}
.row .col-8{grid-column: span 8;}
.row .col-9{grid-column: span 9;}
.row .col-10{grid-column: span 10;}
.row .col-11{grid-column: span 11;}
.row .col-12{grid-column: span 12;}
.row .col-1, .row .col-2, .row .col-3, .row .col-4, .row .col-5, .row .col-6, .row .col-7, .row .col-8, .row .col-9, .row .col-10, .row .col-11, .row .col-12{position:relative}

/* row col */
.row-col{display: grid;grid-gap: 20px;}
ul.row-col, ul.row-col li{list-style-type: none; margin: 0;padding: 0;}
.row-col-1 {grid-template-columns: repeat(1, 1fr);}
.row-col-2 {grid-template-columns: repeat(2, 1fr);}
.row-col-3 {grid-template-columns: repeat(3, 1fr);}
.row-col-4 {grid-template-columns: repeat(4, 1fr);}
.row-col-5 {grid-template-columns: repeat(5, 1fr);}
.row-col-6 {grid-template-columns: repeat(6, 1fr);}
.row-col-7 {grid-template-columns: repeat(7, 1fr);}
.row-col-8 {grid-template-columns: repeat(8, 1fr);}
.row-col-9 {grid-template-columns: repeat(9, 1fr);}
.row-col-10 {grid-template-columns: repeat(10, 1fr);}
.row-col-11 {grid-template-columns: repeat(11, 1fr);}
.row-col-12 {grid-template-columns: repeat(12, 1fr);}

.row-col-first-big :first-child{grid-column: 1/span 2;grid-row: 1/span 2;align-self: center;height:100%;}





/* Hammer */


  header {

    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr minmax(auto, 150px) 1fr;
    align-items: center;
    padding: 10px 0;
	color: #b8b8b8;

    position: absolute;
    z-index: 2;
    width: 100%;
    padding: 24px 5%;

  }

  header, header a {
	color: #b8b8b8
  }

  header .header-left {
    justify-self: start;
  }

  header .header-center {
    text-align: center;
  }

  header .header-center img {
    max-width: 100%;
    height: auto;
  }

  header .header-right {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 15px;
  }

  header .header-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
  }

  header .header-menu ul li a {
    text-decoration: none;
    color: #333;
  }


header .header-search-form {
  position: relative;
  display: inline-block;
}

header .header-search-form input {
  background: #050606;
  border: 1px solid #747475;
  border-radius: 999px;
  color: #fff;
  padding: 8px 35px 8px 12px;
  outline: none;
}

header .header-search-form input::placeholder {
  color: rgba(255,255,255,0.7);
}

header .header-search-form button {
  position: absolute;
  height:100%;
  padding:3px;
  margin:0;
  right: 15px;

  background: none;
  border: none;
  color: #747475;
  font-size: 16px;
  cursor: pointer;
  
}

header .header-search-form button:hover {
background:transparent;
  
}



  header .header-lang-select {
  position:relative
  }

  header .header-extra-menu {
    cursor: pointer;
    font-size: 20px;
  }

  header #extra-menu-div {
  position: fixed;
  display:none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #050606;
  color: white;
  z-index: 9999;
  }

  header #extra-menu-div .extra-menu-close-button {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 32px;
  cursor: pointer;
  }
 
  header #extra-menu-div a {
  color: white;
  font-size: 24px;
  text-decoration: none;
  margin: 15px 0;
  }


  header #extra-menu-div .extra-menu-list {
display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    box-sizing: border-box;
    padding: 50px;
	justify-content: space-evenly;
  }
  header #extra-menu-div .extra-menu-list ul {
margin:0;padding:0
  }
  header #extra-menu-div .extra-menu-list ul li {
margin:0;padding:0;list-style-type: none;
  }


  .wk-top .header-title-area {
    width: 100%;
    position: absolute;
    top: 100px;
    height: calc(100% - 100px);

  }

  .wk-top .header-title {
	  width:100%;
	  height: 100%;



  }

  .wk-top .header-title h1{
	  
font-size: 2vw;
line-height: 90%;
font-weight: 700; color: #fff; margin-bottom: 0;position:relative;overflow: visible;}


  .wk-top .header-title h1::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    width: 90px;
    height: 4px;
    background: #ff0000;
    transform: translateY(-100%);
    border-radius: 10px;}



  
  header .header-title .title, header .header-title .image{
	  display: flex;
    justify-content: center;
	
	
    flex-direction: column;
  }

  



































/* Sticky Menu */
.header .logo img, .header .logo span{transition: all 0.8s;}
.sticky-wrapper {display:table; width:100%;}
.is-sticky li a{font-size:13px;}
.is-sticky span.LogoText{font-size:20px !important;}

.is-sticky .logo img, .is-sticky .logo span{max-height:35px !important;width: auto;display:inherit; margin:0;padding:4px 0}

.if-logo-sticky .logo-sticky {max-height:0 !important;display:none}
.is-sticky .if-logo-sticky .logo-top {max-height:0 !important;display:none}
.is-sticky .if-logo-sticky .logo-sticky {max-height:35px;display:inherit;}

.is-sticky .logo .WhiteLogo, .is-sticky .logo .BlackLogo {filter: unset;}
.is-sticky-sub {width: 100%; position: fixed !important; top: 0px; z-index: 100022;}

/* Page details */
.wk-top{position:relative; margin:0 auto; border:0; text-shadow: 5px 5px 10px rgba(0, 0, 0, .3);




}

.wk-top .mask-div .mask-image{
	
width:100%;
mask-size: 100%;
  -webkit-mask-image: url(../images/header-content-mask.png);
  mask-image: url(../images/header-content-mask.png);
  mask-repeat: no-repeat;

	
}

.wk-top, .wk-top h1{font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 20px;overflow: visible;}
.wk-top img{max-width:100%;}

.wk-top .TitlePictureBackground.Long{height: 310px;}
.wk-top .TitlePictureBackground.Short{height: 80px;}
.wk-top .Inside{display: flex; height: 100%;flex-direction: column-reverse;justify-content: center;}
.wk-top .title-theme-1 .Inside.col-12{align-items: center;}
.wk-top .Inside.Right{font-size: 15px;align-items: flex-end;}
.wk-top .Inside.Right input[type=text] {width:165px; padding: 10px; margin:0 10px 0 0; border: 0; border-radius: 0;}
.wk-top .Inside.Right button{border: 0; background: white; padding: 10px; color: black; border-radius: 0;}

.wk-top .title-theme-2{display: flex; align-items: center;}
.wk-top .title-theme-2, .wk-top .title-theme-2 h1 {line-height: 1.6em;letter-spacing: .6em;font-size: 15px;text-transform: uppercase;}

.wk-top .title-theme-3.with-background{height: calc(100vw / 3.15);min-height: 400px;}
.wk-top .title-theme-4.with-background{height: calc(100vw / 8.2);min-height: 250px;}

.wk_content .title-theme-3{display: flex; height: 100%;align-items: center;flex-direction: column;border-bottom: 1px solid lightgray; text-align: center;}
.wk_content .title-theme-3 .Navigation{margin:0 0 50px 0;justify-self: center;}
.wk_content .title-theme-3 h1{font-weight: 600;font-size: 48px;}

.wk_content .title-theme-4 h1{font-weight: normal;font-size: 25px;margin-bottom: 25px;}
.wk_content .title-theme-4 .sub-title{display: inline-block;font-weight: bold;padding: 10px;}


.wk_content img {max-width: 100%;height: auto;}

.wk-image-area{position: relative;	display: inline-block; max-width: 100%; vertical-align: bottom; padding: 0; overflow: hidden; transition: background .5s;-moz-transition: background .5s;-webkit-transition: background .5s;-o-transition: background .5s;}
.wk-image-area img {vertical-align: bottom;}
.wk-image-area-in{display: block; width:100%; margin: 0; border: 0; overflow: hidden;}
.wk-image-area .wk-image-zoom, .wk-image-area .wk-image-more, .wk-image-area .wk-image-video{display: block; width: 49px; height: 48px; position: absolute; left: 50%; top: 50%; margin-top: -24px; margin-left: -24px; z-index: 9; background: url(/images/Caption.png); filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.wk-image-area:hover .wk-image-zoom, .wk-image-area:hover .wk-image-more, .wk-image-area:hover .wk-image-video{left: 50%; top: 50%; filter: alpha(opacity=100); opacity: 1;}
.wk-image-area .wk-image-zoom,.wk-image-area:hover .wk-image-zoom {background-position: 0 0; }
.wk-image-area .wk-image-more,.wk-image-area:hover .wk-image-more{background-position: -48px 0;}
.wk-image-area .wk-image-video,.wk-image-area:hover .wk-image-video{background-position: -96px 0;}

.wk-loading {position: fixed; width:100%; height:100%; z-index: 999999; background:#FFF url(../images/loading.gif) center center no-repeat;}
.wk-loader {background:url(../images/loading.gif) center center no-repeat;}
.wk-loader {display:block;position: relative; z-index: 10;width:auto;}

.wk-main {box-sizing: border-box; margin-top: 40px; margin-bottom: 40px;}
.wk-main h2{position: relative; font-size: 32px; text-align: center; margin: 0;}
.wk-main h2:before{content: ''; position: absolute; width: 15%; height: 4px; bottom: -5px; background: #efefef;}

.wk-home-theme-1 {margin: 20px 0 0 0;padding: 0 0 0;}

.wk-home {overflow: auto; margin: 80px 0;padding: 0;}

ul.wk-home-clear, ul.wk-home-clear li {list-style-type: none; margin: 0;padding: 0;}
ul.wk-home-clear .wk-home-clear-caption p{margin: 5px 0 10px;font-size: 12px; color: #444;}
ul.wk-home-clear .wk-home-clear-caption{margin: 0;padding: 7px;background: #fafafa; border: 0px; text-align: center; box-sizing:border-box;}
ul.wk-home-clear .wk-home-clear-caption:hover{background: #fff;border-color: #ccc;}

.wk-article{margin-bottom: 30px;}
.wk-article h1{font-size: 18px; font-weight: 400;margin-top: 10px;margin-bottom: 5px;}
.wk-article .wk-article-image{position:relative;}
.wk-article.wk-article-items{margin-top: 5px; margin-bottom: 5px;}

.Navigation {font-size:12px; padding:5px 0 20px 0;}
.Navigation a{border-right: 1px solid #eee;}
.Navigation .Last {border-right: 0;}
.Navigation span{font-size:12px;text-transform: capitalize;}

.search-form {margin-bottom:20px;}
.search-form form{display: flex; width: 100%; gap: 10px;}

.logo {position: relative; display: inline-block; width: auto; z-index: 15;}
.logo h1 {margin: 0; padding: 0;}

/* SITE FOOTER */
#wk-site-footer{background-image: url("../images/pattern.png"); background-repeat: repeat; border: 0; color: #777; margin-top: 0; padding: 10px 0 10px; overflow: hidden; position: relative;}
#wk-site-footer.footer-dark{background-color: #0e0e0e;}
#wk-site-footer.footer-light{background-color: #ffffff;}

#wk-site-footer.footer-dark .widgetized-footer, #wk-site-footer.footer-dark .widgetized-footer .widget-title, #wk-site-footer.footer-dark .widgetized-footer .widget ul li, #wk-site-footer.footer-dark .widgetized-footer .widget-title, #wk-site-footer.footer-dark .widgetized-footer a, #wk-site-footer.footer-dark .widgetized-footer .widget ul li a, #wk-site-footer.footer-dark .phone{color: #FFFFFF;}

#wk-site-footer .widgetized-footer{position: relative; padding: 40px 0; z-index: 50;}
#wk-site-footer .widgetized-footer .widget-title{font-size: 15px; margin-bottom: 15px; background: none; border-bottom: 1px solid #6b6b6b;}
#wk-site-footer .widgetized-footer .widget-title span{background: none; margin:0; padding: 0; font-weight: bold;}
#wk-site-footer .widgetized-footer .widget p{margin: 10px 0;}
#wk-site-footer .widgetized-footer .widget ul li{display: inline-grid; width: 33%; margin: 0;}
#wk-site-footer .widgetized-footer .widget ul li ul li{width: 100%;}
#wk-site-footer .widgetized-footer a, #wk-site-footer-second a{text-decoration: none;}
#wk-site-footer .widgetized-footer a:hover, #wk-site-footer-second a:hover, #wk-site-footer .widgetized-footer .widget ul li a:hover, #wk-site-footer .widgetized-footer .widget ul li a:focus, #wk-site-footer .widgetized-footer .widget ul li a:active, #wk-site-footer .widgetized-footer .widget ul li.current-menu-item a {text-decoration: none;}
#wk-site-footer .widgetized-footer .widget ul li:last-of-type a{border-bottom: 0;}
#wk-site-footer .footer-glare{display: block; position: absolute; width: 1500px; height: 500px; top: 0; left: 50%; margin-left: -750px; z-index: 40;}
#wk-site-footer-second{position: relative; background: #060606; box-sizing: border-box; padding-top: 30px; padding-bottom: 30px;}
#wk-site-footer-second .wk-site-footer-inner{padding: 10px 0;}

#wk-site-footer-second{border-top: 1px solid #49475C;}
#wk-site-footer-second, #wk-site-footer-second .wk-site-footer-inner, .site-copyright{color: #FFFFFF;}
#wk-site-footer-second a, #wk-site-footer-second .wk-site-footer-inner a{color: #FFFFFF;}

#wk-site-footer img {max-width: 100%;height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
#wk-site-footer h4 {font-size: 1.8em;font-weight: 200;margin-top: 0;}
#wk-site-footer.footer-dark h4 {color: #fff;}
#wk-site-footer hr {height: 1px;border:0;background-image: -webkit-linear-gradient(left,transparent,rgba(255,255,255,.15),transparent); background-image: linear-gradient(to right,transparent,rgba(255,255,255,.15),transparent);}
#wk-site-footer .phone {display: block;font-size: 20px;font-weight: 700;}

.footer-favicon{width: 100%;text-align:center;padding:75px 50px;}
.footer-favicon img{height: 70px;filter: brightness(0) invert(1);}

.site-copyright{font-size: 11px; padding: 7px 0 0;}

.Social{padding-top:5px; padding-bottom: 5px; display:inline-block; font-size:16px;}
.Social a{padding-left:15px;}

.SocialContentShare.FixedLeft div{position: fixed; top: 250px; left: 0; z-index: 99;}
.SocialContentShare.FixedLeft div a{display: grid;}
.SocialContentShare i{padding: 10px; font-size: 23px; color:white; text-align: center; box-sizing: border-box;}
.SocialContentShare i.fa-heart{background-color:#ffbd0a;}
.SocialContentShare i.fa-star{background-color:red;}
.SocialContentShare.FixedLeft i.fa-heart{padding: inherit; font-size: inherit; color:inherit;background-color:unset;}
.SocialContentShare i.fa-facebook{background-color:#4267b2;}
.SocialContentShare i.fa-twitter{background-color:#1da1f2;}
.SocialContentShare i.fa-whatsapp{background-color:#49c457;}

.product-share{height:100%}
.product-share .buttons{display: flex;height: 100%;min-height: 50px;align-items: center;gap: 10px;}
.product-share .buttons a{border-radius: 8px;display: flex;height: 100%;border: 2px solid #cbd3d9;align-items: center;width: 50px;justify-content: center;}
.product-share .buttons a:hover{transform: scale(1.15);}
.product-share .buttons a:hover.facebook{background-color:#4267b2;color:white}
.product-share .buttons a:hover.x{background-color:#1da1f2;color:white}
.product-share .buttons a:hover.whatsapp{background-color:#49c457;color:white}

.scroll-top {background: url(/images/totop.png) no-repeat 3px center; padding: 0 10px 0 18px; margin: 0 10px 0 0;  border-right: 1px solid #aaa;}

/*
Menu
Thanks: Mario Loncarek
*/

.top-menu{display: grid; column-gap: 10px; align-items: center; margin-left: 15px; margin-right: 15px;}
.top-menu.classic{grid-template-columns: max-content 1fr max-content; justify-items: end;border-bottom: 1px solid rgba(255,255,255,.2);}

.top-menu .articles{position: relative; display: flex; align-items: center;}
.top-menu .articles a{padding: 12px 0 12px 14px;overflow: auto;}

.menu-mobile{display: none; text-align: left;}
.menu-mobile span{display: none; font-weight: bold;}
.menu-mobile:after{content: "\f0c9"; font-family: "FontAwesome"; font-size: 30px; float: right;}
.menu-dropdown-icon:before{content: "\f067"; font-family: "FontAwesome"; display: none; cursor: pointer; float: right; padding: 18px 18px 17px 18px;}

.menu > ul {margin:0;padding:0;list-style: none; box-sizing: border-box;}
.menu > ul:after {clear: both;}
.menu > ul > li {float: left; margin: 0; text-align: left;}

.menu > ul > li a {position: relative;text-decoration: none; display: block; margin-bottom: 0; text-decoration:none; transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}




/* Alt menüsü olanların oku */
.menu ul li:has(> ul) > a::after {
content: "\f107"; font-family: "FontAwesome";
    font-size: 0.8em;
    margin-left: 5px;
    transform: translateY(1px);
	color: gray
}



.menu > ul > li i {display: none;}
.menu > ul > li i.fa-angle-right {margin-right: 7px; font-size: 110%;}
.menu > ul > li.menu-dropdown-icon i.fa-angle-down {display: inline; margin-left:5px; font-size:small;}
.menu > ul > li > ul {opacity:0;visibility:hidden;height:0;position: absolute;left: 0; z-index: 100022; list-style: none; box-sizing: border-box;transform: scaleY(0);transform-origin: top;}

.menu > ul > li > ul:before, .menu > ul > li > ul:after {content: ""; display: table;}
.menu > ul > li > ul:after {clear: both;}
.menu > ul > li > ul > li {float: left; margin: 0; padding-bottom: 0; list-style: none; background: none;}
.menu > ul > li > ul > li a {display: block; width: 95%; padding: .2em 0; color: #424242; border-bottom: 1px solid #ccc;border-radius:0 !important}
.menu > ul > li > ul > li > ul {display: block; padding: 0; margin: 10px 0 0; list-style: none; box-sizing: border-box;}
.menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after {content: ""; display: table;}
.menu > ul > li > ul > li > ul:after {clear: both;}
.menu > ul > li > ul > li > ul > li {float: left; width: 100%; margin: 0;}
.menu > ul > li > ul > li > ul > li a {border: 0;}
.menu > ul > li > ul > li > ul > li > ul {border: 0;list-style: none;padding-left:12px;}

.menu > ul > li > ul.menu-open{opacity:1;visibility: visible;transform: scaleY(1);}
.menu > ul > li > ul > li summary{margin: 7px 0;}

.menu .more {color: white;}
.menu .more i{font-size: 30px;}

.Menu-Area-Inside .menu-mobile-bottom{width: 100%;}
.Menu-Area-Inside .menu-mobile-bottom .contact{display: inline-flex; width: 100%; justify-content: space-around; background: black;}
.Menu-Area-Inside .menu-mobile-bottom .contact a{padding: 10px 15px; background: black; color: white; font-size: 20px;}
.Menu-Area-Inside .menu-mobile-bottom .contact #Menu-Area-Close {background: white;color: black;border-radius: 0 !important;}
.Menu-Area-Inside .menu-mobile-bottom .social-networks{display: inline-flex; width: 100%; justify-content: space-around;}
.Menu-Area-Inside .menu-mobile-bottom .social-networks a{color: black; padding: 10px; font-size: 18px;}

#LanguageButton i{font-size:60%;margin-left:3px}
#divLanguage{
position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    background: #FFF;
    padding: 10px;
    display: none;

	z-index: 60;
	box-sizing: border-box;
}
#divLanguage a{display: flex; color: #000;padding: 5px 0}
#divLanguage a i{margin-right:5px}

.divSearch {display:none;position: fixed;z-index:25;width: 80%;left:10%;padding: 20px 0;box-sizing: border-box;}
.divSearch.mobile {position:relative;width:100%;padding:15px;left:0;}
.divSearch form{display:flex;}
.divSearch form input, .divSearch form button{border: 0.5px solid #000;border-radius:0;height: 50px; margin:0;}
.divSearch.divSearch-theme-1 {top:130px;}

.btn-whatsapp-pulse {background: #25d366;color: white;position: fixed;bottom: 20px;right: 20px;font-size: 40px;display: flex;justify-content: center;align-items: center;width: 0;height: 0;padding: 35px;text-decoration: none;border-radius: 50%;animation-name: pulse;animation-duration: 1.5s;animation-timing-function: ease-out;animation-iteration-count: infinite;z-index: 100;}

@keyframes pulse {
0% {box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);}
80% {box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);}
}

.btn-whatsapp-pulse-border {bottom: 120px;right: 20px;animation-play-state: paused;}

.btn-whatsapp-pulse-border::before {content: "";position: absolute;border-radius: 50%;padding: 25px;border: 5px solid #25d366;opacity: 0.75;animation-name: pulse-border;animation-duration: 1.5s;animation-timing-function: ease-out;animation-iteration-count: infinite;}

@keyframes pulse-border {
0% {padding: 25px;opacity: 0.75;}
75% {padding: 50px;opacity: 0;}
100% {opacity: 0;}
}

.divPhone{position: fixed; min-width: max-content; top: 40%; z-index: 999999; font-size: 23px !important; background: black; right: 0; box-sizing: border-box; padding: 10px; border-radius: 5px;}
.divPhone a{color: white !important;}
.divPhoneBottom{position:fixed; display: flex; justify-content: center; align-items: center; width:60px; height:60px; bottom:60px; left:20px; background-color:black; color:#FFF; border-radius:50px;	text-align:center; font-size:30px; z-index:100;}

/* Sablonlar */

/* Anasayfa Sablon1 */
#MainPageContent{float:left; max-height:1200px; margin:5px 0 30px 0; padding-right:5px; overflow:auto;}
#MainPageContent p{margin-top:0;}
#MainPageContent::-webkit-scrollbar {width: 10px;}
#MainPageContent::-webkit-scrollbar-track {background: #f1f1f1;}
#MainPageContent::-webkit-scrollbar-thumb {background: #888;}
#MainPageContent::-webkit-scrollbar-thumb:hover {background: #555;}

/* Kisayollar */
.theme-2-shortcut {width: 33.333%;float: left;margin: 5px 0 10px;border-top: 0;}
.theme-2-shortcut-text{padding: 10px 10px 10px 75px;text-align: left;min-height: 64px;}
.theme-2-shortcut-text.icon {background: url(../images/Default-Icon.png) no-repeat 0 3px;}
.theme-2-shortcut .shortcut-title{display: block; width: 100%;background: #eee;margin-bottom: 15px;}
.theme-2-shortcut .shortcut-title h2{margin: 0;padding: 0;font-size: 18px;font-weight: 400;text-align: center;color: #fff;}
.theme-2-shortcut .shortcut-title.Color1{background-color: #2196F3;}
.theme-2-shortcut .shortcut-title.Color2{background-color: #FF9800;}
.theme-2-shortcut .shortcut-title.Color3{background-color: #4CAF50;}
.theme-2-shortcut .shortcut-title .shortcut-title-in{padding: 18px 10px 20px;}

.theme-3-shortcut{margin-top: 20px; margin-bottom: 20px;z-index:2;position:relative;}

.theme-3-shortcut ul{margin:0;padding:0}
.theme-3-shortcut ul li{margin:0;padding:0}
.theme-3-shortcut ul#carouselShortcut li{margin:0 20px;}
.theme-3-shortcut img{max-width: 100%;height: auto;}
.theme-3-shortcut h4{position: relative; z-index: 1;}

.theme-3-shortcut.Colorful ul li:nth-child(4n+1).Color-Box {background-color: #ffbd0a;}
.theme-3-shortcut.Colorful ul li:nth-child(4n+1).Color-Box path{fill: #ffbd0a; stroke: #ffbd0a;}

.theme-3-shortcut.Colorful ul li:nth-child(4n+2).Color-Box {background-color: #a6c437;}
.theme-3-shortcut.Colorful ul li:nth-child(4n+2).Color-Box path{fill: #a6c437; stroke: #a6c437;}

.theme-3-shortcut.Colorful ul li:nth-child(4n+3).Color-Box {background-color: #f05a21;}
.theme-3-shortcut.Colorful ul li:nth-child(4n+3).Color-Box path{fill: #f05a21; stroke: #f05a21;}

.theme-3-shortcut.Colorful ul li:nth-child(4n+4).Color-Box {background-color: #0a6fff;}
.theme-3-shortcut.Colorful ul li:nth-child(4n+4).Color-Box path{fill: #0a6fff; stroke: #0a6fff;}

.theme-3-shortcut .Shortcut-Section{position: relative; overflow: hidden; margin-top: -75px; z-index: 1;}
.theme-3-shortcut .Shortcut-Section .Inner{overflow: hidden; -moz-transform: translateY(75px); -webkit-transform: translateY(75px); -o-transform: translateY(75px); -ms-transform: translateY(75px); transform: translateY(75px); -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);}
.theme-3-shortcut .Shortcut-Section .Inner:hover{-moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.theme-3-shortcut .theme-3-shortcut-Button{position: relative; z-index: 1; opacity: 0; background: transparent; border: 1px solid #FFFFFF; padding: 9px 18px 7px; color: white; border-radius: 30px;}
.theme-3-shortcut .theme-3-shortcut-Button:hover{background: #fff; color: #666;}
.Shortcut-Section:hover .theme-3-shortcut-Button{opacity: 1;}
.theme-3-shortcut .Picture-Area{position: relative;}
.theme-3-shortcut .Picture-Area .Picture-Circle{position: absolute; bottom: 0; left: 0; right: 0; height: 12px; width: 100%;}
.theme-3-shortcut .Text-Area{position: relative; height: 310px; padding: 30px 30px 40px; box-sizing: border-box; text-align: center; overflow: hidden;}
.theme-3-shortcut .Text-Area p{position: relative; margin: 0; padding: 15px 0; z-index: 1;}
.theme-3-shortcut .Text-Area .Title{font-size: 28px; color: white; text-transform: uppercase;}
.theme-3-shortcut .Text-Area .Short-Content{font-size: 15px; color: white; margin: 10px 0;}
.theme-3-shortcut .Text-Area .Background-Icon{position: absolute; bottom: -10px; left: -15%; font-size: 242px; color: #000; -ms-transform: rotate(-11deg); -webkit-transform: rotate(-11deg); transform: rotate(-11deg); opacity: 0.05; font-family: 'FontAwesome';}
.theme-3-shortcut .Text-Area .Background-Icon:before {content: "\f00c";}

.theme-4-shortcut .row-col div{position: relative;width: 100%;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); background: #fff; text-align: center; -webkit-transition: all 0.35s; transition: all 0.35s; z-index:1;}
.theme-4-shortcut .row-col div a{display: flex; flex-direction: column; align-content: center; padding: 35px 15px 30px;}
.theme-4-shortcut .row-col div a span{font-weight:600;}
.theme-4-shortcut .row-col div a span i{font-size: 60px; color: #FFA826; margin-bottom: 15px;}

/* Carousel */
.theme-1-shortcut-icon{display: table; width: 80px; height: 80px; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; float: left; border: 0px; margin: 0 10px 0 0;}
.theme-1-shortcut-icon p{display:table-cell; vertical-align: middle; text-align: center;}
.theme-1-shortcut-icon img{border:0; padding: 0; max-width:52px; max-height:52px; margin: 0 auto;}
.theme-1-shortcut-icon i{font-size:30px;}

.theme-1-shortcut-icon-IconTop {width:90px; height: 90px; float:none; margin: 0 auto; margin-bottom: 5px;}
.theme-1-shortcut-icon-TemsiliResimTop {padding-bottom:10px;}
.theme-1-shortcut-icon-TemsiliResimLeft {height: auto;}
.theme-1-shortcut-icon-TemsiliResimLeft img {max-width:110px; max-height:70px;}

.carousel-wrapper{position:relative; width:100%; clear:both;}
.PictureTop {text-align: center; height: auto;}

.TitleBox {padding: 8px 0; margin-bottom: 8px; margin-top: 12px;text-transform: uppercase;}
.TitleBox h3{line-height: 1.4em;}
.TitleBox span{padding:0;}

.sidebar {margin-top: 5px;}

.widget {margin-bottom: 40px;}
.widget-title{font-size: 13px; font-weight: 700; margin-top: 10px; margin-bottom: 10px; padding: 0 0 5px; color: #3a3a3a; border-bottom: 1px solid #eee;}
.widget-title span{background: #fff; padding-right: 10px; padding-left: 10px; margin-left: 20px;}
.widget ul {font-size: 15px; margin: 0; padding: 0;}
.widget ul ul {margin-top: 7px; margin-left: 1.5em;}
.widget ul li {color: #555; font-size: 13px; list-style: none; padding: 0; margin: 0;}
.widget ul li a {display: block; padding:7px 2px; font-weight: 400; text-decoration: none; transition: all .3s;	-moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s;}
.widget ul li a:hover, .widget ul li a:focus, .widget ul li a:active, .widget ul li.current-menu-item a {text-decoration: none;}

/* Widget Categories */

.content-filter-area {display: flex;flex-wrap: wrap;gap:5px;}
.Filters-Area #divFilter {clear: both; display: none; 

padding: 25px;
    margin: 25px 0;
    background: white;
    border-radius: 10px;

}
.Filters-Buttons {background-color: gainsboro; padding: 12px;}
.Filters-Buttons.clear-all {background-color: unset; border-bottom:1px dashed #dc3e3b;}
.Filters-Buttons i{margin-left: 5px;}
.widget.widget_categories ul li a {padding-left: 20px;}

.widget.Filters ul li a {position:relative;padding-left: 20px; margin-top: 15px;}

.widget.Filters ul li ul li a span{font-weight: 400;}

.widget.Filters ul > li {position:relative;}
.widget.Filters ul > li:before {content: "\f096";font-family: FontAwesome;position:absolute;display: flex;align-items: center;height: 100%;font-size: 120%;opacity:0.7;}
.widget.Filters ul > li.current-menu-item:before {content: "\f14a";opacity:1;}

.widget.Filters ul > li > ul > li:before {align-items: center;top:0;}

.widget.Filters ul ul li a {background-color: transparent; margin-top: 0;}
.widget.Filters ul li.current-menu-item a span{font-weight: 600;}
.widget.Filters .Title {letter-spacing: 2px; font-size: 16px; color: #000; margin-bottom: 12px; display: block;}

.widget.widget-items .Title{display:block; margin-top: 10px;}
.widget.widget-items ul li{margin-bottom: 20px;}
.widget.widget-items ul li a{display: inline; border-bottom: 0; padding: 0;}
.widget.widget-items ul li img{float: left;}

.left-column-accordion {overflow: hidden; margin-bottom: 25px !important}
.left-column-accordion:before {display:none !important}
.left-column-accordion ul{margin:0 !important}
.left-column-accordion-header {position: relative; display: flex;justify-content: space-between;align-items: center;font-size: 18px; font-weight: 500; color: white; border-bottom: 2px solid #cbd3d9; padding: 10px; margin-bottom: 20px; cursor: pointer; word-break: break-word; line-height: 1.3;

    background: black;

}
.left-column-accordion-header::after {content: "\f068";font-family: FontAwesome;font-size: 16px;transition: transform 0.3s ease;}
.left-column-accordion-header.open::after {content: "\f067";}
.left-column-accordion-header::before {content: "";position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;transition: .3s;     background: #ff0000 !important;}
.left-column-accordion-header.open::before {width:0}

.wk-popular-post p{margin-bottom: 15px; padding-bottom: 15px;}
.wk-popular-post p .wgt_pop_post_date{font-size: 12px; padding-bottom: 15px; border-bottom: 1px dashed #999;}
.wk-popular-post p:last-of-type .wgt_pop_post_date{border-bottom: 0;}

/* Toolbar */

.top-aside {z-index: 1; position: relative; background-position: top center; background-repeat: repeat; padding: 3px 1%; /*display: block;*/ font-size: 13px; color: #FFF;}
.top-aside.ColorStrip{padding: 13px 1% 0 1%; background: transparent url('/images/rainbowstripe.png') repeat-x center top;}

.toolbar{display: flex; align-items: center; justify-content: space-between;}
.toolbar .toolbar-menu{display: inline-block;}
.toolbar .toolbar-menu span{margin-left:10px; font-size: 13px;}


.top-aside ul, .top-aside li {margin: 0; padding: 0; list-style: none;}
.top-aside p, .top-aside ul {float: right; margin: 0; padding: 0;}

.top-aside ul li {float: left;}
.top-aside ul li a {padding-right: 10px; margin-right: 10px; font-weight: 500;}

/* Alt Baslik Gosterimi */


.Subtitle-Horizontal1{margin: 20px 0; padding:0; list-style-type: none;}
.Subtitle-Horizontal1 li{position: relative;}
.Subtitle-Horizontal1 li .wk-article{display:flex;}
.Subtitle-Horizontal1 li .Image{padding-right:2%; margin-bottom: 10px; width:40%; float:left;}

.Subtitle-Horizontal2{margin: 20px 0; padding:0; list-style-type: none;}
.Subtitle-Horizontal2 li{position: relative;}
.Subtitle-Horizontal2 li .wk-article{display:flex;}
.Subtitle-Horizontal2 li .Image{padding-right:2%; width:23%; float:left;}

.Subtitle-Horizontal1 li .Right, .Subtitle-Horizontal2 li .Right{width: 100%;}

.Subtitle-Vertical{margin: 20px 0; padding:0; list-style-type: none;}
.Subtitle-Vertical li{position: relative;}
.Subtitle-Vertical li .Image{width:100%; float:left;}
.Subtitle-Vertical .Padding {padding-top:10px; display: inline-block; width: 100%;}
.Subtitle-Vertical.ecommerce-list li{padding-bottom: 35px;}
.Subtitle-Vertical.ecommerce-list li .add-cart-button{width: 100%; position: absolute; bottom: 0;}
.Subtitle-Vertical.background-view li{background: white;}
.Subtitle-Vertical.background-view-2 img{background: #ffffff url("/images/thumbs-bg-2.jpg") no-repeat center center;}
.Subtitle-Vertical.background-view li .wk-article-items{padding:15px;}





.Subtitle-Vertical.background-view-3 li {

  background: linear-gradient(
      135deg,
      rgba(0,0,0,0.03) 0%,
      rgba(0,0,0,0.02) 25%,
      rgba(255,255,255,1) 50%,
      rgba(0,0,0,0.02) 75%,
      rgba(0,0,0,0.03) 100%
  );
  background-size: 200% 200%;
  animation: waveMove 65s ease-in-out infinite alternate;
}

/* yavaş dalga efekti */
@keyframes waveMove {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}












.Subtitle-Vertical.background-view-3 li {
	
	
border-radius: 10px;}
.Subtitle-Vertical.background-view-3 .wk-article-image.Image a, .Subtitle-Vertical.background-view-3 .wk-article-image.Image .wk-image-area, .Subtitle-Vertical.background-view-3 .wk-article-image.Image .wk-image-area-in{border-radius: 0 !important;}
.Subtitle-Vertical.background-view-3 .wk-article.wk-article-items{margin:0}
.Subtitle-Vertical.background-view-3 .Right{padding:15px}
.Subtitle-Vertical.background-view-3 .Right .title a{position: relative;margin-top: 5px;    margin-bottom: 15px;display: inline-block;}
.Subtitle-Vertical.background-view-3 .Right .title a::before{
	
	
	
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 90px;
    height: 4px;
    background: #ff0000;
    transform: translateY(-100%);
    border-radius: 10px;
	
	
	
}

.Subtitle-Vertical.background-view-3 .Right .title span{font-weight: 600; margin-bottom: 5px;font-size: 18px}




.Subtitle-Vertical.background-view-3 .Right .sub-title span{padding: 5px 10px;background: #f3f3f3;font-size: 13px;color: #111;}
.Subtitle-Vertical.background-view-3 .Right .short-content span{display: flex;justify-content: space-between;align-items: center;margin-bottom: 9px;}
.Subtitle-Vertical.background-view-3 .Right .short-content span small{padding: 4px 8px;




color: #857750;
border: 1px solid #857750;
border-radius: 4px;    color: #857750;font-size:11px}
.Subtitle-Vertical.background-view li .wk-article-items{padding:15px;}


.Picture-Label-New {position:absolute; width:auto !important; z-index:8; right:0; top:5%;border-right: solid 3px #c0392b; background: #ea6153; color: #fff; font-size: 11px; padding: 1px 3px; margin-bottom: 3px; float: right !important;}
.Picture-Label {position:absolute; width:auto !important; z-index:8; right:0; top:20%;border-right: solid 3px #d35400; background: #e67e22; color: #fff; font-size: 14px; padding: 3px 5px; margin-bottom: 3px; float: right !important;}

/* General */
.PositionRelative{position:relative;}
.float-left{float:left;}
.float-right{float:right;}
.float-left span, .float-right span {float: left; padding-right:5px;}
.AlignLeft{text-align:left;}
.AlignRight{text-align:right;}
.AlignCenter{text-align:center;}
.d-flex{display:flex;}
.d-block{display:block;}
.d-none{display:none;}

.full-width{width: 100%;}

.align-items-center{align-items: center;}
.justify-content-flex-end{justify-content: flex-end}
.flex-direction-column{flex-direction: column}

.flex-space-between{display: flex;justify-content:space-between;align-items: center;clear: both;}
.flex-wrap{flex-wrap: wrap;}

.h-100{height:100%}

.p-0{padding: 0 !important;}
.p-2{padding: 20px !important;}
.p-4{padding: 40px !important;}
.p-5{padding: 50px !important;}

.pt-2{padding-top: 20px !important;}
.pt-4{padding-top: 40px !important;}
.px-2{padding-left: 20px !important; padding-right: 20px !important;}
.px-4{padding-left: 40px !important; padding-right: 40px !important;}
.px-5{padding-left: 50px !important; padding-right: 50px !important;}
.py-5{padding-top: 50px !important; padding-bottom: 50px !important;}
.py-8{padding-top: 80px !important; padding-bottom: 80px !important;}

.m-0{margin: 0 !important;}
.m-2{margin: 20px !important;}
.mt-2{margin-top: 20px !important;}
.mt-4{margin-top: 40px !important;}
.mt-5{margin-top: 50px !important;}

.mb-2{margin-bottom: 20px !important;}
.mb-4{margin-bottom: 40px !important;}
.mb-5{margin-bottom: 50px !important;}

.mr-2{margin-right: 20px !important;}
.my-2{margin-top: 20px !important; margin-bottom: 20px !important;}
.my-4{margin-top: 40px !important; margin-bottom: 40px !important;}
.my-5{margin-top: 50px !important; margin-bottom: 40px !important;}

.mx-2{margin-left: 20px !important; margin-right: 20px !important;}

.gap-0{grid-gap: 0 !important}
.gap-1{grid-gap: 10px !important}
.gap-2{grid-gap: 20px !important}
.gap-4{grid-gap: 40px !important;}

.radius-2{border-radius: 20px;}

.font-white, .font-white:hover {color:#FFFFFF;}
.font-orange{color: orange;}
.font-red{color: red;}
.font-green{color: green;}
.box-orange{background: orange; color: white; padding: 5px 10px; box-sizing: border-box;}
.box-light-gray{background: #f3f3f3; color: black; padding: 5px 10px; box-sizing: border-box;}

.OneLine{white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}
.TwoLines{-webkit-line-clamp: 2;}
.ThreeLines{-webkit-line-clamp: 3;}
.FourLines{-webkit-line-clamp: 4;}

.TwoLines, .ThreeLines, .FourLines{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}

.BiggerFont{font-size: 130%;}
.SmallerFont{font-size: 90%;}
.Transparent{opacity: 0.6;}
.bold{font-weight: bold;}
.BigFont{font-size:x-large;}
.SmallFont{margin: 5px 0 0 0;font-size:12px; letter-spacing: -0.2px;}
.LineThrough{text-decoration:line-through;}
.line-dashed{border-bottom: 1px dashed #dc3e3b;}
.cursor-default{cursor:default;}
.CursorPointer{cursor: pointer;}

.Button{float: left; padding: 12px 20px;}
.Button i{padding-right: 12px; margin-right: 10px; border-right-width: 0.5px; border-right-style: solid;}
.Button.light{float: left; padding: 5px 7px;}

.button-2{background-color: #69727d; border-radius: 3px;color: #fff;}
.button-2 a{display: inline-block; width:100%; font-size: 14px; color: #fff;padding: 12px 24px; font-weight: 600; letter-spacing: 2px;}
.button-2 a:hover{color:#ececec}
.button-2 .icon{display: inline-block; width:35px; --icon-font-size:18px;}
.button-2 i.fa{visibility: hidden;font-size:0}
.button-2 i.fa::before{visibility: visible;font-size: var(--icon-font-size)}
.button-2.orange{background-color:#f0ad4e}
.button-2.red{background-color:#d9534f}
.button-2.black{background-color:#2F2F2F}
.button-2.green{background-color:green}

.button-3{position:relative; display: inline-block; padding: 22px 60px; font-weight: 600; line-height: 22px; font-size: 16px; border: 1px solid; white-space: nowrap;}
.button-3:after{content:''; position: absolute; width:4px; height: 100%; top: 0; left: 0; transition: all 0.35s; z-index: 1;}
.button-3:hover:after{width:100%;}
.button-3 span{position:relative;z-index:2;transition: all 0.35s;}
.button-3.white{border-color: #fff}
.button-3.white:after{background: #fff}
.button-3.white span{color: #fff !important}
.button-3.white:hover span{color: #000 !important}

.button-3.yellow{border-color: #FFA826}
.button-3.yellow:after{background: #FFA826}
.button-3.yellow span{color: #FFA826 !important}
.button-3.yellow:hover span{color: #FFF !important}

.button-standard {position: relative;display: inline-block;width: auto;padding: 16px 38px;color: #ffffff;background-color: #3577f0;border-radius: 6px;font-size: 13px;line-height: 16px;font-weight: 700;}
.button-standard:hover{transform: scale(1.15);color:white}
.button-standard.green{background-color:#49964a}

.checkbox-1 .cbx {-webkit-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;cursor: pointer;}
.checkbox-1 .cbx span {display: inline-block;vertical-align: middle;transform: translate3d(0, 0, 0);}
.checkbox-1 .cbx span:first-child {position: relative;width: 24px;height: 24px;border-radius: 50%;transform: scale(1);vertical-align: middle;border: 1px solid #B9B8C3;transition: all 0.2s ease;}
.checkbox-1 .cbx span:first-child svg {position: absolute;z-index: 1;top: 8px;left: 6px;fill: none;stroke: white;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 16px;stroke-dashoffset: 16px;transition: all 0.3s ease;transition-delay: 0.1s;transform: translate3d(0, 0, 0);}
.checkbox-1 .cbx span:first-child:before {content: "";width: 100%;height: 100%;background: #506EEC;display: block;transform: scale(0);opacity: 1;border-radius: 50%;transition-delay: 0.2s;}
.checkbox-1 .cbx span:last-child {margin-left: 8px;}
.checkbox-1 .cbx:hover span:first-child {border-color: #3c53c7;}
.checkbox-1 .inp-cbx{display:none;}
.checkbox-1 .inp-cbx:checked + .cbx span:first-child {border-color: #3c53c7;background: #3c53c7;animation: check-1 0.6s ease;}
.checkbox-1 .inp-cbx:checked + .cbx span:first-child svg {stroke-dashoffset: 0;}
.checkbox-1 .inp-cbx:checked + .cbx span:first-child:before {transform: scale(2.2);opacity: 0;transition: all 0.6s ease;}
.checkbox-1 .inp-cbx:checked + .cbx span:last-child {color: #000;transition: all 0.3s ease;}
@keyframes check-1 {50% {transform: scale(1.2);}}

.subBorder{position: relative;}
.subBorder:before{position: absolute; content: ""; left: 0; bottom: -15px; width: 40px; height: 4px; background-color: #F44336; box-sizing: border-box;transition: all .5s;border-radius: 10px;}
.subBorder:hover:before{width: 150px;}
.subBorder.subBorderCenter:hover:before{left:calc(50% - 75px)}
.subBorder.subBorderCenter:before{left:calc(50% - 25px)}

.seperator:not(:last-child):not(:first-child) {border-bottom: solid 1px #e2e2e2;}

span.counter-value{font-size: 55px; font-weight: bold;}
.rounded {border-radius: 3px; padding: 1px 5px;}

.content-box {width: 100%; box-sizing: border-box; padding: 15px;border: 1px solid #e5e5e5;border-radius: 8px; margin-bottom: 15px;  color: #484848;align-items: center;}
.content-box.green {background-color: #f7fdf7;}
.content-box.red {background-color: #ffe4e4;}
.content-box.orange {background-color: #fff0d6;}

.Pattern{position: absolute; top: 0; width:100%; height: 100%; background: transparent url('../images/pattern.png') repeat top left; opacity: 0.4; background-color: #3F4652;}

/* Cerez Izni */
#cookieAllow{position: fixed; display: none; justify-content: space-between;align-items: center; left: 0; right: 0; bottom: 0; opacity: 1; background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3); box-shadow: 0 0 20px rgba(0,0,0,0.3);z-index: 10000; -webkit-transition: bottom .7s,opacity .8s; transition: bottom .7s,opacity .8s; box-sizing:border-box; padding: 20px 15px 60px 15px;}
#cookieAllow div{box-sizing:border-box; padding: 0 15px;}


/* Yonetici */
#admin-box div{position: fixed; display: flex; top: 25%; right: 0; padding:10px; flex-direction: column; justify-content: center; align-items: center; background-color: red; z-index: 999999;}
#admin-box div a{color: white; font-size: 1.3em;}

/* Sayfa Dugmeleri */

.btn, input[type=submit] {padding: 10px 20px; border: 0;}
.btn:hover, input[type=submit]:hover {transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; cursor: pointer;}

.Pagination{float: left; display: block; width: 25px; margin-left: 3px; margin-bottom: 5px; padding: 5px; background-color: gainsboro; text-align: center; color: black;}
.Pagination:hover {background-color: dimgray; color: white;}
.Pagination.Active{background-color: black; color: white;}

/* /Sayfa Dugmeleri */

.IcerikUstuResim {position: relative; float:left; overflow:hidden; text-align:left; width: 700px; background: url(../images/UstCizgiArkaPlan.png) ; background-position: center top; background-repeat: repeat-x; margin: 10px 0px 0px 0px; padding: 7px 0px 0px 0px;}
.IcerikUstuResim img {border: 1px solid #cccccc; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; background-color:#317184;}

.IcerikciSayfalama {float:left; width:100%; margin: 20px 0; padding: 0; text-align:left;}

.comment-area .comment-item{display:flex;margin-top: 15px;}
.comment-area .comment-item .left{width: 80px;}
.comment-area .comment-item .left span{display: flex; width: 65px; height: 65px; margin-right: 10px; background-color: #bbb; border-radius: 50%;align-items: center;justify-content: center;font-weight: bold;}
.comment-area .comment p{margin:0;}
.comment-area .comment-answer {position:relative; margin: 0 0 10px 80px; border-top: 1px solid #e4e4e4;}
.comment-area .comment-answer:before {content: ''; position:absolute; left: 30px; top:-5px; border-style: solid; border-width: 0 7px 5px 7px; border-color: transparent transparent #E4E4E4 transparent;}

.IcerikIlgiliKelimeler {position:relative; float:left; width:100%; text-align:left; margin: 0; padding: 40px 0px 40px 0px;}

.Kategori {float:left; text-align:right; margin: 0; padding: 0;}

.Arama {position: relative; z-index: 9999; margin: 0; padding: 0; display: inline-block; border-left: 1px solid #FFF;}
	.Arama a{ padding: 12px 0 12px 8px;}
	.Arama input[type=text] {font-size:10pt; padding: 3px;margin: 0; width: 118px; height: 16px; color: black;}
	.Arama button{border: 0; background: transparent; color:white;}
	.Arama label {padding: 2px 4px 4px 3px; margin: 0; }
	
.SearchInside {position: absolute; display:none; width:151px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 4px; margin:10px 0 0 -150px; padding: 15px; background-color: black; z-index: 9999;}

/* Anasayfa Genel */

.show-another-page-wrapper{position:relative;}
.show-another-page-wrapper .bg-wrapper, .show-another-page-wrapper .bg-wrapper .bg{position:absolute;width:100%;height:100%;top:0;left:0;overflow: hidden;}
.show-another-page-wrapper .gradient{position:absolute;width:100%;height:100%;left:0;top:0;background-color: transparent;opacity: 0.35;}

.show-another-page-contents.row > div{height: 100%;align-content: center;}
.show-another-page-contents .up-to-prev{margin-top:-50px;opacity: 0.9}
.show-another-page-contents .empty-div{min-height: 500px}

.show-another-page-subtitle ul{margin:0;padding:0;list-style-type:none;}
.show-another-page-subtitle ul li{margin:0;padding:0;}
.show-another-page-subtitle ul.carousel li{margin:0 10px;}
.show-another-page-subtitle ul li img, .show-another-page-subtitle ul li span {width: 100%;}

.show-another-page-subtitle ul.ShowAnotherPageContentTheme1 li a{display:inherit;margin: 6px 0;}

.show-another-page-subtitle ul.ShowAnotherPageContentTheme2 li{position: relative; float:left; margin-bottom: 20px;}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme2 li a{position: absolute; display: flex; width: 100%; height: 100%; padding: 10%; box-sizing: border-box; align-items: center; justify-content: center; text-align: center; flex-direction: column; line-height: 100%;color: white;text-transform: uppercase;transition: .2s; font-weight: bold; font-size: 24px;}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme2 li a:hover{color: white;font-size: 24.3px;}

.show-another-page-subtitle ul.ShowAnotherPageContentTheme3 li{position: relative; float:left; margin-bottom: 20px;}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme3 li a{position: absolute; display: flex; width: 100%; height: 100%; padding: 10% 22% 10% 10%; box-sizing: border-box; justify-content: center; flex-direction: column; line-height: 100%;color: white;text-transform: uppercase;transition: .5s; font-size: 22px;opacity:0;text-align:left}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme3 li a::before {position:absolute;font-family:FontAwesome;content:"\f105";font-size:30px;opacity:0;transition: all 1s; right:10%}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme3 li a:hover,ul.ShowAnotherPageContentTheme3 li a:hover::before {opacity:1!important;}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme3 li a:hover::before {padding:10px}

.show-another-page-subtitle ul.ShowAnotherPageContentTheme4 li .quote{font-size:50px}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme4 li .content{font-size:30px;line-height:50px;}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme4 li .information .name{font-size:34px;line-height: 40px;}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme4 li .information .job{font-size:16;}

.show-another-page-subtitle ul.ShowAnotherPageContentTheme5 li .content{position: relative; margin: 15px; margin-top: -69px; padding: 15px 20px 20px 20px; background-color: #fff; box-shadow: 0 3px 40px rgba(55, 55, 55, 0.05); }
.show-another-page-subtitle ul.ShowAnotherPageContentTheme5 li .content h4{font-size: 20px; line-height: 1.35em; font-weight: 600; margin-bottom: 25px;transition: color 0.3s ease;}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme5 li .content p{color:#414141}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme5 li .content .subtitle{position:absolute;top:-50px;left: 0;padding: 5px 0;font-size: 15px; color: #FFF;}






.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-area{margin:25px 25px 45px 25px;color:#242322;transition: all 1s ease-out;}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-area a, .show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-area h4{color:#242322;transition: all 1s ease-out;}

.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-area:hover a, .show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-area:hover h4{color:#FFF;}

.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-area:hover .content-shape svg{
	fill:#000
}






.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-shape{
	position:relative;
    width:100%;
    aspect-ratio:1/1;
}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-shape svg {
    width:100%;
    height:100%;
    display:block;
    opacity:0.8;
    filter: drop-shadow(0 10px 13px rgba(0,0,0,0.5));
	overflow:visible;
	fill:#d3d4d6;transition: all 1s ease-out;
}




.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-shape .content-picture {
    position: absolute;
	width:100%;
    calc(100% - 70px);
	top:0;

    display: flex;
    justify-content: center;
	align-items: center;
    padding: 20px;

}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-shape .content-picture img {
padding: 30px 30px 0 10px;
}

.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-shape .content-tag-text {position: absolute; top: 4px; right:30px; 

    transform: rotate(270deg);transform-origin: right top;
    width: 47%;
    text-align: center;
	color:#4b4b4b



}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-shape .content-tag-text span {font-size:20px;

}



.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-shape .Picture-Label-New {left:0;right:unset;}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-shape .content-tag-text span {position:relative;}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-shape .content-tag-text span::before {
	
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    width: 30px;
    height: 4px;
    background: #ff0000;
    transform: translateY(-100%);
    border-radius: 10px;
	transition: all 1s ease-out;
	
}


.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-area:hover .content-shape .content-tag-text span::before {
	

    width: 40px;
background-color: black;
transition: all 1s ease-out;
	
}

	
	
	
.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-shape .content-text {
    position: absolute;
	width:100%;
	padding:20px;

	bottom:0;
	display: flex;
    justify-content: center;
	
    flex-direction: column;
    align-items: center;

}

.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-shape .content-text p {
    margin: 5px 20px;
}
.show-another-page-subtitle ul.ShowAnotherPageContentTheme6 li .content-shape .content-text p.details {
    font-size:70%;
}






.Main-Page-Working-Hour a{color: #333;}
.Main-Page-Working-Hour .fa{font-size: 65px;}

.main-page-contact-box{display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px;width: 100%;}
.main-page-contact-box-1{background-size: cover;background-position: top left; min-height: 650px;}
.main-page-contact-box-2{grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(2, 1fr);}
.main-page-contact-box-2 div{height: 50%;overflow:hidden;}
.main-page-contact-box-2 iframe{width:100%;height:100%;}
.main-page-contact-box-3 {background-color: #222; box-sizing:border-box; padding: 80px; color: white;  display: flex; flex-direction: column; justify-content: center;}
.main-page-contact-box-3 h3{font-size: 30px;color: white;}
.main-page-contact-box-3 p{font-size: 18px;}
.main-page-contact-box-3 span{display: inline-block;width: 30px;}

.main-text{font-weight: 400;font-size: 22px;line-height: 1.227em; color: #14203b;margin: 25px 0; -ms-word-wrap: break-word; word-wrap: break-word;}
.main-text span{font-size: 25px; font-weight:bold;}
.main-text-bottom{margin-top: 55px;font-weight: 500; font-size: 11px; line-height: 1.6em; letter-spacing: .6em; text-transform: uppercase; font-family: Montserrat,sans-serif; color: #b29063; margin: 25px 0; -ms-word-wrap: break-word;word-wrap: break-word;}

.Grid-Container ul {display: grid; margin:0; padding:0; list-style: none;}
.Grid-Container.With-Grap ul {grid-gap: 30px;}
.Grid-Container ul li{position: relative; overflow: hidden; margin:0; padding:0;}
.Grid-Container ul li p{margin-top:15px;border-top: 0.5px solid white;}

.Grid-Container.Regular ul {grid-template-columns: repeat(3, 1fr);}
.Grid-Container.Until3 ul {grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));}

.Grid-Container.Until5 ul {grid-template-columns: repeat(3, 1fr);}
.Grid-Container.Until5 ul li:first-child{grid-row: 1 / span 2; grid-column: 1 / span 1;}
.Grid-Container.Until5.Unit4 ul li:nth-child(2){grid-column: 2 / -1;max-height:386px;}

.Grid-Container.Until6 ul {grid-template-columns: repeat(12, 1fr);}
.Grid-Container.Until6 ul li{grid-column: span 4;}
.Grid-Container.Until6 ul li:first-child{grid-column: 1 / 6; grid-row: 1 / span 2;}
.Grid-Container.Until6 ul li:nth-child(2){grid-column: 6 / -1;max-height:386px;}
.Grid-Container.Until6 ul li:nth-child(3){grid-column: 6 / -1;max-height:386px;}

.Grid-Container.Template-1 ul li{background:black;}
.Grid-Container.Template-1 ul li a{position: absolute; display: flex; width: 100%; height: 100%; padding: 80px; box-sizing: border-box; align-items: center; justify-content: center; text-align: center; flex-direction: column; line-height: 100%;color: white; font-size: 32px;text-transform: lowercase;transition: .2s;}
.Grid-Container.Template-1.variant-2 ul li a{background-color:#FFA826}
.Grid-Container.Template-1.variant-2 ul li:nth-child(even) a{background-color:#5A5957}
.Grid-Container.Template-1.variant-1 ul li a:hover{font-size: 34px;color: white;}
.Grid-Container.Template-1 ul li img{object-fit: cover; max-width: unset; width:100%; height: 100%}
.Grid-Container.Template-1 p.icon{font-size:50px;border:0}
.Grid-Container.Template-1.variant-2 li{border-radius:20px}
.Grid-Container.Template-1.variant-2 .fly{position:absolute;display:flex;width:100%;height:100%;flex-direction: column;justify-content: center;align-items: center;text-align:center;padding:20px;background:#EDEDED;color:#FFA826;transform: translateX(0) translateY(-100%);transition: all .6s ease-in-out;}
.Grid-Container.Template-1.variant-2 li:hover .fly{transform: translateX(0) translateY(0);}
.Grid-Container.Template-1.variant-2 .fly p{border:0}
.Grid-Container.Template-1.variant-2 .fly .button-2{font-size: 15px;padding: 12px 24px;}

.Grid-Container.Template-3 ul li a{position: absolute; background: white; bottom:0; width: 100%; padding: 20px; box-sizing: border-box; text-align: center; line-height: 100%; font-size: 25px; text-transform: lowercase; transition: .2s;}
.Grid-Container.Template-3 ul li a:hover{font-size: 25.2px;}
.Grid-Container.Template-3 ul li a::before {position: absolute; width: 100%; background-color: black; opacity:0.3; margin-top:-50px; padding: 10px; font-family: FontAwesome; content: "\f08a";}
.Grid-Container.Template-3 ul li img{height: 100%; max-width: unset;}


.Grid-Container.Template-4 ul li a{background-color:rgba(0, 0, 0, 0.4);position: absolute; display: flex; width: 100%; height: 100%; padding: 40px 90px 40px 40px !important; box-sizing: border-box; align-items: flex-start; justify-content: flex-end; flex-direction: column; line-height: 100%;color: white; font-size: 32px;text-transform: lowercase;transition: .2s;z-index:5;}
.Grid-Container.Template-4 ul li a:hover{font-size: 34px;background-color:rgba(0, 0, 0, 0.2);color: white;}
.Grid-Container.Template-4 ul li a p{margin-bottom: 0;}
.Grid-Container.Template-4 ul li img{object-fit: cover; max-width: unset; width:100%; height: 100%}
.Grid-Container.Template-4 ul li svg{position: absolute; bottom:40px; right:40px; color: white; fill: none; stroke: currentColor;}

.content-subtitles.theme-5 ul, .content-subtitles.theme-5 ul li{margin:0;padding:0;}
.content-subtitles.theme-5.variant-2 ul li{margin-bottom: 40px;}
.content-subtitles.theme-5.variant-3 ul li{position: relative; min-height: 280px; margin-bottom: 40px; overflow:hidden;}
.content-subtitles.theme-5.variant-3 ul li:hover .right{transform:scale(1.1)}
.content-subtitles.theme-5.variant-3 ul li:hover .left{background: #9600003f}
.content-subtitles.theme-5.irregular ul li:nth-child(even){direction:rtl;}
.content-subtitles.theme-5 .left{display: flex;direction: ltr;}
.content-subtitles.theme-5.variant-1 .left{height: calc((100vw / 16 * 9) / 16 * 9);min-height: 400px;text-align: center; padding: 25px; align-items: center; justify-content: center; background-color: #ececec;}
.content-subtitles.theme-5.variant-2 .left{height: 100%;min-height: 300px;padding: 30px 20px;background: #212121;color: #FFF;}
.content-subtitles.theme-5.variant-3 .left{position:absolute;width:100%;height: 100%;min-height: 280px;padding: 30px 20px;background: #2121213f;color: #FFF;z-index:1;transition: all 0.5s;align-items: flex-end;}
.content-subtitles.theme-5.variant-1 .left h3{font-weight: 500;font-size: 39px;}
.content-subtitles.theme-5.variant-2 .left h3{position: relative;font-size:20px;color: #FFF;overflow:visible; line-height: 2;}
.content-subtitles.theme-5.variant-2 .left h3:before{position: absolute; content: ""; left: -20px; bottom: 0; width: 50px; height: 4px; background-color: red; box-sizing: border-box;transition: all .5s;}
.content-subtitles.theme-5.variant-2 .left h3:hover:before{width: 150px;}
.content-subtitles.theme-5.variant-3 .left h3{color:white}
.content-subtitles.theme-5 .left p{max-width: 560px;}
.content-subtitles.theme-5 .left .text-description{line-height: 1.8; font-weight: 400;}
.content-subtitles.theme-5.variant-1 .left .text-description{font-size: 18px;}
.content-subtitles.theme-5.variant-2 .left .text-description{font-size:15px;}
.content-subtitles.theme-5 .left .text-link{color: #fff; display: inline-block;  font-weight: 400;}
.content-subtitles.theme-5.variant-1 .left .text-link{background-color: #777; text-transform: uppercase;padding: 11px 25px 13px;font-size: 19px;}
.content-subtitles.theme-5.variant-2 .left .text-link{background-color: #777; text-transform: uppercase;padding: 7px 14px;font-size: 15px;}
.content-subtitles.theme-5.variant-3 .left .text-link{border-bottom: 2px solid #960000; font-size: 15px;}
.content-subtitles.theme-5 .right{background-size: cover;background-repeat: no-repeat;background-position: center;}
.content-subtitles.theme-5.variant-1 .right{min-height: 400px;}
.content-subtitles.theme-5.variant-2 .right{min-height: 300px;}
.content-subtitles.theme-5.variant-3 .right{position:absolute;width:100%;min-height: 280px;transition: all 0.5s;}

.content-subtitles.theme-6 ul li {box-shadow: 0 15px 40px #d3dce8; background: white; overflow: hidden;}
.content-subtitles.theme-6 ul li .image{overflow:hidden;}
.content-subtitles.theme-6 ul li .image img{transition: transform 0.3s ease;}
.content-subtitles.theme-6 ul li a:hover img{transform: scale(1.1);filter: blur(2px);}

.content-subtitles.theme-6 .text{padding: 20px}
.content-subtitles.theme-6 .title{font-size:calc(17px + 0.65vw);}
.content-subtitles.theme-6 .content{font-size:calc(13px + 0.4vw);font-weight:200}

/* anasayfa duyurular */
.carousel_wrap{position:relative; padding:5px; background: #fafafa; border: 1px solid #eee; border-radius: 2px;}
.carousel_wrap .carousel{overflow:hidden; width:100%;}
.carousel_wrap .carousel ul{overflow:hidden; margin:0; padding:0; list-style:none;}
.carousel_wrap .carousel ul li{overflow:hidden; line-height:18px; margin:0; padding:17px 10px; color:#2c2c2c; border-bottom: 1px dotted #d4d4d4;}
.carousel_wrap .carousel ul li b{float:right;font-size: 12px;}
.carousel_wrap .carousel ul li h5{margin:0 0 3px 0; font-weight:bold;}
.carousel_wrap .carousel ul li a{color:#2c2c2c; text-decoration:none;}
.carousel_wrap .carousel ul li p{color:#717171; margin:0;}
.carousel_wrap .carousel ul li .small {font-size:60%;}
.carousel_wrap .butons{padding: 10px; font-weight: bold; text-align: right;}
.Carausel_En {float:left; width:100%; padding-top:20px;}

/* /Anasayfa Genel */

/* Rich Editor Icerik Sablonlari */
.content-theme-12 img{max-width:100%}
.content-theme-12 div{text-align:center}
.content-theme-12 .title{background: #434343;padding: 7px;color: #f6f6f6;font-weight: 500;font-size: 17px;margin-bottom: 10px;}

.content-theme-13 {margin: 40px 0;}
.content-theme-13 i.fa{visibility: hidden;font-size:0;}
.content-theme-13 i.fa::before{visibility: visible;font-size:var(--icon-font-size);}
.content-theme-13 .about-title {position: relative; padding-left: 10px;}
.content-theme-13 .about-title:before {content: ""; position: absolute; top: 4px; left: 0; width: 3px; height: 15px; background: red;}
.content-theme-13 .about-h3 {font-size: calc(1.345rem + 1.14vw);}

.content-theme-13 .set-1 div{color:#363636;padding: 18px 18px 18px 30px; background-color: #FFFFFF;}
.content-theme-13 .set-1 .icon{display: inline-block; width:35px;--icon-font-size: 18px; color:#FFA826;}
.content-theme-13 .set-2 div{color:#363636;padding: 30px; background-color: #FFFFFF; text-align: center;}
.content-theme-13 .set-2 .icon{--icon-font-size: 62px; color:red; text-align: center;}
.content-theme-13 .set-2 h4{margin-top:20px;}
.content-theme-13 .set-2 h4 span{font-weight:600;font-size:20px;color:black!important}
.content-theme-13 .set-2 p{font-size: 16px; line-height: 30px; color: #6f6f6f}

.content-theme-14 {text-align:center;}
.content-theme-14 h4{font-size: 2.5vw; font-weight:600}
.content-theme-14 .col-4{text-align: right;}

.content-theme-16 img{max-width:100%}
.content-theme-16 .headline-text{font-size: calc(11px + 0.4vw); font-weight:400; margin: 0 0 14px 0;}
.content-theme-16 .title-text{font-size: 2.5vw; font-weight:800; margin: 0 0 22px 0;}
.content-theme-16 .content-text{line-height: 30px; margin: 0 0 30px 0;}

/* Eklenti */

.additions-theme-2.full{background-color:#fafafabf}
.additions-theme-2.full .title-area{text-align:center;}
.additions-theme-2.inline .Content-Title{margin:0}

.additions-theme-2 input,
.additions-theme-2 textarea,
.additions-theme-2 select{color: gray;border-color: transparent;height: 60px; padding: 15px; background-color: #f1f1f1; -webkit-transition: all 0.35s; transition: all 0.35s;}
.additions-theme-2 textarea{padding: 20px;}

.additions-theme-2 input:focus,
.additions-theme-2 textarea:focus,
.additions-theme-2 select:focus{border-color:#FFA826}

.contact h3 {font-size:25px;line-height: 1.2;}
.contact .socials {display:flex;flex-wrap: wrap;margin-bottom:25px}
.contact .socials a{display:flex;width:48px;height:48px;border: 1px solid #E8E8E8;margin:5px 5px 5px 0;align-items:center;justify-content:center;transition: all 0.35s;}
.contact .socials a:hover{color:white}
.contact .information{display:flex;align-items: center;margin-bottom:25px}
.contact .information .icon{width:35px;margin-right: 10px;text-align:center}
.contact .information .icon i{font-size:35px;}


/* Reklam */

.Advertisement-Text-Area {position: relative; display: flex; align-items: center; justify-content: center; max-width: 100%; overflow: auto; box-sizing: border-box; font-size: 14px; font-weight: bold; color:#FFFFFF; margin: 0px auto 0px auto; padding: 4px;}

.reklam728x90Ust {position: relative; width: 100%; text-align: center; background-color: transparent; font-size: 11px; margin: 0px auto 0px auto; padding: 0;}
.reklam728x90Ust img{max-width: 100%; height: auto;}

.reklamMansetAlti {width: 100%; text-align: center; background-color: transparent; font-size: 11px; margin: 15px auto 15px auto; padding: 0;}

.reklamSagAltUcar{opacity: 0.8; position: fixed; bottom:5px; right:5px; margin: 0; padding:0; z-index:9999; text-align:center; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.reklamSagAltUcar:hover{opacity: 1;}
.reklamSagAltUcarInside {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -webkit-border-radius: 5px; color: #FFF; font-size: 14px; font-weight: bold; color:#FFFFFF; margin: 0;}
.reklamSagAltUcarInside p {padding:0;margin:0;font-weight:bold;}

.reklamAltKutular {position: relative; text-align:center; gap: 10px; margin: 20px 0; padding:0; overflow: hidden; max-width: 100%;}
.reklamAltKutular img{width: 100%;}
.reklamAltKutular .Title{position: absolute; width: 100%; height:100%; padding: 0; margin: 0; bottom: 0; left: 0; text-align: center; color: #FFF; text-shadow: 0px 1px 1px rgba(255,255,255,0.6); background: rgba(0, 0, 0, 0.5); z-index: 100;}
.reklamAltKutular .Title span{position: absolute; padding: 0; margin: 0; bottom: 8px; text-align: center; left: 0px; right: 0px;}
.reklamAltKutular .TextAds{display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; color:#FFFFFF; margin: 0; padding:10px; box-sizing: border-box;}
.reklamAltKutular .TextAds p{margin: 0; padding:0;}

/* /Reklam */


/* Quick Filter Icerik Ayni Sayfada Acil */

.portfolio-sortable{text-align: center;margin-bottom:40px}
.portfolio-sortable ul{margin: 0; padding: 0; list-style: none;}

.portfolio-sortable.theme-1 {text-align: center; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); padding:0; margin-bottom: 30px; font-size: 14px;}
.portfolio-sortable.theme-1 .auto, .portfolio-sortable.theme-1 .custom{display:flex;}
.portfolio-sortable.theme-1 .custom{justify-content: center;}
.portfolio-sortable.theme-1 ul li{margin: 0;width: auto;}
.portfolio-sortable.theme-1 ul li a{display: flex; width: 100%; height:100%; box-sizing: border-box; padding: 8px 10px; border-bottom: 2px solid #cecece; text-transform: uppercase;  cursor: pointer; text-align: center; color: #454545;align-items: center; justify-content: center;}

.portfolio-sortable.theme-2 .auto, .portfolio-sortable.theme-2 .custom{display: flex;justify-content: center;gap:15px;}
.portfolio-sortable.theme-2 ul li{display:flex;box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);justify-content: center;align-items: center;}
.portfolio-sortable.theme-2 ul li a{display: flex;width:100%;height: 100%;padding:15px;font-size: calc(10px + 0.3vw);align-items: center;justify-content: center}

#portfolio article .hx {display:flex}
#portfolio article h3 {    background: black;
    color: white;
    padding: 5px 10px;
    display: inline-block;}
#portfolio article h4 {
	

    border: 1px solid #5a5a58;

    color: #353535;
    font-size: 12px;


    padding: 4px 12px;
	display:flex;
	align-items: center;
	
	
}


#portfolio .Subtitle-Vertical.background-view-3 {
	
margin-bottom:50px
	
}

/* FAQ */
#subtitle-faq > h3{display:flex;cursor: pointer;background-color:#ededed;padding:30px 40px;font-weight:normal}
#subtitle-faq > h3 span{position:relative;padding-right: 25px;}
#subtitle-faq > h3 span:before {display: flex;position:absolute;height: 100%;align-items: center;font-family: 'FontAwesome', sans-serif;color:#ff0000}
#subtitle-faq > h3 span.status:before {content: "\f067";}
#subtitle-faq > h3.active span.status:before {content: "\f068";}
#subtitle-faq .faq-item .faq-item-inside{width: 100%;border: 1px solid #ededed;border-bottom:10px solid #ff0000;margin-bottom:15px;}
#subtitle-faq .faq-item .faq-item-inside .content{display:inline-block;padding:35px;}
#subtitle-faq .faq-item .faq-item-inside p{margin:0 0 15px 0;}

.SeritAlanBackground{padding:20px 0;}

.FooterLogos {padding-top:20px; background-color: #FFFFFF;}
.FooterLogos img{width: 96%;padding:0 2%;filter: grayscale(100%); transition: all 1s ease-out;}
.FooterLogos img:hover {filter: grayscale(0%);transform: scale(1.1);}
.FooterLogos p{font-size:14px;color:#3498db;width: 96%;padding:0 2%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}

.Content-Top-Picture {padding:10px 0 10px 0;}

.Content-Interactive {position: relative; margin:20px 0;padding-top: 10px; border-top: 1px solid #e2e2e2; color: #666; font-size:10pt;}
	.Content-Interactive span {float: left;}
	.Content-Interactive-Left {float:left; width:70%;}
	.Content-Interactive-Right {float:left; width:30%; text-align: right;}

.Content-Title{display: inline-block; padding-bottom: 5px; border-bottom: 0.5px solid #e0e0e0; font-size: 21px; font-weight: bold;}

.content-title-theme-1 .title{display: inline-block; padding-bottom: 5px; border-bottom: 0.5px solid #e0e0e0; font-size: 21px; font-weight: bold;}

.content-title-theme-2 .title-top{position:relative; display:block; padding-bottom: 5px; font-size: 14px; font-weight: bold;}
.content-title-theme-2 .title-top i{height: 24px;width: 24px;line-height: 24px;border-radius: 50%;font-size: 12px;text-align: center; margin-right: 10px;}
.content-title-theme-2 .title{position:relative; display:block; padding-bottom: 5px; font-size: 36px; font-weight: bold;}
.content-title-theme-2 .title:after{content: '';left: 0;bottom: -16px;position: absolute;width: 112px;height: 8px;border-radius: 4px;}

.FullWidth {width:100%; padding:10px 0;}
	.FullWidth iframe {width: 100%; height: 410px; border: 0;}
.divTable {width:100%; overflow: auto;}

.OrderBoxes {display: inline-block; width: 100%; border: solid 1px #e7e7e7; border-radius: 3px; margin: 20px 0; height: 25px;}
	.OrderBoxes a{float:right; padding: 4px 10px; border-left: solid 1px #e7e7e7; border-radius: 0;font-size:10pt;}
	.OrderBoxes span{display: inline-block; margin: 4px 0 0 5px; font-size:10pt;}
	.OrderBoxesCurrent {background-color:#CCCCCC; color: #FFF;}

.TitleSubText {display: inline-block; margin-top: 7px;}

.Content-Product{}

.Content-Product table {
	font-size: 12px;
  border-collapse: collapse;
  border: none;
}

.Content-Product table td,
.Content-Product table th {
  border: 1px solid #9d9d9d;
  	background:transparent !important;
}

.Content-Product table td {
padding: 10px 0 10px 0;
}

.Content-Product table td:nth-child(odd) {
font-weight:600
}
.Content-Product table td:nth-child(even) {
text-align:right
}

/* Üst ve sol dış kenar çizgilerini kaldır */
.Content-Product table tr:first-child td {
  border-top: none;
}

.Content-Product table tr td:first-child {
  border-left: none;
}

/* Sağ ve alt dış kenar çizgilerini kaldır */
.Content-Product table tr td:last-child {
  border-right: none;
}

.Content-Product table tr:last-child td {
  border-bottom: none;
}

.product-icons {

}
.product-icons .icon{
font-size:50px;
text-align:center
}
.product-icons .content{
text-align:center;
display: flex;
flex-direction: column;
}



.product-icons .content span.title{font-size:14px;font-weight:600}
.product-icons .content span.list{font-size:12px;}




.content-product-images{margin-top: 7px; margin-bottom: 15px;}
.content-product-images .images-slide, .content-product-images .images-thumbs{box-shadow: 0 15px 40px #d3dce8;}
.content-product-images .images-slide .slick-next{right:-1px}
.content-product-images .images-slide .slick-prev{left:-1px}

.content-product-images .images-thumbs-thumbs ul li{margin:0 5px}
.content-product-images .images-thumbs-thumbs .slick-list {margin: 0 -5px;}

.content-product-images .slick-slider{margin:0;padding:0}
.content-product-images .wk-image-area {display:flex;justify-content: center;align-content: center;align-items: center;margin:0;}

.Content-Product h1{font-size: 24px; font-weight: 600;margin-bottom: 15px;}
.Content-Product h2{font-size: 20px;font-weight: 400;margin-bottom: 20px;border-bottom: 1px solid #e9e9e9;padding-bottom: 15px;}

.ProductBox{margin-top: 15px;}
.ProductBox p{margin: 0;}

.ProductBox .Cart-Button{font-size: 15px; padding: 18px 18px; border-radius: 8px; font-weight: 600;}
.ProductBox .Cart-Button:hover{transform: scale(1.05);}

.ProductDiscountBox{color: white; width: 60px; float: left; text-align: center; font-weight: bold; background: red; margin-right: 10px;font-size: 15px;}
.ProductDiscountBox.Large{padding: 9px 5px;}
.ProductDiscountBox.Small{padding: 5px 0; font-size: small;}

.product-thumbs, .product-thumbs a, .product-thumbs span, .product-thumbs img{width:100%;}
.product-thumbs img{object-fit: cover;max-height:100%;height: 75px;}

.ProductStock{padding: 5px 0; font-size: small;}
.ProductStock.Yes{color: #23a06c;}
.ProductStock.No{border-bottom: 1px dashed #dc3e3b;}
.add-cart-button{padding: 10px; box-sizing: border-box; background: orange; color: white; font-weight: bold; text-align: center;}
.add-cart-button:hover{color: white;}

.gallery-thumbs, .gallery-thumbs a, .gallery-thumbs span, .gallery-thumbs img{width:100%;}
.gallery-thumbs img{object-fit: cover;max-height:100%;height: 180px;}

.Subtitle-Vertical .ProductBrand{display: inline-block; margin-top: 7px;}
.Subtitle-Horizontal2  .ProductBrand, .Subtitle-Horizontal1 .ProductBrand{display: block; margin-bottom: 7px;}

.SubtitleTextHide {display:none; width:100%;}
.SubtitleTextHide p {line-height: 22px; font-weight: 400;}

.SubtitleOnPicture {background-color: #000;}
.SubtitleOnPicture img{opacity: .6 !important;}
.SubtitleOnPicture span:hover{color: #FFFFFF;transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.SubtitleOnPicture .TextArea{color: #FFF; position:absolute; display:block; bottom:15px; width: calc(100% - 20px); text-align:center; margin: 0 10px; text-transform: uppercase; letter-spacing: .1em; font-weight: bold; font-size: 120%;}


/* Hammer Ozel */

.Halat-Tamburu-Teknik-Tablo{float: left;width: 100%;text-align:center;box-sizing:border-box;}
.Halat-Tamburu-Teknik-Tablo p{text-align:center;}

.Halat-Tamburu-Teknik-Tablo .Halat-Tamburu-Alt-Dortlu-Alan {display:flex;}
.Halat-Tamburu-Teknik-Tablo .Halat-Tamburu-Alt-Dortlu-Alan p{width:25%;padding:5px;margin:0;border:0px solid #FFF;}
.Halat-Tamburu-Teknik-Tablo .Halat-Tamburu-Alt-Dortlu-Alan:nth-child(even) p{background:#efefef;}
.Halat-Tamburu-Teknik-Tablo .Halat-Tamburu-Alt-Dortlu-Alan.Bold p span{font-weight:bold;}
.Halat-Tamburu-Teknik-Tablo .Halat-Tamburu-Alt-Dortlu-Alan p span.red{color:red; font-style: italic;}

.Halat-Tamburu-Teknik-Tablo .Halat-Tamburu-Alt-Dortlu-Alan.Besli p{width:20% !important;}



.order-form{padding:25px;border-radius:15px;background:white}




/* Sepete Ekle - Cart */
.addCart{display: flex;}
.addCart .leftQuantity{margin-right: 10px;text-align: center;}
.addCart .leftQuantity input[type=number]{width:80px;margin:0;padding:6px;}
.addCart .rightButton button{border-radius: 0;}

.cartListTitle{align-items: center;background-color: #333;}
.cartListTitle div{background-color: #333;padding: 15px 8px; color: white; box-sizing:border-box;}
.cartList{align-items: flex-start;}

.cartInformSpan{display: inline-block;width: 100px;font-weight: bold;}
.cartInformBox{box-sizing: border-box; padding: 20px; min-height: 360px;}
.cartInformBox.Personal{background: beige;}
.cartInformBox.Delivery{background: antiquewhite;}
.cartInformBox.Invoice{background: lightgray;}


/* fancyBox */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-skin a {color: #444;}

.fancybox-opened {
	z-index: 9999999;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
	border:10px;
}

.fancybox-inner img {
	max-width:100%;
	height:auto;
}


.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 75%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 999999;
	background: url('../images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    width: 60vw;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* fancyBox */


/* Animations */

.mouse-sensitive-bg {width: 110%!important; height: 110%!important; transform: translateX(var(--translateX))translateY(var(--translateY)); transition-duration: 0.3s;}

@-webkit-keyframes bounceright {
from{-webkit-transform: translateX(0);}
to{-webkit-transform: translateX(3px);}
}
@keyframes bounceright {
from{ transform: translateX(0);}
to{ transform: translateX(3px);}
}

@keyframes rotate{
from{transform: rotate(45deg);}
to{transform: rotate(360deg);}
}

.rotating{animation: rotate 250s infinite;}













/*
.product-img {
  width: 300px;
  animation: breathing 7s ease-in-out infinite;
  will-change: transform;
}
*/


.product-img {
  width: 300px;
  animation: floatTilt 10s ease-in-out infinite;
  will-change: transform;
}



/* Nefes */

@keyframes breathing {
  0%   { transform: scale(1); }
  25%  { transform: scale(1.015); }
  50%  { transform: scale(1.03); }
  75%  { transform: scale(1.015); }
  100% { transform: scale(1); }
}




/* Dalgalanma */
@keyframes floatTilt {
  0%   { transform: translate(0, 0) rotate(0deg) scale(1); }
  20%  { transform: translate(4px, -5px) rotate(1deg) scale(1.01); }
  40%  { transform: translate(-3px, -2px) rotate(-1deg) scale(1); }
  60%  { transform: translate(3px, 3px) rotate(1deg) scale(0.99); }
  80%  { transform: translate(-2px, 4px) rotate(-1deg) scale(1); }
  100% { transform: translate(0, 0) rotate(0deg) scale(1); }
}
















.animation-top-10{position:relative;top:0px;transition:all .3s;}
.animation-top-10:hover{opacity:.5;top:-10px;}

.ContentFeaturesBox{margin: 15px 0;}
.ContentFeaturesBox .Inside{display: flex; align-items: center;}
.ContentFeaturesBox .Inside h4{margin-bottom: 2px;}
.ContentFeaturesBox .Inside i.fa{display: table-cell; vertical-align: middle; color: white; text-align: center; background-color:#333333; margin: 0 auto; border-radius: 50%;}

.ContentFeaturesBox.Side .Inside div{margin-left:15px;}
.ContentFeaturesBox.Side .Inside i.fa{font-size: 30px; width: 64px; height: 64px; text-indent: 10px;}
.ContentFeaturesBox.Side .Inside img{width: 64px;}

.ContentFeaturesBox.Under .Inside{flex-direction: column; text-align:center;}
.ContentFeaturesBox.Under .Inside div{margin-top: 10px;}
.ContentFeaturesBox.Under .Inside i.fa{font-size: 45px; width: 100px; height: 100px; text-indent: 14px;}

.ContentPictureRoundEdge {border-radius: 50%;}

.ContentPictureLeft {float: left; max-width: 450px; margin-right: 30px; margin-bottom: 20px; margin-top: 4px;}
.ContentPictureRight {float: right; max-width: 450px; margin-left: 30px; margin-bottom: 20px; margin-top: 4px;}

.LinkTemplate {position: relative; display: inline-block; max-width: 100%; -webkit-font-smoothing: antialiased; padding: 12px 90px 12px 15px; box-sizing:border-box; border: none; color: white !important; transition: .2s;}
.LinkTemplate:before, .LinkTemplate:after {position: absolute; top: 0; bottom: 0; right: 0; padding-top: inherit; padding-bottom: inherit; width: 2.8em; content: "\00a0"; font-family: 'FontAwesome', sans-serif; font-size: 1.5em; text-align: center; transition: .2s; transform-origin: 50% 60%;}
.LinkTemplate:hover:after {-webkit-animation: bounceright .3s alternate ease infinite; animation: bounceright .3s alternate ease infinite;}
.LinkTemplate:disabled {opacity: 0.3;}

.LinkTemplate.orange {background-color: orange;color:white;}
.LinkTemplate.orange:before, .LinkTemplate.orange:hover, .LinkTemplate.orange:active, .LinkTemplate.orange:focus {background: #ff6a00;}

.LinkTemplateArrow:after {content: "\F054";}
.LinkTemplateFile:after {content: "\f15b";}
.LinkTemplateDownload:after {content: "\f019";}


/* Content Templates */
.content-template-1{padding-top: 90px; padding-bottom: 120px; margin-bottom: 50px;}
.content-template-1 .left-side{position: relative; z-index: 5;}
.content-template-1 .left-side::before{position: absolute; content: ''; height: 630px; width: 630px; transform: rotate(45deg); background: #fff; z-index: -1; left: -200px; top: 40px; box-sizing: border-box; animation: rotate 150s infinite;}
.content-template-1 .right-side{position: relative;z-index:5;}
.content-template-1 .right-side::before{position: absolute; content: ''; width: 0; height: 0; border-top: 30px solid #0c86e2; border-right: 30px solid transparent; right: 0px; bottom: 0;}
.content-template-1 .right-side .about-title{font-weight: 700; letter-spacing: 2px; text-transform: uppercase;}
.content-template-1 .right-side .about-h3{font-size: calc(15px + 4vw);line-height: calc(12px + 5vw); padding-top: 18px; padding-bottom: 36px;font-weight: 700;margin: 0px;}
.content-template-1 .right-side .about-text{font-weight: normal; font-style: normal; overflow-x: hidden;}
.content-template-1 .right-side .about-experience{position: relative; display: flex; align-items: center; margin-top: 10px; margin-bottom: 28px;}
.content-template-1 .right-side .about-experience h3{font-weight: 700; font-size: 100px; padding-right:20px}
.content-template-1 .right-side .about-experience h3::before{position: absolute; content: ''; width: 0; height: 0; border-top: 30px solid #0c86e2; border-right: 30px solid transparent; left: -48px; top: 23px;}
.content-template-1 .right-side .about-experience .big-text{font-size: 30px; line-height: 30px; font-weight: bold; text-transform: capitalize;}


/* Responsive */

/* 1320px Ustu */
@media screen and (min-width: 1320px) {
.content-theme-14 h4{font-size: 35px;}
.hide-1320{display:none;}

.menu ul{list-style-type: none;}
.menu > ul > li > ul{height: auto; justify-content: center;overflow:auto;padding: 20px;-webkit-box-shadow: 0px 3px 9px -1px rgba(97,79,97,0.22);-moz-box-shadow: 0px 3px 9px -1px rgba(97,79,97,0.22);box-shadow: 0px 3px 9px -1px rgba(97,79,97,0.22);background:white;}
.menu .sub-theme-1 > ul, .menu .sub-theme-2 > ul {max-height: 60vh;}
.menu > ul > li > ul > li > ul > li {font-weight: normal;}
.menu > ul > li > ul > li > a{padding: 12px 0;}

.menu .sub-theme-1 > ul {width:auto; max-width: 300px; left: auto; transition: all 0.35s;padding:10px 20px}
.menu .sub-theme-1 > ul > li {width: 100%}
.menu .sub-theme-1 > ul > li:last-child a{border:0}
.menu .sub-theme-1 > ul > li a {font-weight:normal}

.menu .sub-theme-2 > ul {width:90%;margin:0 5%;transition: all 0.35s;}
.menu .sub-theme-2.column-2 > ul > li {width: 50%}
.menu .sub-theme-2.column-3 > ul > li {width: 33.34%}
.menu .sub-theme-2.column-4 > ul > li {width: 25%}
.menu .sub-theme-2.column-5 > ul > li {width: 20%}

.menu .sub-theme-3 > ul {display: flex;flex-direction: column;left: auto;padding:10px 20px;overflow:visible !important;max-width:330px;justify-content: flex-start;}
.menu .sub-theme-3 > ul > li {width: 100%;}
.menu .sub-theme-3 > ul > li:last-child a{border:0;}
.menu .sub-theme-3 > ul > li a {font-weight:normal;}
.menu .sub-theme-3 > ul > li, .menu .sub-theme-3 li {position: relative;}
.menu .sub-theme-3 > ul > li > ul,.menu .sub-theme-3 li ul li ul {position: absolute;left: 100%;top: 0;opacity: 0;width:0;height:0;overflow:hidden;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);background-color: #fff;transform: translateX(-35px);z-index: 1;font-size: 12px;transition: transform 0.5s, opacity 0.35s;}
.menu .sub-theme-3.left > ul > li > ul,.menu .sub-theme-3.left li ul li ul {left: auto;right:100%;}
.menu .sub-theme-3 > ul > li:hover > ul,.menu .sub-theme-3 li ul li:hover > ul {width:100%;height:auto;padding:15px;overflow:visible;opacity: 1;transform: translateX(0);}


.menu.menu-Underline > ul > li > a{padding: 12px 10px;}
.menu.menu-Underline > ul > li > a::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    height: 3px;
    transform: scaleX(0);
    transition: 400ms ease all;
    transform-origin: left;
}

/* hover olduğunda çizgi açılıyor */
.menu.menu-Underline > ul > li > a:hover::before {
    transform: scaleX(1);
}





}

/* 1320px Alti */
@media screen and (max-width: 1320px) {

/* Menu */
#Menu-Area {position: fixed; display: none; width: 100%; height: 100%; top: 0; right: 0; z-index: 999; background: black; opacity: 0.6; overflow: auto;}

.menu-mobile {display: block;}
.menu-dropdown-icon:before {position: absolute; display: block; right: 0; z-index: 9;}

.Menu-Area-Inside {float: none; padding: 0; display: none;}

.menu > ul > li {width: 100%; display: block; border-bottom: 0.5px solid whitesmoke;}
.menu > ul > li a {display: block; padding: 15px 18px;}
.menu > ul > li > ul {position: relative;}

.menu > ul > li > ul.menu-open {height:auto;padding: 10px 20px 20px 40px;}
.menu > ul > li > ul > li {float: none; width: 100%; margin-top: 20px;}
.menu > ul > li > ul > li:first-child {margin: 0;}
.menu > ul > li > ul > li:last-child a{border:0;}
.menu > ul > li > ul > li > ul {position: relative;}
.menu > ul > li > ul > li > ul > li {float: none;}

.is-sticky-sub .menu > ul > li > a, .menu > ul > li > a{color: initial;}
.is-sticky-sub .menu > ul > li > a:hover, .menu > ul > li > a:hover{color: white;}

.Menu-Area-Inside.show-on-mobile-tr {transform:translateX(-300px);}
.Menu-Area-Inside.show-on-mobile {display: block; position:fixed; width:300px; top:0; right:-300px; height:100%; overflow-y:auto; z-index:100022; background:#fff; transition:0.4s;}
.Menu-Area-Inside.show-on-mobile i.fa-angle-right{display: inline;}

}

/* Desktop 992px Ustu */
@media screen and (min-width: 992px) {

.gap-8{grid-gap: 80px !important;}
.wk-head.default:not(.is-sticky-sub) {position: absolute; z-index: 100021;}
.wk-head.default:not(.is-sticky-sub) .menu.menu-Striped>ul>li a:before {background-color: white;}
.logo .WhiteLogo {filter: grayscale(100%) contrast(30%) brightness(2000%);}
.logo .BlackLogo {filter: brightness(0);}
.mobile-show{display:none;}
.top-menu.classic.centered{grid-template-columns: 1fr; justify-items: center;margin-bottom:10px;}
.top-menu.classic.centered .article-group{display:flex;}
.top-menu.classic.centered .logo{margin: 10px 0;}


.main-text-div{margin-left: 50px; max-width: 900px;}
.main-text{font-size: 44px;}
.main-text span{font-size: 44px;}

.theme-3-shortcut .Text-Area .Title{font-size: 1.4vw;}
.theme-3-shortcut .Text-Area .Short-Content{font-size: 0.9vw;}
.theme-3-shortcut .slick-list {padding:75px 0 0 0}
}

/* 768px ustu */
@media screen and (min-width: 768px) {
.sm-show{display:none}
.theme-4-shortcut {margin-top: -120px;}
}

/* 1280px alti */
@media screen and (max-width: 1280px) {

body{min-width:960px;}

/* col */
.row{grid-gap: 40px;}
.row .col-lg-1{grid-column: span 1;}
.row .col-lg-2{grid-column: span 2;}
.row .col-lg-3{grid-column: span 3;}
.row .col-lg-4{grid-column: span 4;}
.row .col-lg-5{grid-column: span 5;}
.row .col-lg-6{grid-column: span 6;}
.row .col-lg-7{grid-column: span 7;}
.row .col-lg-8{grid-column: span 8;}
.row .col-lg-9{grid-column: span 9;}
.row .col-lg-10{grid-column: span 10;}
.row .col-lg-11{grid-column: span 11;}
.row .col-lg-12{grid-column: span 12;}

/* row col lg */
.row-col-lg-1 {grid-template-columns: repeat(1, 1fr);}
.row-col-lg-2 {grid-template-columns: repeat(2, 1fr);}
.row-col-lg-3 {grid-template-columns: repeat(3, 1fr);}
.row-col-lg-4 {grid-template-columns: repeat(4, 1fr);}
.row-col-lg-5 {grid-template-columns: repeat(5, 1fr);}
.row-col-lg-6 {grid-template-columns: repeat(6, 1fr);}
.row-col-lg-7 {grid-template-columns: repeat(7, 1fr);}
.row-col-lg-8 {grid-template-columns: repeat(8, 1fr);}
.row-col-lg-9 {grid-template-columns: repeat(9, 1fr);}
.row-col-lg-10 {grid-template-columns: repeat(10, 1fr);}
.row-col-lg-11 {grid-template-columns: repeat(11, 1fr);}
.row-col-lg-12 {grid-template-columns: repeat(12, 1fr);}
.row-col-lg-1, .row-col-lg-2, .row-col-lg-3, .row-col-lg-4, .row-col-lg-5, .row-col-lg-6, .row-col-lg-7, .row-col-lg-8, .row-col-lg-9, .row-col-lg-10, .row-col-lg-11, .row-col-lg-12 {grid-gap: 15px;}

.wk_container{width: 100%;margin: 0 auto;}	

.portfolio-sortable{font-size: 12px;}

.menu.menu-Striped > ul > li a{margin-left:20px;}

}

/* 992px to 1280px */
@media only screen and (max-width: 1280px) and (min-width: 992px){


}

/* Mobile 992px alti*/
@media screen and (max-width: 992px) {

body{min-width:768px; background-image:none;}

/* col */
.row{grid-gap: 40px;}
.row .col-md-1{grid-column: span 1;}
.row .col-md-2{grid-column: span 2;}
.row .col-md-3{grid-column: span 3;}
.row .col-md-4{grid-column: span 4;}
.row .col-md-5{grid-column: span 5;}
.row .col-md-6{grid-column: span 6;}
.row .col-md-7{grid-column: span 7;}
.row .col-md-8{grid-column: span 8;}
.row .col-md-9{grid-column: span 9;}
.row .col-md-10{grid-column: span 10;}
.row .col-md-11{grid-column: span 11;}
.row .col-md-12{grid-column: span 12;}

/* row col md */
.row-col-md-1 {grid-template-columns: repeat(1, 1fr);}
.row-col-md-2 {grid-template-columns: repeat(2, 1fr);}
.row-col-md-3 {grid-template-columns: repeat(3, 1fr);}
.row-col-md-4 {grid-template-columns: repeat(4, 1fr);}
.row-col-md-5 {grid-template-columns: repeat(5, 1fr);}
.row-col-md-6 {grid-template-columns: repeat(6, 1fr);}
.row-col-md-7 {grid-template-columns: repeat(7, 1fr);}
.row-col-md-8 {grid-template-columns: repeat(8, 1fr);}
.row-col-md-9 {grid-template-columns: repeat(9, 1fr);}
.row-col-md-10 {grid-template-columns: repeat(10, 1fr);}
.row-col-md-11 {grid-template-columns: repeat(11, 1fr);}
.row-col-md-12 {grid-template-columns: repeat(12, 1fr);}
.row-col-md-1, .row-col-md-2, .row-col-md-3, .row-col-md-4, .row-col-md-5, .row-col-md-6, .row-col-md-7, .row-col-md-8, .row-col-md-9, .row-col-md-10, .row-col-md-11, .row-col-md-12{grid-gap: 15px;}

.aling-center-md {text-align:center!important}
.float-md-left{float:left!important}
.float-md-right{float:right!important}


iframe {width: 100%; margin-bottom: 20px;}
table {width: 100%;}
.wk_container{width: 100%;margin: 0 auto;}

.logo span {float: left; font-size: 25px;}

.carousel-wrapper {background-image:none;}
.portfolio-sortable ul li{width: 100%; border-right: 0;}
.theme-3-shortcut .Text-Area .Title{font-size: x-large;}


.language i{font-size:30px}

.mobile-hide{display:none !important;}

.Subtitle-Horizontal1 li .Image{width:100%}
.Subtitle-Horizontal1 li .wk-article {flex-direction: column;}


.Grid-Container ul li a{font-size: 20px !important; padding:0 !important;}

.logo .logo-sticky {max-height:0 !important;display:none}
.if-logo-sticky .logo-top {max-height:0 !important; display:none}
.if-logo-sticky .logo-sticky {max-height:35px !important; max-width: 145px;display:inherit;width: auto;padding: 4px 0;}

}


/* below 768px */
@media screen and (max-width: 768px) {
	
body{min-width:576px;}

/* col */
.row{grid-gap: 20px;}
.row .col-sm-1{grid-column: span 1;}
.row .col-sm-2{grid-column: span 2;}
.row .col-sm-3{grid-column: span 3;}
.row .col-sm-4{grid-column: span 4;}
.row .col-sm-5{grid-column: span 5;}
.row .col-sm-6{grid-column: span 6;}
.row .col-sm-7{grid-column: span 7;}
.row .col-sm-8{grid-column: span 8;}
.row .col-sm-9{grid-column: span 9;}
.row .col-sm-10{grid-column: span 10;}
.row .col-sm-11{grid-column: span 11;}
.row .col-sm-12{grid-column: span 12;}

/* row col sm */
.row-col-sm-1 {grid-template-columns: repeat(1, 1fr);}
.row-col-sm-2 {grid-template-columns: repeat(2, 1fr);}
.row-col-sm-3 {grid-template-columns: repeat(3, 1fr);}
.row-col-sm-4 {grid-template-columns: repeat(4, 1fr);}
.row-col-sm-5 {grid-template-columns: repeat(5, 1fr);}
.row-col-sm-6 {grid-template-columns: repeat(6, 1fr);}
.row-col-sm-7 {grid-template-columns: repeat(7, 1fr);}
.row-col-sm-8 {grid-template-columns: repeat(8, 1fr);}
.row-col-sm-9 {grid-template-columns: repeat(9, 1fr);}
.row-col-sm-10 {grid-template-columns: repeat(10, 1fr);}
.row-col-sm-11 {grid-template-columns: repeat(11, 1fr);}
.row-col-sm-12 {grid-template-columns: repeat(12, 1fr);}
.row-col-sm-1, .row-col-sm-2, .row-col-sm-3, .row-col-sm-4, .row-col-sm-5, .row-col-sm-6, .row-col-sm-7, .row-col-sm-8, .row-col-sm-9, .row-col-sm-10, .row-col-sm-11, .row-col-sm-12{grid-gap: 10px;}

.wk_container{width: 100%;margin: 0 auto;}

pre{width: 440px;}	
.theme-2-shortcut {width: 100%; float: none; margin: 0 0 15px;}
.wk-main h2{font-size: 21px; line-height: 32px;}
.sidebar{ margin-top: 20px; display:none; }
#Big-Title-Slider .item .TextArea .ob1_title{font-size: 25px;}

.Arama{margin:10px auto 10px auto; float:none; text-align:center; border:0;}
.SearchInside{width:200px; margin: 10px 0 0 -110px;}

.FullWidth iframe {height: 300px;}
.wk-top .Inside{padding-top: 10px; padding-bottom: 10px; justify-content: center;}
.wk-top .Inside h2{font-size: 85%;}
.wk-top .Inside div{width: 100%; text-align: center;}
.wk-top .Inside.Right{align-items: unset; height: 50%;}
.wk-top .TitlePictureBackground.Long, .wk-top .TitlePictureBackground.Short{height: unset; text-align: center;}
.ContentPictureLeft, .ContentPictureRight {width: 100%; margin-left: 0; margin-right: 0;}
.portfolio-sortable {display: none;}
.Filters-Area {display: inline;}

.ContentFeaturesBox .Inside{margin: 15px 0;}

.theme-3-shortcut .Color-Box{margin-bottom: 75px;}
.theme-3-shortcut .Text-Area{height: unset;}

#wk-site-footer .widgetized-footer .widget ul li{width: 100%;}
.Grid-Container ul li{grid-column: 1 / -1 !important;}
.Grid-Container.Template-4 ul li {max-height: 300px;margin-top: auto;}
.Grid-Container.Template-4 ul li img.box-image-Wide{width:200%;height:auto}
.Grid-Container.Template-4 ul li a{font-size: 20px !important;}


.mobile-hide720{display:none !important;}

.ProductDiscountBox{width: 40px; font-size: 10px !important;}

.main-page-contact-box{grid-template-columns: repeat(1, 1fr);}

}


/* below 576px */
@media screen and (max-width: 576px) {

body{min-width:320px;}

/* col */
.row .col-xs-1{grid-column: span 1;}
.row .col-xs-2{grid-column: span 2;}
.row .col-xs-3{grid-column: span 3;}
.row .col-xs-4{grid-column: span 4;}
.row .col-xs-5{grid-column: span 5;}
.row .col-xs-6{grid-column: span 6;}
.row .col-xs-7{grid-column: span 7;}
.row .col-xs-8{grid-column: span 8;}
.row .col-xs-9{grid-column: span 9;}
.row .col-xs-10{grid-column: span 10;}
.row .col-xs-11{grid-column: span 11;}
.row .col-xs-12{grid-column: span 12;}

/* row col xs */
.row-col-xs-1 {grid-template-columns: repeat(1, 1fr);}
.row-col-xs-2 {grid-template-columns: repeat(2, 1fr);}
.row-col-xs-3 {grid-template-columns: repeat(3, 1fr);}
.row-col-xs-4 {grid-template-columns: repeat(4, 1fr);}
.row-col-xs-5 {grid-template-columns: repeat(5, 1fr);}
.row-col-xs-6 {grid-template-columns: repeat(6, 1fr);}
.row-col-xs-7 {grid-template-columns: repeat(7, 1fr);}
.row-col-xs-8 {grid-template-columns: repeat(8, 1fr);}
.row-col-xs-9 {grid-template-columns: repeat(9, 1fr);}
.row-col-xs-10 {grid-template-columns: repeat(10, 1fr);}
.row-col-xs-11 {grid-template-columns: repeat(11, 1fr);}
.row-col-xs-12 {grid-template-columns: repeat(12, 1fr);}
.row-col-xs-1, .row-col-xs-2, .row-col-xs-3, .row-col-xs-4, .row-col-xs-5, .row-col-xs-6, .row-col-xs-7, .row-col-xs-8, .row-col-xs-9, .row-col-xs-10, .row-col-xs-11, .row-col-xs-12{grid-gap: 10px;}

.gap-1,.gap-2,.gap-4{grid-gap: 10px !important}

.wk_container{width: 100%;margin: 0 auto;}

pre{width: 270px;}

.wk-main h2{font-size: 18px;line-height: 32px;}

.FullWidth iframe {height: 200px;}
.OrderBoxes {display: flex; justify-content: center; align-items: center; border: 0;}
.OrderBoxes span{display: none;}
.OrderBoxes a{padding: 4px 4px; border-left: 0; border-bottom: solid 1px #e7e7e7;}

.SocialContentShare.FixedLeft div {top: unset; display: flex; width: 100%; bottom: 0;}
.SocialContentShare.FixedLeft div i, .SocialContentShare.FixedLeft div a{width:100%;}
.Grid-Container.Until6 ul {grid-template-columns: unset;}
.product-share .buttons a {height: 50px;}
}