/*-------------------------------------------------
 YGADV.com
-------------------------------------------------*/
@media screen and (max-width: 600px) {
  .mkapa {
    visibility: hidden;
    clear: both;
    float: right;
    margin: 5px auto;
    width: 22%;
    height: auto;
    display: none; 
  }
}

.page-banner-section ul li {
     margin-top: 10px;
}

.client-box ul li {
	width: 23.66% !important;  
	padding: 23px!important;    
	margin-left: 14px!important;
	}
		.clients-section {
			padding: 0px!important;
			background: #f7f7f7;
			}
		.client-box ul {   margin-bottom: 0px!important;}
		.client-box ul li a:hover {  opacity: 0.5!important; }
		.client-box ul li a  {  opacity: 1!important; }
		
		

.fa, .fas,   .fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 100;
}

a:hover {
     text-decoration: none;
}
.navbaryukle{
    width: 230px;left: auto;right: 0;position: fixed;
}
.left{
	float: left;
}
.right{
	float: right;
}
.bottom-20 {
    margin-bottom: 20px !important;
}
.haritalink{
	color:white !important;
	background-color:orange !important;
	padding:5px !important;



}

.altul li{
    list-style-type: none;
    float:left;
    margin-left:10px;
    cursor:pointer;
}
.altul a:hover{
    color:#7c7c82;
}

.altul a{
    color:white;
}

.team-section {
     padding:0px;
	 border-bottom:none;
}
.none {
	display: none;
}
.top30 {
	margin-top:30px;
}
.top50 {
	margin-top:50px;
}

.top70 {
	margin-top:70px;
}

.top-30 {
	margin-top:-30px;
}
.top-50 {
	margin-top:-50px;
}

.top-70 {
	margin-top:-70px;
}

.information-section {
    padding-top: 30px;
}
/*-------------------------------------------------
 KURUMLAR SAYFASI
-------------------------------------------------*/

  ymaps a.devami {
 display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding: 8px 12px;
     color: #8AC43F;
    font-size: 12px;
    text-transform: uppercase;
	border: 1px solid #8AC43F;
	float: left;
	margin-bottom: 15px;

}
  ymaps a.devami:hover {
  background-color:#8AC43F;
	color: #fff;

}
 
.k-okul-baslik{
	    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 5px 0px -17px 0px;
     color: #F05A28;

}

.kurum-okullari  .kutu {

}
.sidebar.kurum-okullari {
    margin-bottom: 45px;
}
.kurum-okullari .widget {
    margin-bottom: 12px;
    margin-top: 0px;
    /*border-top: 1px solid #F05A28;*/

}
.kurum-okullari .need-widget ul li span {
    float: left;
    display: inline-block;
    margin: 0;
    width: 26px;
    height: 26px;
    background: #afd65a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 27px;
    color: #ffffff;
    font-size: 13px;
}
.kurum-okullari  .need-widget ul li p, .kurum-okullari  .need-widget ul li h3  {
     margin-left: 35px;
}

 .kurum-okullari  .need-widget ul li {
        list-style: none;
    overflow: hidden;
    padding-top: 5px;
    margin-bottom: -11px;
    border-top: 1px solid #dedede;
	 	border-bottom:none;
}
.kurum-okullari  .widget h2 {
     font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: -5px 0px 9px;
    font-size: 16px;
    color: #F05A28;
}

/*-------------------------------------------------------*/
/* 1. SMART FORM
/*-------------------------------------------------------*/

 .smart-forms .form-body {
    padding:0px;

}
 .smart-forms .checkbox, .smart-forms .radio {
 	border: 3px solid #dbdbdb;
}
.smart-forms .select > select, .smart-forms .gui-input,.smart-forms .input-hint,.smart-forms .gui-textarea {
     border: 1px solid #dbdbdb;
 }
.dropzone {
     border: 2px dashed #dbdbdb;
 }


/*-------------------------------------------------------*/
/* 1. İnsan Kanakları Smart Form
/*-------------------------------------------------------*/
.smart-forms .btn-green {
    background-color:#afd65a;
}
.nav-tabs.ik  {
    border-bottom: 4px solid #ddd;
}


 .nav-tabs.ik > li {
    margin: 0px 0px -3px 0px;
	 background: #fff;

}

 .nav-tabs.ik > li i{
 	 padding: 0px 10px 0px 0px;
}
 .nav-tabs.ik > li > a.ik-yesil {
       border:none;
    border-radius:0px;
	 padding:15px 15px;
}

.nav-tabs.ik > li > a.ik-yesil:hover,
 .nav-tabs.ik > li > a.ik-yesil:focus  {
  text-decoration: none;
   background-color: #afd65a;
}

 .nav-tabs.ik  > li.active > a.ik-yesil {
  display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding: 16px 30px;
    font-size: 13px;
    color: #888888;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
 	 margin: 0px 0px -5px 0px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0px 0px;
    background: #afd65a;
    opacity: 0.95;
}

.nav-tabs.ik a.ik-yesil {
     margin: 0px 0;
	background: #afd65a;
 }
 .nav-tabs.ik > li > a.ik-button:hover,
 .nav-tabs.ik > li > a.ik-button:focus  {
  text-decoration: none;
   background-color: #C03308;
}
  .nav-tabs.ik > li > a.ik-button {
       border:none;
    border-radius:0px;
	 padding:15px 15px;
}
 .nav-tabs.ik  > li.active > a.ik-button {
  display: inline-block;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    padding: 16px 30px;
    font-size: 13px;
    color: #888888;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
 	 margin: 0px 0px -5px 0px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0px 0px;
    background: #F05A28;
    opacity: 0.95;
}

.nav-tabs.ik a.ik-button {
     margin: 0px 0;
	background: #F05A28;
 }


.dropzone .dz-clicker span{
	background: #afd65a;
}


