/* Cevseri Tasarım 3d Görselleştirme, Mimarlık ve Web Tasarım */
/* info@cevseritasarim.com */
/* Şahin ÜNAL */
/* 0532 573 0706 */
/* Yazılımın Tüm Hakları Cevseri Tasarım'a Aittir.. */
/* Proje Başlangıç Tarihi: 03.12.2015 Perşembe 13:37 */

body { margin:0; padding:0;
    font-family: 'Roboto Condensed', sans-serif;
 }
	
[lang=tr] {
    text-transform: uppercase;
}

#headmenu_a_sabit  { background-color:#FFF;  top:0; z-index:9999999;}

.fixed {
position:fixed;
top:2px;
background-color:#FFFFFF;
z-index:999999;
}

#head { width:100%; border-bottom: 1px solid #87dc5b; }
#headdetay { max-width:1200px; margin:0 auto; }
.head1_01 { width:20%; float:left; position:relative; }
.head1 { width:80%; float:left; position:relative;float: right; }
.head1ic_01 { padding:18px; padding-left:3px;  padding-right:3px;  }
.head1ic { padding:18px; padding-left:3px;  padding-right:3px;float: right;
    padding-bottom: 0px;  }


.head1ic_01 img { width:90%; padding-top:13px; }
.altust { width:100%; text-align:right; margin-bottom:20px; }

#dillogoyani { display:none; }	
#dilmenuustu { display:block; }

.dilsecenekleri { float:right; text-align:right; padding-bottom:20px;}
.dilsecenekleri ul { padding-right:10px; }
.dilsecenekleri li { float:left; margin:5px; list-style-type:none; }

