/**
* CSS
* @version 1.0
* @author Ozhan Binici
*/


@import url("/fonts/Flama.css");
@import url("/fonts/FlamaCondensed.css");


body {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	background-color:transparent;
	background: transparent;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	font-size:16px;
	line-height:24px;
	font-weight:500;
	color:#000;
	font-family: "Flama", Helvetica, Arial, sans-serif;

}

::selection {
	background: #ffff00;
}

a.disabled {
	pointer-events:none;
	color:#999!important;
}
header {
	position:relative;
	width:100%;
	display:block;
	height:auto;
	background-color:#FFF;
	margin:0 auto;
	width:calc(50% + 480px);
	margin-left:calc(50% - 480px);
}

header.stick {
	position:fixed;
	z-index:1005;
	top:0px;
	left:0px;
	padding-left:calc(50% - 480px);
	margin-left:0px;
	background-color:#FFFF00;
	width:100%;
}

header .line {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:1px;
	z-index:1000;
	background-color:rgba(51, 51, 51, 0.20);
}

.kiraathane-kitaplari header.stick {
	background-color:#CCCCCC;
}

header.flow {
	margin-top:71px;
}

#content.padded{
	margin-top:41px;
}

header .container {
	position:relative;
	display:block;
	width:100%;
	background-color:#FFFF00;
}

.kiraathane-kitaplari header .container {
	background-color:#CCC;
}

header .container:after {
	content:" ";
	display:block;
	clear:both;
}

header #logo {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:240px;
	height:240px;
	z-index:1003;
	overflow:hidden;
	
	
}

header.expanded #logo {
	height:240px !important;
}

header.expanded #logo,
header.closing #logo {
	transition-property: height;
	transition-duration: 0.5s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}


header #logo.no-bg {
	height:71px !important;
}

header #logo svg {
	width:100%;
	height:auto;
}

header #social-media,
header #menu {
	position:relative;
	display:block;
	margin-right:calc(50% - 480px);
	float:right;
}

header #social-media li,
header #menu li {
	position:relative;
	display:block;
	float:right;
}

header #social-media li a {
	position:relative;
	display:block;
	width:30px;
	height:auto;
	margin-left:30px;
}

header #social-media li svg {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

header #social-media li a:hover svg .bg {
	fill:#3FD5AE;
}

.kiraathane-kitaplari header #social-media li a:hover svg .bg {
	fill: #51b59c;
}

.kiraathane-kitaplari header #social-media li a svg .bg {
	fill:#58595b;
}


header #menu {
	clear:right;
	margin-top:8px;
	margin-bottom:2px;
}


header #menu:after,
header #social-media:after {
	content:" ";
	display:block;
	clear:both;
}

header #menu li a {
	color:#000000;
	font-weight:600;
	font-size:21px;
	line-height:30px;
	font-family:"FlamaCondensed";
}

header #menu li {
	margin-left:35px;
	width:auto;
}

.kiraathane-kitaplari header #menu li {
	margin-left:25px;
	width:auto;
}

header #menu li a:hover,
header #menu li a.selected {
	color:#3FD5AE;
}

.kiraathane-kitaplari header #menu li a:hover,
.kiraathane-kitaplari header #menu li a.selected {
	color:#51b59c;
}


/* MENU TOGGLE */

.menu-toggle {
	display:block;
	position:relative;
	float:right;
	clear:right;
	border:0px;
	pointer-events:auto;
	background-color:transparent;
	width: 30px;
	height: 30px;
	margin:7px 30px 3px 0px;
	padding:0px;
	
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: top .3s ease-out;
	-moz-transition: top .3s ease-out;
	-o-transition: top .3s ease-out;
	transition: top .3s ease-out;
	cursor: pointer;
	display:none;
}

.menu-toggle span {
	display: block;
	position: absolute;
	height: 5px;
	width: 30px;
	background: #231f20;
	border-radius: 0px;
	opacity: 1;
	left: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	border:0px;
}

.menu-toggle:hover span {
	background:#3FD5AE;
}
.kiraathane-kitaplari .menu-toggle:hover span {
	background: #51b59c;
}

.menu-toggle span:nth-child(1) {
	top: 3px;
}

.menu-toggle span:nth-child(2), .menu-toggle span:nth-child(3) {
	top: 13px;
}

.menu-toggle span:nth-child(4) {
	top: 23px;
}

.expanded .menu-toggle span:nth-child(1) {
	top: 16px;
	width: 0%;
	left: 50%;
}

.expanded .menu-toggle span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.expanded .menu-toggle span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.expanded .menu-toggle span:nth-child(4) {
	top: 13px;
	width: 0%;
	left: 50%;
}

.menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
	background-color:transparent;
	outline: none;
}


.carousel {
	clear:both;
	width:calc(50% + 480px);
	/*height:530px;*/
	margin:0px;
	max-width:960px;
}

.carousel.inner-carousel {
	width:calc(50% + 480px);
	margin-left:calc(50% - 480px);
	margin-right:calc(50% - 480px);
	margin-top:60px;
	margin-bottom:20px;
	/*height:420px;*/
}

.carousel .slide {
	width:100%;
	height:470px;
	background-size:cover;
	background-position:center center;
}

.carousel .slide.book {
	background-color:#757575;
	overflow:hidden;
}

.carousel .slide.book img {
	width:200px;
	position:absolute;
	top:100px;
	left:290px;
	-webkit-box-shadow: 10px 10px 20px 0px rgba(32,32,32,1);
	-moz-box-shadow: 10px 10px 20px 0px rgba(32,32,32,1);
	box-shadow: 10px 10px 20px 0px rgba(32,32,32,1);
}

.carousel .slide.book .text {
	width:250px;
	height:300px;
	position:absolute;
	top:93px;
	left:540px;
	color:#333333;
}

.carousel .slide.book .text h2 {
	font-family:"FlamaCondensed";
	font-size:46px;
	font-weight:600;
	line-height:46px;
	margin-bottom:3px;
}

.carousel .slide.book .text h3 {
	font-family:"FlamaCondensed";
	font-size:30px;
	font-weight:600;
	line-height:30px;
	margin-bottom:11px;
}

.carousel .slide.book .text p {
	font-size:22px;
	line-height:27px;
}


.carousel.inner-carousel .slide {
	height:360px;
}

.carousel .arrow {
	width:30px;
	height:30px;
	position:absolute;
	display:block;
	z-index:1001;
	top:220px;
	/*transform: translateY(-50%);*/
	background-color:#231f20;
	cursor:pointer;
}

.carousel.inner-carousel .arrow {
	top:auto;
	bottom:15px;
	transform: none;
}


.carousel .arrow svg {
	top:5px;
	position:absolute;
	z-index:5;
}

.carousel .left-arrow svg {
	left:8px;
}

.carousel .right-arrow svg {
	right:8px;
}

.carousel .arrow:hover {
	background-color:#FFFF00;
}

.carousel .arrow:hover svg rect {
	fill: #3FD5AE;
}

.carousel .left-arrow {
	left:0px;
}

.carousel .right-arrow {
	right:0px;
}

.carousel .cycle-caption {
	position:relative;
	display:block;
	float:left;
	font-size:29px;
	line-height:36px;
	font-weight:600;
	font-family:"FlamaCondensed";
	padding-left:20px;
	padding-top:13px;
	padding-bottom:12px;
}

.kiraathane-kitaplari .carousel .cycle-caption {
	display:none !important;
}

.kiraathane-kitaplari .carousel.with-caption .cycle-caption {
	display:block !important;
}

.carousel .cycle-caption span {
	opacity:0.8;
	padding-left:5px;
}
.carousel .cycle-pager {
	position:relative;
	display:block;
	float:right;
	padding-top:20px;
	padding-bottom:19px;
	margin-right:165px;
	font-size:0px;
}

.kiraathane-kitaplari .carousel .cycle-pager {
	float:left;
	padding-left:15px;
}

.kiraathane-kitaplari .carousel.with-caption .cycle-pager {
	float:right;
	padding-left:0px;
}

