/* atölyeler */
.atolye-home .item { margin-top: 20px;}

.atolye-home .icon {
    position:relative;
    width:145px;
    height:145px;
    margin:0 auto;
    text-align:center;
    /* background:  #b6d2de; */
    line-height:140px;
    font-size:5.96rem;
    color:#fff;
    border-radius:50%;
    box-shadow:0 0 0 0 rgba(0,0,0,0.0);
    margin-bottom:15px;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out; 
}

.atolye-home .item:hover .icon { }

.atolye-home .item:hover .icon {
    font-size:4.5rem;
    box-shadow:0 0 0 10px rgba(0,0,0,0.05); 
}

.atolye-home .icon:after{
    display:block;
    content:"";
    position:absolute;
    width:145px;
    height:145px;
    top:0;
    left:0;
    border-radius:50%;
    box-shadow:inset 0 0 0 0 rgba(255,245,0,.9);
    background:transparent;
    -webkit-transition:box-shadow .2s ease-out;
    transition:box-shadow .2s ease-out; 
}

.atolye-home .item:hover .icon:after {
    box-shadow:inset 0 0 0 10px rgba(255,245,0,0.08); 
}

.atolye-home h3 {
    font:1.82rem/2.1rem 'Montserrat', Tahoma, Geneva, sans-serif; color: #FFFFFF;
    /*text-transform:uppercase; */
    -webkit-transition:color .3s ease-out;
    transition:color .3s ease-out; margin:0px 0px 7px 0px; padding:0;
}

.atolye-home .item:hover h3 {
    color:rgba(255,237,0,1.00);
}

.atolye-home .item p { 
 opacity: 0;
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 10px;
  font-size: 0.99rem; color: rgba(221,190,80,1.00);
  /*border-top: 1px solid rgba(255, 255, 255, 0.5); */
  -webkit-transition: opacity .5s ease-in;
  -moz-transition: opacity .5s ease-in;
  -ms-transition: opacity .5s ease-in;
  -o-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in;
}
.atolye-home .item:hover p { opacity: 1;
}

.atolye-home .item.renk1 .icon { color: rgba(232,255,151,1.00)}
.atolye-home .item.renk1:hover .icon { color:rgba(255,255,255,1.00) !important}
.atolye-home .item.renk1 h3 { color: rgba(232,255,151,1.00)}
.atolye-home .item.renk1:hover h3 { color:rgba(255,255,255,1.00) !important}

.atolye-home .item.renk2 .icon { color: rgba(255,237,0,1.00)}
.atolye-home .item.renk2:hover .icon { color:rgba(255,255,255,1.00) !important}
.atolye-home .item.renk2 h3 { color: rgba(255,237,0,1.00)}
.atolye-home .item.renk2:hover h3 { color:rgba(255,255,255,1.00) !important}

.atolye-home .item.renk3 .icon { color: rgba(164,201,0,1.00)}
.atolye-home .item.renk3:hover .icon { color:rgba(255,255,255,1.00) !important}
.atolye-home .item.renk3 h3 { color: rgba(164,201,0,1.00)}
.atolye-home .item.renk3:hover h3 { color:rgba(255,255,255,1.00) !important}

.atolye-home .item.renk4 .icon { color: rgba(243,142,36,1.00)}
.atolye-home .item.renk4:hover .icon { color:rgba(255,255,255,1.00) !important}
.atolye-home .item.renk4 h3 { color: rgba(243,142,36,1.00)}
.atolye-home .item.renk4:hover h3 { color:rgba(255,255,255,1.00) !important}
/* .atolye-home p {
    padding:0 20px;
    font-size:12px;
    line-height:21px;
} */