.dilsecenekleri ul a { text-decoration:none; color:#333333; }
.dilsecenekleri ul a:hover { font-weight:600; font-size:17px; }

.headmenu { width:100%; z-index:999999; background:#87dc5b;   }

.headmenu {  -webkit-box-shadow: 1px 0 2px black;
	-moz-box-shadow: 1px 0 2px black;
	box-shadow: 1px 0 2px black; }


#headmenudetay { max-width:1200px; margin:0 auto; }

.headmenuhead01 { width:8%; position:relative; float:left; }
.headmenuhead1 { width:100%; position:relative; float:left; }


.headmenuhead1ic { padding:6px; padding-bottom:0px;  }

#slider { background: #ffffff; }

#slideraltıfon { width:100%; background: #87dc5b; border-top: 1px solid rgba(219,219,219,0.1); border-bottom: 1px solid rgba(219,219,219,0.1); }
#slideraltıfonic { max-width:1200px; margin:0 auto; }
#slideraltıfonaciklama { width:100%; position:relative; text-align:center; font-size: 30px; color:#FFF; padding:35px; padding-left:0px;    padding-right:0px; font-weight:600; }
#slideraltıfonaciklama span {  font-size:30px; color:#FFF; padding-left:3px; font-weight:300;  }

a { color:#04af60;  transition: all .5s ease-in-out;  cursor: pointer; }
a:hover { color: #017c45; font-weight:bold; }
#sektor { width:100%; border-bottom: 1px solid #e5e5e5; background: #ffffff; padding:55px;  padding-left:0;    padding-right:0;   }
#sektor_ic { max-width:1200px; margin:0 auto;  }
#sektor_ic_baslik { width:100%; position:relative; color:#ffffff; }
#sektor_ic_baslik h2 { width:100%; position:relative; text-align:center; font-size: 30px; color:#333333; }
.sektor_ic_1 { width:25%;  position:relative; float:left; text-align:center; min-height:200px; }
.sektor_ic_1_ic { padding:10px;     border: 1px solid rgba(204,204,204,0.2); }
.sektor_ic_1_ic h3 { font-weight:300; font-size:23px; }

.sektorresim img { width:100%; }


#menualtıfon { width:100%; background:rgba(135,220,91,0.0); border-top: 1px solid rgba(219,219,219,0.1); border-bottom: 1px solid rgba(219,219,219,0.1); }
#menualtıfonic { max-width:1200px; margin:0 auto; }
#menualtıfonaciklama { width:100%; position:relative; text-align:center; font-size: 30px; color:#333333; padding:25px; padding-left:0px;  padding-bottom:5px;    padding-right:0px; font-weight:600; }
#menualtıfonaciklama span {  font-size:30px; color:#FFF; padding-left:3px; font-weight:300;  }



#sertifika { width:100%; border-bottom: 1px solid #e5e5e5; background: #ffffff; padding:55px;  padding-left:0;   padding-top:0;    padding-right:0; position:relative; background:#04af60;   }
#sertifika_ic { max-width:1200px; margin:0 auto;  }
#sertifika_ic_baslik { width:100%; position:relative; color:#ffffff; }
#sertifika_ic_baslik h2 { width:100%; position:relative; text-align:center; font-size: 30px; color:#ffffff; padding-top:40px; }
.sertifika_ic_1 { width:25%;  position:relative; float:left; text-align:center; min-height:200px; }
.sertifika_ic_1_ic { padding:10px; }
.sertifika_ic_1_ic h3 { font-weight:300; font-size:23px; }

.sertifikaresim img { width:100%; }
.prev { float:left; font-size:100px; color:rgba(135,220,91,0.4); }
.next { float:right; font-size:100px; color:rgba(135,220,91,0.4); }

.prev:hover { float:left; font-size:100px; color:rgba(135,220,91,0.9); }
.next:hover { float:right; font-size:100px; color:rgba(135,220,91,0.9); }

#spankayan3 { 
    position: absolute;
    top: 52%;
    left: 0;
    right: 0;
    padding-left: 10px;
    padding-right: 10px; z-index:1; }

.prev1 { float:left; font-size:50px; color:rgba(135,220,91,0.4); }
.next1 { float:right; font-size:50px; color:rgba(135,220,91,0.4); }

.prev1:hover { float:left; font-size:52px; color:rgba(135,220,91,0.9); }
.next1:hover { float:right; font-size:52px; color:rgba(135,220,91,0.9); }

#spankayan { 
    position: absolute;
    top: 39%;
    left: 0;
    right: 0;
    padding-left: 50px;
    padding-right: 50px; z-index:1; }


#owl-hizmetlerimiz .item{
  background: #ffffff;
  margin: 10px;
  color: #959595;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  
   border:1px solid rgba(204,204,204,0.4);
  

}


#mamsel_fabrika_video { clear:both; width:100%; position:relative; }
.video-mamsel {
    background: url(../cev_img/mamsel_nokta.png);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    text-align: center;
}
.video-mamsel-text {
    background: url(../cev_img/video-mamsel-text.png) center center no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    text-align: center;
    z-index: 1;
}
#video_ic_baslik  { width:100%; position:relative; text-align:center; padding-top:30px; font-size: 35px; color:#ffffff; }

#video_ic_baslik h2 { width:100%; position:relative; text-align:center; font-size: 35px; color:#ffffff; padding-top:10px; padding-bottom:10px; }


#video {
    height: 605px;
    margin: 0;
    position: relative;
}
.contain {
    width: 100%;
    position: relative;
    height: auto;
}


#contact {
    padding: 0;
    height: auto;
    min-height: 350px;
}

.contain {
    width: 100%;
    position: relative;
    height: auto;
}


#map {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.ucgeniletisim { z-index:999; position:relative; margin:0 auto; text-align:center; }



#cev_aciklama { width:100%; text-align:center;    }
#cev_aciklama_detay { max-width:1200px; margin:0 auto; }
.cev_aciklama_detay_ic { width:100%; position:relative; }
.cev_aciklama_detay_ic_aciklama { padding:50px; padding-bottom:20px;  }

.cev_aciklama_detay_ic_aciklama h2 {
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 30px;
    color: #464646;
}

.cev_aciklama_detay_ic_aciklama p {
font-weight: 200;
}



#sayfa_aciklama { width:100%; text-align:center;    }
#sayfa_aciklama_detay { max-width:1200px; margin:0 auto; }
.sayfa_aciklama_detay_ic { width:100%; position:relative; }
.sayfa_aciklama_detay_ic_aciklama { padding:15px;   }

.sayfa_aciklama_detay_ic_aciklama h2 {
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 30px;
    color: #464646;
}

.sayfa_aciklama_detay_ic_aciklama p {
font-weight: 200;
}



.projesayfa1 {width:50%; float:left;  min-height:300px; }
.projesayfa2 {width:50%; float:right;  min-height:300px;   position: relative; }

