@font-face {
  font-family: 'Klavika-Regular';
  src: url('fonts/Klavika-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/Klavika-Regular.otf')  format('opentype'),
       url('fonts/Klavika-Regular.woff') format('woff'), url('fonts/Klavika-Regular.ttf')  format('truetype'), url('fonts/Klavika-Regular.svg#Klavika-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika-Bold';
  src: url('fonts/Klavika-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Klavika-Bold.otf')  format('opentype'),
       url('fonts/Klavika-Bold.woff') format('woff'), url('fonts/Klavika-Bold.ttf')  format('truetype'), url('fonts/Klavika-Bold.svg#Klavika-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Klavika-Light';
  src: url('fonts/Klavika-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Klavika-Light.otf')  format('opentype'),
       url('fonts/Klavika-Light.woff') format('woff'), url('fonts/Klavika-Light.ttf')  format('truetype'), url('fonts/Klavika-Light.svg#Klavika-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open-Sans';
  src: url("fonts/OpenSans-Regular.eot?v=1.1.0");
  src: url("fonts/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("fonts/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Open-Sans-Bold';
  src: url("fonts/OpenSans-Bold.eot?v=1.1.0");
  src: url("fonts/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("fonts/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Open-Sans-Semi-Bold-Italic';
  src: url("fonts/OpenSans-SemiboldItalic.eot?v=1.1.0");
  src: url("fonts/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("fonts/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'Open-Sans-SemiBold';
  src: url("fonts/OpenSans-Semibold.eot?v=1.1.0");
  src: url("fonts/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("fonts/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }

body{margin: 0; padding: 0; font-family: 'CoHeadlineDaMaLightFH' !important; }
.clr{clear: both;}
.bxslider{visibility: hidden;}
a{outline: none; border:0; cursor: pointer;}
#wrapper{width: 100%;}
#wrapper #header{width: 100%; background-color: #fff; position:relative;  z-index: 99999;}
#wrapper #header #general {max-width: 100%; position: relative; padding:10px 50px; display:flex; align-items:center;}
#wrapper #header #general .logo{background-image: url(../images/logo.png); width: 200px; height: 90px;  background-repeat: no-repeat; z-index: 9;background-size: auto 100%;background-position: center;}
#wrapper #header #general .min-logo{background-image:url(../images/min-logo.png); width: 84px; height: 52px; position: absolute; left: 10px; top:60px; background-repeat: no-repeat; z-index: 9; display: none;}
#wrapper #header #general .top{height: 57px; width: auto; position: absolute; right:0; top: 0;}
#wrapper #header #general .menu{height: 57px;margin-left:auto;margin-bottom: 0px;}
#wrapper #header #general .menu li{height: 57px; line-height: 57px; display: inline-block; margin:0 0 0 33px; font-size: 15px; font-weight:700; position: relative;}
#wrapper #header #general .menu li a{text-decoration:none; text-transform:uppercase; color:#001026;}
#wrapper #header #general .menu li a:hover{text-decoration: underline;}

#wrapper #header #general .menu li ul {
  text-decoration: none;
  border-bottom-width: 6px;
  border-bottom-style: solid;
  border-bottom-color: #000825;
  list-style-type: none;
  position:absolute;
  z-index:99999;
  width:260px !important;
  top:57px;
  left:2px;
  display:none;
  padding:0px;
  margin:0px;
  background-image:url(../images/menu_bg.png);
  background-position:center top;
  background-repeat:no-repeat;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding-bottom:inherit;
  padding-top:20px;
  text-transform:inherit !important;
}
#wrapper #header #general .menu li ul li {
    width: 260px;
    padding: 0px;
    height: 38px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    display: block;
    text-align: left;
    font-size: 13px !important;
    font-weight: 400;
    text-decoration: none;
    line-height: normal;
    background-color: #ffffff;
    padding-left: 20px;
    border-bottom: 1px solid #f3f3f3;
    text-transform: inherit !important;
    display: flex;
    align-items: center;
}
#wrapper #header #general .menu li ul li a {
    height: auto;
    width: 260px;
    display: block;
    color: #414142;
    font-size: 13px;
	text-transform: capitalize;
}
#wrapper #header #general .menu li ul li a:hover {
  color: #000825;  
}

#wrapper #header #general .ll{width: auto; margin-left: 26px; }
#wrapper #header #general .lang{line-height: 30px; color: #FFF; font-size: 15px;}
#wrapper #header #general .lang label{float: left;}
#wrapper #header #general .lang .select{float: left; margin-left: 10px;}
#wrapper #header #general .lang .select-lang { display:block; position:relative; width:34px; font-size: 15px; font-weight:700; color: #001026; text-align:center; text-transform:uppercase; text-decoration: none; }
#wrapper #header #general .lang .lang-menu { background-color: #c5091f; display:none; width:34px; position: absolute; overflow: hidden; padding: 0px; margin:0px; border:1px solid #c5091f; z-index: 9;}
#wrapper #header #general .lang .lang-menu li { list-style-type: none; text-align: center; }
#wrapper #header #general .lang .lang-menu li a { font-size: 15px; font-weight:700; color:#FFF !important; text-decoration:none; text-transform:uppercase; display:block; }
#wrapper #header #general .lang .lang-menu li a:hover { background-color: #FFF; color:#001026 !important; }

#wrapper #header #general .top .menu_icon{display:none; line-height: 57px; color: #FFF; font-size: 25px;}
#wrapper #header #general .top .menu_icon i{line-height: 57px; display: inline-block; vertical-align: bottom;}

#wrapper #header #general .top .social{color:#FFF; line-height: 57px;}
#wrapper #header #general .top .social{margin-left: 11px;}
#wrapper #header #general .top .social a{color: #FFF; font-size: 18px; text-decoration: none; margin-left: 24px;}
#wrapper #header #general .top .dealer{line-height: 57px; color: #FFF; font-size: 15px; text-decoration: none; width: auto; padding-left: 16px; padding-right: 16px; }
#wrapper #header #general .top .contact{display:none; line-height: 57px; color: #FFF; font-size: 15px; text-decoration: none; width: auto; padding-left: 16px; padding-right: 16px; }

#wrapper #header #general .cert{padding-top: 15px; height: 42px !important;}

.master-slider{border-bottom:23px solid #000825;}

#wrapper #social_wrap{display: none;}
#wrapper #header #general .top .menu_icon span{display: none;}
#wrapper .items{width: 100%; height: auto; min-height: 300px;}
#wrapper .items.s1{background-image: url(../images/macoroni_pattern.jpg); background-repeat: repeat; background-position: left top; padding: 47px 0; text-align: center;}
#wrapper .items.s1 .box{display: inline-block; width: 387px; height: 337px; position: relative; xfloat: left; overflow: hidden; margin-right: 35.5px; text-align: left;}
#wrapper .items.s1 .box img{width: 100%; height: auto;}
#wrapper .items.s1 .box img.mobile{display: none;}
#wrapper .items.s1 .box.last{margin-right: 0px;}
/*#wrapper .items.s1 .box a{display: block; width: 100%; height: 100%; border:0px; outline: none;}
#wrapper .items.s1 .box a{width: 100%; position: absolute; top:0; left: 0; z-index: 1;}*/
#wrapper .items.s1 .box .line{width: 367px; height: 317px; outline: none; border:2px solid #FFF; position: absolute; top: 8px; left: 8px; z-index: 2;}
#wrapper .items.s1 .box h3{font-family: 'Klavika-Bold'; font-size: 35px; width: 310px; max-height: 220px; color:#FFF; position: absolute; left:40px; top:40px; margin:0; padding: 0; z-index: 3; text-shadow: 1px 1px 1px rgba(150, 150, 150, 1); text-transform: uppercase;}
#wrapper .items.s1 .box .more{display: block; width: auto; position: absolute; height: 28px; text-decoration: none; color:#FFF; right: 39px; bottom: 33px; line-height: 28px; z-index: 3;}
#wrapper .items.s1 .box .more .icon{display: block; background-color: #ed1c24; color:#FFF; text-align: center; width: 28px; height: 28px; font-size: 6px;  -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; float: right; margin-left: 10px;}
#wrapper .items.s1 .box .more .icon i{margin:0px 1px;}
#wrapper .items.s1 .black{color: #fff !important; text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);}


#wrapper .items.s2{background-image: url(../images/item_bg1.png); background-repeat: no-repeat; background-position: center top; height: 560px;}
#wrapper .items.s2 .general{padding-top: 156px;}
#wrapper .items.s2 .text{width: 540px; margin-left: auto; text-align: center;}
#wrapper .items.s2 .text h2{display:block; margin:0; padding: 0; text-align: center; color:#FFF; background-image: url(../images/shape.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 32px; font-size: 40px;}
#wrapper .items.s2 .text p{font-size: 15px; color:#FFF; font-family: 'Klavika-Light';}
#wrapper .items.s2 .text p.comm{font-size: 17px; color:#FFF; font-family: 'Klavika-Light'; text-align: justify; margin-top: 48px;}


#wrapper .items.s3{background-color: #eef0f2; height: 560px; margin-top: 48px; position: relative; width:100%; overflow: hidden;}
#wrapper .items.s3 .bg{width: 50%; height: 100%; background-image: url(../images/item_bg2.png); background-repeat: no-repeat; background-position: left top; position: absolute; left: calc(50% + 10px); top: 0; z-index: 1;}
#wrapper .items.s3 .general{height: 100%; position: relative; z-index: 2;}
#wrapper .items.s3 .left{width: 630px; float: left; padding-top: 24px; text-align: left !important;}
#wrapper .items.s3 .left h2{font-family: 'Open-Sans-Bold'; font-size: 44px; margin:0; padding:0; text-align: left !important; color: #253343;}
#wrapper .items.s3 .left h2 span{font-family: 'Open-Sans';}
#wrapper .items.s3 .left hr{width: 222px; height: 3px; background-color: #ed1c24; border:0px; margin-left: 0px;}
#wrapper .items.s3 .left ul.news{padding:0; margin:0; margin-top: 36px;}
#wrapper .items.s3 .left ul.news li{width: 257px; height: 328px;  position: relative; background-color: #FFF; list-style-type: none; float: left; margin:0; margin-right: 56px; padding:0; -moz-box-shadow: 2px 3px #e8eaec; -webkit-box-shadow: 2px 3px #e8eaec; box-shadow: 2px 3px #e8eaec; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 165, color = '#e8eaec'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 165, Color = '#e8eaec')";}
#wrapper .items.s3 .left ul.news li .text_wrap{width: 100%; height: auto;}
#wrapper .items.s3 .left ul.news li .top{height: 46px; width: 100%;}
#wrapper .items.s3 .left ul.news li .top .title{float: left; width: 112px; background-color: #727a87; line-height: 46px; color:#FFF; font-size: 14px; text-align: center;}
#wrapper .items.s3 .left ul.news li .top .date{font-family: 'Open-Sans-Semi-Bold-Italic'; float: left; width: 145px; line-height: 46px; color:#ed1c24; font-size: 14px; text-align: center;}
#wrapper .items.s3 .left ul.news li .top .date span{color:#253343;}
#wrapper .items.s3 .left ul.news li a.img{display:block; width: 100%; height: 240px; overflow: hidden;}
#wrapper .items.s3 .left ul.news li a.img img {width:100%;height:100%;object-fit:cover;}
#wrapper .items.s3 .left ul.news li h3{font-family: 'Open-Sans-SemiBold'; font-size: 14px; color:#253343; margin-top: 17px; margin-bottom: 12px; text-align: center; display: block; padding: 0 18px;}
#wrapper .items.s3 .left ul.news li .text{font-family: 'Open-Sans-SemiBold'; height: 50px; padding: 0 18px; color:#a8afb6; font-size: 13px;}
#wrapper .items.s3 .left ul.news li .more{display: block; position: absolute; text-decoration: none; right: 14px; bottom: 14px; background-color: #ed1c24; color:#FFF; text-align: center; width: 28px; height: 28px; line-height: 30px; font-size: 6px;  -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
#wrapper .items.s3 .left ul.news li .more i{margin:0px 1px;}
#wrapper .items.s3 .left .news_more{font-family: 'Open-Sans-Bold'; float: right; width: 257px; height: 50px; line-height: 50px; display: block; background-color: #ed1c24; text-decoration: none; color:#FFF; font-size: 16px; text-align: center; margin-top: 25px; margin-right: 59px;}
#wrapper .items.s3 .left .news_more span{font-family: 'Open-Sans';}
#wrapper .items.s3 .left .news_more i{margin-left: 12px;}

#wrapper .items.s3 .right{width: 610px; float: right; height: auto; padding-top: 240px;}
#wrapper .items.s3 .right h2{display:block; width: 415px; margin:0; padding: 0; color:#FFF; background-image: url(../images/shape.png); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 32px; font-size: 40px; text-align: center;}
#wrapper .items.s3 .right p{font-size: 15px; text-align: center; width: 415px; color:#FFF; font-family: 'Klavika-Light';}
#wrapper .items.s3 .right .img{display:block; width: 415px; text-align: center; margin-bottom: 49px;}


#wrapper .items.s4{background-image: url(../images/item_bg3.jpg); background-repeat: no-repeat; background-position: center top; height: 627px; margin-top: 48px; overflow: hidden;}
#wrapper .items.s4.en{background-image: url(../images/item_bg3en.jpg);}
#wrapper .items.s4.fr{background-image: url(../images/item_bg3.jpg);}
#wrapper .items.s4.ar{background-image: url(../images/item_bg3ar.jpg);}

#wrapper .items.s4 .general{padding-top: 332px; height: 295px;}
#wrapper .items.s4 .general .recipe_text{display: none;}
#wrapper .item_recipe{display: none;}
#wrapper .items.s4 .recipe{width: 507px; height: 197px; color:#FFF; text-align: left; margin:0px auto;}
#wrapper .items.s4 .recipe h2{font-size: 23px; color:#e31d1a; text-align: left; padding-bottom: 13.5px; background-image: url(../images/shape3.png); background-repeat: no-repeat; background-position: left bottom;}
#wrapper .items.s4 .recipe .text{font-size: 15px; height: 92px; color:#adb0c0; padding-right: 50px; text-align: justify; line-height: 24px; margin-top: 13.5px;}
#wrapper .items.s4 .recipe .date{font-size: 15px; color:#adb0c0; float: left; height: 50px; line-height: 50px;}
#wrapper .items.s4 .recipe .date i{color:#e31d1a; margin-right: 10px}
#wrapper .items.s4 .recipe .more{width: 170px; height: 50px; background-color: #e31d1a; color:#FFF; text-decoration: none; text-align: center; line-height: 50px; font-size: 15px; float: right; margin-right: 50px;}
#wrapper .items.s4 .btns{margin-top: 10px; text-align: center;}
#wrapper .items.s4 .btns a{display: inline-block; width: 280px; height: 68px; background-color: #121217; text-indent: 58px; background-image: url(../images/pasta_icon.png); background-position: 39px center; background-repeat: no-repeat; color:#8a8c98; font-size: 20px; text-decoration: none; line-height: 68px; opacity: 0.90; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90); filter: alpha(opacity = 90);}
#wrapper .items.s4 .btns a.doctor{background-image: url(../images/doctor_icon.png);}

#wrapper .items.s5{background-image: url(../images/item_bg4.png); background-repeat: no-repeat; background-position: center top; height: 590px; margin-top: 48px;}
#wrapper .items.s5 .general{height: 100%; position: relative; overflow: hidden;}

#wrapper .items.s5 #infografiBanner{
  position: absolute; right: 0; bottom: 64px;
-ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transition: opacity 5s, -webkit-transform 5s;
    transition: opacity 5s, transform 5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);}

#wrapper .items.s5 #infografitext{position: absolute; right: 156px; bottom: 116px;
-ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transition: opacity 5s, -webkit-transform 5s;
    transition: opacity 5s, transform 5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);}

