@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,400i,600,600i,700,700i');
/*Genel Klaslar*/
body{
	font-family:'Josefin Sans' ,sans-serif;
	font-size:17px;
}
.m0{
	margin:0px !important;
}
.p0{
	padding:0px !important;
}

/*jssor slider stil kodları*/

        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../images/slider/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../images/slider/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
        .jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
        .jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }
		
/*jssor stil kodları sonu*/
.navContainer{	
	background-color:#a6ce37;
}
.navBar {
	height:50px;
}
.navBar > ul {
	list-style-type:none;
}
.navBar > ul > li{
	float:left;
	padding:20px;
}
.navBar > ul > li > a{
	text-decoration:none;
	font-family:'Josefin Sans' ,sans-serif;
	font-size:18px;
	color:#000;
}
.navBar > ul > li > a:hover{
	color:#d1fa5e;
}
.hdrBgColor{
	background-color:#464646;
}
.bottomDegree{
  height:500px;
  position:absolute;
  z-index:80;
  background: -webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(255,255,255,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,1)); /*Fx 3.6-15*/
  background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1)); /*Standard*/
}
.ortaGorselContainer{
	margin:-90px 0px 0px 0px !important;
}
.ortaKategoriGorsel{
	border:5px solid #fff;
}
.ortaKategoriMetin{
	font-family:'Josefin Sans' ,sans-serif;
	font-size:17px;
	color:#000;
	padding-top:7px;
	text-align:right;
	position:relative;
	z-index:3;
}
.ortaKategoriNumara{
	font-family:'Josefin Sans' ,sans-serif;
	font-size:25px;
	font-weight:600;
	color:#000;
	padding-top:2px;
}
.kurumsalBaslik{
	margin:30px 0px 30px 0px !important;
	text-align:center;
	font-family:'Josefin Sans' ,sans-serif;
	color:#000;
}
.ortaKategoriBgGorsel{
	position:relative;
	z-index:1;
	margin-top:-50px;
	display:inline-block;
	left:40%;
}
.ortaBannerSlogan > h2{
	font-weight:300;
}
.kurumsalMetin{
	font-family:'Josefin Sans' ,sans-serif;
	font-size:17px;
	text-align:justify;
}
.kurumsalDetayButon {
	margin-top:30px;
}
.kurumsalDetayButon > a{
	font-family:'Josefin Sans' ,sans-serif;
	font-size:17px;
	color:#444;
	padding:15% 80%;
	border:2px solid #a6ce37;
	border-radius:5px;
	transition:all linear 0.3s;
	text-decoration:none;
}
.ortaBannerMetin > div > a{
	font-family:'Josefin Sans' ,sans-serif;
	font-size:17px;
	color:#444;
	padding:12% 81%;
	border:2px solid #a6ce37;
	border-radius:5px;
	transition:all linear 0.3s;
	text-decoration:none;
	display:inline-block;
	margin-top:30px;
}
.ortaBannerMetin > div > a:hover,
.kurumsalDetayButon > a:hover{
	background-color:#c0f039;
	color:#fff;
}
.ortaBannerContainer{
	margin:30px 0px 30px 0px !important;
}
.ortaBannerMetin{
	padding:150px 15px 25px 15px;
	display:inline-block;
}
.tabGorsel{
	margin:0px auto;
	text-align:center;
}
.tabTitle{
	padding:15px 0px 0px 0px;
	text-align:center;
	border-top:1px solid #b1d356;
	border-bottom:1px solid #b1d356;
	display:inline-block;
	margin-bottom:15px;
	}
.tabTitle ul{
	list-style-type:none;
	display:inline-block;

}
.tabTitle > ul > li{
	color:#444;
	font-family:'Josefin Sans' ,sans-serif;
	font-size:17px;
	float:left;
	padding:0px 15px;
	cursor:pointer;
}
.tabTitle > ul > li.aktif{
	border-top:1px solid #444;
}
.tabIcerik{
	margin:15px 0px;
	text-align:justify;
	margin-left:8%;
}
/*Tab içindeki slider */
  /* jssor slider bullet navigator skin 03 css */
        /*
        .jssorb03 div           (normal)
        .jssorb03 div:hover     (normal mouseover)
        .jssorb03 .av           (active)
        .jssorb03 .av:hover     (active mouseover)
        .jssorb03 .dn           (mousedown)
        */
        .jssorb03 {
            position: absolute;
        }
        .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
            position: absolute;
            /* size of bullet elment */
            width: 21px;
            height: 21px;
            text-align: center;
            line-height: 21px;
            color: white;
            font-size: 12px;
            background: url('../images/slider/b03.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb03 div { background-position: -5px -4px; }
        .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
        .jssorb03 .av { background-position: -65px -4px; }
        .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }

        /* jssor slider arrow Navigator Skin 04 css */
        /*
        .jssora04l                  (normal)
        .jssora04r                  (normal)
        .jssora04l:hover            (normal mouseover)
        .jssora04r:hover            (normal mouseover)
        .jssora04l.jssora04ldn      (mousedown)
        .jssora04r.jssora04rdn      (mousedown)
        .jssora04l.jssora04lds      (disabled)
        .jssora04r.jssora04rds      (disabled)
        */
        .jssora04l, .jssora04r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 28px;
            height: 40px;
            cursor: pointer;
            background: url('../images/slider/a04.png') no-repeat;
            overflow: hidden;
        }
        .jssora04l { background-position: -16px -39px; }
        .jssora04r { background-position: -76px -39px; }
        .jssora04l:hover { background-position: -136px -39px; }
        .jssora04r:hover { background-position: -196px -39px; }
        .jssora04l.jssora04ldn { background-position: -256px -39px; }
        .jssora04r.jssora04rdn { background-position: -316px -39px; }
        .jssora04l.jssora04lds { background-position: -16px -39px; opacity: .3; pointer-events: none; }
        .jssora04r.jssora04rds { background-position: -76px -39px; opacity: .3; pointer-events: none; }
		
		
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
	
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {


}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 17px;
	right: 30px;
	bottom: 20px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}

/*---------------*/

footer{
	max-height:100px;
	background-color:#eee;
	height
}
.tabs-content{
	display:none;
	}