.carousel.inner-carousel .cycle-pager {
	background-color:#33d5ad;
	float:none;
	width:100%;
	text-align:center;
	padding-left:0px;
}

.carousel .cycle-pager span {
	color:transparent;
	background-color:#000;
	width:21px;
	height:21px;
	display:inline-block;
	float:none;
	margin:0 5px;
	cursor:pointer;
	opacity:0.2;
}

.carousel .cycle-pager span:last-child {
	margin-right:0px;
}

.carousel.inner-carousel .cycle-pager span:last-child {
	margin-right:5px;
}

.carousel .cycle-pager span.cycle-pager-active,
.carousel .cycle-pager span:hover {
	opacity:1;
}

.carousel .cycle-pager:after {
	content:" ";
	display:block;
	clear:both;
}

.carousel.inner-carousel .slide .spot {
	width:50%;
	float:left;
	height:360px;
}

.carousel.inner-carousel .slide .spot:hover .text {
	background-color:#FFFF00;
}

.carousel.inner-carousel .slide .spot .image {
	width:50%;
	height:100%;
	float:left;
	position:relative;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#808080;
}

.carousel.inner-carousel .slide .spot .text {
	width:50%;
	height:100%;
	float:left;
	background-color:#e6e6e6;
	color:#231f20;
	padding-top:19px;
	overflow:hidden;
}

.carousel.inner-carousel .slide .spot .text h2 {
	margin-bottom:0px;
}

.carousel.inner-carousel .slide .spot a:hover .text {
	background-color:#FFFF00;
}

.carousel.inner-carousel .slide:after {
	content:" ";
	display:block;
	clear:both;
}

#logo-swap {
	position:absolute;
	right:calc(100% - 960px);
	bottom:0px;
	z-index:1003;
	width:165px;
	height:166px;
	background-color:#FFFF00;
	padding-left:15px;
	padding-top:15px;
}


header.stick #logo-swap {
	display:none;
}


.kiraathane-kitaplari #logo-swap {
	background-color:#CCC;
}


#back-to-top {
	position:relative;
	float:right;
	margin-right:calc(50% - 480px);
}

#back-to-top:hover svg rect {
	fill:#3FD5AE;
}
#back-to-top:hover svg rect.bg {
	fill:#FFFF00;
}

footer {
	position:relative;
	display:block;
	color:#FFFFFF;
	width:100%;
	height:240px;
	overflow:hidden;
}

footer .container {
	position:relative;
	display:block;
	width:calc(50% + 480px);
	padding-left:calc(50% - 480px);
	background-color:#808080;
}

footer .container:after {
	content:" ";
	display:block;
	clear:both;
}

footer #logo {
	position:relative;
	display:block;
	float:left;
	margin-left:0px;
	width:240px;
	height:240px;
}

footer #logo svg {
	width:100%;
	height:auto;
}

footer .right {
	position:relative;
	float:left;
	width:calc(100% - 260px);
	padding-left:20px;
	padding-top:20px;
	height:240px;
}

footer .bottom {
	clear:both;
	display:block;
	width:100%;
	height:auto;
	display:none;
	padding: 4px 30px 4px 0;
}
footer .bottom #social-media {
	margin-top:6px;
}
footer:after {
	content:" ";
	display:block;
	clear:both;
}

#platform24 {
	position:absolute;
	top:0px;
	right:30px;
	width:63px;
	height:53px;
	display:none;
}

#platform24 svg {
	width:100%;
	height:auto;
}

footer form {
	position:relative;
	float:left;
	max-width:220px;
	width:100%;
	display:block;
	margin-right:20px;
}

footer form:after {
	content:" ";
	clear:both;
	display:block;
}

form input[type='text'] {
	position:relative;
	display:block;
	width:190px;
	height:30px;
	border: 0px;
	border-left:2px solid #000;
	padding:3px 7px;
	font-size:18px;
	line-height:24px;
	font-weight:600;
	font-family: "FlamaCondensed", Helvetica, Arial, sans-serif;
	margin-bottom:15px;
	float:left;
}

form input[type='text'].check {
	background-color:#FFFF00;
}

form label {
	width:30px;
	height:30px;
	background-color:#231f20;
	float:left;
	display:block;
	position:relative;
	cursor:pointer;
}

form label:hover {
	background-color:#3FD5AE;
}

form label svg {
	position:absolute;
	display:block;
	top:6px;
	left:10px;
}

form label:hover svg rect {
	fill:#231f20;
}
form input[type='submit'] {
	display:none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #dedede;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #dedede;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #dedede;
}

footer .tagline {
	position:relative;
	float:left;
	font-size:23px;
	line-height:28px;
	font-weight:500;
	font-family:"FlamaCondensed";
}


footer #social-media,
footer #menu {
	position:relative;
	display:block;
	clear:both;
}

footer #menu {
	padding-top:10px;
}

footer #social-media {
	/*margin-top:16px;
	margin-bottom:6px;*/
	margin-top:19px;
	margin-bottom:22px;
}

footer #social-media li,
footer #menu li {
	position:relative;
	display:block;
	float:left;
}

footer #social-media li a {
	position:relative;
	display:block;
	/*font-size:18px;
	line-height:24px;
	*/
	font-size:23px;
	line-height:28px;
	font-weight:500;
	font-family:"FlamaCondensed";
	color:#FFF;
}

footer #menu:after,
footer #social-media:after {
	content:" ";
	display:block;
	clear:both;
}

footer #menu li a {
	color:#FFFFFF;
	font-weight:500;
	/*font-size:27px;
	line-height:30px;
	*/
	font-size:23px;
	line-height:28px;
	font-family:"FlamaCondensed";
}

footer #menu li {
	margin-right:10px;
	width:auto;
}
footer #menu li:last-child {
	margin-right:0px;
}

footer #social-media li {
	margin-right:8px;
	width:auto;
}

footer #menu li a:hover,
footer #menu li a.selected,
footer #social-media li a:hover {
	color:#3FD5AE;
}


footer .copyright {
	clear:both;
	display:block;
	position:relative;
	font-family:"FlamaCondensed";
	font-size:18px;
	line-height:24px;
	font-weight:500;
}


#content {
	position:relative;
	display:block;
	width:100%;
	margin:0 auto;
}

#content .container {
	position:relative;
	display:block;
	padding:30px 0 16px 0;
}

#content .container:after {
	content:" ";
	display:block;
	clear:both;
}

.spot {
	position:relative;
	display:block;
}

.spot a {
	display:block;
	height:100%;
}

.spot a:after {
	content:" ";
	display:block;
	clear:both;
}

.spot .text {
	background-color:#231f20;
	padding:9px 20px 16px 20px;
	color:#FFF;
}

.spot h2,
.content-inner .spot h2 {
	font-family:"FlamaCondensed";
	font-size:30px;
	line-height:33px;
	font-weight:600;
	margin-bottom:9px;
}

.spot h3 {
	font-family:"FlamaCondensed";
	font-size:22px;
	line-height:28px;
	font-weight:600;
	margin-bottom:8px;
}

.spot h3 span {
	color:#3FD5AE;
}

.spot h4:last-child {
	position:absolute;
	bottom:15px;
	left:20px;
}

.single:nth-child(4n-2) .text h3 span,
.single:nth-child(4n-1) .text h3 span {
	color:#231f20;
}

.spot p {
	font-size:16px;
	line-height:19px;
}

.spot p span {
	font-weight:500 !important;
}

.spot p span.more {
	font-weight:600 !important;
}