/*-------------------------------------------------------*/
/* 1. HABER KISMI
/*-------------------------------------------------------*/
.blog-section .blog-box .blog-post .blog-gal img {
    width: 100%;
	height: auto;
}

h2.baslik {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 10px 30px;
  font-size: 18px;
  color: #888888;
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
  line-height: 24px;
  margin: 0 0 15px;
  color: #ffffff !important;
  text-transform: uppercase;
  margin: 8px 0;
  background: #F05A28;

}
 .recent-widget ul.recent-list li {
     margin-bottom: 15px;
}
h2.haber-detay-baslik {

  color: #F05A28 !important;

}


.blog-post p{ line-height:20px; margin-bottom: 5px;}

.haber-aktivite.blog-section .blog-box .blog-post .blog-gal {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    height: auto;

}
.haber-aktivite.blog-section .blog-box .blog-post .blog-gal img{
   /*  position: absolute;*/
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
 }


.img-sol {
    position: relative;
    width: 70px;
    height: 55px;
    overflow: hidden;
	float: left;
}
.sidebar .widget {
    margin-bottom: 30px;
	    padding-right: 15px
}

.haber_buton {
	max-width: 100px;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    max-height: 140px;
}

.recent-widget ul.recent-list li .side-content {
      padding-top:0px;
}

.haber-section .blog-box .blog-post .blog-gal {
     margin-bottom: 5px;
}

.haber-section.blog-onlytext .blog-box .blog-post h2 {
    font-size: 18px;
    margin-bottom: 2px;
}
.haber-section.blog-box .blog-post .blog-gal {
     margin-bottom: 10px;
}

.haber-section.blog-onlytext .blog-box .blog-post:last-child {
    margin-bottom: 40px;
}

.haber-section .blog-post.single-post .social-tag-post {
     width: 100%;
}


.haber-section.blog-standard .blog-box .blog-post .blog-content {
     padding: 0  15px 0px 16px;
}



/*-------------------------------------------------------*/
/* 1. DUYURU
/*-------------------------------------------------------*/
 /*  .orta-iconlar
{
 	background-image: linear-gradient(#dedede, white);
}*/

/*---DUYURU DETAY SAFA ----------------------------------------------------*/