#wrapper .items.s5 #grafikScroll{position: absolute; left: 56px; top: 82px; z-index: 1;
-ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transition: opacity 5s, -webkit-transform 5s;
    transition: opacity 5s, transform 5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);}

#wrapper .items.s5 .general #infoText{position: absolute; left: 180px; top: 50px; z-index: 2;
-ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transition: opacity 5s, -webkit-transform 1s;
    transition: opacity 5s, transform 1s;
    -webkit-transition-timing-function: cubic-bezier(1, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(1, 1, 0.3, 1);
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0);}

#wrapper .items.s5 #grafikUlke{position: absolute; left: 420px; bottom: 167px;
-ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transition: opacity 5s, -webkit-transform 2s;
    transition: opacity 5s, transform 2s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: translate3d(80px, 0, 0);
    transform: translate3d(80px, 0, 0);}

#wrapper .items.s5 #grafik80{position: absolute; left: 435px; bottom: 218px;
-ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transition: opacity 5s, -webkit-transform 5s;
    transition: opacity 5s, transform 5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: translate3d(-80px, 0, 0);
    transform: translate3d(-80px, 0, 0);}

.abso-to #infografitext, .abso-to #grafikScroll, .abso-to #infografiBanner, .abso-to #grafikUlke, .abso-to #grafik80{opacity: 1 !important;
    -webkit-transition-delay: 0.2s !important;
    transition-delay: 0.2s !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;}

.abso-to #infoText{opacity: 1 !important;
    -webkit-transition-delay: 0.2s !important;
    transition-delay: 0.2s !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;}

#wrapper .items.s6{background-color: #eef0f2; background-image: url(../images/world.png); background-repeat: no-repeat; background-position: center bottom; height: 385px; margin-top: 48px; text-align: center;}
#wrapper .items.s6 .general{padding-top: 72px;}
#wrapper .items.s6 .contact_box{width: 318px; height: auto; display: inline-block; vertical-align: top; margin-left: 34px; margin-right: 34px;}
#wrapper .items.s6 .contact_box .top{height: 29px; background-image: url(../images/cizgi.png); margin-bottom: 26px; background-repeat: no-repeat; background-position: center center; text-align: center; font-size: 11px;}
#wrapper .items.s6 .contact_box .fa.fa-circle.fa-stack-2x{color:#cf1a22;}
#wrapper .items.s6 .contact_box .text{font-size: 16px; text-align: center; font-family: 'Klavika-Regular'; color:#999999;}
#wrapper .items.s6 .contact_box .text p{color:#cf1a22; margin-bottom: 0px;}
#wrapper .items.s6 #document{max-width: 100%;}