.spot .image {
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.kiraathane-kitaplari .spot .image {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.kiraathane-kitaplari .spot a:hover .image {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}


.wide {
	width:calc(50% + 480px);
	padding-left:calc(50% - 480px);
	background-color:#3FD5AE;
	margin-top:30px;
	height:240px;
	overflow:hidden;
}

.wide.double {
	height:360px;
}

.kiraathane-kitaplari .wide {
	background-color:#CCC;
}

.wide.flipped {
	padding-left:0px;
	margin-right:0px;
	padding-right:calc(50% - 480px);
	margin-left:calc(50% - 480px);
}

.wide.spot h2 {
	color:#FFFF00;
}

.wide.spot h3 {
	color:#FFFF00;
}

.wide.double.spot h2,
.wide.double.spot h3,
.wide.double.spot .more {
	color:#231f20;
}

.wide .text {
	width:50%;
	float:left;
	height:100%;
}

.wide .image {
	width:50%;
	float:right;
	height:100%;
}

.wide.reversed .image {
	float:left;
}

.wide:nth-last-child(2){
	margin-bottom:20px;
}

.wide.double .image {
	width:25%;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	background-color:#808080;
	position:relative;
}

.image.image-container .image-holder {
	position:absolute;
	top:20px;
	left:20px;
	width:calc(100% - 40px);
	height:calc(100% - 40px);
	display:flex;
}

.image.image-container .image-holder img {
	max-width:100%;
	max-height:100%;
	display:block;
	margin:auto;
	-webkit-box-shadow: 10px 10px 20px 0px rgba(32,32,32,1);
	-moz-box-shadow: 10px 10px 20px 0px rgba(32,32,32,1);
	box-shadow: 10px 10px 20px 0px rgba(32,32,32,1);
}

.image.image-container:after {
	content:" ";
	display:block;
	padding-bottom:100%;
}

.wide.double .image:first-child {
	float:left;
}

.wide.double .text {
	background-color:#CCC;
	color:#231f20;
	padding-top:19px;
}

.wide .more {
	color:#FFFF00;
}

.wide:after {
	content:" ";
	clear:both;
	display:block;
}

.wide a:hover .text {
	background-color:#FFFF00;
	color:#231F20;
}

.wide a:hover h2 {
	color:#231F20;
}

.wide a:hover h3 {
	color:#231F20;
}

.wide a:hover .more {
	color:#231F20;
}



/* GRID */
.grid {
	width:100%;
	margin-top:60px;
}

.grid:first-child {
	margin-top:30px;
}

.grid:nth-last-child(2) {
	margin-bottom:30px;
}

.grid:after {
	content:" ";
	clear:both;
	display:block;
}

.grid .single {
	float:left;
	width:50%;
	height:auto;
	overflow:hidden;
}

.grid .single:after {
	content:" ";
	clear:both;
	display:block;
}

.grid .single .images {
	position:relative;
	display:block;
	float:left;
	width:50%;
	height:auto;
}

.grid .single .images:after {
	content:" ";
	display:block;
	padding-bottom:100%;
}

.grid .single .image {
	width:100%;
	height:100%;
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	opacity:0;
}

.grid .single a .images .image:first-child {
	opacity:1;
}

@keyframes flickerAnimation22 {
	0%   { opacity:0; }
	25%  { opacity:1; }
	50%  { opacity:1; }
	75%  { opacity:0; }
	100% { opacity:0; }
}
@-o-keyframes flickerAnimation22 {
	0%   { opacity:0; }
	25%  { opacity:1; }
	50%  { opacity:1; }
	75%  { opacity:0; }
	100% { opacity:0; }
}
@-moz-keyframes flickerAnimation22 {
	0%   { opacity:0; }
	25%  { opacity:1; }
	50%  { opacity:1; }
	75%  { opacity:0; }
	100% { opacity:0; }
}
@-webkit-keyframes flickerAnimation22 {
	0%   { opacity:0; }
	25%  { opacity:1; }
	50%  { opacity:1; }
	75%  { opacity:0; }
	100% { opacity:0; }
}


@keyframes flickerAnimation32 {
	0%   { opacity:0; }
	16%  { opacity:1; }
	33%  { opacity:1; }
	50%  { opacity:1; }
	100% { opacity:0; }
}
@-o-keyframes flickerAnimation32 {
	0%   { opacity:0; }
	16%  { opacity:1; }
	33%  { opacity:1; }
	50%  { opacity:1; }
	100% { opacity:0; }
}
@-moz-keyframes flickerAnimation32 {
	0%   { opacity:0; }
	16%  { opacity:1; }
	33%  { opacity:1; }
	50%  { opacity:1; }
	100% { opacity:0; }
}
@-webkit-keyframes flickerAnimation32 {
	0%   { opacity:0; }
	16%  { opacity:1; }
	33%  { opacity:1; }
	50%  { opacity:1; }
	100% { opacity:0; }
}

@keyframes flickerAnimation33 {
	0%   { opacity:0; }
	33%  { opacity:0; }
	50%  { opacity:1; }
	66%  { opacity:1; }
	83%  { opacity:0; }
	100% { opacity:0; }
}
@-o-keyframes flickerAnimation33 {
	0%   { opacity:0; }
	33%  { opacity:0; }
	50%  { opacity:1; }
	66%  { opacity:1; }
	83%  { opacity:0; }
	100% { opacity:0; }
}
@-moz-keyframes flickerAnimation33 {
	0%   { opacity:0; }
	33%  { opacity:0; }
	50%  { opacity:1; }
	66%  { opacity:1; }
	83%  { opacity:0; }
	100% { opacity:0; }
}
@-webkit-keyframes flickerAnimation33 {
	0%   { opacity:0; }
	33%  { opacity:0; }
	50%  { opacity:1; }
	66%  { opacity:1; }
	83%  { opacity:0; }
	100% { opacity:0; }
}


@keyframes flickerAnimation42 {
	0%   { opacity:0; }
	12%  { opacity:1; }
	25%  { opacity:1; }
	37%  { opacity:1; }
	100% { opacity:0; }
}
@-o-keyframes flickerAnimation42 {
	0%   { opacity:0; }
	12%  { opacity:1; }
	25%  { opacity:1; }
	37%  { opacity:1; }
	100% { opacity:0; }
}
@-moz-keyframes flickerAnimation42 {
	0%   { opacity:0; }
	12%  { opacity:1; }
	25%  { opacity:1; }
	37%  { opacity:1; }
	100% { opacity:0; }
}
@-webkit-keyframes flickerAnimation42 {
	0%   { opacity:0; }
	12%  { opacity:1; }
	25%  { opacity:1; }
	37%  { opacity:1; }
	100% { opacity:0; }
}

@keyframes flickerAnimation43 {
	0%   { opacity:0; }
	25%  { opacity:0; }
	37%  { opacity:1; }
	50%  { opacity:1; }
	62%  { opacity:1; }
	100% { opacity:0; }
}
@-o-keyframes flickerAnimation43 {
	0%   { opacity:0; }
	25%  { opacity:0; }
	37%  { opacity:1; }
	50%  { opacity:1; }
	62%  { opacity:1; }
	100% { opacity:0; }
}
@-moz-keyframes flickerAnimation43 {
	0%   { opacity:0; }
	25%  { opacity:0; }
	37%  { opacity:1; }
	50%  { opacity:1; }
	62%  { opacity:1; }
	100% { opacity:0; }
}
@-webkit-keyframes flickerAnimation43 {
	0%   { opacity:0; }
	25%  { opacity:0; }
	37%  { opacity:1; }
	50%  { opacity:1; }
	62%  { opacity:1; }
	100% { opacity:0; }
}

@keyframes flickerAnimation44 {
	0%   { opacity:0; }
	50%  { opacity:0; }
	62%  { opacity:1; }
	75%  { opacity:1; }
	87%  { opacity:0; }
	100% { opacity:0; }
}
@-o-keyframes flickerAnimation44 {
	0%   { opacity:0; }
	50%  { opacity:0; }
	62%  { opacity:1; }
	75%  { opacity:1; }
	87%  { opacity:0; }
	100% { opacity:0; }
}
@-moz-keyframes flickerAnimation44 {
	0%   { opacity:0; }
	50%  { opacity:0; }
	62%  { opacity:1; }
	75%  { opacity:1; }
	87%  { opacity:0; }
	100% { opacity:0; }
}
@-webkit-keyframes flickerAnimation44 {
	0%   { opacity:0; }
	50%  { opacity:0; }
	62%  { opacity:1; }
	75%  { opacity:1; }
	87%  { opacity:0; }
	100% { opacity:0; }
}

.grid .single a:hover .images.count-2 .image:nth-child(2) {
	-webkit-animation: flickerAnimation22 3s infinite;
	-moz-animation: flickerAnimation22 3s infinite;
	-o-animation: flickerAnimation22 3s infinite;
	animation: flickerAnimation22 3s infinite;
}

.grid .single a:hover .images.count-3 .image:nth-child(2) {
	-webkit-animation: flickerAnimation32 6s infinite;
	-moz-animation: flickerAnimation32 6s infinite;
	-o-animation: flickerAnimation32 6s infinite;
	animation: flickerAnimation32 6s infinite;
}

.grid .single a:hover .images.count-3 .image:nth-child(3) {
	-webkit-animation: flickerAnimation33 6s infinite;
	-moz-animation: flickerAnimation33 6s infinite;
	-o-animation: flickerAnimation33 6s infinite;
	animation: flickerAnimation33 6s infinite;
}

.grid .single a:hover .images.count-4 .image:nth-child(2) {
	-webkit-animation: flickerAnimation42 9s infinite;
	-moz-animation: flickerAnimation42 9s infinite;
	-o-animation: flickerAnimation42 9s infinite;
	animation: flickerAnimation42 9s infinite;
}

.grid .single a:hover .images.count-4 .image:nth-child(3) {
	-webkit-animation: flickerAnimation43 9s infinite;
	-moz-animation: flickerAnimation43 9s infinite;
	-o-animation: flickerAnimation43 9s infinite;
	animation: flickerAnimation43 9s infinite;
}

.grid .single a:hover .images.count-4 .image:nth-child(4) {
	-webkit-animation: flickerAnimation44 9s infinite;
	-moz-animation: flickerAnimation44 9s infinite;
	-o-animation: flickerAnimation44 9s infinite;
	animation: flickerAnimation44 9s infinite;
}

.grid .single .text {
	width:50%;
	float:left;
	height:240px;
	position:relative;
	display:block;
}




.grid .single:nth-child(2n+1){
	padding-left:calc(50% - 480px);
}

.grid .single:nth-child(2n){
	padding-right:calc(50% - 480px);
}

.grid .single:nth-child(4n-1) {
	background-color:#3FD5AE;
}

.grid .single:nth-child(4n-2) {
	background-color:#333333;
}

.grid .single:nth-child(4n-1) .text,
.grid .single:nth-child(4n-2) .text {
	background-color:#3FD5AE;
	color:#231f20;
}






.grid.program {
	margin-top:0px;
	margin-bottom:12px;
}

.grid.program + h2 {
	margin-top:30px;
}
.grid.program .single {
	width:25%;
}

.grid.program .single.shifted {
	margin-left:25%;
}

.grid.program .single:after {
	padding-bottom:100%;
}

.grid.program .single a {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.grid.program .single .text {
	width:100%;
	height:100%;
}

.grid.program .single:nth-child(2n+1){
	padding-left:0px;
}

.grid.rpgram .single:nth-child(2n){
	padding-right:0px;
}

.grid.program .single:nth-child(4n-1) .text,
.grid.program .single:nth-child(8n-2) .text,
.grid.program .single:nth-child(8n) .text {
	background-color:#231f20;
	color:#FFFFFF;
}

.grid.program .single:nth-child(8n-4) .text,
.grid.program .single:nth-child(8n-3) .text,
.grid.program .single:nth-child(8n-1) .text {
	background-color:#3FD5AE;
	color:#231f20;
}



.kiraathane-kitaplari .grid.flipped .single:nth-child(2n+1){
	background-color:#CCCCCC;
}

.kiraathane-kitaplari .grid .single:nth-child(4n-2) {
	background-color:#CCCCCC;
}

.kiraathane-kitaplari .grid.flipped .single:nth-child(4n-2) {
	background-color:transparent;
}

.kiraathane-kitaplari .grid .single:nth-child(4n-2) .text {
	background-color:#e6e6e6;
}

.kiraathane-kitaplari .grid .single:nth-child(4n-1) {
	background-color:#CCCCCC;
}

.kiraathane-kitaplari .single:nth-child(4n-1) .text {
	background-color:#e6e6e6;
}

.kiraathane-kitaplari .grid.flipped .single:nth-child(4n-1){
	background-color:transparent;
}

.kiraathane-kitaplari .grid.flipped .single:nth-child(4n){
	background-color:#CCCCCC;
}



.grid .single a:hover .text,
.kiraathane-kitaplari .grid .single a:hover .text {
	background-color:#FFFF00 !important;
	color:#231f20 !important;
}









.vertical-grid {
	width:calc(50% + 480px);
	padding-right:calc(50% - 480px);
	margin-left:calc(50% - 480px);
	background-color:#FFFF00;
	margin-top:60px;
	margin-bottom:20px;
	position:relative;
}

.vertical-grid:after {
	content:" ";
	clear:both;
	display:block;
}

.vertical-grid .spot {
	width:240px;
	height:240px;
	overflow:hidden;
}

.vertical-grid .spot .text {
	height:100%;
	float:none;
	color:#231f20;
}

.vertical-grid .image {
	position:absolute;
	width:720px;
	height:720px;
	top:0px;
	left:240px;
	background-size:cover;
	background-position:center center;
	display:none;
}

.vertical-grid .image.active {
	display:block;
}

.vertical-grid .spot:nth-child(4) .text {
	background-color:#FFFF00;
}

.vertical-grid .spot:nth-child(5) .text {
	background-color:#d9e021;
}

.vertical-grid .spot:nth-child(6) .text {
	background-color:#8cc63f;
}

/*
.vertical-grid .spot:hover .text,
.vertical-grid .spot.active .text {
	background-color:#3FD5AE !important;
}
*/

.vertical-grid .spot:hover .text {
	background-color:#3FD5AE !important;
}


header #mobile-menu {
	height:0px;
	overflow:hidden;
	position:absolute;
	z-index:1002;
	background-color:#3FD5AE;
	left:0px;
	top:71px;
	width:calc(100% - 30px);
	padding-bottom:0px;
	padding-right:30px;
	padding-top:0px;
	
	transition-property: height;
	transition-duration: 0.5s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

header #mobile-menu li:first-child {
	margin-top:16px;
}

header #mobile-menu li:last-child {
	margin-bottom:17px;
}

.kiraathane-kitaplari header #mobile-menu {
	background-color:#808080;
}

