@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:300,300i,400,400i,500,500i,700,700i&subset=latin-ext');
html {
  height: 100%;
}
ul, li, div, a, img, table, tr, td, input, textarea, select {
  box-sizing: border-box;
  outline: none;
}
a, a:link, a:hover, a:focus {
  cursor: pointer;
  outline: none;
}
body {
  background: #fff;
  color: #333;
  font: 400 14px 'Roboto', sans-serif;
  margin: 0;
  overflow-x: hidden;
}
a {
  color: #666;
  font: 400 14px 'Roboto', sans-serif;
  cursor: pointer;
}
a:hover {
  color: #333;
  text-decoration: underline;
  cursor: pointer;
}
a:active {
  text-decoration: none;
}
a:before {
  cursor: pointer;
}
.transeffect {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.img-responsive {
  width: auto;
}
.DNone {
  display: block;
}
.col-lg-1_5 {
  width: 20%;
  padding: 0 15px;
}
hr {
  border: none;
  border-top: #dfdfdf 1px solid;
}
.ta-left {
  text-align: left;
}
.ta-right {
  text-align: right;
}
.ta-center {
  text-align: center;
}
.ta-justify {
  text-align: justify;
}
.paddingnone {
  padding: 0;
}

.radyumasistan_li { margin:0; padding:0;}
.radyumasistan_li li  { list-style-type: circle; margin-left:30px; margin-bottom:5px; }
.mansoryArea div { margin-bottom:30px; border-bottom:#ff0000 3px solid; border-radius:5px; padding:15px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }
.mansoryArea div img  { margin-bottom:15px; }


.portal_bg {
  background: url(/images/portal_bg.jpg) no-repeat #f2f2f2;
}
.tranemo_bg {
  margin-top: 80px;
}
.tranemo_bg p {
  color: #fff;
  font-weight: 100;
  line-height: 19px;
  letter-spacing: 3px;
}
.arama {
  width: 170px;
  float: left;
  margin-top: -5px;
}
.arama input {
  width: 170px;
  padding: 8px;
  border: 0;
  background: #ffffff;
  outline: none;
  display: block;
  float: left;
  /* color: #fff; */
  /* border: 1px solid #e2e2e2; */
  border-radius: 6px;
  font: 400 14px 'Roboto', sans-serif;
  box-shadow: 1px 1px 4px #ececec;
}

.carbon-ayak-izi    { width:100%; padding:400px 30px 30px 30px; background:url(/images/co2-page-background.png?version=3.0.0) no-repeat center top; }
.carbon-ayak-izi-2    { width:100%; padding:400px 30px 30px 30px; background:url(/images/sürdürülebilirlik-page-bg-2.jpg) no-repeat center top; }
.carbon-ayak-izi-3    { width:100%; padding:400px 30px 30px 30px; background:url(/images/dunyaya-dokunacak-2025-header-2-v3.jpg) no-repeat center top; }
.carbon-ayak-izi-3v2  {  width: 100%; padding: 0; margin-bottom: 30px; aspect-ratio: 15 / 6; background: url(/images/dunyaya-dokunacak-2025-header-2.jpg) no-repeat center center; background-size: contain; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 10px 20px; }

.dd-Div {
  width: 100%;
}

@media (max-width: 768px) {

  .dd-Div h1{
    font-size: 27px;
  }
  .dd-Div p{
    font-size: 10px;
  }

}

.arama button {
  background: none;
  float: left;
  border: none;
  margin-left: -30px;
  margin-top: 6px;
  color: #0c0c0c;
}
.yerli {
  position: absolute;
  background: #ffffff;
  font-size: 11px;
  color: #fff;
  padding: 3px;
  left: 12px;
  bottom: 12px;
  border-radius: 3px;
}
.yerli img {
  height: 20px;
  width: auto;
}
.portal_box {
  width: 248px;
  cursor: pointer;
  font: 300 11px 'Roboto', sans-serif;
  /* line-height: 78px; */
  /* height:240px; */
  /* display: block; */
  /* float: left; */
  padding: 10px 10px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  border-bottom: #ed1c24 3px solid;
  text-align: center;
  background: #fff;
  margin: 10px;
}
.urunler_list a {
    /* border: 1px solid #e8e8e8; */
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding: 10px;
    position: relative;
}
.urunler_list h3 {
    color: #ed1c24;
    font: 600 15px 'Roboto Condensed', sans-serif;
    margin: 20px 0 10px 0;
    padding: 0;
}
.portal_box a {
  color: #000000;
  font-size: 11px;
}
.portal_img {
  margin-top: 0px;
}
.portal_img img {}
.portal_icerik {
  margin-top: 20px;
  font-size: 14px;
  line-height: 24px;
}
.urunler_menu li {
    list-style-type: none;
}
.urunler_menu li ul li {
    list-style-type: none;
}
.urunler_menu li ul li {
    text-indent: 4px;
}
.urunler_menu li ul li a{
    color: #797979;
    border-left: 0px;
    font-weight: 400;
}
.urunler_menu li ul li .active{
    color: #ed2625;
}
.urunler_menu li .active{
    color: #ed2625;
}
.urunler_menu a {
  width: 100%;
  float: left;
  display: block;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Roboto Condensed';
  margin-bottom: 10px;
  /* border-left: 1px solid #ccc; */
  /* padding-left: 10px; */
  border-bottom: 1px dashed #f9f9f9;
  padding-bottom: 10px;
  color: #333;
}
.urunler_menu .arx {
  display: block !important;
  height: auto !important;
  float: left;
}
.urunler_menu h1 {
  font-size: 18px;
  color: #ed2625;
  border-left: 1px solid #ed2625;
  padding-left: 10px;
  margin-bottom: 30px;
  font-weight: bold;
  font-family: 'Roboto Condensed';
}

.cookie-policy  { width:100%; max-width:300px; position:fixed; z-index:9999; padding:30px; font:300 13px 'Roboto', sans-serif; bottom:30px; left:30px; background:#fff; border-radius:5px; box-shadow: rgba(50, 50, 93, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px; }
.cerezKabul   { background:#2c3e50; color:#fff; padding:10px; border-radius:4px; font:400 12px 'Roboto', sans-serif; display: inline-block; }
.cerezKabul:hover   { background:#27ae60 !important; color:#fff !important; text-decoration:none; }


.skinsafe {
  width: 100%;
  float: left;
}
.skinsafe p {
  font-weight: 400;
}
.skinsafe .cildiniz .bigPageTitle {
  width: 100%;
}
.skinsafe .cildiniz {
  margin-bottom: 70px;
}
.skinsafe .cildiniz b {
  color: #ed7d23;
  width: 100%;
  text-align: center;
  font-size: 15px;
  line-height: 18px;
  display: block;
  height: 70px;
  margin-bottom: 10px;
  background: url(/images/skinsafe/title_bg.png) top no-repeat;
  background-size: 100% 200%;
}
.skinsafe .cildiniz img {
  display: block;
  float: left;
}
.skinsafe .cildiniz font {
  color: #ed7d23;
  width: 100%;
  margin-top: 40px;
  text-align: left;
  font-size: 15px;
  line-height: 18px;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  height: 40px;
  float: left;
}
.skinsafe .cildiniz p {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 50px;
  display: block;
  float: left;
}
.skinsafe .cantex {
  width: 100%;
  float: left;
  margin-top: 50px;
  text-align: center;
  margin-bottom: 50px;
}
.skinsafe .cantex .a2 b {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.skinsafe .cantex .b2 {
  text-align: center;
}
.skinsafe .cantex .b2 span {
  background: #d0cfcf;
  padding: 20px;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 100px;
  display: inline-block;
  width: 100px;
  color: #ed7d23;
}
.skinsafe .cantex .c2 p {
  text-align: center;
}
.skinsafe .cantex .c2 img {
  margin-top: 20px;
}
.skinsafe .cantex .d2 img {
  margin-top: 150px;
}
.skinsafe .cantex .e2 img {
  margin-top: 140px;
}
.skinsafe .cantex img {
  width: 70%;
}
.skinsafe .cantex2 {
  width: 100%;
  float: left;
  margin-top: 50px;
  text-align: center;
  margin-bottom: 50px;
}
.skinsafe .cantex2 .a2 b {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.skinsafe .cantex2 .b2 {
  text-align: center;
}
.skinsafe .cantex2 .b2 span {
  background: #d0cfcf;
  padding: 20px;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 100px;
  display: inline-block;
  width: 100px;
  color: #ed7d23;
}
.skinsafe .cantex2 .c2 p {
  text-align: center;
}
.skinsafe .cantex2 .c2 {
  text-align: center;
  margin-left: 50px;
  margin-right: 50px;
}
.skinsafe .cantex2 .c2 img {
  margin-top: 14px;
}
.skinsafe .cantex2 .c2 .title {
  height: 60px
}
.skinsafe .cantex2 .d2 p {
  text-align: center;
}
.skinsafe .cantex2 .d2 {
  text-align: center;
  margin-left: 50px;
}
.skinsafe .cantex2 .d2 img {
  margin-top: 18px;
}
.skinsafe .cantex2 .d2 .title {
  height: 60px
}
.skinsafe .cantex2 img {
  width: 70%;
}
.skinsafe .cantex3 {
  width: 100%;
  float: left;
  margin-top: 50px;
  text-align: center;
  margin-bottom: 50px;
}
.skinsafe .cantex3 .a2 b {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.skinsafe .cantex3 .b2 {
  text-align: center;
}
.skinsafe .cantex3 .b2 span {
  background: #d0cfcf;
  padding: 20px;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 100px;
  display: inline-block;
  width: 100px;
  color: #ed7d23;
}
.skinsafe .cantex3 .c2 p {
  text-align: center;
}
.skinsafe .cantex3 .c2 img {
  margin-top: 20px;
}
.skinsafe .cantex3 .d2 img {
  margin-top: 24px;
}
.skinsafe .cantex3 .d2 .title {
  margin-bottom: 27px;
}
.skinsafe .cantex3 .d2 .img {
  margin-top: 507px;
}
.skinsafe .cantex3 .e2 img {
  margin-top: 140px;
}
.skinsafe .cantex3 .e2 .img {
  margin-top: 350px;
}
.skinsafe .cantex3 .e2 .img2 {
  margin-top: 230px;
}
.skinsafe .cantex3 img {
  width: 70%;
}
.skinsafe center p {
  font-size: 14px;
  font-weight: 400;
}
.size_ozel_bg {
  background: url(/images/tranemo/size_ozel_bg.jpg) no-repeat top;
  height: 541px;
  background-size: cover;
  position: relative;
}
.size_ozel {
  background: #fff;
  position: absolute;
  bottom: 0px;
  padding-top: 100px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.size_ozel_content .text_up {
  margin-top: 30px;
  font-size: 15px;
  color: #a1a1a1;
  font-weight: 400;
  margin-bottom: 100px;
}
.slider {
  padding: 0;
}
.slideContent2 {
  width: 100%;
  text-align: left;
}
.slider .item .slideContent {
  width: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 2;
  padding: 0 10%;
  height: 100%;
}
.slider .item .slideContent b {
  color: #ed1c24;
  font: 300 23px 'Roboto Condensed', sans-serif;
  line-height: 50px;
}
.slider .item .slideContent p {
  color: #4f4f4f;
  font: 600 35px 'Roboto Condensed', sans-serif;
  line-height: 50px;
}
.slider .item .slideContent span {
  font: 300 15px 'Roboto', sans-serif !important;
  margin-top: 20px;
  line-height: 22px !important;
}
.tranemo_slide_bg {
  background: url(/images/tranemo_slider_bg.jpg);
  padding: 0;
  position: relative;
  margin-bottom: 90px;
  float: left;
  width: 100%;
  height: auto;
}
.tranemo_slide_bg .tranemo_slide {
  float: left;
  padding: 101px;
  padding-right: 0;
  padding-bottom: 120px;
}
.tranemo_slide_bg .tranemo_slide h1 {
  font: 700 84px 'Roboto Condensed', sans-serif;
  color: #545454;
  line-height: 80px;
  margin-bottom: 0px;
}
.tranemo_slide_bg .tranemo_slide p {
  font: 400 25px 'Roboto Condensed', sans-serif;
  color: #545454;
  margin-bottom: 25px;
  width: 100%;
  float: left;
  line-height: 35px;
}
.tranemo_slide_bg .tranemo_slide .clickDetail {
  background: #ff6419;
  padding: 15px;
  font-size: 15px;
  font-weight: 500;
  margin-right: 5px; /* position: absolute; */
}
.tranemo_slide_bg .tranemo_slide .clickDetail2 {
  background: #545454;
  padding: 15px;
  font-size: 15px;
  font-weight: 500; /* position: absolute; */ /* right: -30px; */
}
.tranemo_slide_bg .tranemo_slider {
  padding: 0px;
  float: right;
  position: relative;
  min-height: 600px;
}
.tranemo_slide_bg .tranemo_slider .owl-controls {
  display: none !important;
}
.tranemo_slide_bg .tranemo_slider img {
  width: 100%;
  position: absolute;
  height: auto;
  display: block;
  float: left;
}
.red_header {
  background: #ed1c24;
  color: #fff;
  height: 35px;
}
.red_header .container {
  padding: 0;
  width: 100%;
}
.red_header .phne {
  padding: 9px 0 0 10px;
}
.red_header .phne a {
  color: #fff;
  font: 600 13px 'Roboto', sans-serif !important;
}
.header {
  width: 100%;
  position: absolute;
  z-index: 99;
}
.header_2 {
  padding: 0;
  height: 90px;
  background: #ffffff;
  border-bottom: #dfdfdf 1px solid;
}
.header_3 {
  width: 100%;
  height: 90px;
  padding: 0 15px;
  position: fixed;
  top: 0;
  z-index: 1000;
  display: none;
  background: #ffffff;
  box-shadow: rgba(50, 50, 93, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px;
  /* border-bottom: #e1e1e1 1px solid; */
}

.surdurulebilirlikButon   { position:absolute; z-index:222; right:45px; bottom:30px; }
.asistanButon             { position:absolute; z-index:222; left:93px; bottom:90px; }
.surdurulebilirlikButon_sus     { position:absolute; right:30px; bottom:15px; }

.area {
  width: 50%;
  float: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.area_2 {
  width: 100%;
  height: 90px;
  padding: 0;
}
.area_3 {
  width: 100%;
  height: 90px;
  padding: 0;
}
.area .menu .language {
  color: #ed1c24;
  font: 700 15px 'Roboto Condensed', sans-serif;
  margin-bottom: 10px;
  display: inline-block;
}
.area .menu .language:hover {
  color: #4f4f4f;
}
.area .menu .menuLink {
  color: #4f4f4f;
  font: 600 16px 'Roboto Condensed', sans-serif;
  margin-left: 15px;
}
.area .menu .menuLink:hover {
  color: #ed1c24;
}
.phoneMenuIcon a {
  color: #4f4f4f;
  font: 600 20px 'Roboto Condensed', sans-serif;
}
.phoneMenuIcon a:hover {
  color: #ed1c24;
}
.phoneMenuIcon {
  display: none;
}

.ik_form      { margin:0 0 50px 0; display:block; }
.ik_form b    { color:#000; font: 600 14px 'Roboto Condensed', sans-serif; }
.ik_form input[type=text] { width:100%; padding:8px; border-radius:5px; border:#efefef 1px solid; margin-bottom:15px; }
.ik_form input[type=file] { width:100%; padding:8px; border-radius:5px; border:#efefef 1px solid; margin-bottom:5px; }
.ik_form input[type=submit] { background:#ff0000; color:#fff; border-radius:5px; border:none; padding:10px 15px; }
.ik_form label { font:400 12px 'Roboto', sans-serif; display: block; padding-left: 15px; text-indent: -15px; }
.ik_form label a { font:400 12px 'Roboto', sans-serif; }
.ik_form label input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden; }

.isinize_ozel_bg {
  background: url(/images/size_ozel_bg.png);
  background-size: cover;
}
.isinize_ozel {
  text-align: center;
  padding-top: 200px;
  padding-bottom: 200px;
}
.isinize_ozel p {
  line-height: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 400px;
  display: inline-block;
}
.menu .dropdown {
  position: absolute;
  top: 20px;
  background: #f5f5f5;
  padding: 10px;
  display: none;
  z-index: 99999;
  text-align: left;
  width: 230px;
}
.menu .dropdown a {
  width: 100%;
  margin-bottom: 5px;
  font-size: 15px !important;
  display: block;
  float: left;
  margin-top: 5px;
}
.menu .dropdown a i {
  margin-right: 6px;
  color: #ed1c24;
  font-size: 15px;
}
.menu .kurumsal {
  position: relative;
  display: inline-block;
}
.menu .kurumsal:hover > .dropdown {
  display: block;
}
.menu .surdurulebilirlik {
  position: relative;
  display: inline-block;
}
.menu .surdurulebilirlik:hover > .dropdown {
  display: block;
}
.pageTitle {
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex-direction: column
}
.pageTitle a {
  color: #fff;
  /* text-transform: uppercase; */
}
.subPageHeaderEscape {
  padding: 30px 15px 0 15px;
  display: block;
}
.kurumsalText {
  color: #4f4f4f;
  font: 300 14px 'Roboto', sans-serif;
  line-height: 24px;
}
.centerContent {
  padding-bottom: 80px;
  padding-top: 100px;
}
.okul_text {
  width: 380px;
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  color: #6b6b6b;
  margin-top: 20px;
  font-weight: 100;
}
.centerContent .container {
  /*width: 90%;*/
  padding: 10px 15px 30px 15px;
}
.arex {
  padding: 30px 15px 15px 15px;
}
.arex div.arx {
  width: 100%;
  cursor: pointer;
  font: 300 13px 'Roboto', sans-serif;
  line-height: 18px;
  height: 240px;
  display: flex;
  align-items: flex-start;
  padding: 20px 30px;
  background:#fff;
  border-radius:5px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  /* border: 1px solid #e8e8e8; */
  border-bottom: #ed1c24 3px solid;
}
.arex div.arx b {
  margin: 15px 0 0 0;
  display: inline-block;
}

.arex2 {
  padding: 15px;
}
.arex2 div.arx {
  width: 100%;
  cursor: pointer;
  font: 300 13px 'Roboto', sans-serif;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  border-bottom: #ed1c24 3px solid;
}
.arex2 div.arx:hover {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  border-bottom: #ed1c24 3px solid;
}
.arex2 div.arx2 {
  width: 100%;
  cursor: pointer;
  font: 300 13px 'Roboto', sans-serif;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 5px 15px; */
  /* border-radius: 1px; */
  -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  /* border: #d0d0d0 2px solid; */
}
.arex2 div.arx2:hover {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  border: #ed1c24 3px solid;
}

.arex2 div.arx3 {
  width: 100%;
  cursor: pointer;
  font: 300 13px 'Roboto', sans-serif;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  border: #ffffff 2px solid;
}

.arex2 div.arx4 {
  width: 100%;
  cursor: pointer;
  font: 300 13px 'Roboto', sans-serif;
  line-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 15px;
  border-radius: 1px;
  -webkit-box-shadow: 3px 3px 5px 0 rgb(165 165 165 / 10%);
  -moz-box-shadow: 3px 3px 5px 0 rgb(165 165 165 / 10%);
  box-shadow: 3px 3px 5px 0 rgb(165 165 165 / 10%);
  border: #f5f5f5 2px solid;
}

.ayricaliklar .owl-controls {
  top: 0;
}
.bigPageTitle {
  color: #4f4f4f;
  font: 600 30px 'Roboto Condensed', sans-serif;
  display: inline-block;
  margin: 3px auto;
}
.smallPageTitle {
  color: #ed1c24;
  font: 400 13px 'Roboto', sans-serif;
  letter-spacing: 4px;
  display: inline-block;
  margin: 3px auto;
}
hr.kirmizidalga {
  border: #ed1c24 3px solid;
  border-radius: 5px;
  width: 150px;
  margin: 6px auto;
}
.step_1 {
  margin-top: 10px;
}
.step_2 {
  margin-top: 100px;
}
.step_3 {
  margin-top: 20px;
}
.step_4 {
  margin-top: 50px;
  margin-bottom: 50px;
  float: left;
}
.rdymSgntr {
  padding: 30px 15%;
  line-height: 25px;
}
.gorusBG {
  min-height: 300px;
  display: flex;
  align-items: center;
  background: url(../images/gorus_bg.jpg) no-repeat center center;
  background-size: 100%;
}
.gorusBG div {
  width: 100%;
  text-align: center;
  padding: 0 120px;
}
.gorus_img_2 {
  padding: 0;
}
.gorus_img {
  padding: 0;
}
.yazi_rightBG {
  min-height: 300px;
  display: flex;
  padding: 0;
  align-items: center;
  background: url(../images/yazi_right_bg.png) no-repeat center right;
  background-size: 100%;
}
.yazi_rightBG div {
  width: 100%;
  text-align: center;
  padding: 0 120px;
}
.extraText {
  color: #4f4f4f;
  font: 300 18px 'Roboto', sans-serif;
  line-height: 24px;
  padding: 15px 125px;
  display: block;
}
.yazi_rightBG2 {
  min-height: 550px;
  display: flex;
  padding: 0;
  align-items: center;
  background: url(../images/yazi_right_bg.png) no-repeat center right;
  background-size: 100%;
}
.yazi_rightBG2 div {
  width: 100%;
  text-align: left;
  padding: 0 0px;
}
.extraText2 {
  color: #4f4f4f;
  font: 300 15px 'Roboto', sans-serif;
  line-height: 21px;
  padding: 15px 0px;
  padding-right: 100px;
  display: block;
}
.yazi_rightBG3 {
  min-height: 580px;
  display: flex;
  padding: 0;
  align-items: center;
  background: url(../images/yazi_left_bg.png) no-repeat center right;
  background-size: 100%;
  text-align: right;
}
.yazi_rightBG2 div {
  width: 100%;
  text-align: left;
  padding: 0 0px;
}
.extraText3 {
  color: #4f4f4f;
  font: 300 13px 'Roboto', sans-serif;
  line-height: 20px;
  padding: 20px 0px;
  padding-left: 100px;
  display: block;
}

.belgeler b { display:none; }

.prod {
  width: 25%;
  float: left;
  padding: 0 10px;
}
.prod a {
  border: #f5f5f5 2px solid;
  display: block;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.prod a img {
  border-radius: 5px;

}
.prod a h3 {
  color: #4f4f4f;
  font: 600 15px 'Roboto Condensed', sans-serif;
  margin: 10px 0 20px 0;
  padding: 0;
}
.prod a:hover {
  border: #ed1c24 2px solid;
  text-decoration: none;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
.prod a:hover > h3 {
  color: #ed1c24;
}

.logos {
  width: 100%
}
.referencesHP a {
  color: #4f4f4f;
  border: #4f4f4f 2px solid;
  font: 400 14px 'Roboto', sans-serif;
  padding: 15px 25px;
  border-radius: 40px;
}
.referencesHP a:hover {
  color: #fff;
  border: #ed1c24 2px solid;
  background: #ed1c24;
  text-decoration: none;
}
.is-kiyafetleri {
  display: none;
}
.sseeoo h2 {
  font: 600 16px 'Roboto Condensed', sans-serif;
}
.sseeoo hr {
  margin: 10px 0;
}
.sseeoo {
  font: 300 14px 'Roboto', sans-serif;
  line-height: 24px;
  padding: 70px 0;
}
.footer_1 {
  width: 100%;
  height: 100px;
  display: block;
  background: #ed1c24;
}
.footer_1 .cont {
  width: 1170px;
  height: 100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding:0 15px;
  justify-content: space-between;
}
.footer_1 .cont .menu .language {
  color: #fff;
  font: 600 20px 'Roboto Condensed', sans-serif;
  margin-left: 15px;
  display: inline-block;
}
.footer_1 .cont .menu .language:hover {
  color: #000;
}
.footer_2 {
  width: 100%;
  min-height: 100px;
  float: left;
  color: #9e9e9e;
  font: 300 13px 'Roboto', sans-serif;
  line-height: 20px;
  padding: 60px 15px 30px 15px;
  background: #000;
}
.footer_2 .cont {
  width: 1180px;
  min-height: 100px;
  margin: 0 auto;
}
.footer_2 .cont b.kirmizi {
  color: #ed1c24;
  font: 500 20px 'Roboto Condensed', sans-serif;
}
.footer_2 .cont hr {
  margin: 5px 0;
  border: none;
  border-top: #4f4f4f 1px solid;
}
.w50 {
  width: 50%;
  color: #f2f2f2;
  font: 300 12px 'Roboto', sans-serif;
  margin: 3px 0 0 0;
  padding: 5px 0 0 5px;
  float: left;
}
.w50:hover {
  color: #ed1c24;
}
.foot_link {
  color: #b3b3b3;
  font: 500 13px 'Roboto', sans-serif;
  margin: 3px 0 0 10px;
  line-height: 29px;
}
.foot_link:hover {
  color: #ed1c24;
}
.responsiveImage {
  margin: 0 0 15px 15px;
  width: 45%;
}
.responsiveImage3 {
  margin: 0 0 15px 15px;
  width: 40%;
}

.responsiveImage4 {
  margin: 0 15px 15px 0;
  width: 40%;
}

#popup  { width:100%; height:100%; position:fixed !important; z-index:9999; top:0; left:0; background:rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; padding:30px; }
#popup img  { width:100%; max-width:600px; border-radius:5px; }

.pageMenu { padding-bottom:50px; }

.pageMenu a {
  background: #292929;
  margin-bottom: 4px;
  color: #fff;
  width: 100%;
  display: block;
  padding: 15px;
  border-radius: 4px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.pageMenuAktif {
  background: #ff0000 !important;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.pageMenu a:hover {
  background: #ff0000;
  text-decoration: none;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.pageMenu a:hover i {
  margin-right: 5px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.red {
  color: #ed1c24;
}
.referensBench {
  padding: 30px 15%;
}
.mainPhoto {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  border-bottom: #ed1c24 3px solid;
}
.contactTitle {
  font: 600 18px 'Roboto Condensed', sans-serif;
  color: #ed1c24;
  line-height: 28px;
}
.contactInfo {
  line-height: 24px;
  margin: 15px 0;
}
.contactInfo i.fa {
  font-size: 40px;
}
.iletform input {
  width: 100%;
  padding: 10px;
  border: 0;
  background: #f2f2f2;
  outline: none;
  display: block;
  margin-bottom: 20px;
  color: #333;
}
.iletform input[type=submit] {
  width: 200px;
  text-align: center;
  padding: 10px 10px;
  background: #000;
  border: 0;
  outline: none;
  display: inline-block;
  margin-bottom: 15px;
  color: #fff;
}
.iletform input[type=submit]:hover {
  color: #fff;
  background: #333;
}
.iletform textarea {
  width: 100%;
  padding: 10px;
  border: 0;
  border: none;

  background: #f2f2f2;
  outline: none;
  display: block;
  margin-bottom: 20px;
  color: #333;
}
.phoneMenu {
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  z-index: 9999;
  overflow: scroll;
  overflow-x: hidden;
  display: none;
  color: #fff;
}
.phoneMenu ul, .phoneMenu ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.phoneMenu h4 {
  display: block;
  padding: 20px 0 0 20px;
  margin: 0;
  color: #ed1c24;
  font: normal 28px 'Roboto', sans-serif;
}
.phoneMenu ul {
  display: block;
  padding: 20px 0 0 20px;
}
.phoneMenu ul li {
  width: 95%;
  float: left;
  padding: 5px 0 10px 0;
}
.tumli {
  display: none;
  border: none;
  padding: 7px 0 !important;
  width: 90% !important;
  margin-left: 5% !important;
}
.tumli a {
  color: #ed1c24;
  padding: 0 0 5px 0;
  font: 500 15px 'Roboto', sans-serif !important;
}
.tumli a:hover {
  color: #fff;
}
.phoneMenu ul li a {
  display: block;
  color: #ed1c24;
  font: 600 20px 'Roboto', sans-serif;
  text-decoration: none;
}
.phoneMenu ul li a:active, .phoneMenu ul li a:focus {
  color: #ed1c24 !important;
  text-decoration: none;
}
.phoneMenu ul li a:hover {
  text-decoration: none;
  color: #ed1c24;
}
.phoneMenu .xclose {
  position: absolute;
  z-index: 9999;
  right: 20px;
  top: 20px;
  color: #fff;
  font-size: 30px;
}
.slideMobil {
  width: 100%;
  text-align: center;
}
.footer_is_kiyafetleri {
  width: 100%;
  height: auto;
  min-height: 10px;
  border-top: #c2171e 5px solid;
  position: fixed;
  z-index: 555;
  bottom: 0;
  left: 0;
  color: #fff;
  background: #333;
  padding: 30px;
}
.footer_is_kiyafetleri .container {
  display: flex;
  align-items: center;
}
.footer_is_kiyafetleri h3 {
  padding: 0;
  margin: 0;
  color: #fff;
}
.footer_is_kiyafetleri a {
  color: #fff;
  font: 600 16px 'Roboto', sans-serif;
  text-decoration: none;
  border: #fff 3px solid;
  border-radius: 30px;
  padding: 15px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.footer_is_kiyafetleri a:hover {
  color: #ed1c24;
  border: #ed1c24 3px solid;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.signature_tailor {
  padding: 80px 0;
}
.signature_tailor .signature, .signature_tailor .tailor {
  padding: 0px;
}
.signature_bg {
  padding: 0;
  min-height: 490px;
  background: url(../images/signature_bg.jpg) no-repeat left #2d2d2d;
  background-size: cover;
  display: flex;
  align-items: center;
  /* padding-top: 40px; */
  /* padding-bottom: 40px; */
}
.signature_bg .hiz {
  width: 46%;
  margin-left: 50%;
  padding: 0;
  color: #4f4f4f;
  font: 300 15px 'Roboto', sans-serif;
  line-height: 24px;
}
.signature_bg .hiz b {
  color: #ffffff;
  font: 600 25px 'Roboto Condensed', sans-serif;
}
.signature_bg .hiz hr {
  margin: 10px 0 20px 0;
}
.tailor_bg {
  padding: 0;
  min-height: 690px;
  background: url(../images/radyum_tailor_bg.jpg) no-repeat center left;
  background-size: 100%;
  display: flex;
  align-items: center;
}
.tailor_bg .hiz {
  width: 46%;
  margin-left: 50%;
  padding: 0;
  color: #fff;
  font: 300 15px 'Roboto', sans-serif;
  line-height: 24px;
}
.tailor_bg .hiz b {
  color: #fff;
  font: 600 25px 'Roboto Condensed', sans-serif;
}
.tailor_bg .hiz hr {
  margin: 10px 0 20px 0;
}
.haberlink a {
  text-decoration: underline;
}
.haberlink a:hover {
  color: #000 !important;
}
.class_404 {
  color: #fff;
  background: #ed1c24;
  padding: 15px;
  border-radius: 5px;
}
.class_404:hover {
  background: #000;
  text-decoration: none;
  color: #fff;
}
.signturText {
  line-height: 24px;
  padding: 70px 0 90px 0;
}
.signturText b {
  color: #ed1c24;
}
.signturText strong {
  color: #000;
}
.signature_back_pack {
  background: url(../images/signature_bg_pack.jpg) no-repeat center top;
  padding: 0;
}

.signatureTabs a {
  width: 100%;
  height: 100%;
  display: block;
}
.signatureTabs h2 {
  color: #ed1c24;
  font: 600 28px 'Roboto Condensed', sans-serif;
  margin: 0;
  padding: 0;
  line-height: 40px;
}
.signatureTabs hr {
  padding: 0;
  margin: 15px 0;
}
.signatureTabs {
  line-height: 24px;
}
.signature_image_1, .signature_text_1 {
  padding: 0;
  height: 250px;
}
.signature_image_1 {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
}
.signature_text_1 {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
  background: #efefef;
  padding: 0 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.signature_image_2, .signature_text_2 {
  padding: 0;
  height: 265px;
}
.signature_image_2 {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
  margin-top: 30px;
}
.signature_text_2 {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
  background: #efefef;
  padding: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.signature_image_3, .signature_text_3 {
  padding: 0;
  height: 250px;
  margin-top: 30px;
}
.signature_image_3 {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}
.signature_text_3 {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
  background: #efefef;
  padding: 0 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.signature_image_4, .signature_text_4 {
  padding: 0;
  height: 250px;
  margin-top: 30px;
}
.signature_image_4 {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  overflow: hidden;
}
.signature_text_4 {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
  background: #efefef;
  padding: 0 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.signatureVideo iframe {
  width: 70%;
  height: 450px;
}

.ik_policy    { margin:0 0 30px 0; padding:30px 15px; font:400 13px 'Roboto', sans-serif; line-height:22px; }
.ik_policy b    { color:#ff0000; font:700 18px 'Quicksand', sans-serif; }
.ik_policy hr   { margin:12px 0; border:none; border-top:#dfdfdf 1px dashed; }
.ik_policy a    { background:#efefef; padding:10px; box-sizing: border-box; display: inline-block; border-radius:5px; }
.ik_policy a:hover    { color:#fff; background:#ff0000; cursor:pointer; text-decoration:none; }

.openPosition { border:#efefef 1px solid; border-radius:10px; margin:0 0 30px 0; padding:15px 15px; font:400 13px 'Roboto', sans-serif; line-height:22px; }
.openPosition .row  { display:flex; flex-direction: row; align-items: center; }

.openPosition .row a.butonxxx    { background:#efefef; padding:10px; box-sizing: border-box; display: inline-block; border-radius:5px; }
.openPosition .row a.butonxxx:hover    { color:#fff; background:#ff0000; cursor:pointer; text-decoration:none; }

.kurumsalText ul, .kurumsalText ul li   { padding:0; margin:0; list-style:none; }
.kurumsalText ul    { margin:15px 0 0 30px; }
.kurumsalText ul li     { list-style-type:circle; }

@media only screen and (min-width : 0px) and (max-width : 600px) {

  .openPosition .row  { display:flex; flex-direction:column; align-items: center; }
  .openPosition .row a.butonxxx    { margin-top:15px; }
}

.clickDetail {
  color: #fff;
  background: #ed1c24;
  padding: 15px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-top: 20px;
}
.clickDetail:hover {
  color: #fff;
  background: #333;
  text-decoration: none;
}

.clickDetail_sus {
  color: #fff;
  background: #ed1c24;
  padding: 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
}
.clickDetail_sus:hover {
  color: #fff;
  background: #333;
  text-decoration: none;
}

.clickDetail2 {
  color: #fff;
  background: #ed1c24;
  padding: 10px;
  border-radius: 4px;
}
.clickDetail2:hover {
  color: #fff;
  background: #333;
  text-decoration: none;
}

.doan_new_footer   {

    background:#000;
    padding:0;
    min-height:50px;
    color:#fff;
    padding-bottom:100px;

}

.doan_new_footer b   { color:#fff; }
.doan_new_footer ul, .doan_new_footer ul li  { margin:0; padding:0; list-style:none; }
.doan_new_footer ul     { margin-top:15px; }
.doan_new_footer ul li  { list-style-type:circle; color:#ff0000; margin:5px 0 0 25px; }
.doan_new_footer ul li a    { color:#fff; }
.doan_new_footer ul li a:hover    { color:#ff0000; text-decoration:none; }

.ND_footerBaslik    { color:#fff !important; font:700 18px 'Quicksand', sans-serif; }

.doan_new_footer hr  { border:none; border-top:#333 1px dashed; }

.footer_row_area    { margin:50px 0; }

.DX_Kapsayan      {
  width:100%;
  height:600px;
  overflow:hidden;
  border-radius:5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px;
}

.DXWallBack   { width:100%; height:600px; position:relative; z-index:1; background:#000; }
.DXWallButtons  { width:calc(100% - 30px); height:190px; position:relative; z-index:2; left:15px; bottom:220px;  }
.DXCollops      { width:100%; height:190px; float:left; background:#fff; border-bottom:#fff 4px solid; padding:25px; border-radius:6px; box-shadow: rgba(50, 50, 93, 0.25) 0 50px 100px -20px, rgba(0, 0, 0, 0.3) 0 30px 60px -30px; }
.DXCollops:hover  { border-bottom:#ff0000 4px solid; cursor:pointer; }
.DXCollopsAct     { border-bottom:#ff0000 4px solid; }
.DXCollops hr   { border:none; border-top:#efefef 1px dashed; margin:5px 0 10px 0 }
.DXCollops b    { color:#ff0000; font:700 16px 'Quicksand', sans-serif; margin-bottom:7px; display: inline-block; }
.DXCollops span   { color:#333; font:400 13px 'Roboto Condensed', sans-serif; }

.DXWallText     { width:400px; height:325px; float:right; margin:30px 30px 0 0; padding:15px; text-align:center; color:#fff; font:400 13px 'Roboto Condensed', sans-serif; line-height: 16px; }
.DXWallText b   { color: #ffffff; font: 600 24px 'Roboto Condensed', sans-serif; }

.KVKImage   { width:300px; margin:0 30px 30px 0; border-radius:6px; float:left; }

@media only screen and (min-width : 0px) and (max-width : 600px) {

  .KVKImage   { width:100%; margin:0; float:left; }

}

.KVKText ul, .KVKText ul li   { margin:0; padding:0; list-style:none; }
.KVKText ul li    { list-style-type: circle; margin:5px 0 0 35px; }

.kvkk_tabs    { width:100%; float:left; margin-bottom:15px; cursor:pointer; padding:20px; background: rgb(231,231,231); background: linear-gradient(0deg, rgba(231,231,231,1) 0%, rgba(247,247,247,1) 100%); border-radius:6px; font:600 15px 'Roboto Condensed', sans-serif; }
.kvkk_tabs_active    { background: rgb(172,0,0); background: linear-gradient(0deg, rgba(172,0,0,1) 0%, rgba(224,0,0,1) 100%); color:#fff; }
.kvkk_tabs_content    { width:100%; float:left; border:#dfdfdf 1px solid; padding:30px; margin-bottom:30px; border-radius:6px; display:none; }

@media only screen and (min-width : 600px) and (max-width : 990px) {

  .DXWallButtons    { display:none; }
  .DXWallBack   { height:350px; background-size:cover !important; }
  .DX_Kapsayan      { height:350px; }
  .DXWallText   { margin:30px 30px 0 0; padding:5px; font:400 11px 'Roboto Condensed', sans-serif; line-height: 14px; text-align:right; }

}

@media only screen and (min-width : 0) and (max-width : 559px) {

  .DXWallButtons    { display:none; }
  .DXWallBack   { height:350px; background-size:cover !important; }
  .DX_Kapsayan      { height:350px; }
  .DXWallText   { margin:30px 30px 0 0; height:300px; padding:15px; font:400 11px 'Roboto Condensed', sans-serif; line-height: 14px; text-align:center; background:rgba(0,0,0,0.75); border-radius:5px; }

}


@media only screen and (min-width : 0px) and (max-width : 770px) {
  .footer_row_area    { margin:25px 0; }
  .asistanButon             { position:absolute; z-index:222; left:82px; bottom:37px; }
  .size_ozel_bg {
    height: 660px;
    background-size: cover;
    background-position: 24%;
  }
  .responsiveImage3 {
    width: 100% !important;
  }
  .responsiveImage4 {
    width: 100% !important;
  }
}
@media only screen and (min-width : 0px) and (max-width : 560px) {
  .tranemo_ozellik {
    text-align: center;
    margin-bottom: 20px;
  }
  .tranemo_ozellik p {
    text-align: left;
  }
  .page_title_bg {
    background: #f3f3f3 !important;
  }
  .tranemo_logo img {
    width: 100%;
  }
  .yazi_rightBG3 {
    background: none;
    text-align: center;
    min-height: auto;
    margin-top: 20px;
  }
  .yazi_rightBG2 {
    background: none;
    min-height: auto;
    padding-bottom: 70px;
    text-align: center !important;
  }
  .extraText3 {
    text-align: center;
    padding-left: 0px;
  }
  .extraText2 {
    padding-right: 0px;
    text-align: center;

  }
  .yazi_rightBG2 div {
    width: 100%;
    text-align: center;
    padding: 0 0px;
  }
  .size_ozel {
    padding-top: 50px;
  }
  .size_ozel_content .text_up {
    margin-bottom: 30px;
  }
  .signturText {
    padding: 0 0 30px 0;
  }
  .signatureVideo iframe {
    width: 100%;
    height: 250px;
  }
  .signature_image_1, .signature_image_3, .signature_image_4 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .signature_text_1, .signature_text_3, .signature_text_4 {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .signature_text_3, .signature_text_4 {
    margin-top: 0;
  }
  .area_2 {
    padding: 0 0px;
  }
  .phoneMenuIcon {
    display: block;
  }
  .logo a img {
    height: 40px;
  }
  .responsiveImage_2 {
    width: 100%;
  }
  .responsiveImage3 {
    width: 100% !important;
  }
  .responsiveImage4 {
    width: 100% !important;
  }
  .portal_img img {
    width: 100%;
    margin-bottom: 30px;
  }
  .portal_box {
    width: 100%;
  }
  .portal_icerik {
    margin-top: 20px;
    text-align: center;
  }
  .header .area {
    padding: 0 30px 0 15px;
  }
  .header .area .menu {
    display: none;
  }
  .centerContent {}
  .centerContent .container {
    /*width: 100%;*/
    padding: 30px 5px;
  }
  .prod {
    width: calc(100% / 2);
    float: left;
    padding: 0 5px;
  }
  .gorusBG div {
    padding: 0 60px;
  }
  .extraText {
    font: 300 15px 'Roboto', sans-serif;
    line-height: 22px;
  }
  .rdymSgntr {
    padding: 30px 10%;
  }
  .yazi_rightBG div {
    padding: 0 30px;
  }
  .bigPageTitle {
    font: 600 20px 'Roboto Condensed', sans-serif;
    width: 100%;
  }
  .extraText {
    padding: 10px 5px;
    display: block;
  }
  .logos {
    width: 100%
  }
  .tabstabs {
    margin-bottom: 30px;
  }
  .w50 {
    width: 100%;
  }
  .arex2 div.arx div img {
    width: 100%;
    max-height: 150px;
  }
  .footer_1 .cont {
    width: 100%;
    padding: 0 30px;
  }
  .footer_2 .cont {
    width: 100%;
    padding: 0 15px;
  }
  .referensBench {
    padding: 30px 20px;
  }
  .isinize_ozel p {
    width: 100%;
  }
  .slider .item .slideContent {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: flex-end;
    padding: 0 5% 100px 5%;
    position: absolute;
    z-index: 2;
    height: 100%;
  }
  .slider .item .slideContent b {
    color: #ed1c24;
    font: 300 20px 'Roboto Condensed', sans-serif;
    line-height: 30px;
  }
  .slider .item .slideContent p {
    color: #4f4f4f;
    font: 600 26px 'Roboto Condensed', sans-serif;
    line-height: 40px;
  }
  .signature_bg {
    height: 520px;
    /* background: url(../images/radyum_signature_bg_mobil.jpg) no-repeat top center; */
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 50px;
    background-position: -1230px;
  }
  .signature_bg .hiz {
    width: 92%;
    padding: 0 5% 0 5%;
    margin-left: 0;
    text-align: center;
    font: 300 13px 'Roboto', sans-serif;
    line-height: 20px;
  }
  .signature_bg .hiz hr {
    margin: 10px auto 20px auto;
  }
  .tailor {
    margin-top: 60px;
  }
  .tailor_bg {
    height: 1060px;
    background: url(../images/radyum_tailor_bg_mobil.jpg) no-repeat top center;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 50px;
  }
  .tailor_bg .hiz {
    width: 90%;
    padding: 0 5% 0 5%;
    margin-left: 0;
    text-align: center;
    font: 300 13px 'Roboto', sans-serif;
    line-height: 22px;
  }
  .tailor_bg .hiz hr {
    margin: 10px auto 20px auto;
  }

  .tranemo_slide_bg {
    background: url(/images/tranemo_slider_bg.jpg);
    padding: 0px;
    position: relative;
    margin-bottom: 90px;
    float: left;
    width: 100%;
    height: auto;
  }
  .tranemo_slide_bg .tranemo_slide {
    padding: 0px;
    float: left;
    padding: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
  }
  .tranemo_slide_bg .tranemo_slide h1 {
    font: 700 54px 'Roboto Condensed', sans-serif;
    color: #545454;
    line-height: 50px;
    margin-bottom: 0px;
  }
  .tranemo_slide_bg .tranemo_slide p {
    font: 400 14px 'Roboto Condensed', sans-serif;
    color: #545454;
    margin-bottom: 25px;
    width: 100%;
    float: left;
    line-height: 25px;
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail {
    background: #ff6419;
    padding: 13px;
    font-size: 13px;
    font-weight: 500;
    margin-right: 5px; /* position: absolute; */ display: block;
    width: 100%;
    float: left;
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail2 {
    background: #545454;
    padding: 13px;
    font-size: 13px;
    font-weight: 500; /* position: absolute; */ /* right: -30px; */ display: block;
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .tranemo_slide_bg .tranemo_slider {
    padding: 0px;
    float: right;
    position: relative;
    min-height: 268px;
  }
  .tranemo_slide_bg .tranemo_slider .owl-controls {
    display: none !important;
  }
  .tranemo_slide_bg .tranemo_slider img {
    width: 100%;
    position: absolute;
    height: auto;
    display: block;
    float: left;
  }
}
@media only screen and (min-width : 561px) and (max-width : 991px) {
  .page_title_bg {
    background: #f3f3f3 !important;
  }
  .area_2 {
    padding: 0 30px;
  }
  .phoneMenuIcon {
    display: block;
  }
  .logo a img {
    height: 40px;
  }
  .header .area {
    padding: 0 30px 0 15px;
  }
  .header .area .menu {
    display: none;
  }

  .responsiveImage3 {
    width: 100% !important;
  }
  .responsiveImage4 {
    width: 100% !important;
  }
  .centerContent {}
  .centerContent .container {
    /*width: 100%;*/
    padding: 30px 15px;
  }
  .prod {
    width: calc(100% / 3);
    float: left;
    padding: 0 10px;
  }
  .slider .item .slideContent {
    padding: 0 5%;
  }
  .slider .item .slideContent b {
    font: 300 24px 'Roboto Condensed', sans-serif;
  }
  .slider .item .slideContent p {
    font: 600 30px 'Roboto Condensed', sans-serif;
  }
  .slider .item .slideContent span {
    font: 300 13px 'Roboto', sans-serif !important;
  }
  .arex {
    padding: 15px;
  }
  .arex div.arx {
    font: 300 12px 'Roboto', sans-serif;
    line-height: 16px;
    height: 210px;
  }
  .gorusBG div {
    padding: 0 80px;
  }
  .extraText {
    font: 300 15px 'Roboto', sans-serif;
    line-height: 22px;
    padding: 15px;
  }
  .rdymSgntr {
    padding: 30px 10%;
  }
  .yazi_rightBG div {
    padding: 0 30px;
  }
  .logos {
    width: 100%
  }
  .tabstabs {
    margin-bottom: 30px;
  }
  .w50 {
    width: 100%;
  }
  .footer_1 .cont {
    width: 100%;
    padding: 0 30px;
  }
  .footer_2 .cont {
    width: 100%;
    padding: 0 15px;
  }
  .referensBench {
    padding: 30px 20px;
  }
  .signature_bg {
    min-height: 560px;
    /* background: url(../images/radyum_signature_bg.jpg) no-repeat top left #f2f2f2; */
    background-size: auto;
    background-position: -460px 40px;
  }
  .signature_bg .hiz {
    padding: 0;
    width: 47%;
    margin-left: 50%;
    font: 300 13px 'Roboto', sans-serif;
    line-height: 17px;
  }
  .tailor {
    margin-top: 60px;
  }
  .tailor_bg {
    min-height: 480px;
  }
  .tailor_bg .hiz {
    width: 47%;
    margin-left: 51%;
    font: 300 13px 'Roboto', sans-serif;
    line-height: 17px;
  }

  .tranemo_slide_bg {
    background: url(/images/tranemo_slider_bg.jpg);
    padding: 0px;
    position: relative;
    margin-bottom: 90px;
    float: left;
    width: 100%;
    height: auto;
    background-size: cover;
  }
  .tranemo_slide_bg .tranemo_slide {
    padding: 0px;
    float: left;
    padding: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    width: 100%;
    text-align: center;
  }
  .tranemo_slide_bg .tranemo_slide h1 {
    font: 700 64px 'Roboto Condensed', sans-serif;
    color: #545454;
    line-height: 60px;
    margin-bottom: 0px;
  }
  .tranemo_slide_bg .tranemo_slide p {
    font: 400 17px 'Roboto Condensed', sans-serif;
    color: #545454;
    margin-bottom: 25px;
    width: 100%;
    float: left;
    line-height: 35px;
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail {
    background: #ff6419;
    padding: 10px;
    font-size: 13px;
    font-weight: 500;
    margin-right: 5px; /* position: absolute; */
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail2 {
    background: #545454;
    padding: 10px;
    font-size: 13px;
    font-weight: 500; /* position: absolute; */ /* right: -30px; */
  }
  .tranemo_slide_bg .tranemo_slider {
    padding: 0px;
    float: left;
    position: relative;
    min-height: 510px;
  }
  .tranemo_slide_bg .tranemo_slider .owl-controls {
    display: none !important;
  }
  .tranemo_slide_bg .tranemo_slider img {
    width: 100%;
    position: absolute;
    height: auto;
    display: block;
    float: left;
  }
}
@media only screen and (min-width : 0px) and (max-width : 900px) {
  .carbon-ayak-izi    { width:100%; padding:250px 30px 30px 30px; background:url(/images/co2-page-background.png?version=3.0.0) no-repeat center top; background-size:225% !important; }
  .carbon-ayak-izi-2    { width:100%; padding:250px 30px 30px 30px; background:url(/images/sürdürülebilirlik-page-bg-2.jpg) no-repeat center top; background-size:225% !important; }
  .carbon-ayak-izi-3    { width:100%; padding:250px 30px 30px 30px; background:url(/images/dunyaya-dokunacak-new-header-4.jpg) no-repeat center top; background-size:225% !important; }
}
@media only screen and (min-width : 992px) and (max-width : 1023px) {
  .slider .item .slideContent {
    padding: 0 5%;
  }
  .slider .item .slideContent b {
    font: 300 28px 'Roboto Condensed', sans-serif;
  }
  .slider .item .slideContent p {
    font: 600 34px 'Roboto Condensed', sans-serif;
  }
  .slider .item .slideContent span {
    font: 300 13px 'Roboto', sans-serif !important;
  }
  .logo a img {
    height: 40px;
  }
  .header .area {
    padding: 0 30px 0 15px;
  }
  .header .area .menu {
    display: none;
  }
  .phoneMenuIcon {
    display: block;
  }
  .prod {
    width: 25%;
    float: left;
    padding: 0 10px;
  }
  .prod a h3 {
    font: 500 14px 'Roboto Condensed', sans-serif;
  }
  .centerContent .container {
    /*width: 100%;*/
    padding: 30px 0;
  }
  .arex {
    padding: 15px;
  }
  .arex div.arx {
    padding: 15px 15px;
  }
  .gorusBG div {
    padding: 0 80px;
  }
  .rdymSgntr {
    padding: 30px 10%;
  }
  .footer_1 .cont {
    width: 100%;
    padding: 0 30px;
  }
  .footer_2 .cont {
    width: 100%;
    padding: 0 15px;
  }
  .referensBench {
    padding: 30px 100px;
  }
  .extraText {
    font: 300 15px 'Roboto', sans-serif;
    line-height: 22px;
    padding: 15px;
  }
  .signature_bg {
    min-height: 360px;
    background-size: cover;
    background-position: -120px;
  }
  .signature_bg .hiz b {
    font: 500 16px 'Roboto Condensed', sans-serif;
  }
  .signature_bg .hiz {
    width: 48%;
    margin-left: 50%;
    color: #4f4f4f;
    font: 300 12px 'Roboto', sans-serif;
    line-height: 15px;
  }
  .tailor_bg {
    min-height: 360px;
  }
  .tailor_bg .hiz b {
    font: 500 16px 'Roboto Condensed', sans-serif;
  }
  .tailor_bg .hiz {
    width: 45%;
    margin-left: 52%;
    font: 300 12px 'Roboto', sans-serif;
    line-height: 15px;
  }
  .tranemo_slide_bg {
    background: url(/images/tranemo_slider_bg.jpg);
    padding: 0px;
    position: relative;
    margin-bottom: 90px;
    float: left;
    width: 100%;
    height: auto;
  }
  .tranemo_slide_bg .tranemo_slide {
    padding: 0px;
    float: left;
    padding: 28px;
    padding-right: 0px;
    padding-bottom: 10px;
  }
  .tranemo_slide_bg .tranemo_slide h1 {
    font: 700 44px 'Roboto Condensed', sans-serif;
    color: #545454;
    line-height: 40px;
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .tranemo_slide_bg .tranemo_slide p {
    font: 400 14px 'Roboto Condensed', sans-serif;
    color: #545454;
    margin-bottom: 15px;
    width: 100%;
    float: left;
    line-height: 25px;
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail {
    background: #ff6419;
    padding: 8px;
    font-size: 11px;
    font-weight: 500;
    margin-right: 1px; /* position: absolute; */
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail2 {
    background: #545454;
    padding: 8px;
    font-size: 11px;
    font-weight: 500; /* position: absolute; */ /* right: -30px; */
  }
  .tranemo_slide_bg .tranemo_slider {
    padding: 0px;
    float: right;
    position: relative;
    min-height: 317px;
  }
  .tranemo_slide_bg .tranemo_slider .owl-controls {
    display: none !important;
  }
  .tranemo_slide_bg .tranemo_slider img {
    width: 100%;
    position: absolute;
    height: auto;
    display: block;
    float: left;
  }
}
@media only screen and (min-width : 1024px) and (max-width : 1180px) {
  .slider .item .slideContent {
    padding: 0 5%;
  }
  .slider .item .slideContent b {
    font: 300 30px 'Roboto Condensed', sans-serif;
  }
  .slider .item .slideContent p {
    font: 600 36px 'Roboto Condensed', sans-serif;
  }
  .slider .item .slideContent span {
    font: 300 14px 'Roboto', sans-serif !important;
  }
  .logo a img {
    height: 40px;
  }
  .header .area {
    padding: 0 30px 0 15px;
  }
  .header .area .menu {
    display: none;
  }
  .phoneMenuIcon {
    display: block;
  }
  .prod {
    width: 25%;
    float: left;
    padding: 0 10px;
  }
  .prod a h3 {
    font: 600 14px 'Roboto Condensed', sans-serif;
  }
  .centerContent .container {
    /*width: 100%;*/
    padding: 30px 0;
  }
  .arex {
    padding: 15px;
  }
  .arex div.arx {
    padding: 15px 15px;
  }
  .footer_1 .cont {
    width: 100%;
    padding: 0 30px;
  }
  .footer_2 .cont {
    width: 100%;
    padding: 0 15px;
  }
  .referensBench {
    padding: 30px 100px;
  }
  .extraText {
    font: 300 15px 'Roboto', sans-serif;
    line-height: 22px;
    padding: 15px;
  }
  .signature_bg {
    min-height: 480px; /* background: url(../images/radyum_signature_bg_mobil.jpg) no-repeat top left #f2f2f2; */ background-size: cover;
    background-position: -250px;
  }
  .signature_bg .hiz b {
    font: 500 18px 'Roboto Condensed', sans-serif;
  }
  .signature_bg .hiz {
    width: 46%;
    margin-left: 50%;
    color: #4f4f4f;
    font: 300 12px 'Roboto', sans-serif;
    line-height: 16px;
  }
  .tailor_bg {
    min-height: 450px;
  }
  .tailor_bg .hiz b {
    font: 500 18px 'Roboto Condensed', sans-serif;
  }
  .tailor_bg .hiz {
    width: 45%;
    margin-left: 52%;
    font: 300 12px 'Roboto', sans-serif;
    line-height: 16px;
  }
  .tranemo_slide_bg {
    background: url(/images/tranemo_slider_bg.jpg);
    padding: 0px;
    position: relative;
    margin-bottom: 60px;
    float: left;
    width: 100%;
    height: auto;
  }
  .tranemo_slide_bg .tranemo_slide {
    padding: 0px;
    float: left;
    padding: 40px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
  .tranemo_slide_bg .tranemo_slide h1 {
    font: 700 54px 'Roboto Condensed', sans-serif;
    color: #545454;
    line-height: 50px;
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .tranemo_slide_bg .tranemo_slide p {
    font: 400 15px 'Roboto Condensed', sans-serif;
    color: #545454;
    margin-bottom: 25px;
    width: 100%;
    float: left;
    line-height: 23px;
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail {
    background: #ff6419;
    padding: 10px;
    font-size: 11px;
    font-weight: 500;
    margin-right: 5px; /* position: absolute; */
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail2 {
    background: #545454;
    padding: 10px;
    font-size: 11px;
    font-weight: 500; /* position: absolute; */ /* right: -30px; */
  }
  .tranemo_slide_bg .tranemo_slider {
    padding: 0px;
    float: right;
    position: relative;
    min-height: 369px;
  }
  .tranemo_slide_bg .tranemo_slider .owl-controls {
    display: none !important;
  }
  .tranemo_slide_bg .tranemo_slider img {
    width: 100%;
    position: absolute;
    height: auto;
    display: block;
    float: left;
  }
}
@media only screen and (min-width : 1181px) and (max-width : 1200px) {
  .centerContent .container {
    /*width: 100%;*/
    padding: 30px 0;
  }
  .arex {
    padding: 15px;
  }
  .arex div.arx {
    padding: 15px 15px;
  }
  .slider .item .slideContent {
    padding: 0 5%;
  }
  .slider .item .slideContent b {
    font: 300 34px 'Roboto Condensed', sans-serif;
  }
  .slider .item .slideContent p {
    font: 600 40px 'Roboto Condensed', sans-serif;
  }
  .header .area {
    padding: 0 30px 0 15px;
  }
  .logo a img {
    height: 40px;
  }
  .header .area .menu .language {
    font: 500 13px 'Roboto Condensed', sans-serif;
    margin-bottom: 9px;
  }
  .header .area .menu .menuLink {
    font: 500 13px 'Roboto Condensed', sans-serif;
    margin-left: 13px;
  }
  .phoneMenuIcon {
    display: none;
  }
  .header .area .menu {
    display: block;
  }
  .footer_1 .cont {
    width: 100%;
    padding: 0 30px;
  }
  .footer_2 .cont {
    width: 100%;
    padding: 0 15px;
  }
  .extraText {
    font: 300 15px 'Roboto', sans-serif;
    line-height: 22px;
    padding: 15px;
  }
  .signature_bg {
    min-height: 450px;
  }
  .signature_bg .hiz b {
    font: 500 18px 'Roboto Condensed', sans-serif;
  }
  .signature_bg .hiz {
    width: 46%;
    margin-left: 50%;
    color: #4f4f4f;
    font: 300 13px 'Roboto', sans-serif;
    line-height: 17px;
  }
  .tailor_bg {
    min-height: 450px;
  }
  .tailor_bg .hiz b {
    font: 500 18px 'Roboto Condensed', sans-serif;
  }
  .tailor_bg .hiz {
    width: 45%;
    margin-left: 52%;
    font: 300 13px 'Roboto', sans-serif;
    line-height: 17px;
  }
  .tranemo_slide_bg {
    background: url(/images/tranemo_slider_bg.jpg);
    padding: 0px;
    position: relative;
    margin-bottom: 90px;
    float: left;
    width: 100%;
    height: auto;
  }
  .tranemo_slide_bg .tranemo_slide {
    padding: 0px;
    float: left;
    padding: 101px;
    padding-right: 0px;
    padding-bottom: 120px;
  }
  .tranemo_slide_bg .tranemo_slide h1 {
    font: 700 84px 'Roboto Condensed', sans-serif;
    color: #545454;
    line-height: 80px;
    margin-bottom: 0px;
  }
  .tranemo_slide_bg .tranemo_slide p {
    font: 400 25px 'Roboto Condensed', sans-serif;
    color: #545454;
    margin-bottom: 25px;
    width: 100%;
    float: left;
    line-height: 35px;
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail {
    background: #ff6419;
    padding: 15px;
    font-size: 15px;
    font-weight: 500;
    margin-right: 5px; /* position: absolute; */
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail2 {
    background: #545454;
    padding: 15px;
    font-size: 15px;
    font-weight: 500; /* position: absolute; */ /* right: -30px; */
  }
  .tranemo_slide_bg .tranemo_slider {
    padding: 0px;
    float: right;
    position: relative;
    min-height: 600px;
  }
  .tranemo_slide_bg .tranemo_slider .owl-controls {
    display: none !important;
  }
  .tranemo_slide_bg .tranemo_slider img {
    width: 100%;
    position: absolute;
    height: auto;
    display: block;
    float: left;
  }
}
@media only screen and (min-width : 1201px) and (max-width : 1366px) {
  .slider .item .slideContent {
    padding: 0 5%;
  }
  .slider .item .slideContent b {
    font: 300 22px 'Roboto Condensed', sans-serif;
  }
  .slider .item .slideContent p {
    font: 600 28px 'Roboto Condensed', sans-serif;
  }
  .header .area {
    padding: 0 30px 0 15px;
  }
  .logo a img {
    height: 40px;
  }
  .header .area .menu .language {
    font: 600 12px 'Roboto Condensed', sans-serif;
    margin-bottom: 9px;
  }
  .header .area .menu .menuLink {
    font: 500 13px 'Roboto Condensed', sans-serif;
    margin-left: 13px;
  }
  .phoneMenuIcon {
    display: none;
  }
  .header .area .menu {
    display: block;
  }
  .centerContent {}
  .centerContent .container {
    /*width: 100%;*/
    padding: 30px 15px;
  }
  .arex {
    padding: 20px;
  }
  .arex div.arx {
    padding: 15px 15px;
  }
  .extraText {
    font: 300 15px 'Roboto', sans-serif;
    line-height: 22px;
    padding: 15px;
  }
  .signature_bg {
    min-height: 370px;
  }
  .signature_bg .hiz b {
    font: 400 19px 'Roboto Condensed', sans-serif;
  }
  .signature_bg .hiz {
    width: 47%;
    margin-left: 50%;
    color: #4f4f4f;
    line-height: 30px;
    font: 300 11px 'Roboto', sans-serif;
    font: 300 13px 'Roboto', sans-serif;
  }
  .tailor_bg {
    min-height: 450px;
  }
  .tailor_bg .hiz b {
    font: 500 18px 'Roboto Condensed', sans-serif;
  }
  .tailor_bg .hiz {
    width: 45%;
    margin-left: 51%;
    font: 300 14px 'Roboto', sans-serif;
    line-height: 17px;
  }
  .tranemo_slide_bg {
    background: url(/images/tranemo_slider_bg.jpg);
    padding: 0px;
    position: relative;
    margin-bottom: 90px;
    float: left;
    width: 100%;
    height: auto;
    background-size: cover;
  }
  .tranemo_slide_bg .tranemo_slide {
    padding: 0px;
    float: left;
    padding: 41px;
    padding-right: 0px;
    padding-bottom: 10px;
  }
  .tranemo_slide_bg .tranemo_slide h1 {
    font: 700 54px 'Roboto Condensed', sans-serif;
    color: #545454;
    line-height: 50px;
    margin-bottom: 0px;
  }
  .tranemo_slide_bg .tranemo_slide p {
    font: 400 19px 'Roboto Condensed', sans-serif;
    color: #545454;
    margin-bottom: 25px;
    width: 100%;
    float: left;
    line-height: 35px;
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail {
    background: #ff6419;
    padding: 8px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 5px; /* position: absolute; */
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail2 {
    background: #545454;
    padding: 8px;
    font-size: 12px;
    font-weight: 500; /* position: absolute; */ /* right: -30px; */
  }
  .tranemo_slide_bg .tranemo_slider {
    padding: 0px;
    float: right;
    position: relative;
    min-height: 426px;
  }
  .tranemo_slide_bg .tranemo_slider .owl-controls {
    display: none !important;
  }
  .tranemo_slide_bg .tranemo_slider img {
    width: 100%;
    position: absolute;
    height: auto;
    display: block;
    float: left;
  }
}
@media only screen and (min-width : 1367px) and (max-width : 1550px) {
  .slider .item .slideContent {
    padding: 0 5%;
  }
  .header .area .menu .language {
    font: 600 14px 'Roboto Condensed', sans-serif;
    margin-bottom: 9px;
  }
  .header .area .menu .menuLink {
    font: 600 14px 'Roboto Condensed', sans-serif;
    margin-left: 13px;
  }
  .phoneMenuIcon {
    display: none;
  }
  .header .area .menu {
    display: block;
  }
  .signature_bg {
    min-height: 387px;
  }
  .signature_bg .hiz {
    width: 45%;
    margin-left: 50%;
    color: #4f4f4f;
    font: 300 14px 'Roboto', sans-serif;
    line-height: 18px;
  }
  .tailor_bg {
    min-height: 500px;
  }
  .tailor_bg .hiz {
    width: 45%;
    margin-left: 50%;
    font: 300 14px 'Roboto', sans-serif;
    line-height: 18px;
  }
  .tranemo_slide_bg {
    background: url(/images/tranemo_slider_bg.jpg);
    padding: 0px;
    position: relative;
    margin-bottom: 90px;
    float: left;
    width: 100%;
    height: auto;
  }
  .tranemo_slide_bg .tranemo_slide {
    padding: 0px;
    float: left;
    padding: 41px;
    padding-right: 0px;
    padding-bottom: 37px;
  }
  .tranemo_slide_bg .tranemo_slide h1 {
    font: 700 64px 'Roboto Condensed', sans-serif;
    color: #545454;
    line-height: 80px;
    margin-bottom: 0px;
  }
  .tranemo_slide_bg .tranemo_slide p {
    font: 400 21px 'Roboto Condensed', sans-serif;
    color: #545454;
    margin-bottom: 25px;
    width: 100%;
    float: left;
    line-height: 35px;
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail {
    background: #ff6419;
    padding: 9px;
    font-size: 13px;
    font-weight: 500;
    margin-right: 5px; /* position: absolute; */
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail2 {
    background: #545454;
    padding: 9px;
    font-size: 13px;
    font-weight: 500; /* position: absolute; */ /* right: -30px; */
  }
  .tranemo_slide_bg .tranemo_slider {
    padding: 0px;
    float: right;
    position: relative;
    min-height: 470px;
  }
  .tranemo_slide_bg .tranemo_slider .owl-controls {
    display: none !important;
  }
  .tranemo_slide_bg .tranemo_slider img {
    width: 100%;
    position: absolute;
    height: auto;
    display: block;
    float: left;
  }
}
@media only screen and (min-width : 1551px) and (max-width : 1700px) {
  .slider .item .slideContent {
    padding: 0 5%;
  }
  .phoneMenuIcon {
    display: none;
  }
  .header .area .menu {
    display: block;
  }
  .signature_bg {
    min-height: 430px;
  }
  .signature_bg .hiz {
    width: 45%;
    margin-left: 50%;
    font: 300 15px 'Roboto', sans-serif;
    line-height: 22px;
  }
  .tailor_bg {
    min-height: 600px;
  }
  .tailor_bg .hiz {
    width: 45%;
    margin-left: 50%;
    font: 300 15px 'Roboto', sans-serif;
    line-height: 22px;
  }
  .tranemo_slide_bg {
    background: url(/images/tranemo_slider_bg.jpg);
    padding: 0px;
    position: relative;
    margin-bottom: 90px;
    float: left;
    width: 100%;
    height: auto;
  }
  .tranemo_slide_bg .tranemo_slide {
    padding: 0px;
    float: left;
    padding: 51px;
    padding-right: 0px;
    padding-bottom: 73px;
  }
  .tranemo_slide_bg .tranemo_slide h1 {
    font: 700 74px 'Roboto Condensed', sans-serif;
    color: #545454;
    line-height: 80px;
    margin-bottom: 0px;
  }
  .tranemo_slide_bg .tranemo_slide p {
    font: 400 25px 'Roboto Condensed', sans-serif;
    color: #545454;
    margin-bottom: 25px;
    width: 100%;
    float: left;
    line-height: 35px;
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail {
    background: #ff6419;
    padding: 15px;
    font-size: 15px;
    font-weight: 500;
    margin-right: 5px; /* position: absolute; */
  }
  .tranemo_slide_bg .tranemo_slide .clickDetail2 {
    background: #545454;
    padding: 15px;
    font-size: 15px;
    font-weight: 500; /* position: absolute; */ /* right: -30px; */
  }
  .tranemo_slide_bg .tranemo_slider {
    padding: 0px;
    float: right;
    position: relative;
    min-height: 500px;
  }
  .tranemo_slide_bg .tranemo_slider .owl-controls {
    display: none !important;
  }
  .tranemo_slide_bg .tranemo_slider img {
    width: 100%;
    position: absolute;
    height: auto;
    display: block;
    float: left;
  }
}

.whatsapp-container-wp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.wp-icon-wp {
  width: 60px;
  height: 60px;
}

.chat-bubble-wp {
  position: absolute;
  width: 200px;
  bottom: 2px;
  right: 70px;
  background-color: #ffffff;
  color: #313131;
  padding: 10px 15px;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: none;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.chat-bubble-wp::before {
  content: '';
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
}

.hidden-wp {
  display: none;
}

.modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.modal-content img {
  max-width: 90%;
  max-height: 90%;
  transition: transform 0.3s ease-in-out;
}

.modal-bg.active {
  display: flex;
}

.main-img-slider img:hover {
  cursor: pointer;
}

.report-header {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #ed1c24;
  margin-bottom: 20px;
}

.report-section {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  background-color: #f9f9f9;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: background-color 0.3s ease;
}

.report-section:hover {
  background-color: #ed1c24;
}

.report-sus-btn {
  background-color: #ffe2e2;
  border: 1px solid #ffc9c9;
  color: #ed1c24;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 20px;
  text-align: left;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s ease;
  margin-bottom: 15px;
}

.report-sus-btn:hover {
  background-color: #ffeeee;
  color: #ff6a6e;
  border: 1px solid #ffeeee;
  cursor: pointer;
}

.report-sus-links{
  display: flex;
  justify-content: center;
  align-items: center;
}



/* PDF kutusu stili */
.pdf-box {
  display: inline-block;
  width: 45%;
  background-color: #ffe2e2;
  padding: 15px;
  margin: 10px 2%;
  text-align: center;
  border: 1px solid #ffc9c9;
  border-radius: 10px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.pdf-box:hover {
  background-color: #ffeeee;
  border: 1px solid #ffeeee;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.pdf-box a {
  text-decoration: none;
  color: #1f1f1f;
  font-size: 16px;
  font-weight: bold;
}

.pdf-box a i {
  margin-right: 8px;
  color: #33811a;
}

/* R-LAB */

.labDiv {
  margin: 50px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 30px; /* Kutular arası boşluk */
}

.r-labBox {
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  height: 250px;
  flex: 1 1 calc(50% - 30px); /* 2'li görünüm, araya boşlukla birlikte */
  box-sizing: border-box;
  padding: 10px 15px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 8px;
  transition: 0.7s ease;
}

.r-labBox:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.labBoxTop {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 5px;
}

.labIcon {
  width: 50px;
  height: auto;
  flex-shrink: 0;
}

.labTitle {
  font-size: 2rem;
  margin: 0;
  font-weight: bold;
  flex: 1;
}
.labBoxContent p {
  margin: 15px 0;
  font-size: 1.35rem;
  line-height: 1.2;
  color: #333;
}

.labBotCon{
  width: 100%;
  text-align: center;
}

.labBotCon span {
  font-size: 1.4rem;
  line-height: 1.2;
  color: #333;
}
@media (max-width: 768px) {
  .r-labBox {
    flex: 1 1 100%; /* Mobilde alt alta */
  }
  .labIcon {
    width: 40px;
  }
  .labTitle {
    font-size: 1.5rem;
  }
  .labBoxContent p {
    font-size: 1.1rem;
  }
}

.sectionLab {
  padding: 60px 0;
}
.sectionLab img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.labTitle2 {
  font-size: 5rem;
  margin: 0;
  flex: 1;
  font-family: "Allison", cursive;
  font-weight: 800;
  font-style: normal;
}

.labBoxContent2 p {
  margin: 15px 0;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #333;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.sectionBgDiv::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/images/rlab-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  animation: fadeInBg 8s ease-in forwards;
  z-index: -1;
}

.sectionBgDiv {
  position: relative;
  z-index: 0;
}

.rlabH {
  margin-top: 30px;
}

.rlabH h1{
  font-family: "Permanent Marker", cursive;
  font-weight: 800;
  font-style: normal;
  font-size: 80px;
  color: #e10f0f;
}

.rlabH h3 {
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 30px;
  margin: 0;
}

@keyframes fadeInBg {
  to {
    opacity: 1;
  }
}

@media (max-width: 768px) {
  .r-labBox {
    flex: 1 1 100%; /* Mobilde alt alta */
  }
  .labIcon {
    width: 40px;
  }
  .labTitle2 {
    font-size: 4rem;
    margin: 15px 0;
  }
  .labBoxContent2 p {
    font-size: 1.6rem;
    margin: 15px 0;
  }
  .sectionLab {
    padding: 0 30px;
  }
  .sectionLab img {
    margin: 15px 0;
  }
  .sectionBgDiv::before {
    opacity: 0.3;
    animation: fadeInBg 4s ease-in forwards;
  }
  .sectionBgDiv {
  }

  .rlabH {
    padding: 0 15px;
  }

  .rlabH h1 {
    padding: 0 15px;
  }

  .rlabH h3 {
    font-size: 30px;
    margin: 0 0 30px 0;
    padding: 0 15px;
  }

}

/* Ortak stiller (hepsi için geçerli) */
.sectionLab1, .sectionLab2, .sectionLab3, .sectionLab4 {
  padding: 60px 0;
}

.sectionLab1 img,
.sectionLab2 img,
.sectionLab3 img,
.sectionLab4 img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* Masaüstünde sadece sectionLab1 ve sectionLab3 etkilenir */
@media (min-width: 768px) {
  .sectionLab1 .row,
  .sectionLab3 .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .sectionLab1 .col-md-6,
  .sectionLab3 .col-md-6 {
    flex: 0 0 50%;
  }
}

/* Mobilde hepsi aynı davranır */
@media (max-width: 768px) {
  .sectionLab1 .row,

  .sectionLab3 .row
 {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }

  .sectionLab1 .col-md-6,
  .sectionLab2 .col-md-6,
  .sectionLab3 .col-md-6,
  .sectionLab4 .col-md-6 {
    flex: 0 0 100%;
  }

  .sectionLab1 img,
  .sectionLab2 img,
  .sectionLab3 img,
  .sectionLab4 img {
    margin-bottom: 15px;
  }
}

/* Yazı stilleri */
.labTitle2 {
  font-size: 1.5rem;
  margin: 0;
  flex: 1;
  font-family: "Quicksand", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.labBoxContent2 p {
  margin: 15px 0;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #333;
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

@media (max-width: 768px) {
  .labTitle2 {
    font-size: 1.5rem;
    margin: 15px 0;
  }

  .labBoxContent2 p {
    font-size: 1.5rem;
    margin: 15px 0;
  }

  .sectionLab1,
  .sectionLab2,
  .sectionLab3,
  .sectionLab4 {
    padding: 0 15px;
  }

  .sectionLab1 img,
  .sectionLab2 img,
  .sectionLab3 img,
  .sectionLab4 img {
    margin: 15px 0;
  }
}

@media (max-width: 768px) {
  .rlab-first,
  .rlab-second {
    display: block;
  }
  .rlab-img {
    margin: 15px 0;
  }
}