/*
Theme Name: Sahadakiler
Theme URI: http://www.sahadakiler.com
Author: Tematik
Author URI: http://www.tematik.com.tr
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*****************/


 @font-face {
	font-family:'Alternate';
	src: url('../font/Alternate/Regular.eot');
	src: url('../font/Alternate/Regular.eot?#iefix') format('embedded-opentype'),
	
		url('../font/Alternate/Regular.otf') format('opentype');
	font-weight: 350;
	font-style: normal;
	font-stretch: condensed;
	unicode-range: U+0020-FB04;
}


.clearfix {clear:both;}

.header{position:fixed; top:-100%;background-color:#114b20; background-image: url('../img/intro.png'); background-size: contain; background-position: left top;   height: 130px; width:100%;   background-repeat:no-repeat;z-index:50}

.logoBereketinPesinde {width: 9%; position: absolute; right: 50px}




body {overflow:hidden;font-family: 'PT Sans', sans-serif; color:#333333  }



.footer {height:800px; background-color:blue; position:relative; }


/** layout **/

.foldPage {width:100%; height:100%; position:relative;background-color:aqua;}
.secondPage {width:100%; height:100%; position:relative; background-color:red; }
.wrapper {position:relative;  }

.table-content {width:85%; margin:-15px auto 0 auto;  height:100%; display:table;

  border-collapse: separate;
  border-spacing: 20px;
  
     padding-top: 20px;
    padding-bottom: 20px; 
	
	max-height:980px;
	
  
}
.table-row {display:table-row;  height:33%; min-height:33% ;   position: relative;}


.table-cell {display:table-cell;     position: relative;}
.table-cell::after {content:''; clear:both;}


.tableBox {display:table; height:100%;}

/**/
.fLeft {float:left;}
.fRight {float:right;}
.afterClear {content:''; clear:both;}
/**/




.area {float:left; display:table-cell; height:100%; vertical-align:middle}

.areaLong { width:55%;}

.areaShort { width:45%}


/** layout **/


.row { margin-left:-15px; margin-right:-15px; position:relative;} /* uçur */
.sutun {width:20%; height:800px;  float:left; padding-left:15px; padding-right:15px; margin-top:20px;}/* uçur */

.article {background-color:black; height:675px;}/* uçur */

section {width:100%; margin:0px auto; overflow:hidden;  vertical-align:top; display:inline-block;}
.section1 {background-color:orange;}
.section2 {}
.section3 {} /* #68a3bf*/

.section4 { }
.section5 { }
.section6 {background-color:limegreen}

.section7 { background-color:green}
.section8 {background-color:brown;}
.section9 {background-color:cadetblue;  margin-bottom:100px;}
/*******timebar*********/



/* tipografi */

.vilmorin-garden-logo {  position: absolute;bottom: 20px;right: 0%;width: 33%;}


.bold {font-weight:bold;}

p {    font-size: 0.8vw;
    line-height: 1.4;font-family: 'PT Sans', sans-serif; }
.YilSpan {    font-size: 3.15vw;margin-bottom:10px; display:block;	font-family:'Alternate';}

.alignRight {text-align:right;}
.alignJustify {text-align:justify}
.alignJustifyRight {direction:rtl;
text-align:justify;}

.vBar {height: 100%; position: absolute;  top: 0px; z-index: 25; width:15px;}
.vMid {vertical-align:middle}

.pRight {right:0px;}
.pLeft {left:0px;}
.pTop {top:0px;}
.pBottom {bottom:0px;}


.block {display:block;}
.centered {margin:0px auto;}


.fullHeight {height:100%;}
.fullWidth {width:100%;}


.vCenter { top:50%;  transform: translateY(-50%);}/*position:absolute*/

/* */

/*renk */ 

/*white*/
.beyazText {color:white;}
.beyazBg {background-color:white;}


.maviBg {background-color:#7081ad}
.maviBg2 {background-color:#8297cc}
.maviText {color:#7081ad}


.sariBg {background-color:#f6c008}
.sariText {color:#f6c008}

.kahveBg {background-color:#754090}
.kahveBg2{background-color:#9c5bbd}
.kahveText {color:#754090}

/* black */
.siyahText {color:#333333}
.siyagBg {background-color:#333333}


/*#f47200 */
.turuncuText {color:#f47200}
.turuncuBg {background-color:#f47200}
.turuncuBg2 {background-color:#f69f50}


.koyuYesilText {color:#067b66}
.koyuYesilBg {background-color:#067b66}
.koyuYesilBg2 {background-color:#07987e}

.morText {color:#8e1a4f}
.morBg {background-color:#8e1a4f}
.morBg2 {background-color:#6f0c39}

.kirmiziText {color:#c3520f}
.kirmiziBg {background-color:#c3520f}
.kirmiziBg2 {background-color:#f36613}

.koyuKirmiziBg {background-color:#ae0049}
.koyuKirmiziBg2 {background-color:#d9015c}
.koyuKirmiziText {color:#ae0049}


/*renk */


.section p::selection,.section span::selection
{
 color:white;
}


#section1 p::selection,#section1 span::selection {
  background: #004f2f;
}

#section2 p::selection,#section2 span::selection {
  background: #7081ad;
}
#section3 p::selection,#section3 span::selection {
  background: #f6c008;
}
#section4 p::selection,#section4 span::selection {
  background: #754090;
}
#section5 p::selection,#section5 span::selection {
  background: #c3520f;
}
#section11 p::selection,#section11 span::selection,#section10 p::selection,#section10 span::selection {
  background: #ae0049;
}
 #section7 p::selection,#section7 span::selection {
  background: #672342;
}
 #section8 p::selection,#section8 span::selection {
  background: #067b66;
}
#section9 p::selection,#section9 span::selection,#section12 p::selection,#section12 span::selection {
  background: #f47200;
}



.section img,.timelineFixBar span {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */

}



.downArrow {width:28px; height:20px;  position:absolute; bottom:110px; left:0px; right:0px; margin-left:auto; margin-right:auto; cursor:pointer ;background-image:url('../img/sec1_arrow.png')}
#section2 .downArrow {background-image:url('../img/sec2_arrow.png')}
#section3 .downArrow {background-image:url('../img/sec3_arrow.png')}
#section4 .downArrow {background-image:url('../img/sec4_arrow.png')}
#section5 .downArrow {background-image:url('../img/sec5_arrow.png')}
#section11 .downArrow {background-image:url('../img/sec11_arrow.png')}
#section10 .downArrow {background-image:url('../img/sec11_arrow.png')}
#section7 .downArrow {background-image:url('../img/sec7_arrow.png')}
#section8 .downArrow {background-image:url('../img/sec8_arrow.png')}
#section9 .downArrow {background-image:url('../img/sec9_arrow.png')}
#section12 .downArrow {background-image:url('../img/sec9_arrow.png')}




.sosyalMedyaWrap {position:absolute;right:14%;  display:inline-block;}
.smIcon {width:32px; height:32px; display:inline-block; }
.smIcon.web {background-image:url('../img/web.png')}
.smIcon.facebook {background-image:url('../img/facebook.png')}
.smIcon.twitter {background-image:url('../img/twitter.png')}
.smIcon.instagram {background-image:url('../img/instagram.png')}
.smIcon.iletisim {background-image:url('../img/iletisim.png')}




/** intro **/
.introPage {background-color: #00502e;  background-image: url('../img/intro.jpg'); background-size: cover; background-position: left top; }
.introCenterBox {margin: 0px auto;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);}
.introText {text-align: center; color: white; font-size: 1.1vw; margin: 60px 0px;}
.introLogo {display: block; margin: 0px auto; width:70%}


/** intro end **/



/** section2 **/

/** left cell **/
.containerCellLeft {height: 100%; min-height:100%; width: 50%;  position: relative}

.SecBuyukGorsel {z-index: 1; width: 60%; height: 100%; position: absolute; top: 0px; left: 15px;  background-size: cover; background-position: center;}
.secTextArea {z-index: 2; position: absolute; height: 100%; top: 0px; right: 0px; width: 29%}

.secTextBox {display: inline-block; position: absolute;}

.secRightBar {right: 29%;width: 11%;}
/** left cell **/


/** right cell **/
.containerCellRight{height: 100%; width: 50%; position: relative;}
.ustBolum{height: 63%; width: 100%; position: absolute; overflow:hidden}

.ustBolumGorsel {z-index: 1; width: 52%; height: 100%; position: absolute; top: 0px; right: 15px;  background-size: cover; background-position: center;}


.ustTextContainer {height: 100%; width: 45%; position: absolute; display: table}

/** right cell **/


/** iefix **/


.ie .twoCellRow { display:block ; height:100%}
.ie .containerCellLeft {width:50%; display:block;}
.ie .containerCellRight {top: 0px; right: 0px; display: block; position: absolute;}
.ie .table-content  {display:block;}

/** iefix **/

/** section2 **/


/** section3 **/

.uclu_solGorselwrap {position: absolute; width: 30%; height: 100%; top: 0px; }

.uclu_solGorselBar{width: 3%; z-index: 2; position: absolute; left: 0px; height: 100%; }
.uclu_solGorselImg {z-index: 1; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; background-image: url('../img/gorsel9.jpg'); background-size: cover; background-position: center}





.uclu_sagGorselwrap{position: absolute; width: 30%; right: 0; height: 100%; top: 0px;}
.uclu_sagGorselBar {width: 3%; z-index: 2; position: absolute; right: 0px; height: 100%;}
.uclu_sagGorselImg{z-index: 1; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; background-image: url('../img/gorsel10.jpg'); background-size: cover; background-position: center}

/** ieFix **/


.ie  #section3 .table-content {position:relative;}
.ie .section2_cellWrap{width: 100%; height: 95%; display: block; position: absolute;}


/** iefix **/

/** section3 **/


/** section4 **/


.sec4_ustWrapper {position: absolute; width: 100%; height: 66%; top: 0px;}
.sec4_ustGorsel1 {z-index: 1; width: 50%; height: 100%; position: absolute; top: 0px; left: 15px; background-image: url('../img/gorsel27.jpg'); background-size: cover; background-position: Left center}
.sec4_ustText1 {position:absolute; right:6%; width:30%; }

.sec4_AltSatirWrapper {display: inline-block; width: 100%; position: absolute;  bottom:0px; height:48%;}
.sec4_altSatirBilgi {position: absolute; height: 100%; z-index: 3; top: 0; bottom: 0; margin: auto; left: 5%}
.sec4_altSatirTextWrapper {position:absolute; right:6%; width:36%; }
.sec4_ustArea {position: absolute; top: 0px; left: 0px; float: none; width:45%}

.sec4_ustSatirWrapper {display: inline-block; width: 100%; position: absolute;  top:0px; height:50%}

.sec4_bigImgWrapper {position: relative; float:right; width:53%}

.sec4_bigImg{z-index: 1; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; background-image: url('../img/gorsel26.jpg'); background-size: cover; background-position: center}




.sec4_altKisim {position: absolute; width: 100%; height: 31%; bottom: 0px;}


/** iefix **/
.ie #section4 .table-content {position:relative; display:table;}
.ie .sec4_cellWrapper {width: 100%; height: 95%; bottom: 0px; position: absolute; }

/** iefix **/



/** section4 **/





/* section 10 **/
.ie #section10 .table-content {position:relative; display:table;}
.ie .sec10_cellwrapper {position:absolute;width:98%; height:94%}
/* section 10 **/


/* section 10 **/
.ie #section12 .table-content {position:relative; display:table;}

/* section 10 **/







.easingAnim {    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    -ms-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;}


.timelineFixBar {width:100%; height:100px; background-color: #efe8da;z-index:30;position:fixed; bottom:-100%;  }


.timeBar {width:90%; height:10px; background-color:black; margin:50px auto;}

.timeBlock {float:left; height:10px; cursor:pointer; position:relative;}

.timeProgress {height:10px; background-color:black; opacity:0.5; width:0%;  }

.timeBlock span {   
	display: inline-block;
    position: absolute;
    font-size: 10px;
	font-weight:bold;
    width: 65px;
    left: 50%;
    margin-top: 10px;
	color:#333333;
	transform: translateX(-50%);
	}
	
	
.timeBlock span:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #88b7d5;
	border-width: 6px;
	margin-left: -6px;
	visibility:hidden;
}	

.active.timeBlock span:after  {visibility:visible;} 

.timeBlock span.odd {top: 100%;}
.timeBlock span.even:after  {top: 100%; border-bottom-color: #6e6e69;  border-top-color:transparent;    margin-top: 5px;}


.timeBlock span.even {bottom: 100%; margin-bottom:17px;   } 
	

.firstTime {width:15%;float:left; height:10px;}

.time1 {width:31.390134529148%; background-color:#146f00  }
.time1.active {background-color:#7081ad;}

.time2 {width:68.609865470852%;background-color:#277d11  }
.time2.active {background-color:#f6c008;}

.lastTime {width:85%;float:left; height:10px;}
.time3 {width:26%;background-color:#398b21  }
.time3.active {background-color:#754090;}

.time4 {width:12%;background-color:#4a9a33  }
.time4.active {background-color:#c3520f;}

.time5 {width:4%; background-color:#5da844; }
.time5.active {background-color:#ae0049;}

.time6 {width:22%; background-color:#6fb654 }
.time6.active {background-color:#6f0c39;}

.time7 {width:16%; background-color:#82c464 }
.time7.active {background-color:#067b66;}

.time8 {width:16%;background-color:#97c77c; }
.time8.active {background-color:#f47200;}

.time9 {width:4%; background-color:#a6df86}
.time9.active {background-color:#f47200;}


/** content **/





.testRow {height:auto; margin:30px 0px; position:relative}

.testRow:last-child {margin-bottom:0px;}

.testRow:after {content:''; clear:both; display:block;}
.imgBox {float:left; width:30%}
.imgBox  img {width:100%}

.textBox {float:left; width:70%; padding:0px 20px;}

.textBox h2 {font-size:28px; font-weight:bold;}
.textBox p {font-size:28px; margin:10px 0px; line-height:1.3; }



.fromUpAnim {top:0%;}
.fromDownAnim {bottom:0%}


@media screen and (max-width: 1440px) , screen and (max-height: 800px){

p {font-size:0.8vw}
.YilSpan {font-size:2.15vw;margin-bottom:8px;}
.table-content {width:95%;    padding-top: 10px;
    padding-bottom: 10px;}
	
.vilmorin-garden-logo  {width:33%; bottom:10px;}	
	
}


@media screen and (max-width: 1024px)  {

body {overflow:auto}

}


@media screen and (max-width: 520px)  {


}



#mobilePage {display:none;}

@media screen and (max-width: 800px)  {

#fullpage {display:none;}
#mobilePage {display:block;}

body {overflow:auto !important}

.header {display:none}
.timelineFixBar {display:none;}


.m_header {width:100%; height:50px; background-color:#00502e; position:fixed; top:0px; z-index:1; background-image: url("../img/intro.png");
    background-size: contain;     background-position: left top;
    background-repeat: no-repeat;}
.m_headerLogo {height:40px;display:block; margin:5px; float:right; }

.m_imgBox{ position:relative}

.m_pageWrapper {padding-top:50px;}

.m_article {width:90%; margin:40px auto 40px auto;}
.m_imgBox img {width:100%; border-bottom:10px solid}
#mobilePage p {font-size:16px;}
.m_yilSpan {font-size:55px;     font-family: 'Alternate'; margin:10px 0px;}
	
.m_infoArticle img{display:block;width:80%; margin:20px auto}

.mSection1 .m_imgBox img{border-bottom-color:#7081ad}
.mSection1 .m_yilSpan {color:#7081ad}

.mSection2 .m_imgBox img{border-bottom-color:#f6c008}
.mSection2 .m_yilSpan {color:#f6c008}

.mSection3 .m_imgBox img{border-bottom-color:#754090}
.mSection3 .m_yilSpan {color:#754090}

.mSection4 .m_imgBox img{border-bottom-color:#c3520f}
.mSection4 .m_yilSpan {color:#c3520f}

.mSection5 .m_imgBox img{border-bottom-color:#ae0049}
.mSection5 .m_yilSpan {color:#ae0049}

.mSection6 .m_imgBox img{border-bottom-color:#672342}
.mSection6 .m_yilSpan {color:#672342}

.mSection7 .m_imgBox img{border-bottom-color:#067b66}
.mSection7 .m_yilSpan {color:#067b66}

.mSection8 .m_imgBox img{border-bottom-color:#f47200}
.mSection8 .m_yilSpan {color:#f47200}

.mSection9 .m_imgBox img{border-bottom-color:#f47200}
.mSection9 .m_yilSpan {color:#f47200}



}




/** toc  **/







.bgvid.inner{
display:block;
position:absolute;

top:0px;
left:-50%;
bottom:0px;
right:0px;
margin:auto;

  
  filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='10'%20/></filter></svg>#blur");
  -webkit-filter:blur(10px);
  -ms-filter: blur(10px);
  -o-filter: blur(10px);
  filter:blur(10px);
  
   -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; 
  
  
}

.bgvid.inner:hover {

  -webkit-filter:blur(0px);
  -ms-filter: blur(0px);
  -o-filter: blur(0px);
  filter:blur(0px);
}

.play-icon {background-image:url('../img/play-icon.png'); width:150px; height:150px;background-size:100% 100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto}

a .play-icon:hover {background-image:url('../img/play-icon-hover.png');}