header #mobile-menu li {
	position:relative;
	display:block;
	float:none;
}

header #mobile-menu li a {
	color:#000000;
	font-weight:600;
	font-size:24px;
	line-height:42px;
	font-family:"FlamaCondensed";
}

header #mobile-menu li {
	text-align:right;
	padding-left:34px;
}

header #mobile-menu li a:hover,
header #mobile-menu li a.selected {
	color:#FFFF00;
}

header #mobile-social-media {
	position:absolute;
	top:71px;
	left:285px;
	display:none;
	z-index:105;
}

header #mobile-social-media li {
	position:relative;
	display:block;
}

header #mobile-social-media li a {
	position:relative;
	display:block;
	width:30px;
	height:auto;
	margin-bottom:13px;
}

header #mobile-social-media li svg {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

header #mobile-social-media li a:hover svg .bg {
	fill:#FFFF00;
}

header .container .inner {
	height:71px;
	width:calc(50% + 480px);
	max-width:960px;
	overflow:hidden;
	
	transition-property: height;
	transition-duration: 0.5s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

header.expanded .container .inner {
	background-color:#FFFF00;
	/*height:398px;
	height:377px;*/
}

.kiraathane-kitaplari header.expanded .container .inner {
	background-color:#CCCCCC;
	/*height:443px;*/
}



header.expanded .menu-toggle span {
	background-color:#000000;
}

header.expanded .menu-toggle:hover span {
	background-color:#3FD5AE;
}

.full-image-container {
	width:100%;
	height:530px;
	display:block;
	max-width:1020px;
	margin:0 auto 30px auto;
	padding:0 30px;
	
}

.full-image-container .image {
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
	background-color:#757575;
	position:relative;
}

.left figure {
	width:100%;
	display:block;
	margin-bottom:30px;
	position:relative;
}

.thumb-container {
	width:100%;
	display:block;
	position:relative;
}


.thumb-container:after {
	content:" ";
	display:block;
	padding-bottom:100%;
}

.thumb-container.full:after {
	padding-bottom:162%;
}

.thumb-container .image {
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
}

.thumb-container.full .image {
	border:1px solid #757575;
}

.thumb-contaner .image:after {
	content:" ";
	display:block;
	padding-bottom:100%;
}

.content-inner .thumb-container + p {
	margin-bottom:-12px;
}

.content-inner {
	width:100%;
	height:auto;
	display:block;
	max-width:1020px;
	margin:0 auto 8px auto;
	padding:0 30px;
}

.content-inner:after {
	content:" ";
	display:block;
	clear:both;
}

.content-inner .left {
	width:25%;
	float:left;
}

.content-inner.search-results .left {
	width:240px;
}
.content-inner .center {
	width:50%;
	float:left;
	margin-top:-7px;
	padding-left:20px;
}

.content-inner.search-results .center {
	margin-top:0px;
	width:480px;
}

.content-inner .right {
	width:25%;
	float:right;
}

.content-inner .right a {
	color:#000;
}

.content-inner .right a:hover {
	color:#3FD5AE;
}


.content-inner .center.full {
	width:100%;
	padding-left:0px;
}

.content-inner .button {
	background-color:#FFFF00;
	color:#000;
	font-family:"FlamaCondensed";
	font-weight:600;
	padding:5px 10px;
	margin-top:10px;
	display:inline-block;
}

.content-inner .button:hover {
	background-color:#3FD5AE;
}

.share {
	position:relative;
	display:block;
}

.share:after {
	content:" ";
	display:block;
	clear:both;
}

.share li {
	position:relative;
	float:left;
	margin-left:30px;
}

.share li a {
	width:30px;
	height:30px;
	display:block;
}

.share li a svg {
	width:100%;
	height:100%;
	display:block;
}

.share li a:hover svg .bg {
	fill:#3FD5AE;
}

.content-inner h2 {
	font-family:"FlamaCondensed";
	font-size:34px;
	line-height:36px;
	font-weight:600;
	margin-bottom:14px;
}

.content-inner h4 + h2 {
	margin-top:14px;
}

.content-inner h3 {
	font-family:"FlamaCondensed";
	font-size:22px;
	line-height:24px;
	font-weight:600;
	margin-bottom:14px;
}

.content-inner h3 a,
.content-inner h4 a {
	color:#000;
}

.content-inner h3 a:hover,
.content-inner h4 a:hover {
	text-decoration:underline;
}

.content-inner h2 + h3 {
	margin-top:-7px;
}

.content-inner h3 + h4,
.content-inner h2 + h4 {
	margin-top:-14px;
}

.content-inner p {
	margin-bottom:12px;
	font-size:16px;
	line-height:24px;
	font-weight:500;
}

.content-inner p span{
	font-size:16px !important;
	line-height:24px;
	font-weight:500 !important;
}

.content-inner p strong,
.content-inner p strong span {
	font-weight:700 !important;
}

.content-inner h4 + p {
	margin-top:7px;
}

.content-inner p + h2,
.content-inner p + h3,
.content-inner ul + h2,
.content-inner ol + h2,
.content-inner ul + h3,
.content-inner ol + h3 {
	margin-top:24px;
}

.content-inner p img {
	width:100%;
}

.content-inner p a {
	color:#3FD5AE;
}

.content-inner p a:hover {
	text-decoration:underline;
}
.content-inner .center ul,
.content-inner .center ol {
	margin-bottom:12px;
}

.content-inner .center ol ol {
	margin-bottom:0px;
}

.content-inner .center li {
	list-style-type:disc;
	margin-left:1em;
	padding-left:0.5em;
}

.content-inner .center ol li {
	list-style-type:decimal;
	margin-left:2em;
	padding-left:0.5em;
}

.content-inner .center ol li li{
	list-style-type:lower-alpha;
}

.content-inner .center ol li li li{
	list-style-type:lower-roman;
}

#search-site {
	position:absolute;
	top:-30px;
	left:0px;
	width:100%;
	height:30px;
	padding-left:240px;
	z-index:1000;
	
	transition-property: top;
	transition-duration: 0.5s;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-transform:translate3d(0,0,0);
}

