html, body, diye applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, select, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
	scroll-behavior: smooth;
  
}  
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	   font-family: 'Rubik', sans-serif;
	   background-repeat: round;
	   background-attachment: fixed;
	   line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	margin:0 auto;
}
:focus {
	outline: 0;
}
body {
	
}
.container {

	width: 100%;
	margin: 0 auto;
	position: relative;
}

.header {
	width: 100%;
	height: 6.6%;
	position: fixed;
	z-index: 912;
	background: #ffc8760d;

	}

	.header-text {
    height: 44px;
    overflow: hidden;
    top: 0%;
    right: 9.0%;
    display: block;
    position: absolute;
    z-index: 1;
	}

	.header-text:hover {
     height: 381px;
	}
	
	.header-text img:hover {opacity: 1.0;width: 98%;transition: .5s;image-rendering: pixelated;border-radius: 09px;}
	.header-text img {}
	.header-text span {float: right;}
	@media only screen and (max-width: 700px) {.header-text  {height: 80px;overflow: hidden;top: 50px;right: 3%;display: block;position: absolute;z-index: 1;}}
	@media only screen and (max-width: 700px) {.header-text img  {width: 80px;}}
	@media only screen and (max-width: 500px) {.header-text img {font-size: 80px;}}
	.logo {width: 45%;height: 80px;padding-top: 0px;padding-left: 0px;filter: drop-shadow(0px 0px 1px black) blur(0.4px);}
	.logo img {width: 65%;height: 80px;position: relative;padding-left: 10px;}
	.logo a:hover {opacity: .7;}
	@media only screen and (max-width: 1000px) {.logo img {width: 71.3%;height: 80px;}}
	@media only screen and (max-width: 700px) {.logo img {width: 80%;height: 80px;margin: 6px 0;}}
	@media only screen and (max-width: 500px) {.logo img {z-index:-10;width: 95%;height: 80px;}}
	.logo3 {}
	.logo3 img {}
	.logo3 a:hover {opacity: .7;}
/* ANASAYFADAKI BUYUK RESIM */
section {
	background-color: #ffffff;
	min-height: 100vh;
	padding: 100px;
	position: relative;
	width: 100%;
	z-index: 10;
	border-bottom: outset;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, rgba(0,0,0,1)), color-stop(0.35, rgba(0,0,0,1)), color-stop(0.50, rgba(0,0,0,1)), color-stop(0.65, rgba(0,0,0,1)), color-stop(0.85, rgba(0,0,0,0.6)), color-stop(1.00, rgba(0,0,0,0)));
}
.margin-400 {margin-bottom: 400px;}
section img {	height: 100%;	left: 0;	object-fit: cover;	position: absolute;	top: 0;	width: 100%;	 }
section h2 {font-size: 4em;}
section p {font-size: 1.2em;margin: 1rem 0;}
	.logo2 {position: fixed;display: block;top: 0.2%;right: 1%;}
	.logo2 img {width: 84%;z-index: 10;}
    .logo2 a:hover {opacity: .7;}	