#wrapper .items .general{max-width: 1240px; margin:auto;}
#wrapper .items.s1 .general h2{text-align: center; margin:0; padding: 0; font-size: 35px; color:#ed1c24; margin-top: 10px; font-family: 'Klavika-Bold';text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);}



#wrapper #footer{width: 100%; background-color: #000824;}
#wrapper #footer .general{max-width: 1240px; margin:auto; padding: 34px 0 20px 0; display:flex; flex-wrap:wrap;}
#wrapper #footer .general .menu_general {width: 25%; }
#wrapper #footer .general .menu_general h5{margin:0px; color:#cf1a22; font-size: 16px; margin-bottom: 19px;}
#wrapper #footer .general .menu_general ul{padding: 0; list-style-type: none;}
#wrapper #footer .general .menu_general ul li{color:#999999; margin-bottom: 11px;}
#wrapper #footer .general .menu_general ul li a{display:flex;align-items:center;color:#999999; text-decoration: none;} 
#wrapper #footer .general .menu_general ul li a:hover{text-decoration: underline;}
#wrapper #footer .general .menu_general ul li a i {font-size:26px; margin-right:15px;}

#wrapper #footer .general .twitter{width: 317px; height: 223px; background-color: #FFF; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; float: right; margin-top: 16px;}
#wrapper #footer .general .twitter #oba_footer{margin:-16px auto 0 auto; display: block; width: 106px; margin-bottom: 11px;}
#wrapper #footer .general .twitter ul{margin:0; padding: 0 23px; display: block; list-style-type: none;}
#wrapper #footer .general .twitter ul li {font-family: 'Open-Sans'; text-align: center; width: 100%; background-image: url(../images/shape2.png); color:#5f5f5f; font-size: 13px; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 20px; margin-bottom: 15px;}
#wrapper #footer .general .twitter ul li a{color:#5f5f5f; text-decoration: none;}
#wrapper #footer .general .twitter ul li span{color:#2fa5d1; text-decoration: none;}
#wrapper #footer .general .twitter ul li:last-child{background-image: none; padding-bottom: 0px;}
#wrapper #footer .general .twitter .follow{display: block; width: 206px; height: 31px; background-color: #11aaea; border-top: 2px solid #43bcee; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#FFF; text-decoration: none; margin-left:auto; margin-right: auto; margin-bottom: -17px; line-height: 31px;}
#wrapper #footer .general .twitter .follow i{line-height: 31px; margin-left: 10px; padding-right: 10px; border-right: 1px solid #178eb4;}
#wrapper #footer .general .twitter .follow span{ font-size: 12px; padding-left: 14px}

#wrapper #footer .general .copy{font-size: 15px; color:#999; text-align: left; float: left;}
#wrapper #footer .general .clr.foot{margin-bottom: 34px;}

#wrapper #content{width: 100%; height: auto;}
#wrapper #content .inside{max-width: 1240px; margin: 0 auto; text-align: center;}
#wrapper #content .inside_full{width: 100%; text-align: center;}
#wrapper #content .relation{display:table; height: 350px; background-repeat: no-repeat; background-position: center; background-color:#ffffff;}
#wrapper #content .relation .title{margin:0px; display: table-cell; vertical-align: middle;}
#wrapper #content .relation .title h1{font-family: 'Open-Sans-Bold'; font-size: 45px; color:#000825; margin:0;     text-shadow: 1px 1px 1px rgba(000, 000, 000, 1);
} }
#wrapper #content .relation .title h2{font-family: 'Open-Sans'; font-size: 23px; color:#FFF; margin:0;}
#wrapper #content .menu {
    display: inline-block;
    width: 100%; /* Genişlik yüzde 100 yapıldı */
    height: 100%;
    padding: 0px;
    margin: 0;
    background-color: #000825;
    list-style-type: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    overflow-x: auto; /* Yatay kaydırma çubuğu eklenmesi */
    white-space: nowrap; /* Menü öğelerinin tek satırda tutulması */
}

/* Scrollbar için özelleştirme */
#wrapper #content .menu::-webkit-scrollbar {
    height: 10px; /* Kaydırma çubuğu yüksekliği */
}

#wrapper #content .menu::-webkit-scrollbar-thumb {
    background-color: #888; /* Kaydırma çubuğu rengi */
    border-radius: 10px; /* Kaydırma çubuğu köşe yuvarlama */
}

#wrapper #content .menu::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Kaydırma çubuğu rengi (hover) */
}

#wrapper #content .menu::-webkit-scrollbar-track {
    background: #f1f1f1; /* Kaydırma çubuğu arka plan rengi */
    border-radius: 10px; /* Kaydırma çubuğu arka plan köşe yuvarlama */
}
#wrapper #content .menu li{display: inline-block; height: 62px; color:#ffffff; font-size: 17px; line-height: 62px; margin:0 8px;}
#wrapper #content .menu li a{color:#FFF; text-decoration: none; display: block; height: 59px;font-size: 14px;}
#wrapper #content .menu li a:hover{border-bottom: 3px solid #c5091f;}

#wrapper #content .other{background-image: url(../images/shape4.png); background-repeat: no-repeat; background-position: center center; text-align: center; margin-top: 36px; margin-bottom: 30px;}
#wrapper #content .other h3{font-size: 33px; color:#c5091f; font-family: 'Klavika-Bold'; background-color: #FFF; display: inline; padding: 0 30px;}
#wrapper #content #News {padding-bottom: 25px; text-align: justify;}
#wrapper #content #News img{max-width:100%; max-height:auto;}
#wrapper #content #News .relaimg{max-width: 100%; height: auto;}
#wrapper #content #News .news_box{width: 100%; padding:40px 0; background-color: #FFF;}
#wrapper #content #News .news_box.fair{width: 49%; display: inline-block; margin: 0px; margin-left: -3px; margin-top:-5px; }
#wrapper #content #News .news_box.gray{background-color: #f2f2f3;}
#wrapper #content #News .news_box .img{width: 248px; height: 248px; display: block; overflow: hidden; outline: none; text-decoration: none; float: left; background-color: #cdcdcf; background-size: cover; background-repeat: no-repeat; background-position: center;}
#wrapper #content #News .news_box.fair .img{margin-left: 10px;}
#wrapper #content #News .news_box .article{float: left; height: 248px; text-align: left; width: calc(100% - 295px); margin-left: 47px;}
#wrapper #content #News .news_box.fair .article{width: calc(100% - 305px);}
#wrapper #content #News .news_box .article h4{margin:0; font-size: 22px; color:#4e4e4e; padding:0; margin-bottom: 16px;}
#wrapper #content #News .news_box .article h4 a{color:#4e4e4e; text-decoration: none;}
#wrapper #content #News .news_box .article .text{font-size: 15px; color: #4e4e4e; font-family: 'Open-Sans'; height: 83px; overflow: hidden; margin-bottom: 11px;}
#wrapper #content #News .news_box .article .date{font-size: 15px; color:#4e4e4e; font-family: 'Open-Sans'; margin-bottom: 46px;}
#wrapper #content #News .news_box .article .date i{color:#c5091f;}
#wrapper #content #News .news_box .article .more{width: 258px; height: 45px; display: block; text-align: center; line-height: 45px; text-decoration: none; background-color: #c5091f; color:#FFF;}

#wrapper #content #News .world-brands{text-align: center; max-width: 1240px; width: auto; display: inline-block; height: auto; margin-bottom: 20px; padding: 0px;}
#wrapper #content #News .world-brands .brands{text-align: left; display: block; height: 57px; line-height:57px; margin-bottom: 20px;}
#wrapper #content #News .world-brands .brands span{font-family: 'Klavika-Bold'; height: 57px; display: inline-block; line-height: 57px;  vertical-align: top; font-size: 19px; color:#4e4e4e; text-transform: uppercase; text-indent: 15px;}
#wrapper #content #News .world-brands .brands img{
    display: inline-block;
    vertical-align: top;
    height: 50px;
    width: 100px;
    object-fit: contain;
    object-position: center;}
#wrapper #content #News .world-brands ul{list-style-type: none; display: inline-block; vertical-align: top; padding: 0px; margin: 0px; margin-bottom: 20px; width:240px; padding-left: 30px; padding-right: 30px;}
#wrapper #content #News .world-brands ul li{display: block; color: #4e4e4e; font-size: 16px; width: 100%; text-align: left;  font-family: 'Open-Sans';}


#wrapper #content #News .gallery_box{width: 250px; height: 250px; display: inline-block; margin: 0px; padding: 0px; position: relative; margin-left: 20px; margin-right: 20px; margin-top: 40px; overflow: hidden;}
#wrapper #content #News .gallery_box a{width: 250px; height: 250px; margin: 0px; padding: 0px; position: relative; display: block; background-size: cover; background-repeat: no-repeat;}