.sayfaprojeic { padding:15px; text-align:left; }
.sayfaprojeic h2 { text-align:left; padding-bottom:8px; border-bottom:1px solid #ddd; } 

.sayfaprojeic ul { padding-left:0; } 
.sayfaprojeic ul li { list-style-type:none; padding-top:5px; padding-bottom:8px; border-bottom:1px solid rgba(51,51,51,0.1); border-right:1px solid rgba(51,51,51,0.1); } 
.sayfaprojeic ul li span { font-weight:600;} 

#resimgalle { width:100% !important; height:300px; overflow:hidden; text-align:center; }
#resimgalle img { height:100%; }
#resimgalle .item img { height:100%; }

	
#spankayan2 { 
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding-left: 10px;
    padding-right: 10px; z-index:1; }



.sayfaprojeicbaslik { padding:15px; text-align:right;  position: relative; }
.sayfaprojeicbaslik h2 { text-align:right; padding-bottom:8px; border-bottom:1px solid #ddd; } 

#duyurular { width:100%; text-align:center;    }
#duyurular_detay { max-width:1200px; margin:0 auto; }
.duyurular_detay_ic { width:100%; position:relative; }
.duyurular_detay_ic_aciklama { padding:50px; padding-bottom:80px;  }

.duyurular_detay_ic_aciklama a { text-decoration:none; color:#000; }

.duyurular_detay_ic_aciklama h2 {
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 30px;
    color: #464646;
}

.duyurular_detay_ic_aciklama p {
font-weight: 200;
}



#footer_mamsel { width:100%; padding-top:20px; padding-bottom:20px;background: #87dc5b; text-align:center; }
#footer_mamsel_detay { max-width:1200px; margin:0 auto; }
.footer_mamsel_detay_ic { width:25%; float:left; position:relative; padding-top:20px; padding-bottom:20px; }
.footer_aciklama_footer { padding:10px; text-align:center; color:#ffffff;  font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size:15px; }

.footer_mamsel_detay_ic_detay { padding:10px; text-align:center;} /* kutu arasında boşluk bırakmak için buradaki padding i değiştirmek gerek */
.footer_modul1kutu { width:100%;  position:relative;  min-height:10px;  }

.footer_modul1kutu h3 { font-size:20px; color:#ffffff; font-weight:200;  }

.footer_modul1kutu ul { padding:0;  }
.footer_modul1kutu li { font-size:13px; color:#ffffff; list-style-type:none; border-bottom: 1px solid rgba(255,255,255,0.04);  padding: 6px; font-weight:200;  }

.footer_inpot {     width: 100%;
    height: auto; border: 1px solid #d2d0d0;
    margin-bottom: 30px;
    text-align: left; }

#footer_mamsel_alt { width:100%; padding-top:0px; padding-bottom:0px;background: #72be4b; }
#footer_mamsel_detay_alt { max-width:1200px; margin:0 auto; }
#footer_mamsel_detay_ic_alt { width:33.33%; float:left; position:relative; padding-top:8px; padding-bottom:8px; }

#contacts-name { padding:10px; background-color:rgba(255,255,255,0.2); width:100%; border:0px; }
.inputform { float:left; width:70%; }
.inputformgonder { float:right; width:20%; text-align:center; }
.buton { padding:8px; text-align:right; padding-right:22px;}

#footilet { display:none; }

.coopy { color:#d2d0d0; font-size:10px; text-align:left; font-weight:200;padding-top:11px;}

.numaranumara { float:right; }
.numara { font-size:28px; color:#ffffff; text-align:right; font-weight:300; }
.numaradikey {font-size:16px; padding-top:1px; font-weight:200; float:left;   -webkit-transform: rotate(270deg); padding-right:14px;  }

.tasarimcilogo  { float:right;}
.tasarimcilogo img { text-align:right; height:33px; padding-right:30px; padding-top:10px; }

.tasarimcilogo:hover img { text-align:right; height:33px; padding-right:30px; padding-top:10px; }

.tasarimcilogo:hover img { 
-webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.8); /*Mozilla scale version*/
-o-transform:scale(0.8); /*Opera scale version*/
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
}

.tasarimcilogo:hover img:hover { -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.1); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/ }


.social { text-align:center; margin: 0 auto;  position: relative; width: 130px;}

.fa-facebook { font-size:20px; color:#d2d0d0; float:left; margin:8px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
.fa-twitter { font-size:20px; color:#d2d0d0; float:left; margin:8px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease;  }
.fa-instagram { font-size:20px; color:#d2d0d0; float:left; margin:8px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease;  }
.fa-linkedin { font-size:20px; color:#d2d0d0; float:left; margin:8px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease;  }
.fa-angle-right { padding-right:10px; } 



.fa-facebook:hover {    color:#333; -webkit-transform:scale(1.2); transform:scale(1.2);  }
.fa-twitter:hover {     color:#333;  -webkit-transform:scale(1.2); transform:scale(1.2);  }
.fa-instagram:hover {    color:#333;  -webkit-transform:scale(1.2); transform:scale(1.2);   }
.fa-linkedin:hover {     color:#333;  -webkit-transform:scale(1.2); transform:scale(1.2);  }



/* INPUT, TEXTAREA, SUBMIT */
input {margin:0 0 10px 0; padding:0;}
input[type=text],input[type=email], input[type=password], textarea { border:1px solid #dbecf6; padding:10px; font-size:12px; color:#777; }


input[type=text],input[type=email], input[type=password], textarea, select { background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
background: linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
outline:0 none !important;
}

input[type=text].rounded, input[type=password].rounded, textarea.rounded, select.rounded, input[type=submit].rounded, button.rounded {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }
input[type=text]:hover, input[type=password]:hover, textarea:hover { border:1px solid #b4b4b4; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { -moz-box-shadow: 0 0 3px #EB540A;-webkit-box-shadow: 0 0 3px #EB540A; box-shadow: 0 0 3px #EB540A; border: 1px solid #EB540A; }
input[type=submit], button { background:#39c2d2; padding: 7px 15px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5);  cursor:pointer; border:1px solid #777;
-webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; float: right;
text-align: right; margin-left:8px;}
input[type=submit]:hover, button:hover { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset;}
input[type=submit]:active, button:active {-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset;}
/* you can activate the rounded fields only setting the .rounded-fields class to the parent form */
.rounded-fields input[type=text], .rounded-fields input[type=password], .rounded-fields textarea, .rounded-fields select, .rounded-fields input[type=submit], .rounded-fields button {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }

.leedprojekutu { width:20%; float:left; margin:20px 0 40px 0; }
.leedprojekutu.jeotermal { width:33.33%; float:left; margin:20px 0 40px 0; }
.leedprojekutu .leedprojeic { border:0px solid rgb(102,102,102); padding-left:1px; padding-right:1px; }
.leedprojekutu .leedprojeic .leedprojeimg { width:100%; height:357px; overflow:hidden; position:relative; }
.leedprojekutu .leedprojeic .leedprojeimg .probaslik { position:absolute; top:20px; font-size:18px; letter-spacing:1px; left:0px; padding:10px; padding-left:15px; z-index:99; color:#FFF; text-align:left; }
.leedprojekutu .leedprojeic .leedprojeimg .probaslik p { padding-top:5px; margin-top:0; margin-bottom:0; }

.leedprojekutu .leedprojeic .leedprojeimg .karanlik { position:absolute; z-index:98; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,.4); transition: all .3s ease-in-out; cursor: pointer;  }
.leedprojekutu .leedprojeic .leedprojeimg img { height:100%; }

.leedprojekutu .leedprojeic .leedprojeimg .goster { position:absolute; bottom:20px; font-size:13px; letter-spacing:1px; left:0px; padding:6px; padding-left:25px; padding-right:15px; z-index:99; color:#FFF; text-align:left; background:rgba(0,0,0,1); margin-left:-300px; transition: all .3s ease-in-out; cursor: pointer;  }

.leedprojekutu:hover .leedprojeic .leedprojeimg .karanlik { background:rgba(0,0,0,.1); }
.leedprojekutu:hover .leedprojeic .leedprojeimg .goster { margin-left:0; }

@media screen and (max-width:1200px){	
.leedicsayfas { padding:0 20px; }
}

@media screen and (max-width:780px){		
.leedicsayfas { padding:20px 20px; }
.leedprojekutu { width:33.33%;  margin:10px 0 10px 0; }
.leedprojekutu .leedprojeic .leedprojeimg img { height:130%; }
}

@media screen and (max-width:480px){		
.leedicsayfas { padding:20px 20px; }
.leedprojekutu { width:100%;  margin:10px 0 10px 0; }
.leedprojekutu .leedprojeic .leedprojeimg img { height:130%; }
}