form#search-site input[type='text'] {
	width:calc(100% - 90px);
	background-color:#FFFFFF;
	text-align:right;
	padding-right:20px;
	border-left:0px;
}
form#search-site label svg {
	left:0px;
	top:0px;
}

form#search-site input[type='text']::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000000;
	opacity: 1; /* Firefox */
}

form#search-site input[type='text']:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #000000;
}

form#search-site input[type='text']::-ms-input-placeholder { /* Microsoft Edge */
	color: #000000;
}

form#search-site a#close-search {
	float:right;
	width:30px;
	height:30px;
	margin-left:30px;
	background-color:#231f20;
	position:relative;
}

form#search-site a#close-search svg:first-child {
	position: absolute;
	display: block;
	top: 6px;
	left: 7px;
}

form#search-site a#close-search svg:last-child {
	position: absolute;
	display: block;
	top: 6px;
	left: 14px;
}

form#search-site a#close-search:hover {
	background-color:#3FD5AE;
}

form#search-site a#close-search:hover svg rect {
	fill:#231f20;
}

#search-site.show {
	top:0px;
}


/*
.program {
	position:relative;
	display:block;
}

.program:after {
	content:" ";
	display:block;
	clear:both;
}
.program .event {
	position:relative;
	display:block;
	padding-top:12px;
	padding-bottom:12px;
	color:#000;
	width:25%;
	position:relative;
	float:left;
	line-height:20px;
	background-color:#FFF;
	overflow:hidden;
	border:1px solid rgba(51, 51, 51, 0.20);
	margin-top:-1px;
}


.program .event + .event {
	border-left:0px;
}

.program .event + .event:nth-child(4n+1) {
	border-left:1px solid rgba(51, 51, 51, 0.20);
}
.program .event:after {
	content:" ";
	display:block;
	padding-bottom:100%;
}



.program .event:hover,
.program .event.expanded {
	background-color:#FFFF00;
}

.program .event:after {
	content:" ";
	display:block;
	clear:both;
}

.program .event .inner {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.program .event .box {
	position:absolute;
	top:-1px;
	left:-1px;
	background-color:#333333;
	color:#FFF;
	line-height:30px;
	width:30px;
	height:30px;
	text-align:center;
	font-weight:600;
}
.program .event .date {
	width:100%;
	float:right;
	font-weight:600;
	text-align:right;
	padding-right:15px;
	padding-top:5px;
}

.program .event .hour {
	width:100px;
	float:left;
	font-weight:600;
}


.program .event .status {
	width:240px;
	float:left;
	clear:left;
	font-style:italic;
}

.program .event .status.last {
	display:block;
}

.program .event .status.middle {
	width:240px;
	float:left;
	clear:left;
	font-style:italic;
	display:none;
	padding-bottom:12px;
}

.program .event .status.last {
	display:none;
}


.program .event .detail {
	width:100%;
	display:block;
	clear:both;
	padding:15px;
}

.program .event .detail h3 {
	font-weight:600;
	color:#3FD5AE;
}

.program .event .detail h4 + h3,
.program .event .detail p + h3 {
	margin-top:6px;
}

.program .event .detail h4 {
	font-weight:500;
}
.program .event .detail p {
	display:none;
}

.program .event.expanded .detail p {
	display:block;
}
*/
/*
@media (max-width:1230px){ 
	header,
	#content,
	footer {
		max-width:1080px;
	}
	header .container,
	footer .container {
		width:calc(100% - 60px);
	}
	header .container {
		margin-left:60px;
	}
	footer .container {
		margin-right:60px;
	}
	
	header #social-media, 
	header #menu {
		margin-right:60px;
	}
	.carousel {
		width:calc(100% - 60px);
	}
	#logo-swap {
		right:60px;
	}
	footer #logo {
		margin-left:60px;
	}
	
	footer .right {
		width:calc(100% - 300px);
	}
	
	#back-to-top {
		margin-right:60px;
	}
	
	.wide {
		width:calc(100% - 60px);
		padding-left:60px;
		margin-right:60px;
	}
	
	.wide.flipped {
		padding-left:0px;
		margin-right:0px;
		padding-right:60px;
		margin-left:60px;
	}
	
	.single:nth-child(2n+1) {
		padding-left:60px;
	}
	.single:nth-child(2n) {
		padding-right:60px;
	}
	
	.vertical-grid {
		width:calc(100% - 60px);
		padding-right:60px;
		margin-left:60px;
	}
	
	.carousel.inner-carousel {
		width: calc(100% - 120px);
		margin-left: 60px;
		margin-right: 60px;
	}
}

@media (max-width:1100px){ 
	header,
	#content,
	footer {
		max-width:none;
	}
	header .container,
	footer .container {
		width:100%;
	}
	
	header .container {
		padding-left:30px;
		margin-left:0px;
	}
	footer .container {
		padding-right:30px;
		margin-right:0px;
	}
	
	header #logo {
		left:30px;
	}
	header #social-media, 
	header #menu {
		margin-right:30px;
	}
	.carousel {
		width:calc(100% - 30px);
	}
	#logo-swap {
		right:30px;
	}
	footer #logo {
		margin-left:30px;
	}
	
	footer .right {
		width:calc(100% - 270px);
	}
	
	#back-to-top {
		margin-right:30px;
	}
	.wide {
		width:calc(100% - 30px);
		padding-left:30px;
		margin-right:30px;
	}
	
	.wide.flipped {
		padding-left:0px;
		margin-right:0px;
		padding-right:30px;
		margin-left:30px;
	}
	
	.single:nth-child(2n+1) {
		padding-left:30px;
	}
	.single:nth-child(2n) {
		padding-right:30px;
	}
	
	.vertical-grid {
		width:calc(100% - 30px);
		padding-right:30px;
		margin-left:30px;
	}
	
	.vertical-grid .image {
		width:calc(100% - 270px);
	}
	
	.carousel.inner-carousel {
		width: calc(100% - 60px);
		margin-left: 30px;
		margin-right: 30px;
	}
}
*/
.fancybox-caption {
	text-align:center;
}
.fancybox-caption:after {
	border-bottom:0px;
}