.blog-section .blog-box .blog-post h4 a {
    color: #F05A28;
	transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.blog-section .blog-box .blog-post h4 a:hover {
	color:#8AC43F;
    
}
 .blog-section.blog-onlytext .blog-box .blog-post .autor-post p span {
     padding-top: 2px;
}
.blog-section.blog-onlytext .blog-box .blog-post .autor-post p {
    background: #dddddd;
    height: 12px;
    line-height: 10px;
}

/*---DUYURU ANASAFA ----------------------------------------------------*/

.duyuru-section{
	background-image: linear-gradient(#dedede, white);
	border-bottom: 1px solid #dddddd;
}


.testimonial-section {
    padding: 35px 0 0px;
}

.duyuru-section .title-section {
     margin-bottom: 20px;
}
.duyuru-section .bx-wrapper .bx-pager {
    text-align: center;
	top: 55px;
}
.duyuru-section .duyuru {
     padding-bottom: 20px;
}

.duyuru-section .title-section h1 {
	color: #8AC43F;
}
.duyuru-section  .duyuru p {

    text-align: center;
}

.duyuru-section span.duyuru-icon{
	color: #DF323C;
	margin-right: 10px;
}

.duyuru h2 {
	color: #c1bcbc;
}
.duyuru-section .bx-wrapper {
     margin-bottom:40px;

}
.duyuru-section .testimonial-box1 p {
    font-size: 15px;
 }



/*-------------------------------------------------------*/
/* 1. KURUM OKULLAR BAŞLIĞI 
/*-------------------------------------------------------*/


 

.ust_menu.active .kurum  {
  display: none;
}
 
.kurum-tutucu{
 	   float: right;
 }
 
 .kurum-okul{
 	   color: #fff;
     font-family: 'Roboto', sans-serif;
     padding: 5px 10px;
     line-height: 14px;
 }
 

.header4 .kurum {
	vertical-align: middle;
    background: #f05a28;
    opacity: 0.9;
     z-index: -1;
     display: table-cell;
    min-width: 269px;
    max-width: 269px;
      height: 52px;
 }
 

/*-------------------------------------------------------*/
/* 1. ÜST KISIM + MENU 
/*-------------------------------------------------------*/

img.tel-img {
    position: relative;
    top: 12px;
    padding-right: 205px;
    padding-left: 18px;
}
	.header4 .navbar-nav > li > a {
     font-size: 14px;
     padding: 16px 12px!important;
 }

	  .header4 header.active .navbar-nav > li > a {
padding: 17px 12px !important;
	}

.header4 .navbar-nav > li > a.tel-btn:hover,
.header4 .navbar-nav > li > a.tel-btn.active {
   background: #nene !important;
	padding: 16px 17px!important;
 }




@media (max-width: 767px){

.header4 .navbar-collapse {
 	width: 100%;
}
}

@media (min-width: 768px){

.navbar-nav.navbar-right:last-child {
margin-right: 0px;
}

 .col-right {
		float: right;
 }
}

.header4 .navbar-collapse {
width: 67,00%;
float: right;
	    margin-left: 3px;
    margin-bottom: 3px;

}

.navbar-default .header-top-line {
border-bottom:none;
}
.navbar-brand {
    height: auto;
	padding: 3px 15px 0px;
margin-top: -15px;
    margin-bottom: -5px;
}
. .header4 header.active .navbar-brand {
    padding: 3px 15px 0px;
margin-top: -5px;
    margin-bottom: -5px;

}
.header4 header.active .bottom-menu {
    background: #fff;
    border-bottom: 1px solid #F05A28;
    box-shadow: 0 0 5px #cccccc;
   -webkit-box-shadow:  0 0 5px #cccccc;
   -moz-box-shadow:  0 0 5px #cccccc;
  -o-box-shadow:  0 0 5px #cccccc;
}

 


  .header4 header.active .navbar-brand img {
	   width: 70%;
}

.header4 .bottom-menu {
    border-top:none;

}



/*-------------------------------------------------------*/
/* 1. UST BANT 
/*-------------------------------------------------------*/
.ustbant i.fal {
    position: relative;
    top: 4px;
}

li .ustbant  .ustbantyazi{
 	    padding: 5px 0px 0px 10px;
    line-height: 15px;
	color: #fff;
	display: inline-table;
}
a.ustbant {
    margin-top: 8px;
    border-left: solid 1px #fff;
    height: 30px;
}
a.bordernone{
	border:none;
}

ul.ust-kisim li a.ustbant{
	    width: 100%;
    padding:0px 20px 0px 5px;
}
  a.storezemin {
	    background: #73A434;
    padding: 5px;
    height: 50px;

}
a.storezemin:hover {
    background: #95CE45;
}
.storeyazi {
	color: #fff;
    word-wrap: normal;
    width: 30px;
    float: left;
    margin:6px 10px;
    text-align: left;
	line-height: 14px;
}
a.storezemin {
    margin-right: 19px;
}

i.fal.fa-cart-plus.fa-2x.beyaz {
     line-height: 40px;
	    float: left;
}
ul.ust-kisim li{
	display: block;
}
.header4 .ust-section ul.ust-kisim > li {
	float: right;
}

/*-------------------------------------------------------*/
/* 1. SLİDER
/*-------------------------------------------------------*/
div#slider {
    margin-top: -200px;

}
	.slotholder:after {
     background: rgba(0, 0, 0, 0.0);
}


/*-------------------------------------------------------*/
/* 1. LOGO
/*-------------------------------------------------------*/

.header4 img.logo1 {
   z-index: 2;
	display: block;
	margin-left: -15px;

}
.header4 img.logo2 {
   z-index: 1;
	display: none;
 }
.header4 header.active img.logo1 {
   z-index: 1;
	display: none;
}
.header4 header.active img.logo2 {
   z-index: 1;
	display: block;
	margin-left: -15px;
}
.navbar-brand img.logo2  {
    width: 57%;
}


/*-------------------------------------------------------*/
/* 1. KURUMLAR KUTULARI
/*-------------------------------------------------------*/
.kurum_table_k{
	margin-left: 0px !important;
}
.kurum_table_o
{
	margin-right: 0px!important;
}

.pricing-box2 {
    margin-bottom: 20px;
    margin-top: -55px;
    z-index: 25;
    position: relative;
}

.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.pricing-box2 ul.pricing-table li h2{
        padding-top: 15px;
    margin-bottom: 5px;
}

.pricing-box2 ul.pricing-table{
      border: none;
	margin:0 -16px 30px;
}
.k_color {
      background:#8AC43F !important;
}
.kgk_color {
      background: #D82B38 !important;
}
.pricing-box2 ul.pricing-table li,.pricing-box2 ul.pricing-table li h2 {
 	  color: #fff;
}

.pricing-box2 ul.pricing-table li h5{
	margin-bottom: 20px;
}

.ook_color {
      background: #F5911E !important;
}
.o_color {
      background: #00A79B !important;
}
.tl_color {
      background: #D82B38 !important;
}
.al_color {
      background:  #F5911E !important;
}
.fl_color {
      background: #9E289E !important;
}
.pricing-box2 ul.pricing-table  a:hover  {
 	text-decoration: none
 }
.pricing-box2 ul.pricing-table  li:hover  {
  background: #6A757F!important;
  }


/*-------------------------------------------------------*/
/* 1. HABER + AKTİVİTE
/*-------------------------------------------------------*/



.blog-section .blog-box .blog-post h2 a {
     color: #F05A28;
	line-height: 22px;
}

.haber-aktivite {
    background: url(../images/haber-aktivite/1.jpg) fixed 50% 50%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    text-align: left;
}
.haber-aktivite .photo-line {
    position: relative;
    padding: 0px 0 175px;
}

.haber-aktivite .photo-line:after {
    content: '';
     background: rgba(0, 0, 0, 0.0);
}

.solmenusayfali ul.aktivite {
 width: 100%;
	margin-bottom: 50px;
	    margin-top: -30px;
 }

/*-------------------------------------------------------*/
/* 1. Birey HABERLER 
/*-------------------------------------------------------*/
.title-section {
    text-align: center;
    margin-bottom: 75px;
}

.testimonial-box1 .bx-wrapper .bx-pager.bx-default-pager a.active {
     border: 2px solid #afd65a;
    width: 33px;
     border-radius: 10px;
}
.testimonial-box1 p {
     text-align: left;
}
 h2 {
	display: inline-block;
	 font-family: 'Roboto Condensed', sans-serif;
}
 a.buton-h2 {
	display: inline-block;
	 font-family: 'Roboto Condensed', sans-serif;
	 color: #F5911E;
	 	 text-decoration: none;

}
 a.buton-h2:hover {
 	 color: #7AC743;
	 text-decoration: none;
}


.blog-section .blog-box .blog-post h2 {
    color: #434343;
 	 font-family: 'Roboto Condensed', sans-serif;
   text-align: left;
    line-height: 26px;
	display: block;
	    margin-bottom: -4px;
}
.blog-section .blog-box .blog-post  .post-tags{
  	 font-family: 'Roboto Condensed', sans-serif;
   text-align: left;
 	display: block;
}


.testimonial-box1 p {
    font-size: 13px;
    line-height: 20px;
    font-style: normal;
    margin-bottom: 10px;
    color: #333;
}

.blog-section .blog-box .blog-post ul.post-tags {
     margin-bottom: 0px;

}
#slider .tp-caption.medium_thin_grey a.devami {
 display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding: 8px 12px;
     color: #8AC43F;
    font-size: 12px;
    text-transform: uppercase;
	border: 1px solid #8AC43F;
	float: left;
	margin-bottom: 15px;

}
#slider .tp-caption.medium_thin_grey  a.devami:hover {
  background-color:#8AC43F;
	color: #fff;

}
.blog-section .blog-box .blog-post a.devami {
 display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding: 8px 12px;
     color: #8AC43F;
    font-size: 12px;
    text-transform: uppercase;
	border: 1px solid #8AC43F;
	float: left;
	margin-bottom: 15px;

}
.blog-section .blog-box .blog-post a.devami:hover {
  background-color:#8AC43F;
	color: #fff;

}

