:root {
			  --blue: #007bff;
			  --indigo: #6610f2;
			  --purple: #6f42c1;
			  --pink: #e83e8c;
			  --red: #dc3545;
			  --orange: #fd7e14;
			  --yellow: #ffc107;
			  --green: #28a745;
			  --teal: #20c997;
			  --cyan: #17a2b8;
			  --white: #fff;
			  --gray: #6c757d;
			  --gray-dark: #343a40;
			  --primary: #007bff;
			  --secondary: #6c757d;
			  --success: #28a745;
			  --cim-yesil:#7fff00;
			  --info: #17a2b8;
			  --warning: #ffc107;
			  --danger: #dc3545;
			  --light: #f8f9fa;
			  --dark: #343a40;
			  --breakpoint-xs: 0;
			  --breakpoint-sm: 576px;
			  --breakpoint-md: 768px;
			  --breakpoint-lg: 992px;
			  --breakpoint-xl: 1200px;
			  --font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


/*---- iletisim form css------------ */
.social-map a{ background-color:#FFFFFF !important;color:#FF7600 !important;}
.social-map-marker a{ background-color:#FF7275 !important;color:#FF0004 !important; }
.social-street-view a{background:#000000;color:#FFD527 !important;}
.social-facebook a{ background-color:#3b5998 !important;}
.social-twitter a{ background-color:#00acee !important; }
.social-google a{ background-color:#dd4b39 !important; }
.social-pinterest a{ background-color:#cb2027 !important; }
.social-linkedin a{ background-color:#007bb6 !important; }
.social-github a{ background-color:#171515 !important; }
.social-vimeo-square a{ background-color:#1ab7ea !important; }
.social-dribbble a{ background-color:#ea4c89 !important; }
.social-behance a{ background-color:#005cff !important; }
.social-soundcloud a{ background-color:#f70 !important; }
.social-foursquare a{ background-color:#25a0ca !important; }
.social-rss a{ background-color:#ee802f !important; }
.social-youtube a{ background-color:#cc181e !important; }
.social-flickr a{ background-color:#ff0084 !important; }
.social-vine a{ background-color:#00a478 !important; }
.social-whatsup a{ background-color:#13FF35 !important; }
.social-instagram a{ background-color:#e95950 !important; }
.social-mail a{ background-color:#f70 !important; }
.social-phone a{ background-color:#00a478 !important; }

.paylas-alan .fa{ font-weight:bold;}
.paylas-alan li:hover{box-shadow: 5px 10px 20px red inset;}
.paylas-alan li a:hover{opacity:0.5;}

 .paylas-alan{position:absolute;bottom:2%;left:4%;z-index:55;background:#B9B9B9;width:auto;margin:0;padding:0;}
.paylas-alan ul{list-style-type:none;text-decoration:none;margin:0;padding:0;}
.paylas-alan ul li{display:inline-block;font-size:1.5em;margin:0;height:35px;line-height:20px;}
.paylas-alan ul li a{display:inline-block;text-decoration:none;color:white;height:35px; text-align:center;padding:5px 10px;}


.header-social .fa,.header-social .fab,.header-social .fas{ font-weight:bold;}
.header-social ul li:hover,
.page-social li:hover {opacity:0.7;}
/*
.social-facebook a:hover { background-color:#3b5998 !important; border:solid 5px #dd4b39 outset; }
.social-twitter a:hover { background-color:#00acee !important; }
.social-google a:hover { background-color:#dd4b39 !important; }
.social-pinterest a:hover { background-color:#cb2027 !important; }
.social-linkedin a:hover { background-color:#007bb6 !important; }
.social-github a:hover { background-color:#171515 !important; }
.social-vimeo-square a:hover { background-color:#1ab7ea !important; }
.social-dribbble a:hover { background-color:#ea4c89 !important; }
.social-behance a:hover { background-color:#005cff !important; }
.social-soundcloud  a:hover{ background-color:#f70 !important; }
.social-foursquare a:hover { background-color:#25a0ca !important; }
.social-rss a:hover { background-color:#ee802f !important; }
.social-youtube a:hover { background-color:#cc181e !important; }
.social-flickr a:hover { background-color:#ff0084 !important; }
.social-vine  a:hover{ background-color:#00a478 !important; }
.social-whatsup a:hover{ background-color:#13FF35 !important; }
.social-instagram a:hover{ background-color:#e95950 !important; }
.social-mail  a:hover{ background-color:#f70 !important; }
 */ 

/****** input kayan label ******/
/*** password eye****/
  .btn-show-pass {
		width:40px;
		text-align:center;
		-webkit-transition: background 0.4s;
		-o-transition: background 0.4s;
		-moz-transition: background 0.4s;
		transition: background 0.4s;
		cursor: pointer;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items:end;
  justify-content:center;
  color: #999999;


font-size: 18px;
  position: relative;
 /* height: 55%;
  top: 1px;
 right:0;
 */
  padding: 0 1px;
  cursor: pointer;
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  -moz-transition: background 0.4s;
  transition: background 0.4s;
  font-size:26px;
  z-index: 99;
  background: white;

}

.btn-show-pass:hover {
  color: #57b846;
}

.btn-show-pass.active {
  color: #57b846;
}
.fa-eye{
color: #57b846;	
	
}

.btn-show-pass i{font-size:20px;}
.text{
  position: absolute;top:2px;
  font-size: .8rem;
  font-weight: bold;

}

   #loadingBox  {
        position: fixed;
        left: 50%;
        top: 20%;
        transform: translate(-50%, -50%);
        z-index: 9999999;
        transition: display ease-in-out .9s;
        display: none;
       /* background: #00FF05;*/
        padding: 15px;
   } 
   
   
   #loadingBox h5{
        position: absolute;
        z-index: 999999;
        color:red;
        font-weight: bold;
        display: flex;
        align-items:center;
        justify-content:center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
   }
   
   



   .loading-sayfa {
        position: fixed;
        left: 50%;
        top: 20%;
        transform: translate(-50%, -50%);
        z-index: 9999999;
        transition: display ease-in-out .9s;
        display: none;
        background: black;
   } 
   
   
   .loading-sayfa h5{
        position: absolute;
        z-index: 999999;
        color:red;
        font-weight: bold;
        display: flex;
        align-items:center;
        justify-content:center;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
   }
   


.loading-box{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: flex;
     align-items:center;
     justify-content:center;
     z-index: 999999999;
     transition: display ease-in-out 5s;
       /*display: none;*/
       border:2px solid red;
   } 
   .loading-box h5{
       position: absolute;
       z-index: 9999;
       color:red;
       font-weight: bold;
            display: flex;
     align-items:center;
     justify-content:center;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
   }
   
   .loading-islem {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: flex;
     align-items:center;
     justify-content:center;
     z-index: 999;
     transition: display ease-in-out 5s;
       /*display: none;*/
   } 
   
   	.active-home{
	background-color:#1CF420 !important;
	color:#0011D0 !important;
	}
         .image-resp{
           width:100% !important;
           height: 100% !important;
         }
         
      

   #sheet-link ul,
#sheet-link ul li,
#sheet-link ul li a {
  padding: 0;
  margin: 0;
  box-sizing: content-box;

}
#sheet-link {
	width:100%;
  text-align: center;
  padding:5px 5px;
/*background:silver;*/
position:relative;
 float:left;
 top:0;left:0;
}
#sheet-link ul {
  list-style: none;
}
#sheet-link ul li {
  display: inline;
}
#sheet-link ul li a {
  display: block;
  float: left;
  height: 25px;
  background: #3498db;
  text-align: center;
  padding: 2px 5px 5px 20px;
  position: relative;
  margin: 1px 2px 2px 0;
  font-size: 18px;
  text-decoration: none;
  color: #ffffff;
}
#sheet-link ul li a:after {
  content: "";
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #3498db;
  position: absolute;
  right: -16px;
  top: 0px;
  z-index: 1;
  height: 32px;
}
#sheet-link ul li a:before {
  content: "";
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #ffffff;
  position: absolute;
  left: 0;
  top: 0;
}
#sheet-link ul li:first-child a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#sheet-link ul li:first-child a:before {
  display: none;
}

#sheet-link ul li:last-child a {
  padding-right: 60px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#sheet-link ul li:last-child a:after {
  display: none;
}
#sheet-link ul li a:hover {
  background:var(--yellow); /*#fa5ba5;*/
}
#sheet-link ul li a:hover:after {
  /*border-left-color: #fa5ba5;*/
  border-left-color: var(--yellow);
}

.accordion-btn-wrap{
  border-left:2px solid silver;

}

/* menü stil*/
.MainMenu a{padding-left:2px !important ;}
.sidebar-collapse .MainMenu a{padding-left:16px !important ;}
.MainMenu ul{padding-left:0px !important ;}
.MainMenu ul li ul li{padding-left:15px !important ;}
.sidebar-collapse #main-sidebar:hover .MainMenu ul a{padding-left:2px !important ;}


    .MainMenu ul li ul li a{
    border-left: 3px solid red !important;
    border-bottom: 2px solid silver !important;
    }

.MainMenu ul li{
  border-bottom:silver 2px solid;
}
.MainMenu a{color:#dddddd !important;}

  .main-sidebar{
    background: #222 !important;
  }

  				 .MainMenu ul > li > a:hover{
					/* background:#222 !important; */
					/*background:transparent !important;*/
          background:yellow !important;
          color:blue !important;
					transition: all 0.8s !important;
				
				}

/* sol aside site resim ve yazı */

.site-user-panel{
    flex-direction:column;
    justify-content:center;
    align-items:center;
    height:auto;
    border:silver solid 1px;
    color:white;
    font-weight: bold;
}

.site-user-panel .image,
.site-user-panel.info,
.site-user-panel a{text-align:center;color:#9d9d9d !important;}

.site-user-panel .image{min-width:40px;width:calc(100% - 125px) !important;height:100px;padding-left:0 !important;}
.sidebar-collapse .site-user-panel .image{min-width:40px;width:calc(100% - 15px);height:calc(100% - 15px);}

.site-user-panel .image img{width:100%;height:100%;transition:all 0.6s;border:3px solid silver;}
.site-user-panel  .info{font-size:1.6rem;}
.sidebar-collapse .site-user-panel > .info{font-size:1.6rem;color:red !important;}
.site-user-panel .brand-link{padding-left:0px !important;}
.site-user-panel .info-kisa {
    display: none;
    padding: 5px 5px 5px 10px;

}

.sidebar-collapse .site-user-panel .info-kisa {
    display: inline-block;
    padding: 5px 5px 5px 10px;

}

.sidebar-collapse .main-sidebar:hover .site-user-panel .info-kisa {
    display: none;
}


.sidebar-collapse .site-user-panel .info {
    display: none;


}


.sidebar-collapse .user-panel .image{
  width: 45px !important;
  height: 45px !important;
}


/*sol aisde user info*/


.sidebar .user-panel .info a{color:#ffffff !important;}
.user-panel .image{width: 45px;height: 45px;}

.sidebar .user-panel{
      border:silver solid 1px;
    color:white !important;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px !important;
}
.sidebar-collapse .user-panel .info {
    display: none;

}


/* menu altı textlerin gizlenmesi*/
.loginout .nav-link {margin: 0 !important;width: calc(250px - .8rem * 2);}
.loginout, .sibabar-text{margin: 0;}
.loginout div a{padding-left: 16px !important;margin: 0 !important;}
.loginout div a{color: #222;}
.MainMenu .loginout .sibabar-text{display: inline-block;}
.sidebar-collapse .loginout .sibabar-text{display: none;}
.sidebar-collapse .main-sidebar:hover + .loginout .sibabar-text{display: inline-block !important;}
/* Accordion style*/
 .has-subnav.active > a{border-bottom:2px solid #fcd205;background:var(--cim-yesil) !important;color:#00004e !important;font-weight: bold;}
.sidebar-collapse .accordion-btn  {
    display: none !important;

}

.sidebar-collapse .MainMenu:hover .accordion-btn  {
    display: inline-block !important;

}

  .has-subnav.accordion-btn-wrap{
    background:transparent !important;
    border-bottom:2px solid silver !important;
    }

		ul li.has-subnav .accordion-btn {
      display: inline-block;
				color:#fff; 
				background:#222; /*rgba(255,255,255, 0.15)*/
				font-size:16px;
				border-left:1px solid rgba(255,255,255, 0.15);
        	border-bottom:1px solid rgba(255,255,255, 0.15);
			}

		
		.has-subnav .active > a{
		background:var(--cim-yesil);
		color:black;
		}
		
      .accordion-active{
        background: #333 !important;
        color:black !important;
      } 
	  
	.has-subnav.active > ul > li{
		border:1px solid transparent;
		}
        span.accordion-expanded > .fas{
			color:var(--cim-yesil);
			
		}  


    .cerceve01 {
  position: relative;
  width: 100%;
  height: 250px;
  
}

.image01{
  display: block;
  width: 100%;
  height: 100%;
}

.overlay01 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* background-color: #008CBA; */
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;

}

.cerceve01:hover .overlay01 {
  width: 100%;
}

.text01 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 0%;
  left: 0%;

  white-space: nowrap;
  width: 100%;
}

/*hakkımda shhet*/

.site-hakkimda{
   -webkit-user-select: none;  /* Chrome all / Safari all kopyalama engelleme */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;  
}



/*--- iletisim css start */
.iletisim-resim{
	background-image:url(../images/profil/murat-tr1.jpg);
		background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height:400px;
	margin:0px;
	float:left;
	}
	.iletisim-resim:hover{
	background-image:url(../images/profil/murat-tr2.jpg);
		background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height:400px;
	margin:0px;

	}
  


/*--- iletisim css and */

/*--  iletisim form ve harita ccss --- */	
/*		@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);*/

*{box-sizing:border-box;}
            /*---- iletisim form css------------ */
  #onizleme,#onizlemeiki{display: none;}
.respons_src{
  /*border: 5px solid silver;*/
  width: 65px;
  height: 65px;
}
.respons_img{
  /*border: 5px solid silver;*/
  width:100%;
  height: 75px;
}

#form-main{
float:left;
background:purple;
position:relative;
margin-bottom:20px;
}

#form-div {
background-color:#FFB65A;
/*max-width: 500px;
float: left;
left: 50%;*/
position: relative;
top:0;
left:0;
/*padding:5px;*/
/*margin-top:30px;*/
/*margin-left: -260px;*/
border-radius: 7px;
}
#form-div .inputdiv{background:black;padding:2px;color:#08ff31;}

#form-div .feedback-input {
color:#3c3c3c;
font-family: Helvetica, Arial, sans-serif;
font-weight:500;
font-size: 18px;
border-radius: 0;
line-height: 15px;
background-color: #fbfbfb;
padding: 4px 13px 4px 40px;
margin-bottom: 5px;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
  border: 3px solid #ccc;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}

#form-div .feedback-input:focus{
background: #fff;
box-shadow: 0;
border: 3px solid #00F3FF;
color: #000000;
outline: none;
padding: 4px 13px 4px 40px;
/* border: 2px solid #555;*/
box-sizing:border-box;
}
#form-div .feedback-input:hover{
background:rgba(72,252,255,0.68);
box-shadow: 0;
border: 3px solid #0A00FF;
outline: none;
}
#form-div .focused{
color:#000000;
border:#30aed6 solid 3px;
}

/* Icons ---------------------------------- */
#form-div #name{
background-image: url(https://www.muratyarar.com/dist/img/favicon/user.svg);
background-size: 20px 20px;
background-position: 10px 4px;
background-repeat: no-repeat;
}

#form-div #name:focus{
background-image: url(https://www.muratyarar.com/dist/img/favicon/user.svg);
background-size: 20px 20px;
background-position: 10px 4px;
background-repeat: no-repeat;
}
#form-div #tel{
background-image: url(https://www.muratyarar.com/dist/img/favicon/mobilphone.svg);
background-size: 20px 20px;
background-position: 10px 4px;
background-repeat: no-repeat;
}

#form-div #tel:focus{
background-image: url(https://www.muratyarar.com/dist/img/favicon/mobilphone.svg);
background-size: 20px 20px;
background-position: 10px 4px;
background-repeat: no-repeat;
}


#form-div #email{
background-image: url(https://www.muratyarar.com/dist/img/favicon/email.svg);
background-size: 20px 20px;
background-position: 10px 4px;
background-repeat: no-repeat;
}

#form-div #email:focus{
background-image: url(https://www.muratyarar.com/dist/img/favicon/email.svg);
background-size: 20px 20px;
background-position: 10px 4px;
background-repeat: no-repeat;
}
#form-div #konu{
background-image: url(https://www.muratyarar.com/dist/img/favicon/align.svg);
background-size: 20px 20px;
background-position: 10px 4px;
background-repeat: no-repeat;
}
#form-div #konu:focus{
background-image: url(https://www.muratyarar.com/dist/img/favicon/align.svg);
background-size: 20px 20px;
background-position: 10px 4px;
background-repeat: no-repeat;
}
#form-div #comment{
background-image: url(https://www.muratyarar.com/dist/img/favicon/mesaj.svg);
background-size: 20px 20px;
background-position: 10px 4px;
background-repeat: no-repeat;
}

#form-div textarea {
width: 100%;
height: 80px;
line-height: 100%;
resize:vertical;
}

#form-div input:hover, textarea:hover,
input:focus, textarea:focus {
background-color:white;
}
#form-div #button-blue{
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
/*float:left;
width: 50%;*/
border: #fbfbfb solid 4px;
cursor:pointer;
background-color: #3498db;
color:white;
font-size:18px;
padding-top:8px;
padding-bottom:8px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font-weight:bold;
text-align:center;
}

#form-div #button-red{
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
/*float:left;
width: 50%;*/
border: #fbfbfb solid 4px;
cursor:pointer;
background-color: red;
color:white;
font-size:18px;
padding-top:8px;
padding-bottom:8px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font-weight:bold;
text-align:center;
}

#button-blue:hover,#button-red:hover{
background-color:rgba(3,255,94,0.65) ;/*rgba(0,0,0,0)*/
color: #0493bd;
/*width:100%*/
}
.submit:hover {
color: #3498db;
}

/*
.reset{
float:left;
width:40%;
height:auto;
padding-left:10px;
box-sizing:border-box;
}
*/
.reset:hover {
color: #3498db; 
}
/*
@media only screen and (max-width: 768px) {
  .header-form-harita{width:100%;height:350px;float:left;padding:5px 30px 0px 10px;}
.form-main-icerik{width:100%;padding:10px;border:2px solid red;height:auto;display:block;position:relative;float:left;margin-top:15px;}
}
*/
@media screen and (max-width: 576px) {
#form-main{width:100%;padding:5px;
}
#form-div{width:100%;background:yellow;float:left;
}
.inputdiv{width:100%;float:left;}
.input-alan{width:100%;float:left;padding:6px 5px 6px 5px;}
.baslik{padding:4px 25px;}
.inputdiv h3{margin:0px 0 0px auto;position:relative;background:#000000;font-size:1.3em !important;}
.header-form h4{margin:0px 0 0px auto;position:relative;font-size:1.3em !important;}

}


@media screen and (min-width: 576px) {
#form-main{width:100% !important;float:left;padding:10px 15px;display:block;}
#form-div{width:100%;background:yellow;float:left;position:relative;
}
.inputdiv{width:100%;border:1px solid orange;}
.input-alan{width:100%;float:left;padding:6px 20px 6px 20px;}
.baslik{padding:8px 25px;}
.inputdiv h3{margin:0px 0 0px auto;position:relative;background:#000000;font-size:1.4em !important;}
.header-form h4{margin:0px 0 0px auto;position:relative;font-size:1.5em !important;}
}
@media screen and (min-width: 768px) {
 .header-form-harita{width:100%;height:450px;float:left;}
.form-main-icerik{width:100%;padding:5px 30px 10px 10px;border:2px solid red;height:auto;display:block;position:relative;float:left;}
#form-main{width:100% !important;float:left;padding:10px 15px;display:block;}
}

@media screen and (min-width: 992px) {
 .header-form-harita{width:100%;height:450px;float:left;}
.form-main-icerik{width:50%;padding:5px 30px 10px 10px;border:2px solid red;height:auto;display:block;position:relative;float:left;}
#form-main{width:100% !important;float:left;padding:10px 15px;display:block;}
}



.buton-alani{float:left;height:100px;width:100%;box-sizing:border-box;text-align:center;padding:15px 0 15px 0 !important;}
.submit,.reset{
width:150px;
height:50px;
box-sizing:border-box;
border:1px solid red;
position:relative;
text-align:center;
display:inline-block;
}


/*
input[type=text] {
}
*/

#button-blue, #button-red{
width:100%;height:50px;
text-align:center;border:1px solid blue;
}

.header-form-baslik{width:100%;padding:5px 5px 5px 10px;min-height:100px;background:rgba(111,100,62,0.82);
color:black;box-sizing:border-box;
border-radius:10px 10px 0 0;margin-bottom:3px;}
.header-form h3{margin:0; text-align:center;float:none;}
#form-div b{color:#FF0004;}


.header-form img{float:left;box-sizing:border-box; border-top-left-radius:10px;}
.bilgi-cerceve{width:100%;padding:5px 45px;float:left;}
.bilgi-mesaji{padding:5px;width:100%;color:#FFFD00;text-align:center;font-size:16px;background:black;float:left;margin-top:5px;}

          /*---- iletisim form css------------ */
          

               
/* ziyaretci div css start*/
 body,html{font-family: 'Open Sans', sans-serif;}
.ziyaretci-form{background:silver;padding:15px 15px 0 15px;border:3px solid #0005FF;}
.ziyaretci-form label{margin-bottom:0px !important;color:#FFFFFF;padding-left:20px;}
.bilgialani{background:black;color:#00FF34;font-size:16px;padding:10px !important;text-align:center;margin:0;width:100%;}

.ziyaretci-divi{background:black;margin-bottom:2px !important;}


.zyrt_div{padding:2px;margin:0;border:5px solid purple;float:left;width:100%;}
.zyrt_baslik{color:black;font-size:16px;background:silver; padding-right:25px;border-bottom:1px solid black;}
.zyrt_icerik, .zyrt_div a{background:black;color:white;font-size:16px;border-bottom:1px solid blue;}



*{box-sizing:border-box;}
.container{width:100%;margin:0 !important;padding:5px;background:yellow;float:left;}

.mesaj-divi{width:100%; float:left;padding:10px;background:grey;margin:0;}

.customers {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
width: 100%;
border:2px solid purple !important;
padding:15px 0 !important;

}
.customers .sira{padding:5px;width:50px;}

.customers td{
  /*border: 1px solid #ddd;*/
  padding: 2px;
  width:auto;


}

 .customers tr th {
  border: 1px solid #ddd;
 

}
.customers tr:nth-child(even){background-color: #f2f2f2;}
.customers tr:nth-child(odd){background-color: orange;}
.customers tr:hover {background-color: #ddd;}

.customers th {
  padding: 2px;
    text-align: center;
  background-color: #4CAF50;
  color: white;
}


@media screen and (max-width: 768px){
	.ziyaret-div-alani{width:100%;margin:0;padding:5px;float:left;} 
	  
	  }


  @media screen and (min-width: 768px){
	  .ziyaret-div-alani{width:100%;margin:0;padding:5px;float:left;} 

	  
	  }

 .gizle{width:100%;height:100%;background:black;color:red;font-size:16px;text-align:center;position:absolute;top:0;left:0;z-index:9999;opacity:1;
}
    .goster{opacity:0;color:black;}        

    /* ziyaretci div css End*/



    /*
===============================================
-------------Header Social Mobil Menü----------
===============================================
*/
 @media screen and (min-width: 68px){
.header-social  {
    float: left;
    text-align: center;
	margin-top:10px !important;
   width:100%;
}
.header-social ul {
    list-style: none outside;
    margin: 0;
    padding: 0;
    text-align:center;
}
.header-social ul li {
    float: none;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
    list-style: none;
    line-height: normal;
}
.header-social ul li .fa{font-size:.8em;}
.header-social ul li a {
    height: 35px;
    width: 35px;
    line-height: 35px;
   font-size: 28px;
    text-align: center;
    color: #fff;
    background-color: #323131;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.header-social ul li a:hover {
    color: #fff;
}
.header-social ul li a i {
    float: none;
    margin-left: 0;
    font-size: 14px;
}

}
/* social menü header end*/


	/* header Tel Start */
  .header-tel{
	float:left;
		width:100%;
		height:30px;
		text-align:center !important;
		font-size:1.3em;
		line-height:20px;
		padding:3px 5px 3px 5px;
		color:#FFFFFF;
		box-sizing:border-box;
	}

.header-tel a{
	text-decoration:none;
	color:#FFFFFF;
	width:calc(100% - 10px );
	padding:3px 3px 3px 3px;
	line-height:25px;
			border-radius:25px 25px 3px 3px;
		overflow:hidden;

}
.header-tel :hover{
	background-color:#000000;
	color:#00FF05 !important;
}
.header-tel a :hover{
	background-color:#000000;
	color:#00FF05 !important;
}

/* Copyright */

#main-sidebar .copyright {
	width:80%;
	min-height:40px;
float:left;
margin-top:20px;
}
#main-sidebar .copyright p {
   /* margin-top: 170px;*/
    margin-bottom: 0;
    color: #9e9f9f;
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    font-weight: 400;
    font-family: "Open Sans", Arial, sans-serif;
    text-transform: capitalize;
    color: #9d9d9d;
}
#main-sidebar .copyright p a {
    color: #c8c8c8;
    font-weight: bold;
}
#main-sidebar .copyright p a:hover {
    text-decoration:underline;
    font-weight: bold;
}
#main-sidebar .copyright:before {
    display: block;
    margin: 0 auto;
    width: 25%;
    height: 1px;
    border-top: 1px solid #323131;
    content: "";
}	

/* header Tel End */