.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.circle {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.ih-item.circle .img {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%;
}
.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
  border-radius: 50%;
}
.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.square {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/**/
.kazanim {}
.kazanim .solbg{ background-color: none !important;}
.kazanim_ust_bosluk {padding-top: 18px;}

.kazanim_li { margin-bottom: 10px;}
.kazanim_li i {font-size: 2rem; color: #FF7600;}
.kazanim_li span {vertical-align:baseline; font: normal 1.52rem/1.20rem 'sitefont6'; }

@media (max-width: 1600px) { 
.kazanim_li span {vertical-align:baseline; font: normal 1.40rem/1.38rem 'sitefont6'}
}
@media (max-width: 1536px) { 
	.kazanim_li { margin-bottom: 5px !important;}
	.kazanim_li i {font-size: 1.6rem; color: #FF7600;}
.kazanim_li span {vertical-align:baseline; font: normal 1.47rem/1rem 'sitefont6'}
}
@media (max-width: 1380px) { 
	.kazanim_li { margin-bottom: 5px !important;}
	.kazanim_li i {font-size: 1.5rem; color: #FF7600;}
.kazanim_li span {vertical-align:baseline; font: normal 1.35rem/0.9rem 'sitefont6'}
}
@media (max-width: 1280px) { 
.kazanim_li { margin-bottom: 0px !important;}
.kazanim_li i {font-size: 1.38rem; color: #FF7600;}
.kazanim_li span {vertical-align:baseline; font: normal 1.38rem/0.5rem 'sitefont6'}
}
@media (max-width: 1200px) { 
.kazanim_li { margin-bottom: 9px;}
.kazanim_li i {font-size: 1.8rem; color: #FF7600;}
.kazanim_li span {vertical-align:baseline; font: normal 1.37rem/1.40rem 'sitefont6'}
}
@media (max-width: 767px) { 
.kazanim_li { margin-bottom: 9px;}
.kazanim_li i {font-size: 1.8rem; color: #FF7600;}
.kazanim_li span {vertical-align:baseline; font: normal 1.55rem/1.40rem 'sitefont6'}
	.solbg { background-color: rgba(161,237,253,.5)}
}

/* atölye blokları */ 

.atolyelist {}
.atolyelist .item {position: relative; overflow: hidden;}
/** tasarla **/
.atolyelist .item .hover {
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
          top: -200px;
          position: absolute;
          text-align: center;
          padding: 10px 10px;
          background:rgba(255,255,255,.55);
          width: 100%; }
.atolyelist .item .hover a {
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            /* font-size: 0.95rem;
            line-height: 15px; */
			font: normal 1.5rem/1.1rem 'sitefont4';
            color: #fff;
            background: #D0011B;
            display: inline-block;
            text-align: center;
            padding: 9px 18px;
            position: relative;
            border: 0;
            border-radius: 5px;
            box-shadow: 0px 3px 0px #961313; margin-bottom: 5px;}
.atolyelist .item .hover a:hover {
              top: 1px;
              box-shadow: 0 1px #961313;
              -webkit-transform: translateY(4px);
                      transform: translateY(4px); }
@media (min-width: 1850px) { 
.atolyelist .item:hover .hover { top: 50%; }
}
@media (max-width: 1850px) { 
.atolyelist .item:hover .hover { top: 50%; }
}
@media (max-width: 1840px) { 
.atolyelist .item:hover .hover { top: 49%; }
}
@media (max-width: 1750px) { 
.atolyelist .item:hover .hover { top: 47%; }
}
@media (max-width: 1700px) { 
.atolyelist .item:hover .hover { top: 46%; }
}
@media (max-width: 1650px) { 
.atolyelist .item:hover .hover { top: 45%; }
}
@media (max-width: 1625px) { 
.atolyelist .item:hover .hover { top: 43%; }
}
@media (max-width: 1600px) { 
.atolyelist .item:hover .hover { top: 42%; }
}
@media (max-width: 1560px) { 
.atolyelist .item:hover .hover { top: 41%; }
}
@media (max-width: 1520px) { 
.atolyelist .item:hover .hover { top: 39%; }
}
@media (max-width: 1490px) { 
.atolyelist .item:hover .hover { top: 36%; }
}
@media (max-width: 1460px) { 
.atolyelist .item:hover .hover { top: 35%; }
}
@media (max-width: 1385px) { 
.atolyelist .item:hover .hover { top: 33%; }
}
@media (max-width: 1325px) { 
.atolyelist .item:hover .hover { top: 32%; }
}
@media (max-width: 1298px) { 
.atolyelist .item:hover .hover { top: 30%; }
}
@media (max-width: 1235px) { 
.atolyelist .item:hover .hover { top: 28%; }
}
@media (max-width: 1205px) { 
.atolyelist .item:hover .hover { top: 26%; }
}
@media (max-width: 1140px) { 
.atolyelist .item:hover .hover { top: 24%; }
}
@media (max-width: 1085px) { 
.atolyelist .item:hover .hover { top: 22%; }
}
@media (max-width: 1010px) { 
.atolyelist .item:hover .hover { top: 20%; }
}
@media (max-width: 999px) { 
.atolyelist .item:hover .hover { top: 44%; }
}
@media (max-width: 978px) { 
.atolyelist .item:hover .hover { top: 42%; }
}
@media (max-width: 935px) { 
.atolyelist .item:hover .hover { top: 40%; }
}
@media (max-width: 910px) { 
.atolyelist .item:hover .hover { top: 38%; }
}
@media (max-width: 905px) { 
.atolyelist .item:hover .hover { top: 36%; }
}
@media (max-width: 883px) { 
.atolyelist .item:hover .hover { top: 34%; }
}
@media (max-width: 839px) { 
.atolyelist .item:hover .hover { top: 32%; }
}
@media (max-width: 788px) { 
.atolyelist .item:hover .hover { top: 30%; }
}
@media (max-width: 766px) { 
.atolyelist .item:hover .hover { top: 49%; }
}
@media (max-width: 745px) { 
.atolyelist .item:hover .hover { top: 48%; }
}
@media (max-width: 725px) { 
.atolyelist .item:hover .hover { top: 47%; }
}
@media (max-width: 697px) { 
.atolyelist .item:hover .hover { top: 45%; }
}
@media (max-width: 668px) { 
.atolyelist .item:hover .hover { top: 42%; }
}
@media (max-width: 635px) { 
.atolyelist .item:hover .hover { top: 40%; }
}
@media (max-width: 607px) { 
.atolyelist .item:hover .hover { top: 35%; }
}
@media (max-width: 599px) { 
.atolyelist .item:hover .hover { top: 62%; }
}
@media (max-width: 568px) { 
.atolyelist .item:hover .hover { top: 60%; }
}
@media (max-width: 545px) { 
.atolyelist .item:hover .hover { top: 58%; }
}
@media (max-width: 500px) { 
.atolyelist .item:hover .hover { top: 57%; }
}
@media (max-width: 490px) { 
.atolyelist .item:hover .hover { top: 56%; }
}
@media (max-width: 480px) { 
.atolyelist .item:hover .hover { top: 55%; }
}
@media (max-width: 460px) { 
.atolyelist .item:hover .hover { top: 54%; }
}
@media (max-width: 440px) { 
.atolyelist .item:hover .hover { top: 52%; }
}
@media (max-width: 420px) { 
.atolyelist .item:hover .hover { top: 50%; }
}
@media (max-width: 390px) { 
.atolyelist .item:hover .hover { top: 48%; }
}
@media (max-width: 370px) { 
.atolyelist .item:hover .hover { top: 46%; }
}
@media (max-width: 350px) { 
.atolyelist .item:hover .hover { top: 44%; }
}
/** tsla son **/
.atolye_blok_zemin {background: rgba(255,110,0,.20); border-top: 5px solid rgba(255,255,255,.35);}
/**/
.atolye_blok {background: rgba(0,195,255,1.00)}
.atolye_blok_mavi {background: rgba(68,126,255,1.00)}
.atolye_blok_cizgi_mavi {border: 0; clear: both; border-top: 1px solid rgba(61,113,202,1.00); border-bottom: 2px solid rgba(72,133,237,1.00);}
.atolye_tanim_mavi { font: normal 1.92rem/1.82rem 'sitefont2'; padding: 10px; text-align: center; color: #fff; }
.atolye_tanim_mavi a { color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.atolye_tanim_mavi a:hover {  color:rgba(227,227,227,1.00);}
.atolye_aciklama_mavi { padding: 8px; color: #fff; max-height: 50px !important; overflow: hidden;}
.atolye_aciklama_mavi a { color: #fff;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.atolye_aciklama_mavi a:hover { text-decoration: none; color:rgba(227,227,227,1.00);}
.atolye_blok_yas { margin: 10px;}
.yas_span {padding: 5px; font: normal 1.15rem/1.65rem 'sitefont7'; }
.yas_span span {font: normal 1.15rem/1.16rem 'sitefont7';}
.kapasite_mavi { color:cyan; padding-top: 6px; text-align: center;}
.kapasite_mavi span { font: normal 1.166rem/1.16rem 'sitefont7'; }
/* turuncu atölye */
.atolye_blok_turuncu {background: rgba(193,95,0,1.00)}
.atolye_blok_cizgi_turuncu {border: 0; clear: both; border-top: 1px solid rgba(193,64,0,1.00); border-bottom: 2px solid rgba(213,105,0,1.00);}
.atolye_tanim_turuncu { font: normal 1.92rem/1.82rem 'sitefont2'; padding: 10px; text-align: center; color: #fff; }
.atolye_tanim_turuncu a { color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.atolye_tanim_turuncu a:hover {  color:rgba(227,227,227,1.00);}
.atolye_aciklama_turuncu { padding: 8px; color: #fff; max-height: 50px !important; overflow: hidden;}
.atolye_aciklama_turuncu a { color: #fff;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.atolye_aciklama_turuncu a:hover { text-decoration: none; color:rgba(227,227,227,1.00);}
.kapasite_turuncu { color:rgba(255,214,174,1.00); padding-top: 6px; text-align: center;}
.kapasite_turuncu span { font: normal 1.166rem/1.16rem 'sitefont7'; }
/* gri atölye */
.atolye_blok_gri {background: rgba(148,148,148,1.00)}
.atolye_blok_cizgi_gri {border: 0; clear: both; border-top: 1px solid rgba(131,131,131,1.00); border-bottom: 2px solid rgba(173,173,173,1.00);}
.atolye_tanim_gri { font: normal 1.92rem/1.82rem 'sitefont2'; padding: 10px; text-align: center; color: #fff; }
.atolye_tanim_gri a { color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.atolye_tanim_gri a:hover {  color:rgba(227,227,227,1.00);}
.atolye_aciklama_gri { padding: 8px; color: #fff; max-height: 50px !important; overflow: hidden;}
.atolye_aciklama_gri a { color: #fff;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.atolye_aciklama_gri a:hover { text-decoration: none; color:rgba(227,227,227,1.00);}
.kapasite_gri { color:rgba(233,233,233,1.00); padding-top: 6px; text-align: center;}
.kapasite_gri span { font: normal 1.166rem/1.16rem 'sitefont7'; }
/* eflatun */
.atolye_blok_efl {background: rgba(198,46,118,1.00)}
.atolye_blok_cizgi_efl {border: 0; clear: both; border-top: 1px solid rgba(159,6,79,1.00); border-bottom: 2px solid rgba(228,66,143,1.00);}
.atolye_tanim_efl { font: normal 1.92rem/1.82rem 'sitefont2'; padding: 10px; text-align: center; color: #fff; }
.atolye_tanim_efl a { color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.atolye_tanim_efl a:hover {  color:rgba(227,227,227,1.00);}
.atolye_aciklama_efl { padding: 8px; color: #fff; max-height: 50px !important; overflow: hidden;}
.atolye_aciklama_efl a { color: #fff;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.atolye_aciklama_efl a:hover { text-decoration: none; color:rgba(227,227,227,1.00);}
.kapasite_efl { color:rgba(233,233,233,1.00); padding-top: 6px; text-align: center;}
.kapasite_efl span { font: normal 1.166rem/1.16rem 'sitefont7'; }
/* yeşil */
.atolye_blok_yesil {background: rgba(60,186,84,1.00)}
.atolye_blok_cizgi_yesil {border: 0; clear: both; border-top: 1px solid rgba(17,148,42,1.00); border-bottom: 2px solid rgba(46,221,79,1.00);}
.atolye_tanim_yesil { font: normal 1.92rem/1.82rem 'sitefont2'; padding: 10px; text-align: center; color: #fff; }
.atolye_tanim_yesil a { color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.atolye_tanim_yesil a:hover {  color:rgba(227,227,227,1.00);}
.atolye_aciklama_yesil { padding: 8px; color: #fff; max-height: 50px !important; overflow: hidden;}
.atolye_aciklama_yesil a { color: #fff;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.atolye_aciklama_yesil a:hover { text-decoration: none; color:rgba(227,227,227,1.00);}
.kapasite_yesil { color:rgba(233,233,233,1.00); padding-top: 6px; text-align: center;}
.kapasite_yesil span { font: normal 1.166rem/1.16rem 'sitefont7'; }
/**/
.tum_atolye {font-size: 1.15rem; padding-top: 5px; padding-bottom: 10px;}
.tum_atolye a { color: black; font: normal 1.6rem/1.65rem 'sitefont3'}
.tum_atolye i {font-size: 2.1rem}
.tum_atolye a:hover { text-decoration: none; color:#db6302 }
/* çözüm ortakları */
.czmort {padding-top: 20px; padding-bottom: 35px; background:url(../img/zemin_02.jpg)}
.owl-cozum img {width: 75% !important; }

.owl-cozum .owl-stage {
    display: flex !important; align-items: center !important;
}
.owl-cozum .owl-item img {
    width: auto !important;
    height: 100% !important;
	margin: 0 auto;	
}
/* blok */
.blokzemin {background: url(../img/blok_zemin_02.jpg) repeat-x}
.blokbaslik { padding-top: 10px;}
.blokbaslik .bloknot { font: normal 1.4rem/1.2rem 'menufont'; color: aliceblue; padding-left: 3px; padding-top: 15px;}
.blokbaslik .blokbox { font: normal 4rem/4rem 'sitefont7'; padding-bottom: 15px;}

.blokflex {display: flex !important; padding-top: 15px; padding-bottom: 15px;}
.blokflex .blokflxitem {width: auto !important; height: 100% !important; position: relative; padding-bottom: 15px;}
.blokflex .bloktx-baslik, .blokflex .bloktx-baslik a {font: normal 2.1rem/2.1rem 'sitefont7'; padding: 8px 5px 8px 5px; color: rgba(0,0,0,1.00)}
.blokflex .bloktx-aciklama, .blokflex .bloktx-aciklama a  {max-height: 55px !important; overflow: hidden; padding: 0px 5px; color: rgba(78,78,78,1.00)}
.pozbox { position: absolute; z-index: 5; background: rgba(50,50,50,.70); color:#fff; font: normal 1rem/1rem 'sitefont7' ; padding: 4px;  top: 50%}

.slidebuton a {-webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            /* font-size: 0.95rem;
            line-height: 15px; */
			font: normal 1.5rem/1.1rem 'sitefont4';
            color: #fff;
            background: #D0011B;
            display: inline-block;
            text-align: center;
            padding: 9px 18px;
            position: relative;
            border: 0;
            border-radius: 5px;
            box-shadow: 0px 3px 0px #961313; margin-bottom: 5px;}
.slidebuton a:hover {top: 1px;
              box-shadow: 0 1px #961313;
              -webkit-transform: translateY(4px);
                      transform: translateY(4px); color: rgba(0,0,0,1.00)}

.yaziboyut {}
.yaziboyut1 {}
.nobg {}
.btdeflt {}
@media (max-width: 505px) { 
.yaziboyut { font-size: 2.5rem !important; top: 15% !important; left: 15px !important; color:#b05300 !important; text-shadow: 1px 1px #fff !important; }
.yaziboyut1 {font-size: 2.5rem !important; line-height: 2.7rem !important; top: 23% !important; left: 25px !important; color: rgba(0,0,0,1.00) !important}
.nobg { display: none !important;}
.btdeflt { left: 15px !important;}
}