a{  text-decoration:none; outline:0px }       
 
BODY {   
margin:0px;
padding:0px;

}
   
   .Tsosyal  div{ display:inline-block ;color:#000000 ; font-size:1.1em;border-right:1px solid #c0c0c0; padding:10px 12px 5px 12px}
   
   .Tsosyal div:hover{ background-color:#808080; color:#ffffff ;
   -webkit-transition:all ease-in-out 0.2s;
-moz-transition:all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s; }
   
   
   
   .logo {  float:left ; max-width:339px ; padding:8px 0px 15px 0px}
     

.gale { width:200px; height:180px}
 
.menum {  float:left;   }
.menum div {  display:inline-block ; font-family: 'Raleway', sans-serif; font-size:.9em ;  font-weight:300; padding:18px 25px 20px 25px; color:#ffffff }
.menum  a:last-child > div { border:none } 
    
.menum div:hover {   background-color:#189ba8; 
     -webkit-transition:all ease-in-out 0.4s;
-moz-transition:all ease-in-out 0.4s;
-o-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;  }
  
.tel {   text-align:right ; padding:20px 0px 20px 0px;  } 
.tel > div { display:inline-block; margin-left:45px; text-align:left  }
.tel > div div {  display:inline-block  ; vertical-align:middle ;font-family: 'Dosis', sans-serif;   }

.tel > div div:nth-child(1){ border:1px solid #c0c0c0;  border-radius: 50%; width:45px ;  height:30px; text-align:center; padding-top:15px ; margin-right:5px ;background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(232,232,232,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(100%, rgba(232,232,232,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(232,232,232,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(232,232,232,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(232,232,232,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(232,232,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=1 );}

.tel > div div span:nth-child(1) {  font-size:.75em ; color:#000000 ;  font-weight:700;  }
.tel > div div span:nth-child(3) {  color:#8d8d8d ; font-size:.95em ;} 
 
 
 .tel > div:hover div:nth-child(1) {   background-color:#189ba8; 
     -webkit-transition:all ease-in-out 0.4s;
-moz-transition:all ease-in-out 0.4s;
-o-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;}
 
 
 
 .whatweb { position:fixed; bottom:20px; right:20px;  z-index:9999 ;  background:#FFFFFF; border:1px solid #D7E6EA;   padding:5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;    border-radius: 5px;  -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; font-family: 'Raleway', sans-serif;  font-weight:700; text-align:center;  font-size:.8em; line-height:1.7em}  
.whatweb:hover { background:#D7E6EA;   }  
 
 

.talep{ background-color:#6FC212;-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px;font-family: 'Raleway', sans-serif; font-size:1em ;  font-weight:700; margin-top:3px ; padding:15px 25px 15px 25px }

.talep a{color:#ffffff ;}    
.talep:hover{background-color:#5A9F0F; }
 
 
.ackapa {  display:none  }  
  
     .ackapa2 {  display:none;  }    
  
  #menuiconArka {  display:inline-block ; margin:2px 5px 2px 0px  ;padding: 4px;
    width: 60px;
    height: 19px;
    background-color: #000000;
    border-radius: 60px; }
  
  #menuicon { color:#000000; font-size:2.4em ; margin-right: 10px; margin-top:25px;  }    
  

  
 

 
 .yazi{ max-width:1300px ; margin:0px auto ; text-align:center ;    }
 .yazi > div {display:inline-block;vertical-align:top;text-align:left !important ;width:320px ; margin:25px 50px 25px 50px  ;font-family: 'Raleway', sans-serif; font-size:medium;   font-weight:400 ; color:#5c5c5c;}
 .yazi span { font-weight:700 ; color:#2e2e2e; font-size:1.6em ;}
  .yazi a { color:
#0080ff  }
 
  
.kutular { max-width:1190px ; margin:0px auto ; left:0px ; right:0px  ;border:0px solid #FF0080;  text-align:center; position:absolute ; margin-top:-29px;z-index:9999;   } 
.kutular  div { display:inline-block; background:#ffffff; padding:8px; vertical-align:top; height:250px; border:1px solid #dfdfdf ; margin:0px 25px 15px 25px; 
 font-family: 'Raleway', sans-serif; font-size:1.1em;   font-weight:700 ; color:#484848 ;  transition: all 0.3s ;}
.kutular  div:hover { color:#0091d7 ; border:1px solid #cdcdcd ; margin-top:13px ;  -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.38);-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.38);box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.38);}





.kutular2 { max-width:1190px ; margin:0px auto ; left:0px ; right:0px  ;border:0px solid #FF0080;  text-align:center;    } 
.kutular2  div { display:inline-block; background:#ffffff; padding:8px; vertical-align:top; height:250px; border:1px solid #dfdfdf ; margin:0px 25px 15px 25px; 
 font-family: 'Raleway', sans-serif; font-size:1.1em;   font-weight:700 ; color:#484848 ;  transition: all 0.3s ;}
.kutular2  div:hover { color:#0091d7 ; border:1px solid #cdcdcd ; margin-top:13px ;  -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.38);-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.38);box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.38);}




.projeler { max-width:1190px ;  margin:0px auto ; left:0px ; right:0px  ;border:0px solid #FF0080;  text-align:center;  margin-top:20px ; margin-bottom:20px} 
.projeler  div { display:inline-block;  vertical-align:top; margin:0px 25px 45px 25px; 
 font-family: 'Raleway', sans-serif; font-size:1.6em;   font-weight:400 ; color:#333333 ;  transition: all 0.3s ;}
.projeler img{padding:0px 0px 15px 0px ; width:100%  ; max-width:482px  }
.projeler img:hover{opacity:0.5}
.projeler span {font-family: 'Raleway', sans-serif; font-size:1.8em;   font-weight:700 ; color:#004080 ; }


.refTas {   background-color:#f2f2f2; margin-top:45px;width:100% ; padding-bottom:50px }
.referans {   font-family: 'Raleway', sans-serif; font-size:1.8em;   font-weight:700 ; color:#0080C0 ;  text-align:center  ; padding:26px 0px 5px 0px  } 

.urunlerBas {   font-family: 'Raleway', sans-serif; font-size:1.8em;   font-weight:700 ; color:#0080C0 ;  text-align:center  ; padding:6px 0px 15px 0px  }

.insaat {  background-image:url('../images/insaat.jpg') ; height:400px;  background-position:center center ;  position:relative  ; padding:0px 10px 0px 10px;  }
.slogan3 { border:0px solid #0080C0  ;position:absolute ; max-width:800px ; margin:0px auto; left:0px ;right:0px ;  font-family: 'Raleway', sans-serif; font-size:2em;color:#ffffff ;  font-weight:700 ; text-align:center  ;   padding:90px 10px 0px 20px }     
.slogan3 span{  font-size:.7em; color:#F0F0F0 ;  font-weight:300 ; 	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.83); }

.alt {  max-width:1200px ; margin:0px auto  ;    }
.alt > div { display:inline-block ;    vertical-align:middle  ;   }  

.altmenuTas { border-left:1px solid #009D9D  ; border-right:1px solid #009D9D; padding:20px 55px 20px 55px; margin:0px 70px 0px  70px ;    }

.altmenu div {  display:inline-block ;   font-family: 'Raleway', sans-serif; font-size:0.9em;   font-weight:400 ; color:#FFFFFF ;   margin-right:35px  ; }
.altmenu a:last-child div {  margin-right:0px }     
 
 
.alttel { font-family: 'Dosis', sans-serif;  font-size:0.9em;   font-weight:400 ; color:#DDDDDD ; line-height:28px  } 
 
 
.sosyal {   text-align:left !important ; font-size:x-large; font-family: 'Raleway', sans-serif; font-size:0.9em;   font-weight:400 ; color:#FFFFFF; padding:25px 0px 0px 0px } 
 
 
.mega {    font-family: 'Raleway', sans-serif; font-size:0.8em; color:#ffffff;   font-weight:400 ; floaT:left  } 

.copy {    font-family: 'Raleway', sans-serif; font-size:0.8em;  color:#9e9ea8;  font-weight:400 ; floaT:right  } 
 
 
.urunBasTas {  width:100%; background-color:#0f77b4    } 
.urunBasTas div {  max-width:1200px ; margin:0px auto; padding:10px 0px 10px 10px; font-size:x-large; font-family: 'Raleway', sans-serif; font-size:xx-large;   font-weight:700 ; color:#FFFFFF; } 

.teperes { position:relative;height:200px; background-position:center center ;  -webkit-background-size: cover;    -moz-background-size: cover;     -o-background-size: cover;           background-size: cover;  }
.teperes div  { bordeR:0px solid #000000; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.1) ; background-image:url('../images/dose.png')  }
 
 
.genelTas {   max-width:1200px ; left:0px ; right:0px ; margin:0px auto; padding:5px 0px 20px 0px ;     border:0px solid #FF0000;  }
 
 
.solmenu {  float:left ; display:inline-block; vertical-align:top; margin-top:35px;width:280px }  

.solmenu div{   font-family: 'Raleway', sans-serif; font-size:large;   font-weight:600 ; color:#4e4e4e  ; border-bottom:1px solid #C0C0C0; width:260px; margin-bottom:4px ;  padding:11px 0px 10px 16px  ;  
background-color:#dadada; -moz-transition:color .3s ;-o-transition:color .3s ; -webkit-transition:color .3s ; 
}

.solmenu div:hover{  color:#FFFFFF ;     background-color:#808080 ; border-bottom:1px solid #6A6A6A     }      

 
 .icerikTas{  float:left; max-width:1150px ;  margin-top:35px; margin-left:35px  ; padding-bottom:150px}
 
  .icerikTas2{  float:left; max-width:850px ;  margin-top:35px; margin-left:35px  ; padding-bottom:150px}
 
 .baslik {    font-family: 'Raleway', sans-serif; font-size:medium;   font-weight:700 ; color:#373737 ;    max-width:1250px ; bordeR-bottom:1px solid #C0C0C0  ;  padding-bottom:0px ; margin-bottom:15px    } 
 
.icerik { font-family: 'Raleway', sans-serif; font-size:medium;   font-weight:400 ; color:#595959 ;       } 
.icerik p{ text-align: justify;}
.icerik img { max-width:400px ; float:right ; padding:15px 0px 15px 15px }
 

 .baslik2 {   font-family: 'Raleway', sans-serif; font-size:x-large;   font-weight:400 ; color:#7D7D7D  ;   letter-spacing:-1px   }
 
 .resimler { width:100%;  border:0px solid #ff0000 }
 .resimler div { display:inline-block; vertical-align:top; text-align:center;widtH:100% ; max-width:250px ;height:300px ;padding:10px; margin-right:16px ; margin-bottom:45px ;-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.37);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.37); }
/* .resimler div:hover span { color:#ff0000 !important }*/
 .resimler div:nth-child(3n) { margin-right:0px}
 .resimler img {widtH:100% ; max-width:230px ;  max-height:250px; }
.resimler span { display:block;  font-family: 'Raleway', sans-serif; font-size:1em;   font-weight:700 ; color:#595959 ; border-bottom:1px solid #c0c0c0; padding:0px 0px 5px 0px; margin:0px 0px 15px 0px;
} 
 
 
 
 
 
 
 
    .flexslider .slides > li div{ 
     position:absolute; 
       padding:25px;
        max-width:500px;
      text-align:left  ;
     background-color:rgba(0,0,0,0);
     bottom:45% ;
    left:15%;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.73);
      }  
       
      
      .flexslider .slides > li div span:nth-child(1){font-family: 'PT Serif', serif;  color:#3ae6f0; font-weight:500 ;  font-size:3.7em ; line-height:1em ; letter-spacing:-3px  ;}
     .flexslider .slides > li div span:nth-child(3){font-family: 'PT Serif', serif;  color:#FFFFFF; font-weight:500 ;  font-size:1.4em ; letter-spacing:-1px  ;}
 
 
   
 
 textarea{  font-family: 'Raleway', sans-serif; font-size:15px; padding:5px; margin:5px ; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;outline: none ;border:1px solid #C0C0C0 }
            
input{  font-family: 'Raleway', sans-serif; font-size:15px; padding:5px; margin:5px ; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;outline: none ;border:1px solid #C0C0C0 }

input[type=submit] {padding:7px 18px; background:#f37230; border:0 none;
     font-family: 'Raleway', sans-serif;  
font-size:15px;
color:#FFFFFF;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; }       
 
 
     select  {       
     font-family: 'Raleway', sans-serif;     
     font-size:15px; padding:5px; 
     margin:5px;
    color:#6C6C6C;
    -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;outline: none ;border:1px solid #C0C0C0
}

   
    

 
 
 
 
  
            @media (min-width:360px) and (max-width:760px) {     
            
                            .logo { floaT:none ;  display:inline-block;  padding:10px; width:100% !important ; text-align:left  ; border-bottom:1px solid  #E2E2E2   }
                            .logo img {  width:100%; max-width:250px }
            
                            .tel {  display:none  }          
            
                            .sagTelMenu  {  max-width:280px;  solid #FF0000; padding:0px !important  }   
                            
                            .menum{ float:right; text-align:right; display:none ;width:90%;}
                            .menum div { text-align:right ; display:block; width:83%; max-width:400px ;border-bottom:1px solid #E0E0E0 ; }
                            .ackapa {  width:100% !important;display:inline-block;  padding:5px 0px 5px 0px; text-align:right;   } 
                             
                           
                               .gale { width:97%; margin-bottom:25px}

							
                             
                            .slogan2 { display:none  } 
							
							.projeler span {line-height:0px}
                             
                            .kutular {   margin-top:20px !important ; text-align:center !important ;   }
                            
                            
                             .kutular2 { text-align:center;  margin-top:20px ; text-align:center ;     }
                             .kutular2 div  {  margin:0px !important; margin-bottom:35px  !important ;   }          
                            
                            .refTas {    margin-top:0px; padding:0px  }
                                                                           
                            .aramayap  { display:block !important  }  
                              
                            .insaat {  height:300px ;}
                            .slogan3 { font-size:1.2em;padding-top:35px !important  }   
		                	.slogan3 span {  font-size:.8em}
                              
                            .alt > div { display:block !important  ; width:92%; margin:0px ; padding:0px  ; margin-bottom:25px;  border:none  }      
                              
                            .altmenu div {  width:100% ; margin-top:15px ; font-size:1.1em ; }
                              
							   .flexslider-container, .flexslider .slides, .flex-viewport {   height: 302px !important   } 
							    .flexslider .slides > li div{bottom:29% ;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.73); }
                               .flexslider .slides > li div span:nth-child(1){font-family: 'PT Serif', serif;  color:#3ae6f0; font-weight:500 ;  font-size:2.6em ; line-height:1em ; letter-spacing:-1px  ;}
                                .flexslider .slides > li div span:nth-child(3){font-family: 'PT Serif', serif;  color:#FFFFFF; font-weight:500 ;  font-size:1.1em ; letter-spacing:-1px  ;}       
                            
                            .icerikTas { float:none; margin:20px 0px 25px 0px; padding:0px 10px 0px 10px }
                             .baslik { font-size-large}
                            
                             .solmenu {  display:none; float:none; padding:0px !important ; margin:0px !important  ; width:100% }  
                             
                              .ackapa2 {  display:block !important; padding:0px 0px 0px 0px; margin:0px 0px 25px 0px  ; width:100%; text-align:right; font-size:xx-large; border-bottom:1px solid #DBDBDB; border-top:1px solid #DBDBDB; background-color:#FFFFFF;-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);
box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.3);  }   
                             
                             
                             .solmenu div{ width:95%; border:none }
                              .urunlerBas { padding:0px ; padding-top:25px }
                            .harita { margin:0px !important; width:100% !important; max-width:400px !important ;  margin-top:25px !important }
							
							.yazi > div { width:100% !important ; max-width:300px !important ; padding:0px 10px 0px 10px  !important ;  margin:0px !important ; margin-bottom:25px !important }
                 }