.application-form {
	display:none;
	padding-top:10px;
}

.application-form.show {
	display:block;
}

.application-form .form-row {
	position:relative;
	display:block;
	margin-bottom:10px;
	margin-top:10px;
}

.application-form .form-row:after {
	content:' ';
	display:block;
	clear:both;
}

.application-form label {
	position:relative;
	float:left;
	width:150px;
	background-color:transparent;
	cursor:default;
}

.application-form label.full {
	width:100%;
	height:auto;
	margin-bottom:6px;
}

.application-form input[type='text'].full {
	width:100%;
}

.application-form label:hover {
	background-color:transparent;
}

.application-form .radio-holder {
	position:relative;
	float:left;
	width:auto;
}
.application-form .radio-holder:after {
	content:" ";
	display:block;
	clear:both;
}

.application-form .radio-holder input[type='radio']{
	line-height:26px;
	height:26px;
	position:relative;
	float:left;
}

.application-form .radio-holder span{
	line-height:24px;
	margin-left:5px;
	margin-right:20px;
	display:block;
	float:left;
}

.application-form .radio-holder.check {
	background-color:#FFFF00;
}


.application-form input[type='text'] {
	background-color:#CCCCCC;
	width:calc(100% - 150px);
	margin-bottom:0px;
}

.application-form input[type='text'].half {
	width:calc(50% - 75px);
}

.application-form input[type='text'].check {
	background-color:#FFFF00;
}

.application-form textarea {
	background-color:#CCCCCC;
	width:calc(100% - 150px);
	height:100px;
	margin-bottom:0px;
	border-left:2px solid #000;
	padding:3px 7px;
}

.application-form textarea.full {
	width:100%;
}

.application-form textarea.check {
	background-color:#FFFF00;
}

.application-form input[type='submit'] {
	display:block;
	margin-left:150px;
	margin-bottom:0px;
	margin-top:20px;
	cursor:pointer;
}


.application-form .response {
	margin-left:150px;
}


#application-form.application-form input[type='submit'],
#application-form.application-form .response {
	margin-left:0px;
}

.application-form hr {
	border:0px;
	border-top:2px solid #808080;
	padding-bottom:8px;
	display:block;
	margin-top:20px;
}

.application-form input:-webkit-autofill,
.application-form input:-webkit-autofill:hover, 
.application-form input:-webkit-autofill:focus,
.application-form textarea:-webkit-autofill,
.application-form textarea:-webkit-autofill:hover
.application-form textarea:-webkit-autofill:focus,
.application-form select:-webkit-autofill,
.application-form select:-webkit-autofill:hover,
.application-form select:-webkit-autofill:focus {
	background-color:#CCCCCC;
	border: 0px;
	border-left:2px solid #000;
	-webkit-text-fill-color: #000000;
	-webkit-box-shadow: 0 0 0px 1000px #CCCCCC inset;
	transition: background-color 5000s ease-in-out 0s;
}

.application-form input.check:-webkit-autofill,
.application-form input.check:-webkit-autofill:hover, 
.application-form input.check:-webkit-autofill:focus,
.application-form textarea.check:-webkit-autofill,
.application-form textarea.check:-webkit-autofill:hover
.application-form textarea.check:-webkit-autofill:focus,
.application-form select.check:-webkit-autofill,
.application-form select.check:-webkit-autofill:hover,
.application-form select.check:-webkit-autofill:focus {
	background-color:#FFFF00;
	border: 0px;
	border-left:2px solid #000;
	-webkit-text-fill-color: #000000;
	-webkit-box-shadow: 0 0 0px 1000px #FFFF00 inset;
	transition: background-color 5000s ease-in-out 0s;
}

.search-result {
	display:block;
	color:#000;
	margin-bottom:20px;
}

.search-result .more {
	font-weight:600 !important;
}

.search-result:hover h3 {
	color:#3FD5AE;
}

.search-result .text {
	max-height:76px;
	overflow:hidden;
}
.search-result h3 {
	margin-bottom:0px;
}

.search-result h4 {
	font-weight:600;
	font-family: "FlamaCondensed";
}

.content-inner .search-result p {
	margin-bottom:0px;
	line-height:20px;
}

.season-switch {
	color:#000;
	position:absolute;
	right:0px;
	font-family: "FlamaCondensed";
	font-size: 18px;
	line-height: 36px;
	font-weight: 600;
	margin-top: 6px;
}

.season-switch:hover {
	text-decoration:underline;
}