#wrapper #content #News .film_box{width: 400px; height: 300px; display: inline-block; margin: 0px; padding: 0px; position: relative; margin-left: 20px; margin-right: 20px; margin-top: 40px; overflow: hidden;}
#wrapper #content #News .film_box .img{width: 100%; height: 250px; margin: 0px; padding: 0px; position: relative; display: block; overflow: hidden;}
#wrapper #content #News .film_box .img span{width: 100%; height: 250px; margin: 0px; padding: 0px; display: block; background-size: cover; background-repeat: no-repeat;}
#wrapper #content #News .film_box .text{width: 100%; height:50px; color: #4e4e4e; text-decoration: none; text-align: center; display: table;}
#wrapper #content #News .film_box .text span{display: table-cell; vertical-align: middle; color:#4e4e4e; font-size: 15px; text-align: center; width: 100%;}
#wrapper #content #News .film_box .img3{display: none; width: 100%; height: auto; margin: 0px; padding: 0px; position: relative; overflow: hidden;}
#wrapper #content #News .film_box .img3 img{width: 100%;}

#wrapper #content .relation .contact .icon{margin-bottom: 18px;}
#wrapper #content .relation .contact h1{color:#FFF;}
#wrapper #content .relation .contact .form{}
#wrapper #content .relation .contact .form #bulten{width: 279px; border:0px; height: 50px; background-color: #ffffff; color:#000; font-family: 'Open-Sans'; font-size: 15px; text-indent: 24px; outline: none; opacity: 0.56; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 56); filter: alpha(opacity = 56);}
#wrapper #content .relation .contact .form .send{display: inline-block; width: 136px; height: 50px; background-color: #000825; font-size: 20px; color:#FFF; line-height: 50px; text-decoration: none; opacity: 0.56; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 56); filter: alpha(opacity = 56);}

#wrapper #content #contact{padding-top: 64px;}
#wrapper #content #contact .left{width: 555px; height: auto; float: left; text-align: left;}
#wrapper #content #contact .right{width: 526px; height: auto; float: right; text-align: left;}
#wrapper #content #contact h2{font-family: 'Klavika-Bold'; font-size: 28px; color:#000; margin:0; padding: 0}
#wrapper #content #contact h2 i{color:#c5091f;  margin-right: 24px; margin-bottom: 40px;}
#wrapper #content #contact #address{font-family: 'Open-Sans'; font-size: 15px; color:#4e4e4e;}
#wrapper #content #contact #address i{color:#c5091f;  font-size: 20px;}
#wrapper #content #contact #address td{padding: 10px 10px;text-align:center;}
#wrapper #content #contact .text_input{font-family: 'Open-Sans'; width: calc(100% - 2px); height: 49px; margin-bottom: 21px; background-color: #FFF; text-indent: 10px; border:1px solid #d6d6d6; outline: none; -webkit-appearance: none; padding: 0px; font-size: 15px; color:#4e4e4e;}
#wrapper #content #contact .text_input:hover, #wrapper #content #contact .text_input:focus, #wrapper #content #contact .textarea:hover, #wrapper #content #contact .textarea:focus{background-color: #f2f2f3; transition: all 400ms ease-in 0s;}
#wrapper #content #contact .textarea{font-family: 'Open-Sans'; margin-bottom: 21px; width: calc(100% - 2px); height: 147px; resize: both; overflow: auto; background-color: #FFF; text-indent: 10px; border:1px solid #d6d6d6; outline: none; -webkit-appearance: none; padding: 0px; font-size: 15px; color:#4e4e4e; padding-top: 10px;}
#wrapper #content #contact .send{font-family: 'Klavika-Light'; width: 182px; height: 50px; background-color: #000825; border:1px solid #000825; outline: none; text-align: center;  color:#FFF; font-size: 18px; line-height: 50px; cursor: pointer; float: left;}
#wrapper #content #contact .send:hover{background-color: #c5091f; color:#FFF; transition: all 100ms ease-in 0s;}
#wrapper #content #contact .send i{color:#c5091f;}
#wrapper #content #contact .send:hover i{color:#FFF;}


#wrapper #content #contact .maps_top{background-color: #000; height: 72px; line-height: 72px; color:#FFF;}
#myMap{background-color: #000; height: 300px;}