@media only screen and (max-width: 1000px) {.logo2 img {display: none;}}
@media only screen and (max-width: 700px) {.logo2 img {display: none;}}
@media only screen and (max-width: 500px) {.logo2 img {display: none;}}
/* adsense 728x90 .ads728x90 {width: 28px;height: 90px;float: right;margin-top: 30px;display: none;}*/
	.menu {
  	width: 100%;
    line-height: 41px;
    opacity: 1;
    text-transform: uppercase;
    font-weight: bold;
    left: 0px;
    position: fixed;
    z-index: 912;
    overflow: initial;
    background: rgb(195, 0, 78);
	}
	.menu ul li {float: left;}
	.menu ul li a {display: block;font-size: 85%;color: rgb(255, 255, 255);padding: 0px 11px;}
	.menu ul li.active a,
	.menu ul li a:hover {background: #cccc;box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset,-1px 0 0 0 rgba(0,0,0,.2) inset;}
	.search {width: 150px;line-height: normal;margin-left: 3%;z-index: 912;box-shadow: rgb(64, 49, 33) 9px 3px 6px;border-radius: 3px;}
	.search input {width: 150px;padding: 7px;color: #d65f31;background: rgb(0 0 0 / 8%);top: 13%;right: 8%;position: absolute;height: 34px;font-family:Bungee;font-display: swap;}
@media only screen and (max-width: 1000px) {.search input {top: 85px;right: 5%;}}
@media only screen and (max-width: 700px) {.search input {top: 85px;right: 5%;}}
@media only screen and (max-width: 500px) {.search input {top: 85px;right: 5%;}}
.slider {width: 100%;bottom: 39%;position: sticky;display: block;z-index: 11;}
@media only screen and (max-width: 1000px) {.slider {display: none;}}
@media only screen and (max-width: 700px) {.slider {display: none;}}
@media only screen and (max-width: 500px) {.slider {display: none;}}
.slider-inner {width: 100%;}
.slider-inner ul{width: 60%;right: 1px;margin: 0 auto;display: flex;position: inherit;}
.slider-inner img {height: 130px;width: 99%;filter: drop-shadow(0px 0px 1px black);border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;}
.slider-inner img {transition: .5s ease;}
.slider-inner ul:after {
	position: absolute;
	content: ' ';
	width: 100%;
	bottom: -31px;
	left: 0;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px; 
}

.slider-inner ul:hover {position: relative;opacity: 0.7;}
@media only screen and (max-width: 1000px) {.slider {height: 210px;}}
@media only screen and (max-width: 700px) {.slider {height: 230px;margin: 6px 0;}}
@media only screen and (max-width: 500px) {.slider {height: 278px;}}

.slider ul li {
	width: 100%;
	display: inline-table;
	position: inherit;
	}
	
.slider ul li .film-detail {
	position: relative;
    font-size: 25px;
    text-align: center;
    color: #e4be45;
    text-shadow: rgb(0 0 0) 0px -1px 3px, rgb(0 128 10) 0px 0px 0px;
}
.slider ul li .film-detail span {display: block;}
.slider ul li .film-detail .film-title {
	    position: absolute;
    bottom: 0;
    text-overflow: ellipsis;
    white-space: break-spaces;
    overflow: hidden;
    background-color: #faebd799;
}
.slider ul li .film-detail .film-lang {display: inline-block;background: #17455c;margin-bottom: 10px;border-radius:3px;color:#fff;}
.slider .prev-btn {width: 14px;height: 21px;text-indent: -9999px;position: absolute;top: 100px;left: 0;}
.slider .next-btn {width: 14px;height: 21px;text-indent: -9999px;position: absolute;top: 100px;right: 0;}
.slider .prev-btn:hover,
.slider .next-btn:hover {opacity: .7;}

.film-tavsiye {
	width: 100%;
	height: 100px;
	bottom: 41%;
	position: sticky;
	 font-family: Bungee;
	z-index: 10;
	margin: auto;
    letter-spacing: 1px;
    text-shadow: rgb(185 255 108) 0px 1px 1px, #e81a1a 1px 1px 4px;
	line-height: 115%;
	text-align: center;
	font-size: 160%;
	font-variant-caps: small-caps
}

@media only screen and (max-width: 1000000px)
{.film-tavsiye {background: #deb8871c;width: 100%;bottom: 59.4%;line-height: 148%;filter: invert(1);  }}

@media only screen and (max-width: 1000px)
{.film-tavsiye {width: 100%;bottom: 60%;line-height: 148%;}}

@media only screen and (max-width: 700px) {
  .film-tavsiye  {font-size: 25px;bottom: 66%;line-height: 200%;}
}
@media only screen and (max-width: 500px) {
	.film-tavsiye {bottom: 61%;line-height: 200%;font-size: 19px;}
}
.film-tavsiye h6, .film-tavsiye a {display: inline-block;color: #f59840;text-shadow: #607D8B -1px 3px 3px, #9C27B0 0px 2px 0px;padding: 10px 10px 0px;}
.film-tavsiye h6 {padding-right: 20px;margin-right: 7px;}
.film-tavsiye a:hover {text-decoration: underline;color: #ddd;}
.film-biggtext1 {position: static;bottom: 99%;width: 100%;text-align: center;/* font-size: 23px; */font-family: Arial, sans-serif;}
.film-biggtext2 {text-align: center;font-size: 23px;font-family: Arial, sans-serif;}
.film-biggtext3 {}
.film-biggtext4 {color: #FF8F00;left: 0px;bottom: 00px;width: 100%;text-align: center;font-size: 1px;font-family: Arial, sans-serif;    display: none;}
/* content */
div.title {background-color: #806f66;display: none;height: 38px;position: initial;font-size: small;margin-bottom: 10px;}
div.title h6 {line-height: 42px;text-indent: 5px;font-weight: bold;color: #f3f0f0;text-align: -webkit-center;text-transform: uppercase;}
div.title h1 {line-height: 42px;text-indent: 5px;font-size: 19px;font-weight: bold;color: rgb(255, 255, 255);}
.border-left-radius-none {border-radius: 0 3px 0 0!important;}
/* main tab */
.main-tab ul {padding-top: 6px;}
.main-tab li {float: right;margin-right: 20px;}
.main-tab li a {display: block;font-weight: bold;font-size: 16px;border-radius: 3px;height: 30px;line-height: 30px;padding: 0 10px;}
.main-tab li a:hover {text-shadow: 0 -1px 4px #CCCC, 0 -10px 20px #ff8000, 2px 2px 2px rgba(206,89,55,0);background: #ddd;box-shadow: 0 1px 0 0 rgba(0,0,0,.1) inset;}
.main-tab li.active a {color: #806f66;}
.main-tab h6 {float: left;padding-left: 20px;padding-right: 10px;}
.gallery{}
.reddox {}
.left { /* margin-bottom: 4px;border: 4px solid #0084ff1a;border-radius: 0.25rem; box-shadow: 0px 15px 50px 10px rgb(0 0 0 / 20%); */}
/* leftsayfa SADECE SAYFA DA CALISIR */
.leftsayfa {width: 100%;height: 525px;bottom: -26%;position: sticky;display: inline-block;margin: auto;z-index: 44;}


.iframex
{
	width:100%;
	height:450px;


}


.lefttwo {
    height: 100%;
    width: 75.1%;
    background-color: ghostwhite;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 1px 6px #3F3F3F;
    -moz-box-shadow: 0px 1px 6px #3F3F3F;
    box-shadow: 0px 1px 6px #3F3F3F;
    position: relative;
   border-radius: 89px;
    margin: auto;
    position: sticky;
    z-index: 911;
}	
@media only screen and (max-width: 1000px) {.lefttwo {width: 99%;}}
@media only screen and (max-width: 700px) {.lefttwo {width: 99%;}}
@media only screen and (max-width: 500px) {.lefttwo {width: 99%;}}
/* araclar katagorisi anasayfadaki araclari siralama */

* {box-sizing: border-box;}

	.filmler {}
	/* .filmler:hover {border: 1px solid #777;} */
	.filmler li {float: left;width: 32.99999%;position: relative;margin: 1px;filter: drop-shadow(0px 1px 1px black);}
@media only screen and (max-width: 1000px) {.filmler li {width: 32.99999%;}}
@media only screen and (max-width: 700px) {.filmler li {width: 100%;margin: 6px 0;}}
@media only screen and (max-width: 500px) {.filmler li {width: 100%;}}
	.filmler li:nth-child(4n) {margin-right: 0;}
	.filmler li a {display: block;font-weight: bold;color: rgb(255, 255, 255);height: 325px;}
	 
	.filmler li a img {width: 100%;height: 325px;}
	
	
	.filmler li:hover {
 
	 -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
	      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
}
	
	
 /*	.filmler li .title {
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0px;
    -webkit-text-stroke: thin;
    text-transform: capitalize;
    font-size: larger;
    color: #4c3838;
    height: auto;
    background: #ff0000b3;
    height: 38px;
    position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);  Black see-through 
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}
 */
	.filmler li a > .film-lang {
		display: block;
		height: 20px;
		width:70%;
		margin: 5px auto;
		line-height: 20px;
		background: #17455c;
		color: #ffffff;
		padding: 0 10px;
		border-radius: 3px;
		margin-bottom: 10px;
	}
/*	.filmler li .view {float: left;background: url(../images/view-bg.png) no-repeat 0;padding-left: 30px;margin-left: 10px;display: none;}
	.filmler li .imdb {display: none;}
 	.filmler li .booknow {display: none;color: rgb(255, 255, 255);margin-bottom: 0px;position: absolute;top: 0px;background: rgb(195, 0, 78);}
*/	.filmler li .mainpageyakit {display: none;color: rgb(255, 255, 255);margin-bottom: 0px;position: initial;top: 0px;background: rgb(195, 0, 78);}


	.filmler li .film-detail {
		width: 100%;
		height: 115px;
		position: absolute;
		top: 66%;
		left: 0px;
		font-size: 133%;
		-webkit-text-stroke: thin;
		z-index: 3;
		text-align: left;
		display: none;
		}
	.filmler li .film-detail:hover {
		-webkit-transform: scale(1.06);
		-moz-transform: scale(1.06);
		-o-transform: scale(1.06);
		-ms-transform: scale(1.06);
		transform: scale(1.06);
		-webkit-filter: grayscale(0.6) blur(1px);
		filter: grayscale(0.6) blur(1px);
		z-index: 1;
		position: absolute;
		display: block;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;}
	
	.filmler li .film-detail span {
		background: #e1e1e1;
		color: #17455c;
		display: block;
	}
	
	.filmler li .film-detail .film-title {text-transform: uppercase;color: #3a84df;width: 100%;background: #fbfbfb;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	 .filmler li .film-detail .film-lang {display: inline-block;background: #f3f0f0;width: 100%;color: #4488dd;/* padding: 5% 8%;*/}
	.filmler li .film-detail .mainpageyakit {display: inline-block;background: #f3f0f0;width: 100%;color:#396c9e;/* padding: 5% 8%;*/}
	.right {display: block;height: 100%;width: 75.1%;margin: 0 auto;margin-top: 50px;}
	.righthide {display: none;}
	.containersec {font-variant-caps: small-caps;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom: 66px;}
	.containersechide {display:none;}
@media only screen and (max-width: 1000px) {.right {width: 90.3%;}}
@media only screen and (max-width: 700px) {.right {width: 99%;}}
@media only screen and (max-width: 500px) {.right {width: 99%;}}
	.gunun-filmi {-webkit-border-radius: 8px;-moz-border-radius: 8px;-moz-box-shadow: 0px 1px 6px #3F3F3F;width: 100%;height: 325px;display: none;overflow: hidden;position: relative;}
	.gunun-filmi .prev-btn {
		background: url(../images/slider-btn.png) no-repeat;
		width: 14px;
		height: 21px;
		position: absolute;
		text-indent: -9999px;
		position: absolute;
		top: 120px;
		left: 0px;
		z-index: 2;
		cursor: pointer;
	}
	.gunun-filmi .next-btn {
		background: url(../images/slider-btn.png) no-repeat -14px 0;
		width: 14px;
		height: 21px;
		position: absolute;
		text-indent: -9999px;
		position: absolute;
		top: 120px;
		right: 0px;
		z-index: 2;
		cursor: pointer;
	}
	.gunun-filmi .next-btn:hover,
	.gunun-filmi .prev-btn:hover {		opacity: .7;	}
	.gunun-filmi a {    display: inline;    width: 96px;    margin: 0 auto;	}
	.gunun-filmi img {
width: 248px;
    height: 230px;
    position: inherit;
    border-radius: 6px;
	}
	
	.gunun-filmi .title {
    position: sticky;
    bottom: 35px;
    width: 100%;
    text-align: center;
    color: #FFB521;
    font-size: 15px;
    font-weight: bold;
	}
	.gunun-filmi .alt {    bottom: 0px;    position: absolute;    display: inline-table;    text-align: center;	}
	.gunun-filmi .alt span {
		display: inline-block;
		background: #17455c;
		color: #FFB521;
		border-radius: 7px;
		padding: 5px 6px 7px;
		margin: 0 5px;
		font-size: 13px;
		font-weight: bold;
	}
	
	/* ads 300x250
	.ads300x250 {
		width: 300px;
		height: 250px;
		overflow: hidden;
		background: #194e63;
		margin-top: 8px;
		display: none;
	} */
	

	.category {
	background: url(../images/mavi.png);
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow:0px 1px 6px #3F3F3F;
    -moz-box-shadow:0px 1px 6px #3F3F3F;
    box-shadow:0px 1px 6px #3F3F3F;
		overflow: hidden;
	}
	.category li {
		float: left;
		width: 100%;
		background: url(../images/mavi.png);
  		background-position: center;
 		background-repeat: no-repeat;
  		background-size: cover;
  		position: relative;
		opacity: 1.00;
		
		 }
	.category li a {
		display: block;
		background: url(../images/icon-dot.png) no-repeat 10px;
		font-size: 13px;
		font-weight: bold;
		padding: 10px 10px 9px 25px;
		color: #000;
	}
	.category li a:hover {		color: #999;	}	
	.last-comments ul li {		overflow: hidden;	}
	.last-comments ul li a img {
		float: left;
		width: 59px;
		height: 59px;
		margin-right: 5px;
	}
	.last-comments ul li a {		display: block;		padding: 5px 7px 5px 0;	}
	.last-comments ul li a .title {
		font-size: 11px;
		color: #222;
		display: block;
	}
	.last-comments ul li a .title span {		float: right;	}
	.last-comments ul li a .text {
		display: block;
		font-size: 10px;
		color: #959595;
		line-height: 15px;
		padding-top: 5px;
	}
	.last-comments ul li a:hover {		background: #f5f5f5;	}

.content {
  width: 98.1%;
  opacity: 1.5;
  border-radius: 8px;
  margin: auto;
  bottom: 34%;
  position: sticky;
  display: block;
  z-index: 911;
  margin: auto;
}

.sccontent {
  width: 100%;
  height: 525px;
  bottom: -45%;
  position: sticky;
  display: block;
  margin: auto;
  z-index: 44;
  width: 80.1%;
}

@media only screen and (max-width: 1000px) {
  .sccontent {    width: 90.3%;  }
}

@media only screen and (max-width: 700px) {
  .sccontent  {    width: 99%;  }
}

@media only screen and (max-width: 500px) {
  .sccontent  {    width: 100%;	} 
}


.cerceve {
	  	background: url(../images/mavi.png);
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-radius:8px;
		-webkit-box-shadow:0px 1px 6px #3F3F3F;
		-moz-box-shadow:0px 1px 6px #3F3F3F;
		box-shadow:0px 1px 6px #3F3F3F;
  		background: url(../images/mavi.png);
  		background-position: center;
 		background-repeat: no-repeat;
  		background-size: cover;
  		position: relative;
		opacity: 1.00;
        border-radius: 3px;
}

	.footer {    position: relative;    width: 100%;    height: 100%;    margin: 0 auto;    display: block;}

	.copyright {
	width: 100%;
    text-align: center;
    background-color: #efefef;
    color: #767676;
    font-size: 14px;
    line-height: 18px;
    display: block;
    z-index: 100000;
    position: relative;
}
	.tuscologoenalt {    	width: 200px;height: 50px;	  }
	.tuscologoenalt img{    	width: 200px;	height: 50px;  }

	@media only screen and (max-width: 1000px) {
  .copyright {
    	width: 100%;
		text-align: center;
		background-color: #f3f0f0;
		font-size: 14px;
		line-height: 18px;
		display: block;
		z-index: 100000;
		position: relative;
  }
}

@media only screen and (max-width: 700px) {
  .copyright {
    	width: 100%;
		text-align: center;
		background-color: #f3f0f0;
		font-size: 14px;
		line-height: 18px;
		display: block;
		z-index: 100000;
		position: relative;
  }
}

@media only screen and (max-width: 500px) {
  .copyright {
    	width: 100%;
		text-align: center;
		background-color: #f3f0f0;
		font-size: 14px;
		line-height: 18px;
		display: block;
		z-index: 100000;
		position: relative;
  }
}

	.footer-logo {	float: left;    padding-top: 40px;	}
	
	.footer-text {
	text-align: center;
    position: absolute;
    top: 8px;
    line-height: 15px;
    left: 0;
    width: 100%;
    font-family: Arial, sans-serif;
    color: #FFB521;
    font-size: 1px;
    font-weight: bold;
	}
.bootstrap-tagsinput{  font-family: Bungee; font-size: 12px; font-display: swap;
}
	.film-ozet {   width: 100%;    margin-bottom: 4px;    bottom: 83.5%;    position: inherit;    z-index: 912;}
	.film-ozet .afis {		position: absolute;		top: 0px;		left: 5px;	}
	.film-ozet .afis img {		width: 400px;		height: 300px;		border-radius: 1px;		border: 1px solid #fff;	}
	.film-ozet ul {	    width: 100%;    position: initial;    display: flex;    z-index: 1;    text-align: center;    border-radius: 11px;    transition: .5s;}
	.film-ozet ul li {    color: #ffffff;    width: 100%;    display: inline-grid;    margin-bottom: 1px;    font-size: 140%;    font-family: inherit;    font-weight: bolder;    text-shadow: rgb(0 0 0) 0px 1px 3px, rgb(167 167 167) 1px 1px 4px; }	
	.filmgizle {    display:none; }
	.filmgoster {    display:block; }
	
@media only screen and (max-width: 1000px) {
  .film-ozet ul li { text-shadow: rgb(241 242 243) 0px 2px 2px, rgb(23 0 0) 3px 0px 2px; line-height: 23px;    width: 100%; color: ghostwhite;	display: block;    margin-bottom: 4px;    font-family: inherit;    font-weight: bolder;  font-display: swap;   font-family: 'Bungee';
    font-size: 1.5vw;
	}
}

@media only screen and (max-width: 700px) {
  .film-ozet ul li {
    text-shadow: rgb(241 242 243) 0px 2px 2px, rgb(23 0 0) 3px 0px 2px;
    line-height: 23px;
    width: 100%;
	color: ghostwhite;
	display: block;
    margin-bottom: 4px;
    font-family: inherit;
    font-weight: bolder;
	}
}
@media only screen and (max-width: 500px) {.film-ozet ul li {text-shadow: rgb(241 242 243) 0px 2px 2px, rgb(23 0 0) 3px 0px 2px;line-height: 23px;width: 100%;color: ghostwhite;display: block;margin-bottom: 4px;font-family: inherit;font-weight: bolder;}}
.film-ozet ul li span {}
@media only screen and (max-width: 1000px) {.film-ozet ul {top: 311px;width: 100%;right: 0px;position: absolute;display: list-item;z-index: 1;text-align: end;}}
@media only screen and (max-width: 700px) {.film-ozet ul {top: 311px;width: 100%;right: 0px;position: absolute;display: list-item;z-index: 1;text-align: end;}}
@media only screen and (max-width: 500px) {.film-ozet ul {top: 311px;width: 100%;right: 0px;position: absolute;display: list-item;z-index: 1;text-align: end;}}
.film-ozet ul li span {font-variant-caps: small-caps; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height: 1.6;}
.left-inner {padding: 0 0px 0;}
.comment {overflow: hidden;margin-bottom: 5px;background: url();border-radius: 3px;padding: 21px 14px;color: #fff;}
.comment .avatar {float: left;width: 71px;height: 71px;margin-right: 6px;}
.comment .title {display: inline-block;font-size: 14px;width: 565px;padding-bottom: 5px;border-bottom: 1px solid #306073;margin-bottom: 5px;}
.comment .title a {color: #fff;}
.comment .title span {float: right;font-size: 12px;}
.comment .comment-text {font-size: 13px;line-height: 18px;}

.add-comment-text {
	width: 428px;
	height: 27px;
	line-height: 27px;
	color: #fff;
	font-size: 13px;
	text-indent: 10px;
	font-weight: 400;
	background: #194e63;
	border-radius: 3px;
	display: block;
	margin-bottom: 5px;	
}
.add-comment-text-right {
	float: right;
	width: 240px;
	height: 27px;
	line-height: 27px;
	text-indent: 10px;
	color: #fff;
	font-size: 13px;
	background: #2a2a2a;
	border-radius: 3px;
	font-weight: 400;
}

.video-tab {overflow: hidden;}
.video-tab ul li {float: left;margin-right: 1px;}
.video-tab ul li a {display: block;line-height: 35px;padding: 0 8px;color: #fff;font-size: 14px;}
.video-tab ul li.light a,
.video-tab ul li.active a {/*background: #194e63;*/}
.video-tab ul li.light {position: relative;z-index: 1001;}
.video-embed {width: 1px;height: 1px;padding: 0px 0;text-align: center;position: relative;z-index: 1001;}
.video-ads .ads300x250 {display: inline-block;}
.video-ads .video-load {display: none; font-size: 24px;font-weight: 300;padding-top: 25px;}
.video-ads .video-load span {font-size: 11px;display: block;padding-top: 8px;}
.video-ads .video-load span strong {cursor: pointer;}
.video-player {width: 100%;height: 100%;display: none;}
.enflag {width: 100%;height: 100%;}
.film-desc {width: 80.1%;margin: 0 auto;border: 3px solid #d8d8d8;border-left: none;padding-top: 10px;border-right: none;overflow: hidden;background: -webkit-linear-gradient(#f9f9f9a6, #f9f9f9a6, #f9f9f9a6);margin-bottom: 20px;}
@media only screen and (max-width: 1000px) {.film-desc {width: 90.3%;}}
@media only screen and (max-width: 700px) {.film-desc {width: 99%;}}
@media only screen and (max-width: 500px) {.film-desc {width: 99%;}}
.film-big-afis {width: 250px;height: 250px;}

/* ads468x60 
.ads468x60 {
	width: 468px;
	height: 60px;
	overflow: hidden;
	background: #194e63;
	display: none;
}*/
.film-desc-right {padding-top: 0px;width: 100%;}
.film-desc-text {font-size: 16px;line-height: 17px;color: #222;padding-top: 0px;width: 99%;margin: 0 auto;}
.film-share {width: 70%;margin: 0 auto;display: flex;}
.film-share > div {display: block;margin: 0 auto;padding: 15px;}
@media only screen and (max-width: 1000px) {.film-share {width: 99%;}}
@media only screen and (max-width: 700px) {.film-share {width: 99%;}}
@media only screen and (max-width: 500px) {.film-share {width: 99%;}}
.lighter {background: rgba(0,0,0,.8);position: fixed;top: 0;left: 0;width:100%;height:100%;z-index: 1000;display: none;}
/* ads160x600 .ads160x600 {	width: 160px;	height: 600px;	position: fixed;	bottom: 0;	display: none;}*/
.yorumyap tr td{padding:10px 10px 10px 10px;}
.yorumyap tr td input[type=text]{border:1px solid #ddd;border-radius:5px;padding:2px;width:500px}
.yorumyap tr td textarea{border:1px solid #ddd;border-radius:5px;padding:2px;width:500px}
.yorumyap tr td input[type=submit]{padding:10px;border-radius:10px;cursor:pointer}
.bigtext {-webkit-appearance: textarea;color: #e8f2ff;font-size: 101%;padding: 1px 2px 1px 0px;}
.biggtext {float: right;font-weight: bold;color: #bc064e;font-size: 22px;display: none;}
.fling-minislide {height:520px;width: 100%;overflow:hidden;position:relative;background: url(../images/loading.gif);background-repeat: no-repeat;background-size: cover;background-position: center;image-rendering: auto;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    /* border-radius: 30px; */
    z-index: 10;
}
.fling-minislide img{height:520px;position:absolute;animation:fling-minislide 20s infinite;opacity:0;width: 100%;}
@keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}}
.fling-minislide img:nth-child(4){animation-delay:0s;}
.fling-minislide img:nth-child(3){animation-delay:5s;}
.fling-minislide img:nth-child(2){animation-delay:10s;}
.fling-minislide img:nth-child(1){animation-delay:15s;}
.fling-minislide {}
#share-buttons img {width: 28%;padding: 5px;border: 0;filter: drop-shadow(0px 0px 1px black);display: inline;}
#share-buttons img:hover {width: 32%;image-rendering: pixelated;border-radius: 79px;}
.copyrightmain {display: block;position: relative;width: 100%;z-index: 1000000;}
.googlemap {width: 100%;display: contents;position: initial;z-index: 1000;}
.googlemap img {width: 100%;height: 230px;image-rendering: pixelated;display: block;}
.directorys {width: 100%;height: 100px;}
/* BURDAN BASLIYOR FOOTER */
body,
html {margin: 0;padding: 0;}
.hidden {display:none;}
.footer-gray {width: 100%;}
.footer-custom {color: #1381fa;max-width: 1265px;box-sizing: border-box;margin: 0 auto;padding: 15px;    font-size: small;font-family:Bungee;font-display: swap;}
.footer-custom:after {display: table;clear: both;content: "";}
.footer-lists:after {display: table;clear: both;content: "";}
.ftr-hdr {color: #d95f30;margin: 1em 0 0;} 
@media only screen and (min-width: 768px) {.ftr-hdr {font-size: 18px;}}
.footer-list-wrap {width: 50%;float: left;box-sizing: border-box;}
@media only screen and (min-width: 568px) {.footer-list-wrap {width: 33.3333%;}}
@media only screen and (min-width: 768px) {.footer-list-wrap {width: 25%;}}
.ftr-links-sub {padding: 0;margin: 0;}
.ftr-links-sub:after {display: table;clear: both;content: "";}
.ftr-links-sub li {display: block;font-size: small;list-style-type: none;margin: 0;padding: 3px 0;color: #1381fa;text-transform: uppercase;font-family: Bungee;font-display: swap;}
.footer-custom a,
.footer-custom a:link,
.footer-custom a:visited,
.ftr-links-sub li .link {text-decoration: none;color: #1381fa;padding: 5px 0;display: block;}
.footer-custom .footer-legal a {display: inline;}
.footer-custom a:hover,
.footer-custom a:active,
.ftr-links-sub li .link:hover {text-decoration: underline;color: #888;cursor: pointer;}
@media only screen and (min-width: 768px) {.footer-custom a, .footer-custom a:link, .footer-custom a:visited, .ftr-links-sub li .link {padding: 0;}}
.solinfo-sol {float: left;width: 40%;display: inline-block;left: 12px;position: relative;}
.solinfo-center {text-align: center;display: flow-root;width: 100%;}
.solinfo-center1 {text-align: center;display: flex;width: 100%;}
.solinfo-sag {width: 50%;text-align: center;float: right;display: flow-root;}
.solinfo-sag1 {width: 66%;display: flex;text-align: center;float: right;height: 35px;}
.footer-email {text-align: center;}
#ftrEmailForm {height: 44px;}
#ftrEmailForm .error {display: none;color: red;text-align: left;}
#ftrEmailForm #ftrEmailInput {background: none repeat scroll 0 0 #FFF;border: 1px solid #D6D6D6;box-sizing: border-box;color: #888;float: left;font: normal normal 14px/1.4 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;padding: 5px;width: 70%;height: 100%;}
#ftrEmailForm #ftrEmailInput:hover {border: 1px solid #888;}
#ftrEmailForm #ftrEmailInput:focus {border: 1px solid #ef9223;outline: #ef9223 auto 5px;}
#ftrEmailForm .button {
  width: 30%;
  height: 100%;
  padding: 5px;
  float: left;
  border: 1px solid #DFDFDF;
  box-sizing: border-box;
  color: #000;
  font: normal bold 18px/1 BebasFamily, BebasNeueRegular, "Bebas Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  background: #FFF;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e1e1e1));
  background: -webkit-linear-gradient(top, white 0, #e1e1e1 100%);
  background: -moz-linear-gradient(top, white 0, #e1e1e1 100%);
  background: -ms-linear-gradient(top, white 0, #e1e1e1 100%);
  background: -o-linear-gradient(top, white 0, #e1e1e1 100%);
  background: linear-gradient(to bottom, white 0, #e1e1e1 100%);
  cursor: pointer;
  vertical-align: middle;
  outline: none;
}
#ftrEmailForm .button:hover,
#ftrEmailForm .button:active {background: black;color: #FFF;outline: none;}
.footer-social {text-align: center;}
.footer-social ul {padding: 0;display: inline-block;list-style-type: none;}
.footer-social ul:after {display: table;clear: both;content: "";}
.footer-social li {float: left;margin: 0 auto;padding: 2px;}
.footer-social li img{width:34px;height: 34px;}
@media only screen and (min-width: 768px) {.footer-lists {width:100%;}  .footer-email {width: 50%;float: left;text-align: left;} .footer-social {width: 45%;margin-left: 5%;float: left;text-align: left;}}
@media only screen and (min-width: 1008px) {.footer-lists {width: 66.6666%;    float: left;  } .footer-email {width: 33.3333%;}  .footer-social {width: 33.3333%;float: right;margin-left: 0;}} .footer-legal {padding: 15px 0 0;clear: left;} .footer-payment {text-align: center;}
@media only screen and (min-width: 768px) {.footer-legal {width: 66.6666%;float: left;} .footer-payment {width: 33.3333%;float: left;}}
@media only screen and (min-width: 1008px) {.footer-payment {text-align: left;}}.footer-payment ul {padding: 0;display: inline-block;list-style-type: none;}.footer-payment ul li {display: inline-block;margin: 0 6px;}
@media only screen and (min-width: 1008px) {.footer-payment ul li.ftr-stella {margin-left: 0;  }}
/* BURDAN BITIYOR FOOTER  */
@media only screen and (max-width: 1000px) {.googlemap {width: 100%;height: 100%;display: contents;position: absolute;z-index: 1000;}}
@media only screen and (max-width: 700px) {.googlemap {width: 100%;height: 100%;display: contents;position: absolute;z-index: 1000; }}
@media only screen and (max-width: 500px) {.googlemap {width: 100%;height: 100%;display: contents;position: absolute;z-index: 1000;}}
.altikonlar {display: block;padding-top: 3px;width: 17%;	z-index: 1000;position: fixed;left: 2px;bottom: 0px;border-radius: 3px;	margin: auto;}
.altikonlar img {width: 80px;height: 80px;}
.altikonlar img:hover {opacity: 1.0;width: 8%;height: 8%;transition: .5s; image-rendering: pixelated; border-radius: 79px;}
.altikonlar {display: block;padding-top: 3px;z-index: 1000;position: fixed;left: 2px;bottom: -32px;border-radius: 3px;margin: auto;}
@media only screen and (max-width: 1000000px) { .altikonlar { width: 100%; }}
@media only screen and (max-width: 500px) {.altikonlar img {width: 13.4%; height: 100%;  }}
@media only screen and (max-width: 700px) {.altikonlar  { width: 100%; height: 10%; }}
@media only screen and (max-width: 500px) {.altikonlar { width: 100%;}}
.ortalanmisyazi {
    padding: 10px;
    display: table;
    width: 100%;
    text-align: justify;
   
    z-index: 100000;
    position: relative;
    margin: auto;
    font-size: 1.1em;
   
    
    font-variant-caps: small-caps;
    color: #4488dd;
    font-family: Bungee;
	font-display: swap;
    letter-spacing: 0.5px;
}

.airservice , .airbagservice , .hizservice, .absservice,
.airportservice, .cdservice, .autoservice, .navservice, .helmetservice, .babyservice 

{ font-weight: bold; border-bottom: dotted;color: rgb(92 209 255);padding: 7px; border-radius: 30px; font-variant-caps: small-caps;}
 
.hizservice img {width: 70px;height: 70px;}
.absservice img {width: 70px;height: 70px;}
.airportservice img {width: 70px;height: 70px;}
.cdservice img {width: 70px;height: 70px;}
.autoservice img {width: 70px;height: 70px;}
.navservice img {width: 70px;height: 70px;}
.helmetservice img {width: 70px;height: 70px;}
.babyservice img {width: 70px;height: 70px;}
.ortayer {background: rgb(239 239 239);font-size: 0.9em;font-weight: bold;text-align: justify;margin: auto;color: #767676;font-variant-caps: small-caps;text-align-last: center;}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
                     transform: translate3d(0,0,0);
               transform-style: preserve-3d;
                    box-shadow: 0 0 0 rgb(228 0 0 / 90%);
  }

  40%, 43% {
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
                     transform: translate3d(0, -30px, 0);
               transform-style: preserve-3d;
                    box-shadow: 0 30px 30px rgb(0 208 20 / 93%);
  }

  70% {
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
                     transform: translate3d(0, -15px, 0);
               transform-style: preserve-3d;
                    box-shadow: 0 15px 15px rgb(255 0 113);
  }

  90% {
            transform: translate3d(0,-4px,0);
      transform-style: preserve-3d;
           box-shadow: 0 4px 4px rgba(255 0 113);
  }
}



.acilipkapanir img {animation: bounce 1s infinite;transform-origin: center bottom;animation: none;}
.acilipkapanir {max-height: 0px;width: 656px;-webkit-transition: max-height 1s ease;-moz-transition: max-height 1s ease;-o-transition: max-height 1s ease;transition: max-height 1s ease;margin: 0px auto;display: contents;position: absolute;z-index: 1012;}
.acilipkapanir ul {margin-top: 50px;}
.acilipkapanir img {width: 110px;margin: 0px auto;display:block;position: fixed;top: 33%;left: 3%;z-index: 1012;}
@media only screen and (max-width: 1000px) {.acilipkapanir img {display:block;}}
@media only screen and (max-width: 700px) {.acilipkapanir img {display: none;}}
@media only screen and (max-width: 500px) {.acilipkapanir img {display: none;}}
.acilipkapanir img:hover {opacity: .5;}
.acilipkapanir img:hover {opacity: .5;}
.acilipkapanir:hover {max-height: 100%;}
.span{color:#FF9900; display:block; margin-bottom:5px;}
.hashtag {-webkit-appearance: textarea;color: #c5713761;display: block;font-size: 9px;	    top: 129px;	    width: 57%;}
.film-slider {-webkit-appearance: textarea;color: #d6d6d6;display: block;position: relative;font-size: 17px;top: 139px;}	
.delivery-tablemain{width: 75.1%;display: flex;padding-top: 12px;margin: 0 auto;border-right: none;border-left: none;position: inherit;border-radius: 11px;transition: .5s;}
@media only screen and (max-width: 1000px) {.delivery-tablemain {width: 99%;}}
@media only screen and (max-width: 700px) {.delivery-tablemain {width: 99%;}.delivery-table img {width: 90%;}}
@media only screen and (max-width: 500px) {.delivery-tablemain {width: 99%;}.delivery-table img {width: 90%;}}
.delivery-table{width: 25%;margin: 0 auto;text-align: center;}	
.delivery-table img
{
      display: block;
      position: initial;
      margin: 0 auto;
      border-radius: 7px;
      transition: .5s;
	   filter: drop-shadow(0px 0px 1px black);
  		
}	

.delivery-table img:hover {
        image-rendering: pixelated;
        border-radius: 22px;
 }

.delivery-text{
        color: #19b5e4;
         font-family: revert;
         font-size: 120%;
         padding: 10px 2px 1px 0px;
         display: block;
         font-weight: bold;
          font-variant-caps: small-caps;
}


.delivery-aracops
{
       width: 75.1%;
       DISPLAY: block;
       position: inherit;
       margin: 0 auto;
       margin-bottom: 20px;
}


@media only screen and (max-width: 1000px) {
 
.delivery-aracops {
	width: 90.3%;
  }	
}

@media only screen and (max-width: 700px) {
  
.delivery-aracops {
	width: 99%;
  }  
}

@media only screen and (max-width: 500px) {
 
.delivery-aracops {
	width: 99%;
  } 
}

.delivery-gizli
{
   width: 19%;
    DISPLAY: none;
    POSITION: static;
    text-transform: uppercase;
    margin-top: 16px;
    margin-bottom: 20px;
    text-align: center;
}

.delivery-aracopstable
{
    width: 19.6%;
    DISPLAY: inline-block;
    POSITION: static;
     
	height: 160px;
    
    text-align: center;
    font-size: 155%;
    line-height: 25px;
    filter: drop-shadow(1px 2px 2px);
}	


.delivery-gorulen
{
    width: 119%;
    DISPLAY: none;
    POSITION: static;
    text-transform: uppercase;
    margin-top: 16px;
    margin-bottom: 20px;
    text-align: center;
}


@media only screen and (max-width: 500px) {
  .delivery-aracopstable {
    width: 49%;
    color: #f1eff0;
  }
}

@media only screen and (max-width: 700px) {
  .delivery-aracopstable  {
    width: 49%;
    color: #f1eff0;
  }
}
@media only screen and (max-width: 500px) {
  .delivery-aracopstable {
   width: 49%;
  }
}


.delivery-aracopstable img
{
   
    DISPLAY: block;
    POSITION: initial;
    margin: 10px auto;
    text-align: center;
}	

.delivery-aracopstext{
    -webkit-appearance: textarea;
    color: #f0eeef;
    font-size: 20px;
    display: block;
    font-weight: bold;
    filter: drop-shadow(0px 0px 1px black);
}

@media screen and (max-width: 600px) {
  .no-mobile {
    visibility: hidden;
    clear: both;
    display: none;
  }
}

.area {
  text-align: center;
  font-size: 6.5em;
  color: #fff;
  letter-spacing: -7px;
  font-weight: 700;
  text-transform: uppercase;
  animation: blur .75s ease-out infinite;
  text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff;
}

@keyframes blur {
  from {
    text-shadow:0px 0px 10px #fff,
      0px 0px 10px #fff, 
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #7B96B8,
      0px 0px 150px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px -10px 100px #7B96B8,
      0px -10px 100px #7B96B8;
  }
}
#cssmenu{    width:auto;    display:block;    text-align:center;    font-family: unset;    color: bisque;}
#cssmenu ul{       width: auto;       display: block;       text-align: center;       color: #ffffff;       margin: 0px;       padding: 0px;       list-style: none;       position: relative;       z-index: 999999990;       border-radius: 3px;}
#cssmenu li{    display:inline-block;    position:relative;    margin:0;    padding:0;}
#cssmenu >ul>li>span, #cssmenu >ul>li>a {    color:inherit;    text-transform:none;    letter-spacing:normal;    display:block;    position:relative;    transition:all 0.3s;}
#cssmenu li:hover{   color: #ff0303;    background-color: #ffffff;}
#cssmenu .dropdown{    text-align:left;    left:0;    font-family:inherit;    color: #CCCCCC;    background-color:#222222;    border:none;    position:absolute;    box-shadow: 0 4px 8px rgba(0,0,0,0.3);    display:none;    opacity:0;    cursor:default;}
#cssmenu .dropdown li {    display: block;  }
#cssmenu .dropdown li > span, #cssmenu .dropdown li > a, #cssmenu .clm a, #cssmenu .clm h3 {    font-size:18px;    font-weight:400;    font-family:inherit;    margin:0;    padding:12px 20px;     display:block;    color:inherit;    text-decoration:none;}
#cssmenu .clm h3 {    font-size:20px;    font-weight:700;}
#cssmenu .sub-item {    background-color:#222222;    position:relative;           transition:all 0.3s;}
#cssmenu .dropdown li:hover > span, #cssmenu .dropdown li:hover > a{    color:#FFFFFF;    background-color:#222222;}
#cssmenu .clm a:hover{    color:#FFFFFF;    transition:color 0.2s;}
#cssmenu .dropdown.right0 {left:auto;right:0;} 
#cssmenu .dropdown li > .dropdown.right0 {left:auto;right:100%;} 
#cssmenu li.full-width{    position:static;}
#cssmenu li.full-width .dropdown{    width:100%;    left:0;    box-sizing:border-box;}  
#cssmenu li:hover > .dropdown{    display:block;    opacity:1;    z-index:1;}
#cssmenu .dropdown li > .dropdown{    left:100%; right:auto;    top:0;}
#cssmenu ul.dropdown{    min-width:240px;}
#cssmenu div.dropdown  {    text-align:center;}
#cssmenu .clm{    text-align:left;    margin:20px;    vertical-align:top;    width:auto;    min-width:240px;    display:inline-block; }
#cssmenu .clm a:hover{   color:#FFFFFF;    text-decoration:underline;}
#cssmenu .arrow {    color:inherit;    border-style:solid; border-width:3px 3px 0 0; padding:8px; transform:rotate(135deg);margin-top:-15.5px;margin-left:8px;    position:relative;    display: inline-block;    width: 0;    height: 0;    vertical-align:middle;    overflow:hidden;/*for IE6*/}
#cssmenu .dropdown .arrow {    transform:rotate(45deg);    top:50%;margin-top:-11px;    position:relative;top:auto;} 
/*######## styles for mobile mode */
.menu-icon {    display: none; }
@media only screen and (max-width: 99999px) {    .menu-icon {display:block;}
    #cssmenu  {       width: 90%;       max-width: 90%;       margin: 0 auto;       display: none;       background-color: #00000066;       border: 1px solid rgba(255,255,255,0.1);       box-sizing: border-box;       border-radius: 26px;       z-index: 999999990;    }
    #cssmenu  {        position:fixed;       top:0;        bottom:0;        left:0;        font-size: xx-large;        right:0;        top:-130%;        bottom:auto;        box-shadow:0 4px 18px rgba(0,0,0,0.3);        transition:all 411ms cubic-bezier(.7, 0,1,.4);    }
    #cssmenu.active {        top: 100px;        transition:all 411ms cubic-bezier(.16,.76,.45,1);    }
    #mcmenu {z-index:1000000004;}
-fixed-bg {background:#000;z-index:1000000000;}
-fixed-bg.showing {display:block;opacity:0;}-fixed-bg.active {opacity:0.4;}
.menu-icon.active {    z-index:1000000006;   }    
    #cssmenu ul  {        transition:all 411ms ease;        width: 100%;    }
    #cssmenu .mobileHide {        display:none;    }
    #cssmenu li {           text-align: center;           display: inline-flex;           position: static;           width: 19%;           padding: 8px;           height: 33px;           font-family: system-ui;           font-size: 15px;           border-radius: 31px;           background-color: #ead28b85;    }
    #cssmenu >ul>li>span, #cssmenu >ul>li>a     {          }    }
.menu-icon-wrapper {padding: 5px;top: 9%;         right: 25%;         position: absolute;}
.menu-icon}
.menu-icon:hover {	text-align:center;	color: #b5b0b0;}
@media only screen and (max-width: 1000px) {.menu-icon-wrapper {     top: 85px;      float: left;     position: inherit;  }}
@media only screen and (max-width: 700px) {.menu-icon-wrapper {    top: 85px;     float: left;     position: inherit;  }}
@media only screen and (max-width: 500px) {.menu-icon-wrapper {     top: 85px;     float: left;     position: inherit;  }}
.menu-icon.active{}
.three-line{    position: relative;    display: inline-block;}
.three-line span{  position: absolute;  border-radius: 2px;  transition: transform .5s ease-in-out;  width:100%;  height: 4px;  left: 0;  transform: rotate(0);}
.three-line span:nth-child(1){  top:0;}
.three-line span:nth-child(2){  top:5px;  visibility:hidden;}
.three-line span:nth-child(3){  bottom:0;}
.menu-icon.active .three-line span:nth-child(1){  transform: rotate(225deg);  top: 5px;}
.menu-icon.active .three-line span:nth-child(2){  transform: rotate(180deg);  visibility:hidden;}
.menu-icon.active .three-line span:nth-child(3){  transform: rotate(315deg);  top: 5px;}
#stategov1 ~ #stateOptions {  visibility:hidden;  }
#stategov1:checked ~ #stateOptions {  visibility:visible;}
.wrap {    width: auto;    clear: both;}
.t3-footer {    background-color: #eee !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {    display: block;}
.sccontentbosluk {}
.view-content {text-align: center;display: flex;width: 76%;background-color: aliceblue;height: 120px;    padding: 6px;    margin: 0 auto;    display: flex;    position: initial;    margin: 0 auto;        opacity: .7;    border-radius: 11px;    transition: .5s;}
.views-row {width: 25%;	}
 .views-row:hover {box-shadow: 0 10px 30px rgba(0,0,0,.1);background: linear-gradient(300.29deg,#f42853,#fb5151);}
.views-row selected-filter {width: 25%;}
.view-content img{width: 48px;height: 48px;}
.photo{  display: block;}
.photo img{  width: 200px;  height: 280px;  box-shadow: 10px 15px 25px 0 rgba(0,0,0,.2);  display: block;  transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);  margin-top: 5px;  }
.photo:hover img{  box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);}
.photo .glow-wrap{  overflow: hidden;  position: absolute;  width: 100%;  height: 100%;  top: 0;  margin-top: -30px;}
.photo .glow{  display: block;  position:absolute;  width: 40%;  height: 200%;  background: rgba(255,255,255,.2);  top: 0;  filter: blur(5px);  transform: rotate(45deg) translate(-450%, 0);  transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);}
.photo:hover .glow{  transform: rotate(45deg) translate(450%, 0);  transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);}
.photo:hover img,
.photo:hover .glow-wrap{  margin-top: 0;}
.photoup {        position: absolute;    transform: translate(-31px, -9px);	    z-index: 1;}
.photoup img {   width: 50px;height: 200%;}
.photoup1 {    position: absolute;        z-index: 2;}
.photoup1 img {       min-width: 85px;  width: 15%;    height: 100%;      -webkit-transition: all 0.5s ease-in-out;      -moz-transition: all 0.5s ease-in-out;      -o-transition: all 0.5s ease-in-out;      -ms-transition: all 0.5s ease-in-out;      transition: all 0.5s ease-in-out;}
.photoup1 img:hover {    width: 120px;    height: 100%;}

.turk {    position: absolute;      z-index: 2;}
.turk img {      min-width: 85px;   width: 15%;    height: 100%;      -webkit-transition: all 0.5s ease-in-out;      -moz-transition: all 0.5s ease-in-out;      -o-transition: all 0.5s ease-in-out;      -ms-transition: all 0.5s ease-in-out;      transition: all 0.5s ease-in-out;}
.turk img:hover {    width: 120px;    height: 100%;}

.rus {    position: absolute;        z-index: 2;}
.rus img {      min-width: 85px;   width: 15%;    height: 100%;      -webkit-transition: all 0.5s ease-in-out;      -moz-transition: all 0.5s ease-in-out;      -o-transition: all 0.5s ease-in-out;      -ms-transition: all 0.5s ease-in-out;      transition: all 0.5s ease-in-out;}
.rus img:hover {    width: 120px;    height: 100%;}

.german {    position: absolute;      z-index: 2;}
.german img {      min-width: 85px;   width: 15%;    height: 100%;      -webkit-transition: all 0.5s ease-in-out;      -moz-transition: all 0.5s ease-in-out;      -o-transition: all 0.5s ease-in-out;      -ms-transition: all 0.5s ease-in-out;      transition: all 0.5s ease-in-out;}
.german img:hover {    width: 120px;    height: 100%;}

.english {    position: absolute;      z-index: 2;}
.english img {      min-width: 85px;   width: 15%;    height: 100%;      -webkit-transition: all 0.5s ease-in-out;      -moz-transition: all 0.5s ease-in-out;      -o-transition: all 0.5s ease-in-out;      -ms-transition: all 0.5s ease-in-out;      transition: all 0.5s ease-in-out;}
.english img:hover {    width: 120px;    height: 100%;}




.instagram {  z-index: 10000000000;    background: #f0ffff8a;    position: relative;  }
.bankalarx  {  width: 100%;  height: 100%;  margin: 0 auto;  display: block;  }
@keyframes topItemAnimation{from {opacity:0; transform:translate3d(0, -10vh, 0);} to {opacity:1; transform:translate3d(0, 0, 0);}}
#cssmenu li a {animation:none;}
#cssmenu.active li a { animation: topItemAnimation 0.9s cubic-bezier(.16,.84,.44,1) 0.15s backwards;}
#cssmenu.active li:nth-of-type(1) a { animation: topItemAnimation 0.9s cubic-bezier(.16,.84,.44,1) 0.9s backwards;}
#cssmenu.active li:nth-of-type(2) a { animation: topItemAnimation 0.9s cubic-bezier(.16,.84,.44,1) 0.75s backwards;}
#cssmenu.active li:nth-of-type(3) a { animation: topItemAnimation 0.9s cubic-bezier(.16,.84,.44,1) 0.6s backwards;}
#cssmenu.active li:nth-of-type(4) a { animation: topItemAnimation 0.9s cubic-bezier(.16,.84,.44,1) 0.45s backwards;}
#cssmenu.active li:nth-of-type(5) a { animation: topItemAnimation 0.9s cubic-bezier(.16,.84,.44,1) 0.3s backwards;}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #cssmenu.active li a{animation:none!important;}}
@media only screen and (max-width: 1000000px){#cssmenu li  {width: 30%;font-size: 15px;bottom:50%;line-height: 100%;z-index:10;}}
@media only screen and (max-width: 1000px){#cssmenu li  {width: 30%;bottom:50px;font-size: 15px;line-height: 100%;z-index:10;}}
@media only screen and (max-width: 700px) {#cssmenu li  {font-size: 15px;bottom: 46%;height:37px;width: 30%;line-height: 100%;z-index:10;}}
@media only screen and (max-width: 500px) {#cssmenu li {z-index:10;bottom: 51%;width: 30%;line-height: 100%;font-size: 15px;}}