/*
Theme Name: Canan Yaka
*/
css html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/* FONT */

@font-face {
 font-family: GothamBold;
 src: url("fonts/Gotham-Bold.eot") /* EOT file for IE */
}
@font-face {
 font-family: GothamBold;
 src: url("fonts/Gotham-Bold.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: GothamELight;
 src: url("fonts/gothamxlight.eot") /* EOT file for IE */
}
@font-face {
 font-family: GothamELight;
 src: url("fonts/gothamxlight.ttf") /* TTF file for CSS3 browsers */
}


/** Generated by FG **/
@font-face {
	font-family: 'Conv_Gotham-Light';
	src: url('fonts/Gotham-Light.eot');
	src: local('☺'), url('fonts/Gotham-Light.woff') format('woff'), url('fonts/Gotham-Light.ttf') format('truetype'), url('fonts/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_Gotham-Book';
	src: url('fonts/Gotham-Book.eot');
	src: local('☺'), url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'), url('fonts/Gotham-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* BEGIN */
body{overflow: hidden;}






/* HEADER */
.header{width: 100%; height: 176px; position: relative; z-index: 100;}



.header_video{ width: 100%; height: 210px;}
.logo{float: left; margin: 27px 37px; position: absolute;}
.logo img {width: 220px; height: auto;}
.socialshare{float: right; margin-right: 32px; margin-top: 13px;text-indent: -1px;width: 149px;}
.social_facebook_top {margin-bottom: 3px; float: left;margin-right: 10px;}

.socialshare .social_facebook_top a{
	font-family: GothamELight, Impact, "Arial Black", sans-serif; 
	text-transform: uppercase;font-size: 13px;
 	text-decoration: none; 
 	color: #fff;
	padding-left: 17px;
	padding-top: 3px;
	background-image: url(images/social_media_top_facebook.png); 
	background-repeat: no-repeat;
	width: 18px; height: 18px;
	background-position: 0px 0px;
	margin-bottom: 5px;
}
.socialshare .social_twitter_top a{
	font-family: GothamELight, Impact, "Arial Black", sans-serif; 
	text-transform: uppercase;font-size: 13px;
 	text-decoration: none; 
 	color: #fff;
	padding-left: 17px;
	padding-top: 3px;
	background-image: url(images/social_media_top_twitter.png); 
	background-repeat: no-repeat;
	width: 18px; height: 18px;
	background-position: 0px 0px;
}
.socialshare .social_facebook_top a:hover, .social_twitter_top a:hover{color: #777;background-position: 0px -18px;}


/* NAVIGATION */
nav{ margin: 35px 13px;}

.nav{
	width: 579px;
	height: 166px;
	margin-top: -143px;
	position: absolute;
	right: 25px;
	z-index: 100;
	background-image: url(images/nav_bg.png);
	background-repeat: no-repeat;
}


.header-fade-out {
	visibility: hidden	 !important;
	opacity: 0 !important;
	-webkit-transition: visibility 0s linear 1.5s,opacity .5s linear;
	-moz-transition: visibility 0s linear 1.5s,opacity .5s linear;
	-ms-transition: visibility 0s linear 1.5s,opacity .5s linear;
	-o-transition: visibility 0s linear 1.5s,opacity .5s linear;
	transition: visibility 0s linear 1.5s,opacity .5s linear;
}

.header-fade-in {
	visibility: visible !important;
	opacity: 1 !important;
	-webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
	-moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
	-ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
	-o-transition: visibility 0s linear 0s, opacity 0.3s linear;
	transition: visibility 0s linear 0s, opacity 0.3s linear;
}



#enter{background-color: #e4df0c;}
#nav_bir{background-color: #ff00cc;}
#nav_iki{background-color: #d2ff00;}
#nav_uc{background-color: #00d2ff;}
#nav_dort{background-color: #e4df0c;}
#nav_bes{background-color: #ba00ff;}

.nav ul li a{

 font-family: GothamBold, Helvetica, helvetica, Arial,sans-serif;
 color: #646464;
 text-transform: uppercase;font-size: 13px;
 text-decoration: none; text-indent: -1px;
}


.nav ul li:nth-child(1) a:hover{color: #ff00cc;}
.nav ul li:nth-child(2) a:hover{color: #d2ff00;}
.nav ul li:nth-child(3) a:hover{color: #00d2ff;}
.nav ul li:nth-child(4) a:hover{color: #ff6600;}
.nav ul li:nth-child(5) a:hover{color: #ba00ff;}
.nav ul li:nth-child(5) a:hover{color: #ba00ff;}


.nav ul li:nth-child(1).current_page_item a {color: #ff00cc;}
.nav ul li:nth-child(2).current_page_item a {color: #d2ff00;}
.nav ul li:nth-child(3).current_page_item a {color: #00d2ff;}
.nav ul li:nth-child(4).current_page_item a {color: #ff6600;}
.nav ul li:nth-child(5).current_page_item a {color: #ba00ff;}
.nav ul li{display: inline-block; margin-left: 13px;}



.nav ul li:hover ul li, .nav ul li.over ul li{ display: block;}

.nav ul li:nth-child(5).current_page_item ul li {display: block;}
.nav ul li:nth-child(5).current_page_item ul li a{display: block;color: #555;

	float: left;
	position: relative;
	margin: 4px 0 1px 1px;
	clear: both;
}

.nav ul li:nth-child(5).current_page_item ul li {display: block}
.nav ul li ul li:nth-child(1).current_page_item a {color: #ba00ff;}
.nav ul li ul li:nth-child(2).current_page_item a {color: #ba00ff;}
.nav ul li ul li:nth-child(1) a:hover{color: #ba00ff;}
.nav ul li ul li:nth-child(2) a:hover{color: #ba00ff;}
.nav ul li ul li.current_page_item {display: block;}
.nav ul li ul li a{color: #ba00ff;}

.nav ul li ul li a:before {content: '* '}

.nav ul li ul li{
	float: left;
	position: relative;
	margin: 0px 0px 2px 0px;
	clear: both;
	display: none;
}





.nav ul li ul li a{
    font-size: 11px;
	
}

.nav ul li ul li a, .current_page_item a {
    font-size: 11px;
    color: #555;
	
}

.journal a, #journal-active a{

	
	font-family: GothamBold, helvetica, Arial,Helvetica ,sans-serif;
	color: #111;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none; 
	padding-top: 10px;
	padding-left: 11px;
	font-weight: normal;
	}
.journal {
    clear: both;
    position: absolute;
    top: 80px;
    left: -39px;
    overflow: hidden;
    background-image: url(images/journal_bg.png);
	background-repeat: no-repeat;
    padding: 8px 0px 1px 4px;
    width: 212px;
    height: 36px;
}

.journal a:hover{color: #444;}


.journal-container {

	background-image: url(images/black_lozenge.png);
    position: fixed;
    width: 100%;
    background-color: #333;
    min-height: 100px;
    

	top: 172px;
    z-index: -1;
    overflow-y: scroll;
    bottom: 50px;
    border-top: 2px solid #111;
    overflow-x:hidden;
}

.journal-gallery{

	margin: 0 auto;
	width: auto;
	height: 100%;
	

	top: 61px;

	position: relative;

}


.journal-gallery-single{

	margin: 0 auto;
	width: auto;
	height: 100%;
	top: -21px;
	position: relative;

}


.journal-tarih{
    font-family: Conv_Gotham-Book, helvetica,Arial,sans-serif;

    color: rgb(255, 255, 255);
    margin-top: 6px;
    margin-left: 2px;
}

.journal-aciklama {
    color: rgb(163, 163, 163);
}


.prev-next {
    position: fixed;
    right: 1px;
    top: 276px;
	width: 100px;
	font-size: 15px;
    color: rgb(192, 0, 0);

    padding: 13px 40px 20px 15px;

}

.alignleft {
    background-color: #114;
}
.prev-next a {color:#666;text-decoration:none;font-family: GothamELight, Helvetica, Arial;font-size: 20px;letter-spacing: -1px; text-transform: uppercase;

position: relative;
word-wrap: break-word;
}

.prev-next a img {
   width: 100px;
   display: none;

}

.up {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 3px solid #444;
    margin-bottom: 11px;
}


/*

.journal-thumbs {
    padding: 61px 0 50px 0;
}


.journal-thumbs img{
    padding: 61px 0 50px 0;
}

.journal-img{

	
}

*/

/**
 * Grid container
 */
#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
}

/**
 * Grid items
 */
#tiles li {
background-color: rgb(68, 68, 68);
border: 1px solid rgb(68, 68, 68);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
padding: 4px;
}

#tiles li img {
display: block;
width: 210px;
height: auto;
}

#tiles li img {
display: block;
width: 200px;
height: auto;
}





/**
 * Grid item text
 */
.info-thumb {
color: rgb(233, 226, 226);
font-size: 11px;
position: absolute;
bottom: 4px;
width: 176px;
font-size: 21px;
background-color: rgba(17, 17, 17, 0.86);
padding: 10px 12px;
opacity: 0;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opactiy .25s ease-in-out;
-ms-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
font-family: GothamELight, 'Helvetica', Helvetica, sans-serif;
}


.info-thumb h1{
color: #777;
font-size: 13px;
font-family: GothamBold, 'Helvetica', Helvetica, sans-serif, Arial;
margin-bottom: 5px;
letter-spacing: -1px;
}


.info-thumb p{
color: rgb(233, 226, 226);
font-size: 22px;
font-family: GothamELight, 'Helvetica', Helvetica, sans-serif, Arial;
margin-bottom: 5px;
letter-spacing: -1px;
}


/**
 * Some extra styles to randomize heights of grid items.
 */
#tiles ali:nth-child(3n) {
height: 175px;
}

#tiles ali:nth-child(4n-3) {
padding-bottom: 30px;
}

#tiles ali:nth-child(5n) {
height: 250px;
}

/** General page styling **/
  
html {
background-color: #e9e9e9;
}


#main2 {
padding: 30px 0 30px 0;
}

header h1 {
text-align: center;
font-size: 24px;
font-weight: normal;
margin: 30px 0 3px 0;
}

header p {
text-align: center;
font-size: 13px;
color: #777;
margin: 0;
}


/* ABOUT CANAN YAKA  */

.about_canan_yaka h2{

	width: 370px;height: 30px;
	bottom: 50px;
	background-color: #111;
	position: absolute;
	left: 20px;
	z-index: 1;
}

.about_canan_yaka h2 a{

	font-family: GothamBold,'Helvetica', Helvetica, sans-serif, Arial;
	color: #fff;
	text-transform: uppercase;font-size: 12px;
	text-decoration: none; 
	position: absolute;
	margin-left: 15px;
	margin-top: 10px;
}
dl{

	
	position: absolute;
	bottom: 0px;
	left: 20px;
	background-color: #111;
	width: 370px;
	padding-bottom: 27px;
}

dd{
	color: #fff;
	font-family: GothamBold, 'Helvetica', Helvetica, sans-serif, Arial;
	font-size: 12px;
	width: 330px;
	margin: 21px 0 0 16px;
}

.content_bio {
	position: absolute;
	width: 100%;
	height: 550px;
	z-index: 1000;
	background-color: rgba(255, 255, 255, 0.96);
	bottom: -500px;


}


.content_bio {
	position: absolute;
	width: 100%;
	height: 550px;
	z-index: 1000;
	background-color: rgba(255, 255, 255, 0.96);
	bottom: -500px;


}

.bg_white{
	background-color: rgba(255, 255, 255, 0.8);	
	width: 100%;height: 100%;
	position: absolute;
	display: none;
	z-index: 9000;
	overflow: hidden;
	top: 0;
}
.button_canan{
position: relative;
top: -15px;
width: 125px;

left: 26px;
}

.button_mualla{
position: relative;
top: -14px;
width: 125px;
left: 129px;
}

.info_cananyaka{

	position: relative;
	left: 50px;top: 30px;
	width: 853px;
	overflow-y: scroll;
	margin: 0 auto;
	height: 390px;
	overflow-x: hidden;
}

.ayrac {
    border-top: 1px dotted #111;
    bottom: 35px;
    position: absolute;
    width: 545px;
    margin-left: 22px;
}

.ayrac2 {
    border-top: 1px dotted #111;
    bottom: -30px;
    position: absolute;
    width: 545px;
    margin-left: 22px;
}

.info_cananyaka img {
    float: right;
    position: relative;
    right: -27px;
}
.info_cananyaka p{font-family: GothamBold, 'Helvetica', Helvetica, sans-serif, Arial;font-size: 11px;color: #888;margin-bottom: 11px;line-height: 13px;max-width: 539px;margin-left: 22px;}


.button_canan a{
    font-family:GothamBold, 'Helvetica', Helvetica, sans-serif, Arial;
    font-size: 12px;
    background-color: #ff00cc;
    padding: 4px 7px 6px 8px;
    color: #111;
    position: relative;
	bottom: 7px;
}



.button_mualla a {
    font-family: GothamBold, 'Helvetica', Helvetica, sans-serif, Arial;
    font-size: 12px;
    background-color: #ff00cc;
    padding: 4px 7px 6px 8px;
    color: #111;
    position: relative;
    bottom: 8px;
}
/* END OF CANAN YAKA */


/* SLIDE SHOW CSS */
/* I wanted to center my loader */
#cycle-loader {
	height:32px;
	left:50%;

margin:-8px 0 0 -8px;
	position:absolute;
	top:50%;
	width:32px;
	z-index:999;
}

/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
#maximage {
	display:none;/* Only use this if you fade it in again after the images load */
	position:fixed !important;
}

/*Set my gradient above all images*/
#gradient {
	left:0;
	height:100%;
	position:absolute;
	top:0;
	width:100%;
	z-index:999;
}

/*Set my logo in bottom left*/
#logo {
	bottom:30px;
	height:auto;
	left:30px;
	position:absolute;
	width:34%;
	z-index:1000;
}
#logo img {
	width:100%;
}

#arrow_left, #arrow_right {
	bottom:36%;
	height:67px;
	position:absolute;
	right:30px;
	width:36px;
	z-index:1000;
}
#arrow_left {
	left:36px;
}

#arrow_left:hover, #arrow_right:hover {
	bottom:36.5%;
}
#arrow_left:active, #arrow_right:active {
	bottom:36.5%;
}

a {color:#666;text-decoration:none;}
a:hover {text-decoration:underline;}

.in-slide-content { 
	color: rgb(104, 96, 96);

	font-family:'Helvetica Neue', helvetica;
	position: relative;
	width: 583px;
	z-index:9999; /* Show above .gradient */
	-webkit-font-smoothing:antialiased;
	height: 280px;
	top: 41%;
	display: none;
	margin: 0 auto;

	left: 9px;
}



.in-slide-content h1 {
    font-size: 45px;
    margin: 0 auto;
    padding: 22px 0 0 0;
    position: relative;
    left: 19px;
    font-family: Conv_Gotham-Light, 'Helvetica', Helvetica, sans-serif, Arial;
    letter-spacing: -2px;
    font-weight: 200;
}

.in-slide-content p {
    font-size: 13px;
        
    margin: 0 auto;
    padding: 7px 24px 0 26px;
    top: 24PX;
    position: relative;
    font-family: Conv_Gotham-Book, 'Helvetica', Helvetica, sans-serif, Arial;
    line-height: 15px;

}

.light-text {color:#ddd;text-shadow: 0 1px 0 #666;}
.smaller-text {font-size:30px;}
.youtube-video, video {
	left:0;
	position:absolute;
	top:0;
}


/* REKLAM KAMPANYALARI  */
.reklam_post {

	background-image: url('images/agsquare.png');
    position: fixed;
    width: 100%;
    background-color: #888;
    min-height: 100px;
    

	top: 172px;
    z-index: -1;
    overflow-y: scroll;
    bottom: 50px;
    border-top: 2px solid #111;
    overflow-x:hidden;

}


.thumb_image {
    float: left;
    position: relative;
    margin-right: 21px;
    overflow: hidden;
    clear: both;
    width: 400px;
    height: 230px;
}
.aciklama {
    float: left;
    max-width: 571px;
}
.single_reklam {
    position: relative;
    top: 60px;
}

.single_reklam h2 {
    margin-bottom: 21px;
    font-family: Conv_Gotham-Book, 'Helvetica', Helvetica, sans-serif, Arial;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -1px;
    margin-top: 4px;
}

.single_reklam h1{

    margin-right: 100px;
    max-width: 660px;

}

.single_reklam h1 a{
    margin-bottom: 8px;
    font-family: GothamELight, 'Helvetica', Helvetica, sans-serif, Arial;
    font-size: 38px;
    color: #999;
    letter-spacing: -2px;
    font-weight: 100;
}

.single_reklam ul{list-style-type: none;}
.single-ul{max-width: 591px;}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}


.thumb_image img {
    width: 400px;
    height: auto;
}

.single_reklam.single-post {
    position: relative;
    left: 41px;
}

.single_reklam.single-post h2 {
    margin-bottom: 21px;
    font-family: Conv_Gotham-Book, 'Helvetica', Helvetica, sans-serif, Arial;
    font-size: 12px;
    max-width: 620px;
    margin-right: 59px;
}

.single_reklam.single-post img {
	float: none;
	width: 610px;
}

.single_reklam.single-post.journal-post img {
	float: none;
	border: 5px solid #555;
	max-width: 82% !important;
	height: auto !important;
}


.single_reklam.single-post p {
color: rgb(233, 226, 226);
position: absolute;
bottom: 15px;
width: 79.4%;
font-size: 14px;
background-color: rgba(17, 17, 17, 0.86);
padding: 10px 12px;
font-family: GothamELight, 'Helvetica', Helvetica, sans-serif;
}

.ayrac3 {
    position: relative;
    bottom: -12px;
    border-bottom: 1px dashed rgb(180, 19, 19);
    width: 84%;
    float: left;
}
aside {
    width: 300px;
    position: absolute;
    top: 61px;
    right: 1px;
}
.thumb_image_single_post {
    float: left;
    position: relative;
    margin-right: 21px;
    overflow: hidden;
    clear: both;
    height: auto;
    margin-bottom: 15px;
    padding-bottom: 12px;

    width: 98%;
}
.video_container{
    margin: 0 0 15px 0;
	
    border-bottom: 1px dotted #111;
    width: 610px;
    padding-bottom: 11px;
} 
/* Track */

 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #555; 
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
    z-index: 10000;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #555;
	    z-index: 10000; 
}

::-webkit-scrollbar {
    width: 8px;
    margin-right: 5px;
        z-index: 10000;
}

/* END OF REKLAM KAMPANYALARI  */



/* sosyal alt */

.sosyal_alt {
    position: relative;
    top: 62px;
    left: 42px;
}
.sample-img {
    float: left;
    margin-right: 34px;
}

.sample-img img{
	border: 1px solid #ba00ff;
}
.sample-info p {
    margin-bottom: 18px;
}



.sample-img p {
    margin-top: 13px;
    margin-bottom: 20px;
}
.sample-img p a{
    font-family: Conv_Gotham-Book, Helvetica, Arial, sans-serif;
    color: #ba00ff;
    letter-spacing: -1px;
}
.sample-img p a:hover{
    color: rgb(24, 25, 26);

}
.sample-info {
    float: left;
    max-width: 540px;
    display: block;
    margin-top: 0px;
    line-height: 20px;
    margin-bottom: 40px;
    margin-right: 84px;
    font-family: Conv_Gotham-Book, Helvetica, Arial, sans-serif;
}


/* İLETİŞİm */
.footer-iletisim {
    position: fixed;
    bottom: 76px;
    left: 37px;
}
.footer-iletisim h1 {
    font-size: 41px;
    font-family: GothamELight, Helvetica, Arial, sans-serif;
    margin-bottom: 11px;
        font-weight: 100;

} .footer-iletisim ul {     list-style-type: none; } .footer-iletisim
li {     float: left;     max-width: 294px;     padding-right: 18px;
padding-bottom: 10px;     display: block; } .footer-iletisim h2 {
font-size: 19px;     font-family: Conv_Gotham-Book, Helvetica, Arial,
sans-serif;     color: #155;     letter-spacing: -2px;     font-
weight: 100; } .footer-iletisim p, .footer-iletisim a {     font-size:
13px;     font-family: GothamBold, Helvetica, Arial, sans-serif;
font-weight: 100;     color: #555;     line-height: 15px;     margin-
top: 3px; } .footer-maps {     position: fixed;     bottom: 236px;
width: 100%;     height: 84%;     border-bottom: 4px solid rgb(3, 54,
83); } .iframe-rwd  { position: relative; padding-bottom: 65.25%;
padding-top: 30px; height: 0; overflow: hidden; } .iframe-rwd iframe {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#smc {
    bottom: 150px;
    position: absolute;
    left: 21px;
}

/* FOOTER */


.footer{z-index:50000;width: 100%;height: 50px;background: #191918;bottom: 0;position: fixed;}
.footer .left{	float: left; margin: 19px 1px 1px 27px}
.footer a, .footer p{
	font-family: GothamBold, 'Helvetica', Helvetica, sans-serif, Arial;
	color: #3e3e3c;
	text-transform: uppercase;font-size: 12px;
	text-decoration: none; 

}

.footer .left span, .footer .right span{

	border-right: 2px solid #3e3e3c;
	padding: 0px 5px 0px 5px;
	margin: 0px 8px 0px 0px;
}

.footer .right{float: right;width: 200px;position: relative;top: 50%;margin-top: -8px;}
.footer .right .social .bottom{float: left;margin-left: 5px;}

.footer .right .social .bottom a{
	background: url("images/social_media_bottom.png") no-repeat;
	width: 18px; 
	height: 19px;
	position: relative;
	display: block;
}

.footer .right .social .bottom.facebook a:hover{background-position: 0px -19px;}
.footer .right .social .bottom.twitter a{background-position: -19px 0px;}
.footer .right .social .bottom.twitter a:hover{background-position: -19px -19px;}
.footer .right .social .bottom.pinterest a{background-position: -36px 0px;}
.footer .right .social .bottom.pinterest a:hover{background-position: -36px -19px;}
.footer .right .social .bottom.instagram a{background-position: -57px 0px;}
.footer .right .social .bottom.instagram a:hover{background-position: -57px -19px;}
.footer .right .social .bottom.vimeo a{background-position: -77px 0px;}
.footer .right .social .bottom.vimeo a:hover{background-position: -77px -19px;}
.footer .right .social .bottom.youtube a{background-position: -97px 0px;}
.footer .right .social .bottom.youtube a:hover{background-position: -97px -19px;}

.footer .left a:hover{color: rgb(202, 216, 216);}



.language {float: right;margin-right: 33px;}
.social {width: 140px;margin-left: 0px;float: right;}

#big-video-wrap{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;z-index:-1;}
#big-video-wrap .video-js{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;padding:0!important;}
#big-video-wrap .video-js .vjs-tech{object-fit:cover;width:100%!important;height:100%!important;position:absolute;top:0;left:0;}

/* VIDEOCONTROLS */
.video-js {
	text-align: center;
}

.vjs-volume-control,
.vjs-subtitles-button,
.vjs-captions-button,
.vjs-chapters-button,
.vjs-volume-control,
.vjs-remaining-time,
.vjs-duration,
.vjs-time-divider,
.vjs-current-time,
.vjs-control span,
.vjs-seek-handle,
.vjs-default-skin .vjs-play-control > div,
.vjs-default-skin .vjs-fullscreen-control > div,
.vjs-default-skin .vjs-mute-control > div,
.vjs-default-skin .vjs-load-progress {
	display: none !important;
}

.vjs-controls div {
	outline: none !important;
}




.vjs-default-skin .vjs-controls {
	position: fixed;
	left: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	border-top: none !important;
	max-width: 738px;
	margin: 0 auto;
	height: 31px;
	padding: 8px 0px 9px 0px !important;
	bottom: 50px;

	background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

	.ie9 .vjs-default-skin .vjs-controls {
		width: 948px;
	}

.hide-controls.vjs-default-skin .vjs-controls {
	display: none;
}

.vjs-default-skin .vjs-controls > div {
	float:left;
}

.vjs-default-skin .vjs-progress-control  {
	background: none !important;
	border: none !important;
	border-bottom: none !important;
	border-top: none !important;
	cursor: pointer;
	float: left;
	height: 1px !important;
	margin-top: 21px;
	right: 94px !important;
	width: auto;
	left: 70px !important;
	top:0 !important;
	position: absolute;
}



.vjs-default-skin .vjs-progress-holder {
	background: none !important;
	cursor: pointer !important;
	padding: 0;
	margin: 0;
	height: 30px;
	margin-top: 5px;
}

.vjs-default-skin .vjs-play-progress {
	background: rgb(171, 179, 7) !important;
	height: 1px !important;
	position: absolute;
	display: block;
}

.vjs-default-skin .vjs-load-progress {
	background: #d1d1d1 !important;
	display: block !important;
	height: 1px !important;
	width: 100% !important;
}




.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
	top: 5px;
}

.vjs-default-skin .vjs-play-control {
	background: url('images/videocontrol.png');
	background-position: -298px -60px;
	cursor: pointer;
	float: left;
	height: 30px;
	margin-right: 18px;
	width: 20px;
}
.vjs-controls .vjs-paused {
	background: url('images/videocontrol.png');
	background-position: 78px 0;
	margin-left: 13px;
}

.vjs-controls .vjs-playing {
	background: url('images/videocontrol.png');
	background-position: -312px -90px !important;
	margin-left: 13px;
}

.vjs-default-skin .vjs-fullscreen-control {
	background: url('images/videocontrol.png');
	background-position: -370px 0px;
	cursor: pointer;
	float: right !important;
	height: 30px;
	width: 22px;
	margin-right: 22px;
}

.vjs-default-skin .vjs-mute-control {
	background: url('images/videocontrol.png');
	background-position: -348px -30px;
	cursor: pointer;
	float: right !important;
	height: 30px;
	margin-right: 18px;
	width: 20px;
}


.vjs-fade-out {
	visibility: hidden	 !important;
	opacity: 0 !important;
	-webkit-transition: visibility 0s linear 1.5s,opacity .5s linear;
	-moz-transition: visibility 0s linear 1.5s,opacity .5s linear;
	-ms-transition: visibility 0s linear 1.5s,opacity .5s linear;
	-o-transition: visibility 0s linear 1.5s,opacity .5s linear;
	transition: visibility 0s linear 1.5s,opacity .5s linear;
}

.vjs-fade-in {
	visibility: visible !important;
	opacity: 1 !important;
	-webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
	-moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
	-ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
	-o-transition: visibility 0s linear 0s, opacity 0.3s linear;
	transition: visibility 0s linear 0s, opacity 0.3s linear;
}


/* Poster Styles */
.vjs-poster {
  margin: 0 auto; padding: 0;

  /* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
  position: relative; width: 100%; max-height: 100%;
}

.video-js {
  background-color: #444; position: relative; padding: 0;

  /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
  font-size: 10px;

  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */ /*This works in Safari but not Firefox.*/
}

/* Playback technology elements expand to the width/height of the containing div. <video> or <object> */
.video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen { position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0; margin: 0;
  height: 100%; overflow-y: auto; /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
}
.video-js.vjs-fullscreen {
  position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important;
  _position: absolute; /* IE6 Full-window (underscore hack) */
}
.video-js:-webkit-full-screen {
  width: 100% !important; height: 100% !important;
}



/* ----------------------------------------------------------------------------------------------------------
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1405px) {
	#mobile-hide {display: none;}
	.nav-mobile{display: none;}
	.mobile-video{display: none;}
	#butik{
	background-image: url('images/cananyaka_yazi2_bg.png');
	background-repeat: no-repeat;
	}

	#atolye{
	background-image: url('images/cananyaka_yazi_bg.png');
	background-repeat: no-repeat;
	}
.footer .right{float: right;width: 87px;position: relative;top: 50%;margin-top: -8px;right: 1px;}

.vjs-default-skin .vjs-loading-spinner,
.vjs-default-skin .vjs-big-play-button {
	display: none;

	background-image: url('images/bigplayBG.png');
}

/* Poster Styles */
.vjs-poster {
  margin: 0 auto; padding: 0;

  /* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
  position: relative; width: 100%; max-height: 100%;
}
}

@media only screen and (min-width: 1406px) { /* 1428px */
	#mobile-hide {display: none;}
	.nav-mobile{display: none;}
	.mobile-video{display: none;}
	#butik{
	background-image: url('images/cananyaka_yazi2_bg.png');
	background-repeat: no-repeat;
	}

	#atolye{
	background-image: url('images/cananyaka_yazi_bg.png');
	background-repeat: no-repeat;
	}
.footer .right{float: right;width: 87px;position: relative;top: 50%;margin-top: -8px;right: 1px;}

.vjs-default-skin .vjs-loading-spinner,
.vjs-default-skin .vjs-big-play-button {
	display: none ;

	background-image: url('images/bigplayBG.png');
}
/* Poster Styles */
.vjs-poster {
  margin: 0 auto; padding: 0;

  /* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
  position: relative; width: 100%; max-height: 100%;
}
}

@media only screen and (min-width: 1832px) {

}

@media only screen and (min-width: 1024px) {
	
}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

		
		
.footer .right{float: right;width: 87px;position: relative;top: 50%;margin-top: -8px;right:1px;}

		
		/* Poster Styles */
.vjs-poster {
  margin: 0 auto; padding: 0;

  /* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
  position: relative; width: 100%; max-height: 100%;
}
		#iletisim-top {top: 0;}
		#mobile-hide {display: none;}
		.mobile-video{display: none;}
		.nav-mobile{display: none;}
		.nav ul li{display: inline-block; margin-left: 0px;}
		.nav{

		width: 468px;

		height: 155px;


		margin-top: -143px;
		position: absolute;


		right: 15px;
		/* fallback */
		background-image: url(images/nav_bg.png);
		background-repeat: no-repeat;


		background-position-y: -13px;

		}
		.nav ul li a{

		font-family: GothamBold, Helvetica, helvetica, Arial,sans-serif;
		color: #646464;
		text-transform: uppercase;

		font-size: 11px;
		text-decoration: none; text-indent: -1px;
		padding-right: 3px;
		}

		nav{ margin: 35px 5px;padding: 0px 6px;}

				.vjs-default-skin .vjs-loading-spinner,
		.vjs-default-skin .vjs-big-play-button {

		background-image: url('images/bigplayBG.png');
		position: absolute;
		bottom: 85px;
		left: 46%;
		width: 100px;
		height: 37px;
		background-repeat: none;
		display: block;
		}

/* Styles */
}

/* iPad portrait */

@media only screen and (max-width: 1023px) {
		/* Poster Styles */
.vjs-poster {
  margin: 0 auto; padding: 0;

  /* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
  position: relative; width: 100%; max-height: 100%;
}
		
				.vjs-default-skin .vjs-loading-spinner,
		.vjs-default-skin .vjs-big-play-button {

		background-image: url('images/bigplayBG.png');
		position: absolute;
		bottom: 85px;
		left: 46%;
		width: 100px;
		height: 37px;
		background-repeat: none;
		display: block;
		}

		.footer .right{float: right;width: 87px;position: relative;top: 50%;margin-top: -8px;right: 1px;}

		#mobile-hide {display: none;}
		.mobile-video{display: none;}
		.nav-mobile{display: none;}
		.nav ul li{display: inline-block; margin-left: 0px;}
		.nav{

		width: 468px;

		height: 159px;


		margin-top: -143px;
		position: absolute;


		right: 15px;
		/* fallback */
		background-image: url(images/nav_bg.png);
		background-repeat: no-repeat;


		background-position-y: -8px;

		}
		.nav ul li a{

		font-family: GothamBold, Helvetica, helvetica, Arial,sans-serif;
		color: #646464;
		text-transform: uppercase;

		font-size: 11px;
		text-decoration: none; text-indent: -1px;
		padding-right: 3px;
		}

		nav{ margin: 35px 5px;padding: 0px 6px;}

		 .footer-iletisim p, .footer-iletisim a {     font-size: 10px;    }

		#iletisim-top {top: 0;}


}

/* iPhone Landscape */

@media only screen and (max-width: 767px) {
				
			.footer .right{float: right;width: 87px;position: relative;top: 50%;margin-top: -8px;right: -20px;}
			.vjs-default-skin .vjs-loading-spinner,
			.vjs-default-skin .vjs-big-play-button {

			background-image: url('images/bigplayBG.png');
			background-repeat: none;
			position: absolute;
			bottom: 106px;
			left: 46%;
			width: 100px;
			height: 37px;
			background-repeat: none;
			display: block;
			 cursor: pointer;
			 z-index: 10000;
			}
				
/*
				#mobile-hide {display: block;}
				.prev-next{display: none;}
				#enter{display: none;}
				.mobile-video{display: block;position: absolute;top: 25%;margin: 0 auto;left: 0;}
				#big-video-wrap{display: none;}
				
*/


				#mobile-hide{display: block;}


				#big-video-wrap{overflow:hidden;position:fixed;height: 100%;width: 100%;top: 80px;left:0; z-index: -1;}


				.nav-mobile{
				display: block;
				position: absolute;
				float: right;
				top: 31px;
				right: 1px;
				z-index: 30000 !important;

				}
				.nav{display: none;}
				.logo img {width: 103px; height: auto;}

				.header{width: 100%; height: 86px;}
				.journal-container {
				top: 86px;

				}
				#pages {
				list-style-type: none;
				}
				form {
				}
				#page_id {
				width: 120px;
				}
				.footer a, .footer p{

				font-size: 7px;


				}
				.footer-maps{display: none;}

				.logo{float: left; margin: 18px 7px; position: absolute;}
				.reklam_post {top: 86px;}
				.single_reklam {
				position: relative;
				top: 3px;
				}

				.single_reklam.single-post img {
				float: none;
				width: 90%;
				}
				iframe {
				width: 55%;
				height: auto;
				}


				.mobile-video iframe {
				width: 106%;
				height: 270px;
				}

				.video_container{
				margin: 0 0 15px 0;

				border-bottom: 1px dotted #111;

				padding-bottom: 11px;
				}

				.single_reklam.single-post {
				position: relative;
				left: 41px;
				top: 29px;
				}

				.in-slide-content { 
				color: rgb(104, 96, 96);

				font-family:'Helvetica Neue', helvetica;
				position: relative;
				width: 95%;
				z-index:9999; /* Show above .gradient */
				-webkit-font-smoothing:antialiased;
				height: auto;
				top: 21%;
				display: none;
				margin: 0 auto;
				left: 0px;
				background-color: #222;
				padding-bottom: 58px;
				background-image: url();
				}

				.in-slide-content h1 {
				font-size: 23px;
				}

				.in-slide-content p {
				font-size: 11px;

				margin: 0 auto;
				padding: 7px 24px 0 26px;
				top: 0PX;
				position: relative;
				font-family: Conv_Gotham-Book, 'Helvetica', Helvetica, sans-serif, Arial;
				line-height: 12px;

				}

				#arrow_left, #arrow_right {
				bottom:36%;
				height:67px;
				position:absolute;
				right: 0px;
				width: 7%;
				z-index:1000;
				}
				#arrow_left {
				left: 2px;
				}

				#arrow_left img, #arrow_right img{
				width: 80%;
				}
								#butik{
				background-image: url();
				background-repeat: no-repeat;
				}

				#atolye{
				background-image: url();
				background-repeat: no-repeat;
				}

				#mobile-container{display: none;}

				}
				.content-mobile{

				background-image: url('images/agsquare.png');

				padding-bottom:70px;display: block;position: relative;top: 0;left: 0;background-color: #777;width: 102%;overflow-y: scroll;height: auto;}

				.content-mobile p {
				padding: 15px 35px 3px 11px;
				font-family: Conv_Gotham-Book, Helvetica, Arial,sans-serif;
				}

				.content-mobile img {
				width: 100%;
				float: none;
				}



}

/* iPhone Portrait */

@media only screen and (max-width: 479px) and (orientation : portrait) {
				
				

}