.mark-box{padding: 5px 15px; border:1px solid #f6f6f6; background-color: #fff; outline: none; }
.owl-carousel {margin-bottom: 20px;}

#wrapper #content .category{}
#wrapper #content .category .list{padding: 0; margin:0; list-style-type: none; display: inline-block; padding-left: 60px;}
#wrapper #content .category .list li{display: inline-block; width: 100px; height: 55px; vertical-align: top; margin-left: 0px; padding-top: 0px;}
#wrapper #content .category .list li img{max-width: 60%; max-height: 55px;min-height: 55px;object-fit:contain;}
#wrapper #content .category .list li:hover, #wrapper #content .category .list li.active{background-image: url(../images/tab_bg.png); background-repeat: no-repeat; background-position: center bottom;}
#wrapper #content .category .list.select{display: none; height: 30px; line-height: 30px; overflow: hidden;background-color: #FFF; position: relative;}
#wrapper #content .category .list.select select{width: 120%; height: 40px; background: transparent; color:#000; border:0px; outline: none; color: #fff; font-family: 'Klavika-Bold';} 
#wrapper #content .category .list.select i{position: absolute; top:8px; right: 10px; line-height: 27px; color: #fff;}


#wrapper #content #product_list{background-color: #f2f2f3; min-height: 300px; padding-top: 30px;}
#wrapper #content #product_list .left{width: 325px; min-height: 200px; float: left; text-align: left;}
#wrapper #content #product_list .left h4{font-family: 'Open-Sans-Bold'; padding: 0; margin:15px 0px 7px 0px; font-size: 22px; color:#3b3845;}
#wrapper #content #product_list .left .text{font-family: 'Open-Sans'; font-size: 15px; color:#4e4e4e;}
#wrapper #content #product_list .left .catImg{display: none; margin:auto;}

#wrapper #content #product_list .right{max-width: 910px; min-height: 200px; float: right;}
#wrapper #content #product_list .right .product_box{display: inline-block; margin:0px 20px 40px 0px; width: 128px; height: 180px; background-image: url(../images/product_shadow.png); background-repeat: no-repeat; background-position: center 109px; text-align: center; vertical-align: bottom;}
#wrapper #content #product_list .right .product_box .title{width: 100%; height: 58px; margin-top: 4px; color: #000825; font-size: 15px;}
#wrapper #content #product_list .right .product_box .img{display: block; width: 100%; height: 115px; overflow: hidden;}
#wrapper #content #product_list .right .product_box .img img{max-width: 100%;}

#wrapper #content .relationTwo{height: 240px; background-repeat: no-repeat; background-position: center center; background-color:#fff;}
#wrapper #content .relationTwo .inside .category_img{width:100%; height: auto; text-align: center; padding-top: 60px; display: table;}
#wrapper #content .relationTwo .inside .category_text{width: 100%; height: auto; text-align: center; margin-top: 30px; display:table; }
#wrapper #content .relationTwo .left{float: left; display: table; height: 240px;}
#wrapper #content .relationTwo .left .page{display: table-cell; vertical-align: middle; color: #000825; font-size: 36px;  font-family: 'Klavika-Bold'; text-align: left;}
#wrapper #content .relationTwo .right{float: right; display: table; height: 240px;}


#wrapper #content #product .product_gallery{max-width: 335px; overflow: hidden; height: auto; float: left; text-align: left; margin-right:50px;}
#wrapper #content #product .product_gallery .large_img{width: 100%; height: 478px; margin-bottom: 15px; display: table; overflow: hidden;}
#wrapper #content #product .product_gallery .large_img a{width: 100%; display: table-cell; vertical-align: middle;}
#wrapper #content #product .product_gallery .large_img img{width: 100%;}
#wrapper #content #product .product_gallery .small_gallery{width: auto; height: auto; max-width: 100%; display: block; text-align: center; padding: 0px; overflow: hidden; height: 103px; }
#wrapper #content #product .product_gallery .small_gallery .small_img{display: table; width: 17%; margin: 0px; padding: 0px; margin-right: 1%; margin-left: 1%; height: auto; height: 80px; overflow: hidden; border:1px solid #000825; float: left; background-color: #fff;}
#wrapper #content #product .product_gallery .small_gallery .small_img a{width: 100%; display: table-cell; margin: 0px; padding: 0px; vertical-align: middle; text-align: center; max-height: 101px;}
#wrapper #content #product .product_gallery .small_gallery .small_img img{max-width: 80%; display: inline-block; line-height: 0;}
#wrapper #content #product .detail .product_desc{max-width: 854px; padding-bottom:30px; border-bottom:4px solid #000825;}
#wrapper #content #product .detail .product_desc .feature{display: table-cell;}
#wrapper #content #product .detail .product_desc .feature .set{width: 160px;  margin-left: 100px; font-family: 'Open-Sans'; font-size: 15px; margin-bottom: 14px; color:#aeaeae; text-align: right; clear: both; padding-left: 12px; background-repeat: no-repeat; background-position: left 8px; background-image: url(../images/set.png);}
#wrapper #content #product .detail .product_desc .feature .set label{ color:#000825; float: left;}
#wrapper #content #product .detail .product_desc .feature.first .set{margin-left: 40px;}
#wrapper #content #product .detail .product_desc .head{height: 46px; margin: 0px; padding: 0px; border-left: 4px solid #c5091f; border-bottom: 4px solid #c5091f; margin-bottom: 40px;}
#wrapper #content #product .detail .product_desc .head h3{height: 50px; margin: 0px; padding: 0px; color: #ffffff; font-size: 16px; line-height: 50px; width: auto; display: table; padding-right:30px; padding-left: 30px; background-color: #000825;}
#wrapper #content #product .detail .product_desc .code{width: auto; height: auto;display: block; text-align: left; font-size: 15px; color:#aeaeae; margin-bottom: 15px;}


#wrapper #content #product{ margin-top: 3px; text-align: left;}
#wrapper #content #product .img{max-width: 335px; overflow: hidden; height: auto; float: left; margin-right: 50px;}
#wrapper #content #product .img img{max-width: 100%; height: auto;}
#wrapper #content #product .detail{max-width: 854px; overflow: hidden; height: auto; float: left; text-align: left;}
#wrapper #content #product .detail h1{font-size: 36px; font-family: 'Klavika-Bold'; margin-bottom: 15px; }
#wrapper #content #product .detail ul{display: -webkit-box; padding: 0; margin:0; font-size: 18px; color:#7f828e; list-style-type: none; margin-bottom: 30px; max-width: 854px; border-bottom: 1px solid #e8e8e8; padding-bottom: 35px; padding-top:35px; }
#wrapper #content #product .detail ul li{display: inline; padding: 0;}
#wrapper #content #product .detail ul li a{text-decoration: none; color:#7f828e;}
#wrapper #content #product .detail ul li a:hover{text-decoration: underline;}

#wrapper #content #product .detail .piece{width: 100%; margin-bottom: 30px; text-align: left;}
#wrapper #content #product .detail .piece img{max-width: 100%; height: auto;}
#wrapper #content #product .detail .text{width: 408px; text-align: justify; color: #4e4e4e; font-family: 'Open-Sans'; float: left;}
#wrapper #content #product .detail .otherImg{float: left; margin-left: 70px;}
#wrapper #content #product .detail .otherImg img{max-width: 100%; height: auto;}

#wrapper #content .pageNav{width: 634px; height: 64px; background-color: #000825; margin:40px auto; line-height: 64px; color:#FFF; font-size: 15px;}
#wrapper #content .pageNav i{color:#c5091f;}
#wrapper #content .pageNav a{cursor: pointer;}
#wrapper #content .pageNav .prev{width: 190px; height: 64px; display: block; float: left; color:#FFF; text-decoration: none;}
#wrapper #content .pageNav .next{width: 190px; height: 64px; display: block; float: left; color:#FFF; text-decoration: none;}
#wrapper #content .pageNav .back{background-color: #232a43; width: 200px; height: 64px; display: block; float: left; color:#FFF; text-decoration: none;}
#wrapper #content .pageNav .others{background-color: #c5091f; width: 54px; height: 48px; display: block; float: left; color:#FFF; text-decoration: none; padding-top: 16px}
#wrapper #content .pageNav .others i{display: block; font-size: 8px; margin-bottom: 3px; color:#FFF;}

#wrapper #content .pageNav .catMenu{position: relative; width: 100%;}
#wrapper #content .pageNav .catMenu ul{position: absolute; list-style-type: none; bottom:0px; left: 0px; width: 100%; height: 250px; background-color: #FFF; overflow: auto; display: none; padding: 0px; margin:0px; border:1px solid #e3e3e3; box-sizing: border-box;}
#wrapper #content .pageNav .catMenu ul li{border-bottom:1px solid #e3e3e3; box-sizing: border-box; height: 50px; line-height: 50px;}
#wrapper #content .pageNav .catMenu ul li:last-child{border-bottom:0px;}
#wrapper #content .pageNav .catMenu ul li a{text-decoration: none; color:#232a43; display: block; height: 50px;}
#wrapper #content .pageNav .catMenu ul li a:hover{background-color: #f2f2f3; transition: all 400ms ease-in 0s;}


.gradient{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #f6f6f6 80%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#f6f6f6 80%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#f6f6f6 80%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */

}
.footer_logo {
  height: 33px;
  width: 91px;
  position:relative;
  background-image: url(../images/anatol_logo.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  display: block;
  margin: 0px;
  padding: 0px;
  float: right;
  margin-right: 100px;
  margin-top: 5px;
}
.footer_logo .icon {
  display: block;
  height: 14px;
  width: 27px;
  background-image: url(../images/icon.png);
  background-repeat: no-repeat;
  background-position: center top;
  margin: 0px;
  padding: 0px;
  margin-left:auto;
  margin-right:auto;
  transition: all .5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}
.footer_logo:hover .icon{
  -webkit-transform: rotateY(360deg);
  transform:rotateY(360deg)}
.footer_logo:hover{
  transition: all .5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .3s ease-in-out;
}

.flash{
  -webkit-animation-name: flash;
  animation-name: flash;
    position: fixed;
    left: 50%;
    width: 64px;
    height: 64px;
    top: 80%;
    margin-left: -32px;
    text-align: center;
    z-index: 9999;
}
.mobilMenuLi{display: none !important;}

#newmarkalar {
    padding:60px 0px;
    background-repeat: repeat;
    background-position: left top;
}

#newmarkalar .ust {
    display:flex;
    align-items:center;
    margin-bottom:30px;
}
#newmarkalar .ust .baslik {
    font-size:35px;
    font-weight:700;
    line-height:30px;
    color:#001026;
    margin-right:auto;
}
#newmarkalar .ust .butonlar {
    display:flex;
    align-items:center;
}
#newmarkalar .ust .butonlar div {
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:20px;
    font-size:20px;
    color:#001026;
    border:1px solid rgba(240,240,240,1);
    margin-left:10px;
}
#newmarkalar .ust .butonlar div:hover {
    background:rgba(240,240,240,1);
}

#newmarkalar .item {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:100%;
    background:#fff;
    border:1px solid rgba(240,240,240,1);
    border-radius:10px;
    text-decoration:none;
}

#newmarkalar .item img {
    margin:15px 0px;
}
#newmarkalar .item div {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    font-size:16px;
    font-weight:500;
    color:#001026;
    line-height:20px;
    padding:20px 0px;
    background:rgba(240,240,240,1);
    text-decoration:none;
}


#sayilarlaoba {
    padding:60px 0px;
    background-repeat: repeat;
    background-position: left top;
}
#sayilarlaoba .baslik {
    font-size:35px;
    font-weight:700;
    line-height:30px;
    color:#001026;
    margin-bottom:30px;
    text-align:center;
}
#sayilarlaoba .item {
    text-align:center;
    padding:50px 0px;
    border-radius:0px;
    background:#fff;
    border-radius:10px;
    -webkit-box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.1);
}
#sayilarlaoba .item .rakam {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    margin-bottom:50px;
    font-size:14px;
    font-weight:400;
    color:rgba(0,0,0,0.5);
}
#sayilarlaoba .item .rakam span {
    font-size:50px;
    font-weight:400;
    color:#000;
    margin-right:10px;
}
#sayilarlaoba .item .yazi {
    font-size:18px;
    font-weight:500;
    color:#001026;
}


#homehaberler {
    padding:60px 0px;
    background-repeat: repeat;
    background-position: left top;
    background:rgba(250,250,250,1);
}
#homehaberler .baslik {
    font-size:35px;
    font-weight:700;
    line-height:30px;
    color:#001026;
    margin-bottom:30px;
    text-align:center;
}
#homehaberler .item {
    display:block;
    text-align:center;
    padding:0px 0px 20px 0px;
    background:#fff;
    border-radius:10px;
    -webkit-box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 19px 5px rgba(0,0,0,0.1);
    text-decoration:none;
}
#homehaberler .item .resim {
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
    object-position:center;
    margin-bottom:15px;
    border-radius:10px 10px 0px 0px;
}
#homehaberler .item .adi {
    font-size:14px;
    font-weight:500;
    color:#001026;
    text-decoration:none;
    margin-bottom:5px;
    padding:0px 5px;
    min-height:42px;
}
#homehaberler .item .ozet {
    font-size:12px;
    font-weight:400;
    color:#001026;
    text-decoration:none;
    margin-bottom:5px;
    padding:0px 5px;
    transition:all 0.3s ease;
}

#homehaberler .item .detay {
    overflow:hidden;
    height:0px;
    font-size:14px;
    font-weight:500;
    color:#e31e1a;
    text-decoration:none;
    margin-bottom:5px;
    padding:0px 5px;
    transition:all 0.3s ease;
}
#homehaberler .item:hover .detay {
    overflow:hidden;
    height:20px;
}


/*------------------slider----------------------*/

#slider {
	position:relative;
	padding:0px 0px;
	z-index:10;
}
#slider .slider {
	position:relative;
}
#slider .item {
	position:relative;
}
#slider .item .anaresim {
	width:100%;
	max-height:calc(100vh - 111px);
	object-fit:fill;
	height: 830px;
	object-position:center;
}


/*------------------footervideo----------------------*/