@media (max-width:1020px){
	header #menu {
		display:none;
	}
	header .menu-toggle {
		display:block;
	}
	
	
	header.expanded #mobile-menu {
		height:285px;
	}
	
	.kiraathane-kitaplari header.expanded #mobile-menu {
		height:327px;
	}
	
	header.expanded .container .inner {
		height:377px;
	}

	.kiraathane-kitaplari header.expanded .container .inner {
		height:443px;
	}
	
	header {
		margin-left:30px;
		width:calc(100% - 30px);
	}
	
	header.stick {
		padding-left:30px;
	}
	header .container {
		padding-right:30px;
	}
	
	header .container .inner {
		width:calc(100% + 30px);
	}
	
	header #social-media, 
	header #menu {
		margin-right:30px;
	}
	
	#search-site {
		width:calc(100% - 30px);
	}
	
	.carousel {
		width:100%;
	}
	
	#logo-swap {
		right:30px;
	}
	
	.wide {
		width:calc(100% - 30px);
		padding-left:30px;
	}
	
	
	
	
	.grid .single .images {
		width:100%;
	}
	.grid .single .text {
		width:100%;
		height:220px;
	}
	
	.grid .single:nth-child(2n+1) {
		padding-left:30px;
	}
	
	.grid .single:nth-child(2n) {
		padding-right:30px;
	}
	
	.grid.program .single {
		width:33.33%;
	}
	
	.grid.program .single:nth-child(2n+1) {
		padding-left:0px;
	}
	
	.grid.program .single:nth-child(2n) {
		padding-right:0px;
	}
	
	.grid.program .single:nth-child(6n-5) .text,
	.grid.program .single:nth-child(6n-3) .text,
	.grid.program .single:nth-child(6n-1) .text {
		background-color:#231f20;
		color:#FFFFFF;
	}

	.grid.program .single:nth-child(6n-4) .text,
	.grid.program .single:nth-child(6n-2) .text,
	.grid.program .single:nth-child(6n) .text {
		background-color:#3FD5AE;
		color:#231f20;
	}
	
	
	
	.vertical-grid {
		width: calc(100% - 30px);
		padding-right: 30px;
		margin-left: 30px;
	}
	
	.vertical-grid .image {
		width:75%;
		left:calc(25% - 30px);
	}
	
	.vertical-grid .spot {
		width:25%;
	}
	
	#back-to-top {
		margin-right:30px;
	}
	
	footer .container {
		width:calc(100% - 30px);
		padding-left:30px;
	}
	
	.carousel.inner-carousel {
		width:calc(100% - 60px);
		margin-left:30px;
		margin-right:30px;
	}
	
	.wide.flipped {
		padding-right: 30px;
		margin-left: 30px;
	}
	
	.carousel .slide.book img {
		left:270px;
	}
	
	.carousel .slide.book .text {
		left:500px;
	}
	
} 

@media (max-width:940px){
	
	.carousel.inner-carousel .slide .spot .image {
		width: 100%;
		float:none;
		height:50%;
	}
	
	.carousel.inner-carousel .slide .spot .text {
		width: 100%;
		float:none;
		height:50%;
	}
	.carousel.inner-carousel .slide,
	.carousel.inner-carousel .slide .spot {
		height:600px;
	}
	
	/*.carousel.inner-carousel {
		height:660px;
	}
	*/
	
	.wide.double .image {
		width:50%;
		float:left;
	}
	
	.wide.double .image:after {
		content:" ";
		display:block;
		padding-bottom:100%;
	}
	.wide.double .text {
		width:100%;
		clear:both;
		height:auto;
	}
	
	.wide.double {
		height:auto;
	}
	
	.carousel .slide.book img {
		top:30px;
	}
	
	.carousel .slide.book .text {
		top:23px;
	}
}

@media (max-width:860px){
	.carousel .cycle-caption span {
		display:block;
		padding-left:0px;
	}
	
	/*.carousel {
		height:566px;
	}
	
	
	.carousel .slide {
		height:calc(100% - 96px);
	}
	
	.carousel.inner-carousel .slide {
		height:calc(100% - 60px);
	}
	*/
	
	.carousel .slide.book .text {
		left:268px;
		height:auto;
		top:368px;
		width:200px;
	}
	
	.carousel .slide.book .text h2 {
		font-size:30px;
		line-height:30px;
	}
	.carousel .slide.book .text h3 {
		font-size:22px;
		line-height:28px;
	}
	
	
	.carousel .slide.book .text p {
		display:none;
	}
}

@media (max-width:800px){
	.content-inner .left {
		width:calc(100% + 30px);
		float:none;
	}
	
	.content-inner.search-results .left {
		width:240px;
		float:left;
	}
	.content-inner .right {
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	.content-inner .center {
		width:100%;
		float:none;
		padding-left:0px;
		clear:both;
	}
	
	.content-inner.search-results .center {
		width:calc(100% - 240px);
		float:left;
		padding-left:20px;
		clear:none;
	}
	
	.content-inner .center.full {
		width:100%;
	}
	
	.grid.program .single.shifted {
		margin-left:0px;
	}
	
	.left figure {
		width:25%;
		float:left;
		padding-right:30px;
	}
	
	.content-inner .left:after {
		content:" ";
		display:block;
		clear:both;
	}
	
	.share li {
		margin-left:0px;
		margin-right:30px;
	}
	
	.share li:last-child {
		margin-right:0px;
	}
	
	footer .tagline {
		clear:left;
	}
	
	
}

@media (max-width:720px){
	.vertical-grid .image {
		width:100%;
		position:relative;
		top:auto;
		left:auto;
		height:auto;
	}
	
	.vertical-grid .image:after {
		content:" ";
		display:block;
		padding-bottom:100%;
	}
	
	.vertical-grid .spot {
		width:33.33%;
		float:left;
	}
	
	footer .right {
		padding-left:30px;
	}
	
	#platform24 {
		top:auto;
		bottom:0px;
		right:0px;
	}
	
	footer #social-media {
		padding-right:0px;
	}
	
	#logo-swap {
		bottom:auto;
		top:305px;
	}
	
	.carousel .cycle-pager {
		margin-right:0px;
	}
	
	.grid.program .single {
		width:50%;
	}
	
	.grid.program .single:nth-child(4n-3) .text,
	.grid.program .single:nth-child(4n) .text {
		background-color:#231f20;
		color:#FFFFFF;
	}

	.grid.program .single:nth-child(4n-2) .text,
	.grid.program .single:nth-child(4n-1) .text {
		background-color:#3FD5AE;
		color:#231f20;
	}
	
	.carousel .slide.book .text {
		display:none;
	}
	
	.carousel .slide.book img {
		width:100%;
		height:auto;
		left:0px;
		top:0px;
	}
	
}

@media (max-width:680px){
	footer .bottom {
		display:block;
	}
	
	footer .right #social-media {
		display:none;
	}
	
	footer .right .copyright {
		display:none;
	}
	
	footer .right #platform24 {
		display:none;
	}
	
	footer .bottom #platform24 {
		right:30px;
	}
	
	footer {
		height:auto;
	}
	
	/*.carousel {
		height:606px;
	}
	
	.carousel .slide {
		height:calc(100% - 136px);
	}
	.carousel .cycle-caption {
		float:none;
		width:calc(100% - 165px);
	}
	.carousel .cycle-pager {
		float:none;
		padding-left:15px;
		padding-top:0px;
		padding-bottom:9px;
	}*/
	
	.kiraathane-kitaplari .carousel .cycle-pager {
		padding-top:20px;
		padding-bottom:19px;
	}
	
	.carousel.inner-carousel .slide {
		height:calc(100% - 60px);
	}
	
	.carousel.inner-carousel .cycle-pager {
		float:none;
		padding-left:0px;
		padding-top:20px;
		padding-bottom:19px;
	}
}

@media (max-width:600px){ 
	header #social-media li {
		display:none;
	}
	
	header #social-media li:last-child {
		display:block;
	}
	/*
	header .menu-toggle {
		margin-top:20px;
		margin-bottom:21px;
		clear:none;
	}*/
	
	/*header.expanded #mobile-social-media {
		display:none;
	}
	*/
	
	.left figure {
		width:33%;
	}
}

@media (max-width:580px){
	.vertical-grid .spot {
		width:100%;
		float:none;
		height:auto;
	}
	
	.vertical-grid .spot p{
		display:none;
	}
	.vertical-grid .spot h2{
		margin-bottom:0px;
	}
	
	footer #logo {
		width:calc(100% - 30px);
		float:none;
		height:auto;
	}
	footer .right {
		width:100%;
		height:auto;
		padding-left:0px;
		padding-right:30px;
	}
	
	footer form {
		max-width:none;
	}
	form input[type='text'] {
		width:calc(100% - 30px);
	}
	
	
	.grid .single {
		width:calc(100% - 30px);
	}
	
	.grid .single:nth-child(2n) {
		margin-left:30px;
	}
	
	.grid .single .text {
		height:auto;
		padding-bottom:50px;
	}
	
	.kiraathane-kitaplari .grid .single .text {
		padding-bottom:16px;
	}
	
	.grid.program .single {
		width:50%;
	}
	
	.grid.program .single:nth-child(2n) {
		margin-left:0px;
	}
	
	
	.wide {
		height:auto;
	}
	.wide .image {
		float:none;
		width:100%;
	}
	
	.wide .image:after {
		content:" ";
		display:block;
		padding-bottom:50%;
	}
	
	.wide .text {
		float:none;
		width:100%;
	}
	/*.carousel {
		height:642px;
	}
	
	.carousel .slide {
		height:calc(100% - 172px);
	}
	*/
	.carousel.inner-carousel .slide  {
		height:calc(100% - 60px);
	}
	
	.carousel.inner-carousel .slide .spot:nth-child(2){
		display:none;
	}
	
	.carousel.inner-carousel .slide .spot{
		width:100%;
	}
	
	.wide.double .image{
		width:100%;
	}
	
	/*.program .event .detail {
		float:left;
		clear:both;
		width:100%;
	}
	
	.program .event .status.last {
		display:none;
	}
	.program .event .status.middle {
		display:block
	}*/
}