.blog-section .blog-box {
    border-bottom:none;
    margin-bottom: 5px;
}
.blog-section   .border {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 50px;
}
.blog-section {
    padding: 10px 0;
}
.blog-section .blog-box .blog-post {
     margin-bottom: 25px;
}
.bx-wrapper .bx-pager {
    text-align: left;
 }


/*-------------------------------------------------------*/
/* 1. Birey AKTİVİTELER 
/*-------------------------------------------------------*/
span.aktivite-yazilar{
	    margin-left: 40px;
}


.nav-tabs > li {
     background: #333;
    margin: 0px 2px;
}

.haber-aktivite  a.button-aktivite{
    display: inline-block;
    text-decoration: none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    padding: 10px 15px;
    font-size: 13px;
    color: #888888;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 15px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0px 0;
}

.haber-aktivite ul.aktivite li {
    list-style: none;
    padding: 18px 10px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
	float: left;
	    padding: 0px;
        margin: 2px 2px;
	display: inline-table;
}

.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(1){
    background-color: #00A79B;
}
.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(2) {
    background-color: #F05A28;
}

.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(3){
    background-color: #FF911E;
}.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(4) {
    background-color: #872E7D;
}

.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(5) {
    background-color: #8A6239;
}
.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(6) {
    background-color: #7AC743;
}
.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(7) {
    background-color: #324255;
}


.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(1):hover{
    background-color: #00A79B!important;
}
.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(2):hover {
    background-color: #F05A28!important;
}

.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(3):hover{
    background-color: #F05A28!important;
}.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(4):hover {
    background-color: #872E7D!important;
}

.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(5):hover {
    background-color: #8A6239!important;
}
.haber-aktivite .aktivite-tutucu ul.aktivite li:nth-child(6):hover {
    background-color: #7AC743!important;
}
.haber-aktivite .aktivite-tutucu  ul.aktivite li:nth-child(7):hover {
    background-color: #324255!important;
}

#anasayfa-popup{
    position: absolute !important;
    padding: 40px 0 !important;
    width: auto;
    max-width: %40 !important;
    z-index: 1032 !important;
    left: 30% !important;
    right: 30% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    top: 50px !important;
}
#arkaplan{
    z-index:1031;
    position: fixed;
    width: 100%;
    height: 200%;
    background-color: black;
    opacity: 0.7;
    top:-1px;
}
.icdata{
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 0px 0px 5px 5px;
}
@media
screen and (max-width: 3000px) and (min-width: 860px) {
    #anasayfa-popup{
        position: absolute !important;
        padding: 40px 0 !important;
        width: auto;
        max-width: %60 !important;
        z-index: 1032 !important;
        left: 20% !important;
        right: 20% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        top: 50px !important;
    }
}
@media
screen and (max-width: 860px) and (min-width: 576px) {
    #anasayfa-popup{
        position: absolute !important;
        padding: 40px 0 !important;
        width: auto;
        max-width: %60 !important;
        z-index: 1032 !important;
        left: 20% !important;
        right: 20% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        top: 50px !important;
    }
}
@media
screen and (max-width: 576px) and (min-width: 320px) {
    #anasayfa-popup{
        position: absolute !important;
        padding: 40px 0 !important;
        width: auto;
        max-width: %80 !important;
        z-index: 1032 !important;
        left: 10% !important;
        right: 10% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        top: 50px !important;
    }
}
/*-------------------------------------------------------*/
/* 1. Birey AKTİVİTELER Detay 
/*-------------------------------------------------------*/



a.button-aktivite {
  display: inline-block;
  text-decoration: none;
  transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  padding: 12px 0px;
  font-size: 13px;
  color: #888888;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 15px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 8px 0;
}
a.button-aktivite:hover {
  opacity: 0.7;
}
ul.aktivite-img  {
      float: left;
    position: absolute;
    float: right;
    width: 100%;

}
 .aktivite-resimler  {
	     position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
     padding: 0px 16px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;

}
ul.aktivite  {
      padding: 0px !important;
    width: 50%;
    float: left;
    z-index: 9;
	position: relative;

}
ul.aktivite li i {
position: absolute;
 }
.anasayfa .hover_image {
	 width: 71%;
    margin-left: 175px;
    margin-top: -50px;
}
.hover_image.bir {
display: none}
.hover_image.iki {
display: none;}


.aktivite-tutucu{
  position:relative;
  width:100%;
  height:100%;/*bu 100% olacak şekilde değişecek*/
 }

@media (max-width: 768px){
	 
	
.anasayfa .hover_image {
    width: 90%;
    margin-left: 80px;
    margin-top: 30px;
}
.aktivite-resimler-  {
	     position:relative;
    top: -180px;
    left: 0;
    width: 100%;
    height: 100%;
     padding: 25px 16px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;

}
}

 /*-------------------------------------------------------*/
/* 1. AKTİVE ALTINDAKİ ORTA İKONLAR 
/*-------------------------------------------------------*/

i.okul-bir.fal.fa-lg.fa-4x {
    font-size: 1.8vw;
    margin-top: 2.5%;
    margin-left: -4px;
    margin-right: 3px;
}