#footervideo {
	position:relative;
	padding:0px 0px;
	z-index:10;
}
#footervideo .video {
	width:100%;
	max-height:50vh;
	object-fit:cover;
}
#footervideo .resim {
	width:100%;
}

/*------------------homekutular----------------------*/

#homekutular {
	position:relative;
    padding:30px 0px;
	z-index:10;
}
#homekutular .item {
	position:relative;
	display:block;
	z-index:10;
	margin-bottom:10px;
}
#homekutular .item .resim {
	width:100%;
	border-radius:10px;
}
#homekutular .item .adi {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:100%;
	display:flex;
	align-items:flex-end;
	padding:30px;
	font-size:30px;
	color:#fff;
	background:rgba(0,0,0,0.2);
	border-radius:10px;
}


#liste {
    background:#fff;
    border-radius:10px;
    box-shadow:0px 5px 5px rgba(0,0,0,0.2);
    overflow:hidden;
    margin-bottom:30px;
    height:calc(100% - 30px);
}

#liste .baslik {
    padding:20px;
    text-align:center;
    font-size:16px;
    font-weight:700;
    color:#fff;
    background:#0e1426;
}
#liste .resim {
    width:100%;
    height:200px;
    object-fit:cover;
    object-position:bottom;
}

#liste .list {
    display:flex;
    flex-wrap:wrap;
    border-bottom:1px solid rgba(250,250,250,1);
}
#liste .list .sol {
    width:calc(25% - 30px);
    flex:0 0 auto;
    display:flex;
    align-items:center;
    font-size:16px;
    font-weight:700;
    color:#0e1426;
    padding:20px 15px;
    text-align: left;
}
#liste .list .sag {
    width:calc(75% - 30px);
    flex:0 0 auto;
    display:flex;
    align-items:center;
    font-size:16px;
    font-weight:400;
    color:#0e1426;
    padding:20px 15px;
    text-align: left;
}


.belgekutu {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    aspect-ratio:1/1;
    border-radius:10px;
    border:1px solid rgba(250,250,250,1);
    margin-bottom:30px;
    box-shadow:0px 5px 5px rgba(0,0,0,0.2);
}
.belgekutu img {
    max-width:70% !important;
    max-height:70% !important;
}

@media screen and (max-width: 1279px) {
  #wrapper #header #general .menu li{font-size: 15px;}
}

@media screen and (max-width: 1239px) {
  #wrapper .items.s1 .box{width: 357px; height: 307px;}
  #wrapper .items.s1 .box .line{width: 337px; height: 277px;}
  #wrapper .items.s1 .box{margin-right: 6px; margin-left: 6px;}
  #wrapper #header #general .menu{padding-right: 10px;}
  #wrapper #header #general .menu li{margin-left: 25px;}
  #wrapper #header #general .top .ll{margin-right: 10px;}
  #wrapper #header #general .logo{left: 10px; width: 211px; height: 119px; background-size: contain;}
  #wrapper .items.s2 .text{padding-right: 10px;}
  #wrapper .items.s3 .left{padding-left: 10px;}
  #wrapper .items.s6 .clr{margin-bottom: 30px !important;}
  #wrapper #footer .general{padding: 34px 10px 20px 10px;}
  #wrapper .items.s3 .right{width: 500px;}
  .bxslider li{margin-right: 30px !important;}
  #wrapper .items.s5 #grafikUlke{left: 320px;}
  #wrapper .items.s5 #grafik80{left: 335px;}
  #wrapper .items.s5 #infografiBanner{margin-right: 10px;}
  #wrapper #content #News{padding-left: 10px; padding-right: 10px; width: calc(100% - 20px);}
  #wrapper #content #News .news_box .article .date{margin-bottom:17px;}
  #wrapper #content #News .news_box .article h4{height: 54px; overflow: hidden;}
  #wrapper #content #contact .left{padding-left: 10px;     width: 545px;}
  #wrapper #content #contact .right{padding-right: 10px;}
  #wrapper #content #product_list .left{float: none; width: 100%; text-align: center; min-height: inherit; margin-bottom: 30px;}
  #wrapper #content #product_list .right{float: none; width: 100%; max-width:inherit;}
  #wrapper #content .category{width: 100%; background-color: #f2f2f3;}
  #wrapper #content .category .list li{background-color: #f2f2f3; margin-left: 0px; width: 165px;}
  #wrapper #content .category .list li img{max-width: 100%; max-height: 100%;}
  #wrapper #content .category .list{padding: 0px;}
  #wrapper #content #product .img{display: inline-block; float: none;}
  #wrapper #content #product .detail{ display: inline-block; float: none;}
  #wrapper #content #product .detail .otherImg{margin-left: 0;}

#wrapper #content #News .news_box.fair{width: 80%; margin: 0px;}

}

@media screen and (max-width: 1138px) { 
  #wrapper .items.s3 .right{width: 440px;}
  #wrapper .items.s3 .left{width: 600px;}
  #wrapper .items.s3 .left ul.news li{margin-right: 8px;}
  #wrapper .items.s3 .left .news_more{margin-right: 77px;}
}

@media screen and (max-width: 1110px) {
  #wrapper .items.s1 .box{width: 287px; height: 237px;}
  #wrapper .items.s1 .box .line{width: 267px; height: 217px;}
  #wrapper .items.s1 .box .more{right: 14px; bottom: 13px;}
  #wrapper .items.s5 #grafikUlke{left: 282px; bottom: 198px;}
  #wrapper .items.s5 #grafik80{left: 295px; bottom: 245px;}
  .bxslider li{margin-right: 10px !important;}
#wrapper #content #News .news_box.fair{width: 100%; margin: 0px;}

  .flash{top:65%;}
  }


@media screen and (max-width: 1089px) {
  #wrapper #footer .general .twitter{display: none;}
  #wrapper #footer .general .clr.foot{margin-bottom:10px;}
  #wrapper #footer .general .footer_logo{margin-right: 0px; margin-top: 0px;}
  #wrapper #footer .general{text-align: center; }
  #wrapper #footer .general .menu_general{width:100%;}
  #wrapper #header #general .logo{width: 181px; height: 89px;}
  #wrapper #header #general .menu li{margin-left: 20px;}
  #wrapper .items.s3 .right{width: 420px;}
  .items.s5{display: none;}
  #wrapper #content #contact .left{width: 98%; float: none; padding: 0px; margin:auto;}
  #wrapper #content #contact .right{width: 98%; float: none; padding: 0px; padding-top: 20px; border-top:1px solid #d6d6d6; margin:auto;}
  
  #wrapper #content .relationTwo{height: auto;}
  #wrapper #content .relationTwo .left{float: none; width: 100%; text-align: center; height: 80px;}
  #wrapper #content .relationTwo .left .page{text-align: center;}
  #wrapper #content .relationTwo .right{float: none; width: 100%;}
  #wrapper #content #product .detail .product_desc .feature .set{margin-left: 20px;}
    #wrapper #content #product .detail .product_desc .feature.first .set{margin-left: 20px;}
  #wrapper #content #product .detail .product_desc .feature{display: inline-block; margin:0 30px;}
  }

@media screen and (max-width: 1029px) {
/*#wrapper .items.s3 .left{padding-left: 3px;}
#wrapper .items.s3 .left ul.news li{margin-right: 2px;}
#wrapper .items.s3 .left .news_more{margin-right: 82px;}
*/
#wrapper .items.s3 .left{width:338px;}
#wrapper .items.s3 .right{width:calc(100% - 348px);}
#wrapper .items.s3 .bg{left: 348px; width:calc(100% - 348px);}
#wrapper .items.s3 .left ul.news li:last-child{display: none;}
#wrapper .items.s3 .left .news_more{margin-right: 0; float: left;}
 .bxslider li{margin-right: 4px !important;}
}


@media screen and (max-width: 989px) {
#wrapper #header #general .logo{width: 98px; height: 63px; top: 4px;}
#wrapper #header #general .menu{width: 100%; padding-right: 0px; text-align: right;}
#wrapper #header #general .menu li{margin:0 10px;}
#wrapper .items.s6 #document{text-align: center;}
#wrapper .items.s6 #document img{max-width: 98%; height: auto;}
#wrapper #content #contact .left{width: 100%; float: none; padding: 0px; }
#wrapper #content #contact .right{width: 100%; float: none; padding: 0px; padding-top: 30px; margin-top: 30px; border-top:1px solid #d6d6d6;}
#wrapper #content #product .product_gallery{
  width: 308px;
}

}


@media screen and (max-width: 910px) {
  #wrapper .items.s1 .box{width: 247px; height: 197px;}
  #wrapper .items.s1 .box .line{width: 227px; height: 177px;}
  #wrapper .items.s1 .box h3{font-size: 18px;}
  #wrapper #header #general .menu li{font-size: 13px; margin: 0 7px;}
  #wrapper .items.s2 .text{padding-right: 0px; margin:auto;}
  #wrapper #content .menu li{font-size: 16px;     margin: 0 20px;}
  #wrapper #content #product .product_gallery{float: none; display:block; margin-right: auto; margin-left: auto;}
  .bx-wrapper li{width: 128px !important; margin-right: 39px !important; }
  .bx-wrapper{padding-left: 40px !important;}
  #wrapper .items.s1 .box h3{left:20px;}
  #wrapper #content #product .detail .product_desc .feature .set{ 
    width: 137px;
    margin-left:30px;
}
.flash{top:55%;}
}