@media (max-width:530px){
	
	.carousel .cycle-caption {
		float:none;
		width:100%;
	}
	.carousel .cycle-pager {
		float:none;
		padding-left:15px;
		padding-top:0px;
		padding-bottom:9px;
	}
	
	.kiraathane-kitaplari .carousel.with-caption .cycle-pager {
		float:none;
		padding-left:15px;
	}
	
	header #logo {
		height:0px !important;
	}
	
	
	/*.carousel {
		height:607px;
	}
	
	.kiraathane-kitaplari .carousel {
		height:530px;
	}
	
	.carousel .slide {
		height:calc(100% - 137px);
	}
	
	.kiraathane-kitaplari .carousel .slide {
		height:calc(100% - 60px);
	}*/
	
	/*header.expanded.stick #logo-swap {
		display:block;
	}*/
	

	header.stick #logo-swap {
		display:block;
	}
	
	header #social-media {
		display:none;
	}
	
	header #mobile-social-media {
		display:block;
		position:absolute;
		right:30px;
		z-index:1004;
		left:auto;
	}
	
	header #social-media li {
		display:block;
		margin-bottom:20px;
		float:none;
	}
	
	header #mobile-social-media li:first-child svg rect,
	header #mobile-social-media li:first-child svg path,
	header #mobile-social-media li:last-child svg rect,
	header #mobile-social-media li:last-child svg path,
	header #mobile-social-media li:last-child svg circle {
		fill:#3FD5AE;
	}
	
	.kiraathane-kitaplari header #mobile-social-media li:first-child svg rect,
	.kiraathane-kitaplari header #mobile-social-media li:first-child svg path,
	.kiraathane-kitaplari header #mobile-social-media li:last-child svg rect,
	.kiraathane-kitaplari header #mobile-social-media li:last-child svg path,
	.kiraathane-kitaplari header #mobile-social-media li:last-child svg circle  {
		fill:#808080;
	}
	
	header #mobile-social-media li:first-child svg .bg,
	header #mobile-social-media li:last-child svg .bg {
		fill:#333333;
	}
	
	.kiraathane-kitaplari header #mobile-social-media li:first-child svg .bg,
	.kiraathane-kitaplari header #mobile-social-media li:last-child svg .bg {
		fill:#333333;
	}
	
	.kiraathane-kitaplari header #mobile-social-media li a:hover svg .bg {
		fill:#FFFF00;
	}
	
	.kiraathane-kitaplari header #mobile-social-media li:first-child a:hover svg .bg,
	.kiraathane-kitaplari header #mobile-social-media li:last-child a:hover svg .bg {
		fill:#FFFF00;
	}
	
	/*header.expanded #mobile-social-media {
		display:block;
	}*/
	
	header.expanded .container .inner,
	.kiraathane-kitaplari header.expanded .container .inner {
		height:562px;
	}
	
	.carousel .cycle-caption {
		width:100%;
	}
	
	header.expanded #mobile-menu {
		height:470px;
	}
	
	header .menu-toggle {
		margin-top:20px;
	}
	
	header #mobile-menu li:first-child {
		margin-top:175px;
	}
	
	header #mobile-menu li {
		text-align:left;
	}
	
	header.expanded #social-media li a svg rect, 
	.kiraathane-kitaplari header.expanded #social-media li a svg rect,
	header.expanded #social-media li a svg path, 
	.kiraathane-kitaplari header.expanded #social-media li a svg path {
		fill:#333333;
	}


	header.expanded #social-media li a svg .bg, 
	.kiraathane-kitaplari header.expanded #social-media li a svg .bg {
		fill:#000000;
	}
	
	header #logo-swap {
		display:none;
		pointer-events:none;
	}
	
	header.expanded #logo-swap {
		pointer-events:auto;
	}
	
	header.stick #logo-swap {
		top:auto;
		top:376px;
	}
	
	header.search-open .inner {
		padding-top:30px;
	}
	
	header.search-open #logo {
		top:30px;
	}
	
	#search-site {
		padding-left:0px;
	}
	
	form#search-site input[type='text'] {
		text-align:left;
		padding-left:0px;
	}
	
	header.search-open #mobile-menu {
		top:101px;
	}
	
	header.search-open #mobile-social-media {
		top:101px;
	}
	
	header.stick.search-open #logo-swap {
		top:406px;
	}
	
	.grid.program .single {
		width:100%;
	}
	
	.grid.program .single:nth-child(2n-1) .text {
		background-color:#231f20;
		color:#FFFFFF;
	}

	.grid.program .single:nth-child(2n) .text {
		background-color:#3FD5AE;
		color:#231f20;
	}
	
	.grid.program .single a {
		position:relative;
		top:auto;
		left:auto;
	}
	
	.grid.program .single:after {
		padding-bottom:0px;
	}
	
	.application-form label {
		width:100%;
		height:auto;
		margin-bottom:6px;
	}
	
	.application-form input[type='text'],
	.application-form textarea {
		width:100%;
	}
	
	.application-form input[type='text'].half {
		width:50%;
	}
	
	.application-form input[type='submit'],
	.application-form p.response {
		margin-left:0px;
	}
	
	.content-inner.search-results .left {
		display:none;
	}
	
	.content-inner.search-results .center {
		width:100%;
		float:none;
		padding-left:0px;
	}
}


@media (max-width:420px){
	.carousel .cycle-caption {
		font-size:24px;
		line-height:30px;
	}
	
	/*.carousel {
		height:595px;
	}
	
	.kiraathane-kitaplari .carousel {
		height:530px;
	}
	
	.carousel .slide {
		height:calc(100% - 125px);
	}
	
	.kiraathane-kitaplari .carousel .slide {
		height:calc(100% - 60px);
	}
	*/
	
	header #logo {
		width:200px;
		height:200px;
	}
	
	header #logo.no-bg {
		height:58px !important;
	}
	
	header.expanded #logo {
		height:200px!important;
	}
	
	
	#logo-swap {
		width:120px;
		height:120px;
		bottom:auto;
		top:350px;
	}
	
	
	header .container .inner {
		height:58px;
	}
	
	header.expanded .container .inner,
	.kiraathane-kitaplari header.expanded .container .inner {
		height:548px;
	}
	
	header.flow {
		margin-top:58px;
	}
	#content.padded{
		margin-top:28px;
	}
	
	header #mobile-menu {
		top:58px;
	}
	/*
	header #mobile-menu {
		padding-top:172px;
	}*/
	
	header.expanded #mobile-menu,
	.kiraathane-kitaplari header.expanded #mobile-menu {
		height:470px;
	}
	
	header .menu-toggle {
		margin-top:20px;
	}
	
	header #mobile-menu li:first-child {
		margin-top:155px;
	}
	
	header #mobile-menu li {
		text-align:left;
	}
	
	header #mobile-menu li a {
		line-height:44px;
	}
	
	header.stick #logo-swap {
		top:408px;
	}
	
	.left figure {
		width:50%;
	}
	
	.thumb-container:nth-child(2n){
		margin-right:0px;
	}
	
}

@media (max-width:350px){
	.carousel .slide.book img {
		width:auto;
		height:470px;
	}
}