.services-box3 .services-post span {
  display: inline-block;
  width: 90px;
  height: 90px;
	-webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  -o-border-radius:0%;
  border-radius: 0%;
   background-color:transparent;
  text-align: center;
  margin-bottom: 30px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
	border: 1px solid #DF323C;
}
.services-box3 .services-post span i {
  color: #DF323C;
  font-size: 30px;
  line-height: 90px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.services-box3 .services-post h2 {
    color: #434343;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100;
 }
.services-box3 .services-post p {
  margin-bottom: 0;
}
.services-box3 .services-post:hover span  {
  background: #DF323C;
}
.services-box3 .services-post:hover span i {
  color: #ffffff;
}
.services-box3 .services-post:hover h2 {
  color: #DF323C;
}

.services-section .cizgi {
     border-bottom: 1px solid #999;
}


 /*-------------------------------------------------------*/
/* 1. OKULLARIMIZ 
/*-------------------------------------------------------*/

.team-box2 .team-post img {
     margin-bottom: 0px;
}

.okullarimiz {
    display: block;
    background-color: #F5911E;
    padding: 10px;
	color: #fff;
	position: relative;
	
	min-height: 80px;
}


.okullarimiz span i.okul-bir{
     float: left;
    position: relative;
    line-height: 110%;
	width: 16%;
	opacity: 0.8;
}
.okullarimiz span i.okul-yon{
        position: absolute;
    line-height: 100%;
    right: 14px;
    top: 30px
}
.okullarimiz .okullarimiz-baslik{
  position: relative;
   top: 20px;
 }


 .okullarimiz .okullarimiz-baslik h5 {
     padding-bottom: 14px;
}
.okullarimiz .okullarimiz-baslik h4, .okullarimiz .okullarimiz-baslik h5{
    text-align: left;
    text-decoration: none !important;
    margin-top: -7px;
 }
.okullarimiz .okullarimiz-baslik h4 {
       font-size: 0.8vw;
 }
.okullarimiz .okullarimiz-baslik h5 {
	  font-size: 0.7vw;
	opacity: 0.8;
  }
 
.team-post a:hover  .okullarimiz {
	background-color: #FFB061;
	text-decoration: none !important;

}

.team-post  img {
	transition: all .2s ease-in-out;

}
.team-post a:hover img {
		text-decoration: none !important;

	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
@keyframes scale {
  to {
	  -webkit-transform: scale(1.2);
	  -moz-transform: scale(1.2);
	  -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}


 /*-------------------------------------------------------*/
/* 1. PARALAx OKULLARIMIZ 
/*-------------------------------------------------------*/

.bireyokullari h1{
	padding-top:-20px;
	padding-bottom:20px;
	font-family: 'Roboto Condensed', sans-serif;
}
.bireyokullari p {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;

}




.bireyokullari {
  background: url('../images/paralax/bireyokullari.jpg') fixed;
  text-align: center;
}
.bireyokullari .photo-line {
  position: relative;
   padding: 40px 0 25px;
  z-index: 2;
}
.bireyokullari .photo-line .container {
  position: relative;
  z-index: 2;
}
.bireyokullari .photo-line h1 {
  color: #434343;
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0 0 45px;
    font-size: 35px;
    color: #fff;
    margin-bottom: -55px;
}
.bireyokullari .photo-line:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}


/*-------------------------------------------------------*/
/* 1. Footer UStU KUtu Butonlar
/*-------------------------------------------------------*/
 
.diger-logolar ul li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  width: 100%;
  opacity: 0.7;
}
.diger-logolar ul li {
    list-style: none;
    float: right;
     margin-left: 10px;
	 
}
.diger-logolar ul li a img {
    width: 100%;
    background: #fff;
    border-radius: 3px;
}
.diger-logolar ul   {
   margin-bottom: 10px;
 }

.kutubuton-yazi {
   padding: 13px 9px;
    overflow: hidden;
    /* position: absolute; */
    text-align: left;
    background-color: #3B4752;
    width: 100%;
    margin-top: -2px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;	    height: 55px;
 }



.kutubuton {
  margin-bottom: 50px;
 }
.kutubuton .kutubuton-ver {
  margin-bottom: 30px;
  text-align: center;
}
.kutubuton .kutubuton-ver span {
 	    margin-left: 6px;
    position: absolute;
    width: 55px;
    height: 70px;
    background: #F5911E;
    text-align: center;
    margin-bottom: 20px;
    display: block;
    z-index: 1;
    top: -9px;

}

.kutubuton .kutubuton-ver span i {
  color: #fff;
  font-size: 30px;
  line-height: 76px;

}
.kutubuton .kutubuton-ver h2 {
color: #fff;
    font-size: 12px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    margin: 0px 0px 0px 60px;
     width: 100%;


}
.kutubuton .kutubuton-ver p {
  margin-bottom: 0;

}
.kutubuton .kutubuton-ver:hover span {
  background: #3B4752;
		right: 20px;
   transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.kutubuton .kutubuton-ver:hover span i {
  color: #ffffff;
   	  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
	


}
 .kutubuton .kutubuton-ver:hover .kutubuton-yazi h2 {

	 text-align: left;
	 margin: 0px 0px 0px 6px;
	  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;

}


/*-------------------------------------------------------*/
/* 1. Footer 
/*-------------------------------------------------------*/


footer .navbar-brand img {
    width: 100%;
}


footer .up-footer h2  {
     margin-bottom: 30px;
    height: 40px;

}
footer .footer-cizgi {
   border-top: 3px solid #999;
    width: 20%;
    /* top: -15px; */
    overflow: inherit;
    padding: 21px 0px;
    margin-top: -43px;
}

footer .up-footer .more-links-widget ul li {
    list-style: none;
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #535353;
    margin-bottom: 5px;
}

.footer-line span{
	color: #666;
}

footer .up-footer .footer-widget h2 {

    margin-bottom: 29px;
    margin-top: 10px;
}

footer .up-footer {
    padding: 45px 0 20px;
}

/*-------------------------------------------------------*/
/* 1. FORM POPUP
/*-------------------------------------------------------*/
.white-popup {
    position: relative;
    padding: 40px 0;
    width: auto;
    max-width: 530px;
 }

/*-------------------------------------------------------*/
/* 1. YGADV
/*-------------------------------------------------------*/
.ygadv {
       position: fixed;
    bottom: 6px;
    right: 12px;
    float: right;
    z-index: 9999;
 }

@media (max-width: 768px){
.ygadv {
        
    right: 20px;
    
 }
 .ygadv img {
        width:30px;
 }

}

/*-------------------------------------------------------*/
/* 1. BİZ SİZİ ARAYALIM
/*-------------------------------------------------------*/

.bizsizi-yazi {
   padding: 13px 9px;
    overflow: hidden;
    /* position: absolute; */
    text-align: left;
    background-color: #3B4752;
    width: 100%;
    margin-top: -2px;
    transition: 0.3s;
	    height: 55px;
 }

#bizsizi {
   position: fixed;
  bottom: 0px;
  right: 10px;
 }


.bizsizi {
    margin-bottom: 50px;
    min-width: 350px;
    margin-right: -283px;
}

.bizsizi .bizsizi-ver {
  margin-bottom: 30px;
  text-align: center;
}
.bizsizi .bizsizi-ver span {
 	    margin-left: 6px;
    position: absolute;
    width: 55px;
    height: 70px;
    background: #90BC34;
    text-align: center;
    margin-bottom: 20px;
    display: block;
    z-index: 1;
    top: -9px;

}

.bizsizi .bizsizi-ver span i {
  color: #fff;
  font-size: 30px;
  line-height: 76px;

}
.bizsizi .bizsizi-ver h2 {
color: #fff;
    font-size: 28px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    margin: 0px 0px 0px 60px;
     width: 100%;


}
.bizsizi .bizsizi-ver p {
  margin-bottom: 0;

}
.bizsizi:hover  {
    margin-bottom: 50px;
    min-width: 350px;
    margin-right: 0px;
}

.bizsizi .bizsizi-ver:hover span {
  background:#3B4752;
		right: 20px;
 transition: 0.3s;
}
.bizsizi .bizsizi-ver:hover span i {
  color: #ffffff;
   	transition: 0.3s;


}
 .bizsizi .bizsizi-ver:hover .bizsizi-yazi h2 {

	 text-align: left;
	 margin: 0px 0px 0px 6px;
	 transition: 0.3s !important;

}

/*-------------------------------------------------------*/
/* 1.  İÇ SAYFALAR UST MENU HEADER KISMI
/*-------------------------------------------------------*/

.page-banner-section {
        padding: 175px 0 10px 0px;
    border-bottom: 1px solid #f2f2f2;
    margin-top: -245px;
    background-color: #161c3f;
    width: 100%;
    position: absolute;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}

.solmenusayfali {
	    padding: 20px 0;
}

.category-widget ul li a {
     color: #434343;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    background-color: #ccc;
    padding: 5px 26px 5px 5px;;
}
.category-widget ul li a:before {
     content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    color: #434343;
    font-size: 14px;
    margin-left: -6px;
     padding: 5px 0px 0px 10px ;

}

.category-widget ul li a:hover, .category-widget ul li.active a{
  color: #fff;
padding: 5px 18px;
	background-color:#90BC34;
}
.category-widget ul li a:hover:before, .category-widget ul li.active a:before {
  color: #fff;
 }


.category-widget ul li {
    list-style: none;
    border-bottom:none;
    margin-bottom: 0px;
    padding-bottom: 4px;
}
.solmenusayfali  .blog-box .blog-post h2 {

    margin-bottom: 0px;
}


/*-------------------------------------------------------*/
/* 1. İLETİŞİM
/*-------------------------------------------------------*/
.smart-forms .btn-primary {  background-color: #F05A28;  }
.smart-forms .btn-primary:hover,
.smart-forms .btn-primary:focus { background-color: #C03308; }
.smart-forms .btn-primary:active{ background-color: #F05A28; }
.smart-forms .btn-primary,
.smart-forms .btn-primary:hover,
.smart-forms .btn-primary:focus,
.smart-forms .btn-primary:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); }


.smart-forms .btn-yesil {  background-color: #6BA43A;  }
.smart-forms .btn-yesil:hover,
.smart-forms .btn-yesil:focus { background-color: #0D9133; }
.smart-forms .btn-yesil:active{ background-color: #6BA43A; }
.smart-forms .btn-yesil,
.smart-forms .btn-yesil:hover,
.smart-forms .btn-yesil:focus,
.smart-forms .btn-yesil:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); }

.smart-forms .btn-gri {  background-color: #bdc3c7;  }
.smart-forms .btn-gri:hover,
.smart-forms .btn-gri:focus { background-color: #929698; }
.smart-forms .btn-gri:active{ background-color: #bdc3c7; }
.smart-forms .btn-gri,
.smart-forms .btn-gri:hover,
.smart-forms .btn-gri:focus,
.smart-forms .btn-gri:active{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.08); }



.contact-section .map {
    height: 437px;
}
	.information-section .info-box .info-post h2 {

    margin-left: 30px;
 }

.information-section .info-box .info-post i {
    display: inline-block;
    float: left;
    width: 70px;
    height: 77px;
     -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    -o-border-radius: 0%;
      border-radius: 0%;
    line-height: 70px;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
       background: none;
    border: 1px solid #F05A28;
    color: #F05A28;
 }

 .smart-wrap {
      padding:0px;
}
.smart-container {
    background: #fff;
    margin: 0px auto;
}

/*-------------------------------------------------------*/
/* 1. TELEFON UYGULAMASINDA 
/*-------------------------------------------------------*/


@media (max-width: 640px){
	.diger-logolar ul li {
    list-style: none;
    float: left;
    margin-left: 20px;
}
	
	
	
	i.okul-bir.fal.fa-lg.fa-4x {
    font-size: 10.5vw;
 }
	.okullarimiz .okullarimiz-baslik h4 {
       font-size: 4.7vw;
 }
.okullarimiz .okullarimiz-baslik h5 {
	  font-size: 3.7vw;
  }
	
 	 
.anasayfa .hover_image {
    width: 85%;
    margin-left: 45px;
    margin-top: 25px;
}
	
.okulbg {
    background-color: #fff !important;
}
.okul-tel {
    color: #afd65a;
}	
 .header4 .kurum {
     max-width: 100%;
	 padding:0px 10px;
   
}
	.header4 .kurum {
     height: 27px;
 }
	
	.kurum-tutucu {
    float: left;
    margin-left: 5px;
		margin-top: 10px;
}
	.solmenusayfali {
    padding: 90px 0;
}
	
 	
	/*--------- E-Store Çıkartıldıktan sonra mobildeki hali... --------------------------------------*/
 	.header4.anasayfa-kurum .ust-section ul.ust-kisim {
    margin: 0;
    padding: 0;
    height: 45px;
      
}
    .header4.anasayfa-kurum .ust-section ul.ust-kisim > li {
     width: 20%;
 }
	
	 
	/*--------- E-Store Çıkartıldıktan sonra mobildeki hali... --------------------------------------*/




	/* 1. Kurumlar kısmı */
	.kurum_table_k{
	margin-left: 0px !important;
}
.kurum_table_al
{
	margin-right: 0px!important;
}
	.kurum_table_o{
		margin-right: 0px !important;

	}
	.kurum_table_tl{
		margin-left: 0px !important;

	}
	.pricing-box2 ul.pricing-table {
    margin: 55px -16px 0px;
}
 	/* 1. Kurumlar kısmı son*/


	.header4 img.logo1 {
   z-index: 2;
	display: none;

}
.header4 img.logo2 {
   z-index: 1;
	display: block;
 }
.header4 header.active img.logo1 {
   z-index: 1;
	display: block;
}
.header4 header.active img.logo2 {
   z-index: 1;
	display: none;
}

 .header4 header.active .bottom-menu {
    background: #161c3f;
	 height: 79px;
}

.navbar-default {
    background: #ffffff;
 }

	.header4 .ust-section ul.ust-kisim > li {
    float: right;
    width: 25%;
    height: 100px;
}
  .header4 .ust-section ul.ust-kisim > li > a {
    display: inline-block;
	}
	.header4 .ust-section ul.ust-kisim > li > a i {
    margin-left: 16px;
    color: #fff;
    font-size: 20px;
}
	a.ustbant {
     height: 60px;
}
	a.storezemin {
height: 75px;
		width: 65px;
}
	i.fal.fa-cart-plus.fa-2x.beyaz {
 		height: 22px;
    float: left;
		line-height: 25px;
}
	.storeyazi {

    line-height: 14px;
}
	.order-first {
    -ms-flex-order: -1;
    order: -1;
    background: #161c3f;
    height: 75px;
    margin-bottom: 14px;
}
	.header4 .clearfix.active .navbar-collapse  {
    background: #ffffff!important;
 }
	.header4 .ust_menu.active .navbar-collapse {
 background: #ffffff!important;
    margin-top: 78px;
    border: 1px solid #e7e7e7;
    width: 79%;
    /* float: right; */
    right: 0px;
    position: absolute;
}
 div#slider {
    margin-top: 42px;
}
 .pricing-box2 {
     margin-top: 20px;
}
	 
 .anasayfa-kurum.pricing-box2 {
    margin-top: -5px;
}
	.anasayfa-kurum.pricing-box2 ul.pricing-table {
    margin: 25px -16px 0px;
}
	
	.navbar-toggle {
     margin-top: 15px;
    margin-right: 25px;
    margin-bottom: 8px;
		clear: both;
 }


	.header4 header.active .bottom-menu {
     border-bottom:none;
}
	.navbar-brand img.logo2 {
    width: 85%;
}
	footer .navbar-brand img {
        width: 60%;
    margin-bottom: 50px;
}

	img.tel-img {
     top: 2px;
    background: #F05A28;
     padding: 5px 23px;
    margin-left: 15px;
}

	
}

 .telefon-okul
 {color: white;
    font-size: 24px;
    padding-top: 9px;
    padding-left: 10px;
	padding-right: 10px;}

@media (max-width: 768px){
	 
	.telefon-okul
 {color: white;
    font-size: 24px;
    padding-top:0px;
    padding-left: 10px;
	padding-right: 10px;
	}
	.header3 .navbar-brand, .header4 .navbar-brand {
    padding:12px 0px 20px;
}

 	
}

 


@media (max-width: 800px){
	.duyuru-section .bx-wrapper .bx-pager {
     top: 85px;
}
	li.telefon-okul {
    background-color: #afd65a !important;
}
	.okulbg {
    background-color: #ffffff !important;
}
 
	
	.telefon-okul
 {color: white;
    font-size: 24px;
    padding-top:0px;
    padding-left: 10px;
	padding-right: 10px;}
	
.header4 .navbar-nav > li > a {
    font-size: 12px;
    padding: 7px 6px!important;
}
	img.tel-img {
     display: none;
}

	.navbar-brand img.logo1 {
    width: 100%;
}
	.header4 header.active .navbar-nav > li > a {
    padding: 14px 7px !important;
}
 
	span.okul-tel{
    padding-top: 0px!important;
}
	
}
	 .header4 header.active .navbar-brand {
    padding: 17px 15px 4px;
}

.header4 .navbar-collapse {
      margin-bottom: 0px; 
 }

@media screen and (min-width: 1024px) and (max-width: 1199px){
	img.tel-img {
     padding-right: 15px;
 }
	.header4 .navbar-nav > li > a {
     padding: 16px 10px!important;
}
 	 
}
	
	
@media (max-width: 1024px){
	.header4 header.active .navbar-nav > li > a {
    padding: 17px 12px !important;
}
 	img.tel-img {
     display: none;
}
	 .header4 header.active .navbar-brand {
    padding: 17px 15px 4px;
}
	.header4 .navbar-collapse {
     margin-bottom: 0px;
}
	
	
}	
@media (min-width: 995px){
	
 .navbar-default .navbar-toggle {
    border-color: #ddd;
    margin-left: 15px;
}
 
	
}
 
.okul-tel  { color: white;
    font-size: 24px;
     padding-left: 10px;
    padding-right: 10px;
		 position: relative;
     display: table-cell;
		 height: 52px;
} 
 
/*--------- store menüden görünmez, şimdilik kaldırdık... --------------------------------------*/
 	ul.ust-kisim li.store { display: none !important;
  }
	/*

	/*--------- E-Store Çıkartıldıktan sonra mobildeki hali... --------------------------------------*/
 	.header4 .ust-section ul.ust-kisim {
     padding: 0;
    height: 45px;
	margin:0 -33px 0 0;
  }
	/*--------- E-Store Çıkartıldıktan sonra mobildeki hali... --------------------------------------*/


.header4 header.active .bottom-menu {
     border-bottom: 1px solid #8abc42;
}

.header4.anasayfa-kurum header.active .bottom-menu {
    border-bottom: 1px solid #F05A28;
}






@media 
	screen and (max-width: 460px) and (min-width: 320px) {
.header4 .ust-section ul.ust-kisim {
    padding: 0;
    height: 45px;
    margin: 0 67px 0 0;
}
		
		
}




@media 
	screen and (max-width: 576px) and (min-width: 460px) {
 .anasayfa .hover_image {
    width: 75%;
    margin-left: 146px;
    margin-top: -68px;
}
		.header4 .ust-section ul.ust-kisim {
    padding: 0;
    height: 45px;
    margin: 0 47px 0 0;
}
	
}
.img-sil img {display: none;}

  a {
    color: #c1bcbc;
    text-decoration: none;
	   transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
  a:hover {
    color: #999;
    text-decoration: none;
	  
}
 h1.baslik {
    display: inline-block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding: 10px 30px;
    font-size: 18px;
    color: #888888;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    line-height: 24px;
    margin: 0 0 15px;
    color: #ffffff !important;
    text-transform: uppercase;
    margin: 8px 0;
    background: #8AC43F;
}

.anasayfa h2, .anasayfa  .h2 {
    font-size: 26px;
}
.soldur {
	background-color: #999999 !important;
	color:#333333 !important;
}

.emrullah p img::after { 
	content: '<div class="bedo"></div>';
}

.emrullah p img::before { 
	content: '<div class="bedo"></div>';
}

.portfolio-box.kopyalanacak .work-post .hover-box .inner-hover {
     margin-top: -11px;
}


.kurum-resim {
    margin-left: 0px;
    overflow: hidden;
     margin-top: -15px;
    margin-bottom: -15px;
}

h2.kurum-resim-baslik {
     margin-left: 0px !important;
 }

 

@media (max-width: 640px){

	
.navbar-default {
    background:none;
}
}

.page-banner-section {
    display: block;
 }
@media (max-width: 768px){
		.header4 header.active .bottom-menu {
     border-bottom: 1px solid #999;
    box-shadow: none;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}
	.header4.anasayfa-kurum header.active .bottom-menu {
    border-bottom: 1px solid #999;
}
	.page-banner-section {
    display: none;
 }
	.navbar-default .header-top-line {
      background-color: #161c3f; 
		    height: 80px;
 }
	
	
	.information-section .info-box {
    padding-bottom: 45px;
    border-bottom: 1px solid #dddddd;
    margin-top: 45px;
  }
	.kurum-resim {
     margin-left:0px;
}
li .ustbant .ustbantyazi {
     line-height: 11px;
	font-size: 10px;
 }
	.header4 .bottom-menu {
     background-color: #fbfbfb;
}
	
}
 .header4 .bottom-menu {
     background-color:none;
}
 
hr{
margin:15px;
height: 10px;
width: 100%;
display: block;
border-top: none  
}


 span.ustbantyazi.renkli {
    
    -webkit-animation: color_change 0.5s infinite alternate;
    -moz-animation: color_change 0.5s infinite alternate;
    -ms-animation: color_change 0.5s infinite alternate;
    -o-animation: color_change 0.5s infinite alternate;
    animation: color_change 0.5s infinite alternate;
}
 		  
					  @-webkit-keyframes color_change {
		  from {  color: white; }
		  to {  color: #afd65a;
			 }
		}
		@-moz-keyframes color_change {
		   from {  color: white; }
		  to {  color: #afd65a;
			     }
		}
		@-ms-keyframes color_change {
		   from {  color: #afd65a; }
		  to {  color: #afd65a;
			    }
		}
		@-o-keyframes color_change {
		  from {  color: white; }
		  to {  color: #afd65a;
			   }
		}
		@keyframes color_change {
		 from {  color: white; }
		  to {  color: #afd65a;
			   }
		}

/*-------------------------------------------------*/
/* =  SOL MENÜ ARASI AÇMAK
/*-------------------------------------------------*/
/* 


.blog-section.blog-standard .blog-box {
 	 margin-left: 30px;
}
.nav-tabs.ik {
     margin-left: 30px;
}
div#basvuru-yeni {
    margin-left: 30px;
}
 .h2.baslik.left-30 {
    margin-left: 30px;
}