@media screen and (max-width: 830px) {

#wrapper .items.s4{background-image:url(../images/itembg4_tablet.jpg); background-size: cover; background-repeat: no-repeat; height: 470px;}
#wrapper .items.s4.en{background-image:url(../images/itembg4_tablet.jpg);}
#wrapper .items.s4.tr{ background-image:url(../images/itembg4_tablet.jpg);}
#wrapper .items.s4.ar{background-image:url(../images/itembg4_tablet.jpg);}
#wrapper .items.s4.fr{background-image:url(../images/itembg4_tablet.jpg);}
#wrapper .items.s4 .general{
    padding-top: 102px;
    height: 368px;}
#wrapper .items.s4 .recipe_text{width:42%; margin-left: auto; margin-right: auto;display: block !important;}
#wrapper .items.s4 .recipe_text img{ width: 100%;}
#wrapper .items.s4 .btns a{width: 45%; display: inline-block; background-position: 19px center; text-indent: 40px; font-size: 15px; line-height: 56px; height: 56px;}
#wrapper .items.s4 .btns{display: none;}
#wrapper .items.s4 .recipe{ width: 60%; padding-left: 20%; padding-right: 20%;}
#wrapper .items.s4 .recipe .text{ padding-right: 0px; height: auto;}
#wrapper .items.s4 .recipe .more{ margin-top: 10px;}
#wrapper .items.s6{ height: 400px;padding-bottom: 30px;}
}

@media screen and (max-width: 790px) {
  #wrapper .items.s1 .box{width: 227px; height: 177px;}
  #wrapper .items.s1 .box .line{width: 207px; height: 157px;}
  #wrapper .items.s1 .box h3{font-size: 16px; font-family: 'Klavika-Regular';}
   #wrapper .items.s6 .general{padding-top: 20px;}
   #wrapper .items.s6 .clr{margin-bottom: 12px !important;}
   #wrapper .items.s3 .right{display: none;}
   #wrapper .items.s3 .bg{display: none;}
   #wrapper .items.s3 .left ul.news li:last-child{display: inline-block;}
   #wrapper .items.s3 .left{width: 100%; text-align: center;}
   #wrapper .items.s3 .left h2{text-align: center !important; }
   #wrapper .items.s3 .left hr{margin-left: auto; margin-right: auto;}
   #wrapper .items.s3 .left ul.news{text-align: center;}
   #wrapper .items.s3 .left ul.news li{display: inline-block; float: none;}
   #wrapper .items.s3 .left .news_more{float: none; margin-right: auto; margin-left: auto;}
   #wrapper #content .menu{height: auto; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; width: 100%; overflow: auto;}
   #wrapper #content .menu li{height: 40px; font-size: 15px; margin: 0 12px; line-height: 40px;}
   #wrapper #content .menu li a{height: 37px;}
   #wrapper #content #product .img{max-width: 235px; vertical-align: top; padding-top: 30px;}
   #wrapper #content .category{padding-top: 10px !important;}
   #wrapper #content .category .list.img{display: none;}
   #wrapper #content .category .list.select{display: block; width: 98%; height: 40px; margin:0 auto; border:1px solid #e4e4e4; background-color: #c5091f;}
   #wrapper #content #product_list .left h4{display: none;}
   #wrapper #content #product_list .left .text{display: block; margin-top: 15px;}
   #wrapper #content #product_list .left .catImg{display: block; max-width: 100%; height: auto;}
   #wrapper #content .relationTwo .inside .category_img{padding-top: 35px;}
   #wrapper #content .relationTwo .inside .category_text{margin-top: 15px; padding-bottom: 15px;}
   #wrapper .items.s3 .left ul.news li{ vertical-align: bottom;}
   #masterslider .ms-slide-bgcont img{height: 180px !important;object-fit: contain;}
   #masterslider .ms-view{height: 180px !important;}
   #masterslider .ms-slide{height: 180px !important;}
	
	table {
    width: 100% !important;
	}
	table td {
        padding: 0 10px !important;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
    }
	table td p{
		margin: 10px 0;
	}
}

	table td p {
		margin: 15px;}


@media screen and (max-width: 710px) {
  #wrapper #header #general .cert{display: none;}
  #wrapper #header{}
  #wrapper #header, #wrapper #header #general{height: 70px;}
  #wrapper #header #general .logo{top:4px;}
  #wrapper #header #general .menu{position:absolute;bottom: inherit; width: 95%;top:80px; background-color: #fff; height: auto; display: none; text-align: center;padding-left:0px;}
  #wrapper #header #general .menu li{width: 100%; display: block; font-size: 14px; border-bottom: 1px solid #131313; margin:0px; height: auto; padding: 0px; text-align: center;}
  #wrapper #header #general .menu li ul {width: 100% !important; height: auto; background-image: none; padding: 0px; margin: 0px; border-bottom: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
position:relative;
background-color: #131313; 
top: 0px;
left: 0px;}
  #wrapper #header #general .menu li ul li a{color: #fff; text-align: center; width: 100%; height: 100%; padding: 0px;}
  #wrapper #header #general .menu li ul li a:hover{ color: fff;}
  #wrapper #header #general .menu li ul li{width: 100%; display: block; font-size: 14px; border-bottom: 1px solid #000; margin:0px; background-color: #131313; height: auto; padding-left: 0px;}
  #wrapper #header #general .top{height:65px}
  #wrapper #header #general .top .social{line-height: 65px;}
  #wrapper #header #general .top .lang{display: block;}
  
  #wrapper #content .relation .title h1{font-size: 21px;}
  #wrapper #content .relation .contact .form #bulten{width: 260px; height: 35px;}
  #wrapper #content .relation .contact .form .send{display: block; margin:auto;}
  #wrapper #content .relation .contact .form .send{height: 35px; line-height: 35px;}
  #wrapper #content #product .img{max-width: 200px;}

  #wrapper #content #product .detail .piece{max-width: 40%; margin-bottom: 10px;}
  #wrapper #content #product .detail .otherImg{max-width: 55%;}
  #wrapper #content #product .detail ul{margin-bottom: 12px;}
  #wrapper #content #product .detail h1{font-size: 30px;}
  #wrapper #content #product .detail ul{font-size: 15px;}
  #wrapper #content #product .detail .text{width: 98%; font-size: 12px}
  #wrapper #header #general .top .menu_icon{display: block;}
  #wrapper #header #general .top .ll.dealer{height:70px;}
  .mobilMenuLi{display: block !important;}
  #newmarkalar {padding: 20px 0px;}
  #newmarkalar .ust .baslik {font-size: 25px;}
  
  #sayilarlaoba {padding: 20px 0px;}
  #sayilarlaoba .baslik {font-size: 25px;}
  #sayilarlaoba .item {padding:20px 0px;}
  #sayilarlaoba .item .rakam span {font-size: 31px;},
  #sayilarlaoba .item .rakam {margin-bottom: 17px;}
  #sayilarlaoba .item .yazi {font-size: 16px;}
  
  #homehaberler {padding: 20px 0px;}
  #homehaberler .baslik {font-size: 25px;}
  
  #liste .list .sol {width: calc(50% - 30px);}
  #liste .list .sag {width: calc(50% - 30px);}
  #wrapper #content #contact {padding: 20px;}
  
}

@media screen and (max-width: 679px) {
  #wrapper .items.s1 .box{width: 400px; height: 330px; margin:0px; margin-top: 8px;}
  #wrapper .items.s1 .box .line{width: calc(100% - 20px); height: calc(100% - 20px);}
  #wrapper .items.s1 .box h3{font-size: 38px; left: 35px; top: 35px;     font-family: 'Klavika-Bold'; }
  #wrapper .items.s6 #document, #wrapper #footer .general .menu_general{display: none;}
  #wrapper .items.s1 .box .more{top:0px; left: 0px; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden;}
  #wrapper .items.s1 .box .more .icon{display: none;}
  #wrapper .items.s2 .text{width: 100%;}
  #wrapper .items.s2 .text p.comm{padding:15px; font-size: 14px; padding-top: 0px; padding-bottom: 10px; margin-top: 38px;}
  #wrapper .items.s2 .general{padding-top: 40px;}
  #wrapper .items.s2{height: 380px;}
  #wrapper .items.s3 .left h2{font-size: 33px;}
  #wrapper .items.s3 .left ul.news li{width: 100%; height: 175px; margin-bottom: 11px; margin-top: 7px;}
  #wrapper .items.s3 .left{padding: 0px; padding-top: 15px;}
  #wrapper .items.s3 .left ul.news li a.img{display: block; width:40%; float: left; height: 129px; overflow: hidden;}
  #wrapper .items.s3 .left ul.news li a.img img{width: 120%;}
  #wrapper .items.s3 .left ul.news li .text_wrap{width: 60%; float: right; margin: 0px; padding:0px; text-align: left;}
  #wrapper .items.s3 .left ul.news li h3{text-align: left;}
  #wrapper .items.s3 .left ul.news li .top .title{width: 40%;}
  #wrapper .items.s3 .left ul.news li .top .date{width: 60%;}
  #wrapper #content .relation{height: 250px;}
  #wrapper #content #News .news_box .article .text{display: none;}
  #wrapper #content #News .news_box{height: auto; padding: 12px 0;}
  #wrapper #content .inside{max-width: 100%;     padding: 0px 5px;}
  #wrapper #content #News .news_box .img{width: 90px; height: 90px;}
  #wrapper #content #News .news_box .article{height: 90px; width: calc(100% - 105px); margin-left: 15px;}
  #wrapper #content #News .news_box .article .more{display: none;}
  #wrapper #content #News .news_box.fair .article{width: calc(100% - 115px);}

  #wrapper #content .inside{padding: 0px;}
  #wrapper #content .category{width: 100%; background-color: #f2f2f3;}
  
  #wrapper #content .category .list{padding-left: 0px;}
  #wrapper #content .category .list li{background-color: #f2f2f3; margin-left: 0px; width: 100%; border-bottom:1px solid #d7d7d9;}
  #wrapper #content .category .list li a{width: 100%; height: 100%; display: block;}
  #wrapper #content .category .list li img{max-width: 100%; max-height: 100%;}

  #wrapper #content #product .detail{width: 90%; text-align: center;}
  #wrapper #content #product .img{width: calc(39% - 20px); margin-right: 20px;}
  #wrapper #content #product .detail .product_desc .feature{ display: table; margin-left: auto; margin-right: auto; width: 50%;}
  #wrapper #content #product .detail .product_desc .feature .set{width: 100%;padding-bottom: 3px;font-size: 13px; margin: 0px; border-bottom: 1px solid #d7d7d9;}
  #wrapper #content #product .detail .product_desc .feature.first .set{width: 100%;padding-bottom: 3px;font-size: 13px; margin: 0px;}
  #wrapper #content .relationTwo .left{    height: 60px;}
  #wrapper #content .relationTwo .left .page{font-size: 30px;}

  #wrapper #content .pageNav{width: 100%; height: 40px; line-height: 40px; font-size: 9px;}
  #wrapper #content .pageNav .prev{width: 29%; height: 40px;}
  #wrapper #content .pageNav .back{width: 32%; height: 40px;}
  #wrapper #content .pageNav .next{width: 29%; height: 40px;}
  #wrapper #content .pageNav .others{width: 10%; height: 30px; padding-top: 10px;}
  #wrapper #content .pageNav .others i{font-size: 5px;}
  #wrapper #header #general .top .ll{margin-left: 30px;}
  #wrapper #header #general .top .ll.dealer{margin-right: 0px; display: none;}
  #wrapper #content .other h3{font-family: 'Klavika-Regular'; text-align: center;}

  .master-slider{border-bottom: 10px solid #000825;}
  #wrapper .items.s1{padding: 10px 0px; padding-bottom: 38px;}
  #wrapper #header #general .top .ll.social{display: none;}
  #wrapper #social_wrap{display: block; width: 100%; height: 30px; background-color:#000825; text-align: center;}
  #wrapper #social_wrap a {color: #fff; font-size: 25px; display: inline-block; margin-left: 20px; margin-right: 20px; line-height: 25px;}
  #wrapper #header #general .top .social{display: none !important;}
  #wrapper #header #general .top .menu_icon span{display: inline-block; font-size: 14px; line-height:57px; 
  font-family: 'Klavika-Bold'; vertical-align: bottom;}
  #wrapper .items.s3 .left ul.news li .text{ height: auto;}
  .flash{top:40%;}
  #wrapper #content #News iframe{width: 100% !important;}
  #wrapper #header #general .top .contact{display: block;}

}

@media screen and (max-width: 470px) {
#wrapper #content #News .film_box{width: 100%; height: auto; display: inline-block; margin: 0px; padding: 0px; position: relative; margin-top: 30px; overflow: hidden;}
#wrapper #content #News .film_box .img{display: none;}
#wrapper #content #News .film_box .img3{display: block;}
#wrapper #header #general .top .ll{margin-left: 10px;}
#wrapper #content #product .detail .product_desc .head h3{font-size: 13px;}

#wrapper #content #product .detail .product_desc .feature{ display: table; margin-left: auto; margin-right: auto; width: 60%;}
#wrapper #content #product .detail .product_desc .feature.first .set{ border-bottom: 1px solid #d7d7d9;}
#wrapper #content #product .detail .product_desc .feature .set{ border-bottom: 1px solid #d7d7d9;}
#wrapper #header #general .menu li ul li a:hover{color:#FFF;}

#wrapper .items.s1 .box{height: 100px; width: 100%;} 
#wrapper .items.s1 .box .line{width: calc(100% - 20px); height: calc(100% - 20px);}
#wrapper .items.s1 .box img{margin-top: -40px;}
#wrapper .items.s1 .box h3 br{display: none;}
#wrapper .items.s1 .box h3{width: 365px; font-size: 24px; left: 8px; top: 25px;  font-family: 'Klavika-Bold';}
#wrapper .items.s1 .box .line{border:0px;}
#wrapper #content .relation{display: none;}
#wrapper #content .inside{margin-top: 0px !important;}

#wrapper .items.s1 .box img.mobile{display: block; margin-top: 0px;}
#wrapper .items.s1 .box img.desk{display: none;}

#wrapper .items.s3 .left h2{font-size: 26px;}
#wrapper .items.s3 .left ul.news{margin-top: 10px;}
#wrapper .items .general h2{ font-size: 24px; margin-top: 25px;}
#wrapper .items.s4{background-image:url(../images/itembg4_tablet.jpg); background-size: cover; background-repeat: no-repeat; height: 261px;}
#wrapper .items.s4 .general{padding-top: 90px; height: 210px;}
#wrapper .items.s4 .btns a{width: 45%; display: inline-block; background-position: 19px center; text-indent: 40px; font-size: 15px; line-height: 56px; height: 56px;}
#wrapper .items.s4 .btns{margin-top:43px; display: none;}
#wrapper .items.s4 .recipe .recipe_text{display: block; width:;}
#wrapper .items.s4 .recipe h2{background-image: none; text-align: center;}
#wrapper .items.s4 .recipe{ width: calc(100% - 16px);padding-left: 8px; padding-right: 8px; }
#wrapper .items.s4 .recipe .text{ padding-right: 0px; display: none;}
#wrapper .items.s4 .recipe .more{ margin-top: 10px; margin-left: auto; margin-right: auto; display: block; float: none;}
.bx-wrapper{padding-left: 13px !important; margin-top: -15px; margin-bottom: 25px !important;}
.bx-wrapper li{width: 85px !important; margin-right: 30px !important;}
#wrapper .items.s4 {display: none; background-image:none; height: auto; min-height: auto;}
#wrapper .item_recipe{display: block; height: 100px; overflow: hidden; margin-top: 9px;}
#wrapper .item_recipe img{width: 100%;}
#wrapper .items.s2{margin-top: 48px;}
#wrapper .items.s1{padding: 0px 0px; padding-top: 10px;}
#wrapper .items.s1 .general h2{ font-size: 24px;}
#wrapper #footer .general .copy{width: 100%; float: none; display: block; text-align: center;}
#wrapper #footer .general .footer_logo{float: none; display: block; margin-left: auto;margin-right: auto; margin-top: 10px;}
#wrapper #footer .general .clr.foot{margin-bottom:0px;}
}
@media screen and (max-width: 410px) {
#wrapper #header #general .top .social a{  margin-left: 16px; }
#wrapper .items.s6 .contact_box{width: 280px !important; margin-left:auto !important; margin-right: auto !important;}
#wrapper .items.s2 .text p.comm{margin-top: 20px;font-size: 12px;}
#wrapper .items.s2 .general{padding-top: 20px;}
.bx-wrapper{padding-left: 7px !important; margin-top: -15px; margin-bottom: 25px !important;}
.bx-wrapper li{width: 85px !important; margin-right: 30px !important;}
#wrapper #content #product .product_gallery{ width:70%;}
  #wrapper #content #product .product_gallery .small_gallery .small_img{height: 60px !important;}
  #wrapper #content #product .product_gallery .small_gallery .small_img a{height: 60px !important;}
  .flash{top:36%;}
}
@media screen and (max-width: 320px) {
  #wrapper #content .other h3{font-size: 20px; display: block; padding: 0px !important;}
  #wrapper #content #product .product_gallery .large_img{height: 320px;}
  #wrapper #content #product .product_gallery .small_gallery{height: 70px;}
  #wrapper #content #product .detail ul{padding: 0px;}
  #wrapper #content #product .detail .product_desc .code{text-align: center;}
}

.inside_full.relation {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	background-color:white;
}
tbody, td, tfoot, th, thead, tr {
    border: 1px solid !important;
    width: auto !important;
}
.not-found {
  /*min-height: 50vh;*/
  text-align: center;
  font-size: 75px;
}
.come-back {
	font-size: 80px;
	text-align: center;
	padding-bottom:25vh;
}



@media (max-width: 910px) {
#slider .item .anaresim {
	height: auto;
}

}