@charset "UTF-8";
@font-face {
	font-family: 'galanogrotesque-luploadedfile';
	src: url("../fonts/galano_grotesque_light.woff2") format("woff2"), url("../fonts/galano_grotesque_light.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'yu_gothic_uiregular';
	src: url("../fonts/yugothicui-regular-02-webfont.eot");
	src: url("../fonts/yugothicui-regular-02-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/yugothicui-regular-02-webfont.woff2") format("woff2"), url("../fonts/yugothicui-regular-02-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'yu_gothic_uilight';
	src: url("../fonts/yugothicui-light-webfont.eot");
	src: url("../fonts/yugothicui-light-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/yugothicui-light-webfont.woff2") format("woff2"), url("../fonts/yugothicui-light-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'galanogrotesque-muploadedfile';
	src: url("../fonts/galano_grotesque_medium.woff2") format("woff2"), url("../fonts/galano_grotesque_medium.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'galanogrotesque-suploadedfile';
	src: url("../fonts/galano_grotesque_semi_bold.woff2") format("woff2"), url("../fonts/galano_grotesque_semi_bold.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'bebas_neuebold';
	src: url("../fonts/bebasneue_bold.woff2") format("woff2"), url("../fonts/bebasneue_bold.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'bebas_neuebook';
	src: url("../fonts/bebasneue_book.woff2") format("woff2"), url("../fonts/bebasneue_book.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'bebas_neuelight';
	src: url("../fonts/bebasneue_light.woff2") format("woff2"), url("../fonts/bebasneue_light.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'bebas_neueregular';
	src: url("../fonts/bebasneue_regular.woff2") format("woff2"), url("../fonts/bebasneue_regular.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: 'bebas_neuethin';
	src: url("../fonts/bebasneue_thin.woff2") format("woff2"), url("../fonts/bebasneue_thin.woff") format("woff");
	font-weight: normal;
	font-style: normal
}

#section3 .man {
	left: -161px!important
}

@media only screen and (max-width:480px) {
	#section3 .man img {
		max-width: 429px!important
	}
}

#background-video {
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0!important
}

#background-video iframe {
	position: absolute;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

#background-video source,
#background-video video {
	bottom: 0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	position: absolute
}

#background-video .loaded .ytplayer-container {
	display: block;
	bottom: 0;
	left: 0;
	overflow: hidden;
	right: 0;
	top: 0
}

#background-video .loaded .placeholder-image {
	opacity: 0
}

#background-video .ytplayer-container {
	bottom: 0;
	height: 100%;
	left: 0;
	min-width: 100%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3
}

#background-video .placeholder-image {
	height: 100%;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	top: 0;
	z-index: 1
}

#background-video .ytplayer-shield {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: #000;
	opacity: 0.4
}

.section {
	overflow: hidden
}

#section0 .line {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 150px;
	font: 300 45px 'Oswald', sans-serif;
	color: #fff;
	text-align: center;
	letter-spacing: 4px;
	z-index: 20
}

@media only screen and (max-width:1023px) {
	#section0 .line {
		font-size: 40px
	}
}

@media only screen and (max-width:480px) {
	#section0 .line {
		font-size: 27px
	}
}

#section0 .line .line1,
#section0 .line .line2,
#section0 .line .line3 {
	float: left;
	width: 100%
}

#section0 .white {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -38px;
	margin-top: -75px
}

@media (max-width:1366px) {
	#section0 .white {
		top: 90px
	}
}

@-webkit-keyframes ani-mouse {
	0% {
		opacity: 1;
		top: 29%
	}
	15% {
		opacity: 1;
		top: 70%
	}
	50% {
		opacity: 0;
		top: 70%
	}
	to {
		opacity: 0;
		top: 29%
	}
}

@keyframes ani-mouse {
	0% {
		opacity: 1;
		top: 29%
	}
	15% {
		opacity: 1;
		top: 70%
	}
	50% {
		opacity: 0;
		top: 70%
	}
	to {
		opacity: 0;
		top: 29%
	}
}

#section0 .scroll-btn {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 20px;
	text-align: center;
	z-index: 9999;
	margin: 0 -15px
}

#section0 .scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-radius: 23px
}

#section0 .scroll-btn .mouse span {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 5px;
	height: 5px;
	margin: -5px 0 0 -3.5px;
	background: #ffffff;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2s linear infinite;
	animation: ani-mouse 2s linear infinite
}

.menus {
	position: absolute;
	right: 18px;
	z-index: 9999;
	bottom: 110px;
	width: 160px
}

@media only screen and (max-width:1200px) {
	.menus {
		display: none
	}
}

.menus li {
	float: left;
	width: 100%;
	list-style: none
}

.menus li.active a:before {
	width: 42px
}

.menus li.active a span {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	display: block
}

.menus li a {
	display: block;
	position: relative;
	padding: 8px 0;
	cursor: default!important
}

.menus li a:before {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	content: "";
	width: 17px;
	height: 1px;
	background: #FFFFFF;
	display: block;
	float: right;
	position: relative;
	top: 5px
}

.menus li a span {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position: absolute;
	right: 55px;
	top: 0;
	color: #fff;
	font: 15px 'Oswald', sans serif;
	font-weight: 300;
	display: none
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: 'Oswald', sans-serif
}

body .mobe-video:before {
	-webkit-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 9;
	background: url("../images/iim.jpg") no-repeat;
	background-size: cover
}

body .mobe-video.active:before {
	-webkit-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	transition: 0.5s all ease;
	background: transparent
}

body .top23 {
	padding-bottom: 46.25%;
	height: 0;
	overflow: hidden;
	position: relative
}

body .top23 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

body .wrapper {
	position: relative;
	padding-bottom: 167%;
	-webkit-transform: translateY(-35.95%);
	-ms-transform: translateY(-35.95%);
	transform: translateY(-35.95%)
}

body .buttonss {
	position: absolute;
	left: 15px;
	bottom: 20px
}

body .play {
	float: left;
	width: 32px;
	height: 32px;
	background: url("../images/play.png") no-repeat center center
}

body .stop {
	float: left;
	width: 32px;
	height: 32px;
	background: url("../images/pause.png") no-repeat center center
}

body .g-recaptcha {
	overflow: hidden
}

body .formError {
	margin-left: -70px!important
}

@media only screen and (max-width:1023px) {
	body .lg-sub-html {
		font-size: 30px!important;
		margin: 90px 0;
		display: none!important
	}
}

@media only screen and (max-width:1023px) {
	body .lg-hide-items .lg-toolbar {
		opacity: 1!important
	}
}

body.anasayfa header {
	background: none
}

@media only screen and (max-width:1200px) {
	body.anasayfa header {
		background: black
	}
}

body.altsayfa header {
	background: none;
	padding: 30px 0 0
}

body.altsayfa header.fixed {
	background: #000000;
	padding: 13px 0
}

body.altsayfa header.fixed .logo .fixed-logo {
	display: block
}

body.altsayfa header.fixed .logo .white {
	display: none
}

body.fp-viewing-kimdir .menus li a:before,
body.fp-viewing-videocekim .menus li a:before {
	background: black
}

body.fp-viewing-kimdir .menus li a span,
body.fp-viewing-videocekim .menus li a span {
	color: black
}

body.fp-viewing-blog .logo .black,
body.fp-viewing-fotocekim .logo .black,
body.fp-viewing-home .logo .black {
	display: none
}

body.fp-viewing-blog .navbar-toggle,
body.fp-viewing-fotocekim .navbar-toggle,
body.fp-viewing-home .navbar-toggle {
	
}

body.fp-viewing-blog .navbar-toggle .icon-bar,
body.fp-viewing-fotocekim .navbar-toggle .icon-bar,
body.fp-viewing-home .navbar-toggle .icon-bar {
	background: #ffffff
}

body.fp-viewing-kimdir .logo .black,
body.fp-viewing-videocekim .logo .black {
	display: block
}

body.fp-viewing-kimdir .lang li a,
body.fp-viewing-kimdir .lang li span,
body.fp-viewing-videocekim .lang li a,
body.fp-viewing-videocekim .lang li span {
	color: black
}

body.fp-viewing-kimdir .lang li i,
body.fp-viewing-videocekim .lang li i {
	color: black
}

body.fp-viewing-kimdir .lang li ul,
body.fp-viewing-videocekim .lang li ul {
	background: black;
	border: 1px solid #ffffff
}

body.fp-viewing-kimdir .lang li ul li a,
body.fp-viewing-videocekim .lang li ul li a {
	color: #ffffff
}

body.fp-viewing-kimdir .navbar-toggle,
body.fp-viewing-videocekim .navbar-toggle {
	
}

body.fp-viewing-kimdir .navbar-toggle .icon-bar,
body.fp-viewing-videocekim .navbar-toggle .icon-bar {
	background: #000!important
}

body::-webkit-scrollbar {
	width: 10px
}

body::-webkit-scrollbar-track {
	background: #f1f1f1
}

body::-webkit-scrollbar-thumb {
	background: #888
}

body::-webkit-scrollbar-thumb:hover {
	background: #555
}

#site-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.95;
	display: none;
	overflow: auto
}

#site-nav ul {
	margin: 190px 0 0;
	text-align: center;
	padding: 0
}

@media (max-width:1400px) {
	#site-nav ul {
		margin: 150px 0 0
	}
}

@media only screen and (max-width:1200px) {
	#site-nav ul {
		margin: 120px 0 0;
		overflow: auto
	}
}

#site-nav ul li {
	font: 200 5vh/5vh 'Oswald', sans-serif
}

@media only screen and (max-width:1200px) {
	#site-nav ul li {
		font-size: 4vh;
		line-height: 4vh/4vh
	}
}

#site-nav ul li:first-child {
	-webkit-animation-duration: 0.2s!important;
	animation-duration: 0.2s!important
}

#site-nav ul li:nth-child(2) {
	-webkit-animation-duration: 0.3s!important;
	animation-duration: 0.3s!important
}

#site-nav ul li:nth-child(3) {
	-webkit-animation-duration: 0.5s!important;
	animation-duration: 0.5s!important
}

#site-nav ul li:nth-child(4) {
	-webkit-animation-duration: 0.7s!important;
	animation-duration: 0.7s!important
}

#site-nav ul li:nth-child(5) {
	-webkit-animation-duration: 0.9s!important;
	animation-duration: 0.9s!important
}

#site-nav ul li:nth-child(6) {
	-webkit-animation-duration: 1.1s!important;
	animation-duration: 1.1s!important
}

#site-nav ul li a {
	display: inline-block;
	padding: 15px 0;
	color: #ffffff;
	text-decoration: none;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

@media (max-height:768px) {
	#site-nav ul li a {
		padding: 7px 0
	}
}

#site-nav ul li a.active {
	opacity: 0.5
}

.container-fluid {
	max-width: 1366px;
	padding: 0 60px
}

@media only screen and (max-width:1200px) {
	.container-fluid {
		padding: 0 20px
	}
}

.container {
	max-width: 1920px;
	width: auto!important;
	padding: 0 25px
}

@media only screen and (max-width:1200px) {
	.container {
		padding: 0 20px
	}
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	padding: 30px 0;
	background: black;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

@media only screen and (max-width:1200px) {
	header {
		padding: 15px 0
	}
}

header .lang {
	float: right;
	margin: 22px 30px 0 0;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

@media only screen and (max-width:480px) {
	header .lang {
		margin: 19px 14px 0 0!important
	}
}

header .lang li {
	display: block;
	position: relative
}

header .lang li a,
header .lang li span {
	color: #ffffff;
	text-decoration: none;
	display: block;
	cursor: pointer;
	font: 200 21px 'Oswald', sans-serif;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	letter-spacing: 2px
}

@media only screen and (max-width:480px) {
	header .lang li a,
	header .lang li span {
		font-size: 16px
	}
}

header .lang li i {
	margin-left: 5px;
	font-size: 25px
}

@media only screen and (max-width:480px) {
	header .lang li i {
		margin-left: 0;
		font-size: 18px
	}
}

header .lang li ul {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	background: #ffffff;
	padding: 7px;
	border: 1px solid black
}

header .lang li ul li a {
	color: black;
	font: 17px/17px 'Oswald', sans-serif;
	padding: 2px 5px
}

header.opens .lang {
	opacity: 0;
	display: none
}

header.opens .logo .black {
	display: none!important
}

header.opens .logo .white {
	display: block!important;
	margin: 15px 0 0
}

header.opens .logo .fixed-logo {
	display: none!important
}

header.fixed {
	padding: 13px 0
}

@media only screen and (max-width:480px) {
	header.fixed {
		padding: 3px 0
	}
}

header.fixed .lang {
	margin: 17px 30px 0 0
}

header.fixed .logo {
	margin: -8px 0
}

@media only screen and (max-width:480px) {
	header.fixed .logo img {
		margin: 16px 0
	}
}

header.fixed .mobile-btn .navbar-toggle {
	width: 70px;
	height: 70px
}

@media only screen and (max-width:480px) {
	header.fixed .mobile-btn .navbar-toggle {
		border: none;
		width: auto;
		height: 70px
	}
}

header.fixed .mobile-btn .navbar-toggle .icon-bar {
	width: 30px
}

@media only screen and (max-width:480px) {
	header.fixed .mobile-btn .navbar-toggle .icon-bar {
		width: 26px
	}
}

header .logo {
	float: left;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	position: relative
}

header .logo .white {
	display: block
}

header .logo .black {
	display: none
}

header .logo .fixed-logo {
	display: none
}

header .logo img {
	position: absolute
}

@media only screen and (max-width:1200px) {
	header .logo img {
		width: 250px
	}
}

@media only screen and (max-width:480px) {
	header .logo img {
		width: 190px;
		margin: 8px 0
	}
}

header .mobile-btn {
	float: right
}

header .mobile-btn .navbar-toggle {
	
	background: none;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	display: block;
	width: 90px;
	height: 90px;
	padding: 0;
	border-radius: 100%;
	cursor: pointer;
	margin: 0
}

@media only screen and (max-width:1200px) {
	header .mobile-btn .navbar-toggle {
		width: 70px;
		height: 70px
	}
}

@media only screen and (max-width:480px) {
	header .mobile-btn .navbar-toggle {
		border: none;
		width: auto;
		height: 70px
	}
}

header .mobile-btn .navbar-toggle .icon-bar {
	background: #ffffff;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	width: 40px;
	margin: 0 auto
}

@media only screen and (max-width:1200px) {
	header .mobile-btn .navbar-toggle .icon-bar {
		width: 30px
	}
}

@media only screen and (max-width:480px) {
	header .mobile-btn .navbar-toggle .icon-bar {
		width: 26px
	}
}

header .mobile-btn .navbar-toggle .icon-bar+.icon-bar {
	margin-top: 7px
}

header .mobile-btn .navbar-toggle.open {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media (min-width:992px) {
	header .mobile-btn .navbar-toggle.open {
		
	}
}

header .mobile-btn .navbar-toggle.open .icon-bar {
	background: #ffffff!important
}

header .mobile-btn .navbar-toggle.open .icon-bar:first-child {
	-webkit-transform: rotate(-45deg) translateY(7.5px) translateX(-7.5px);
	-moz-transform: rotate(-45deg) translateY(7.5px) translateX(-7.5px);
	-ms-transform: rotate(-45deg) translateY(7.5px) translateX(-7.5px);
	-o-transform: rotate(-45deg) translateY(7.5px) translateX(-7.5px);
	transform: rotate(-45deg) translateY(7.5px) translateX(-7.5px)
}

header .mobile-btn .navbar-toggle.open .icon-bar:nth-child(2) {
	opacity: 0
}

header .mobile-btn .navbar-toggle.open .icon-bar:nth-child(3) {
	-webkit-transform: rotate(45deg) translateY(-4.5px) translateX(-4.5px);
	-moz-transform: rotate(45deg) translateY(-4.5px) translateX(-4.5px);
	-ms-transform: rotate(45deg) translateY(-4.5px) translateX(-4.5px);
	-o-transform: rotate(45deg) translateY(-4.5px) translateX(-4.5px);
	transform: rotate(45deg) translateY(-4.5px) translateX(-4.5px)
}

.mob-video {
	height: 100vh;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1;
	display: none
}

@media only screen and (max-width:1200px) {
	.mob-video {
		display: block
	}
}

.mob-video video {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	background-color: #000;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: 3;
	height: 100vh
}

.mob-video #mute {
	width: 25px;
	height: 25px;
	padding: 5px;
	position: absolute;
	bottom: 100px;
	z-index: 10;
	right: 100px;
	background-color: #b70e0c;
	cursor: pointer;
	border: none
}

.mob-video #mute img {
	max-width: 120%;
	margin-left: -1px
}

@-moz-document url-prefix() {
	.mob-video input[type=range]::-moz-range-thumb {
		max-height: 12px;
		max-width: 12px;
		margin-top: -1px;
		border: none;
		border-radius: 0
	}
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
	.mob-video input[type=range]::-ms-thumb {
		max-height: 12px;
		max-width: 12px;
		margin-top: -1px;
		border: none;
		border-radius: 0
	}
}

.mob-video .volumebar {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #b70e0c), color-stop(50%, #c5c5c5));
	background-image: -webkit-linear-gradient(left, #b70e0c 50%, #c5c5c5 50%);
	background-image: -o-linear-gradient(left, #b70e0c 50%, #c5c5c5 50%);
	background-image: linear-gradient(to right, #b70e0c 50%, #c5c5c5 50%);
	-webkit-appearance: none;
	height: 12px!important;
	outline: none;
	opacity: 0.7;
	background-color: white;
	-webkit-transition: .2s;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	position: absolute;
	bottom: 105px;
	width: 70px!important;
	margin-bottom: 0;
	right: 16px;
	z-index: 10;
	border: 2px solid #b70e0c
}

.mob-video .volumebar::-webkit-slider-thumb {
	max-height: 12px;
	max-width: 12px;
	margin-top: -1px
}

.mob-video .volumebar:hover {
	opacity: 1
}

.mob-video .volumebar::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	background: white;
	cursor: pointer
}

.mob-video .volumebar::-moz-range-thumb {
	width: 25px;
	height: 25px;
	background: white;
	cursor: pointer
}

.mobile-video {
	margin: 100px 0 0
}

@media only screen and (max-width:1200px) {
	.mobile-video {
		display: block!important
	}
}

.sliderFull {
	float: left;
	width: 100%
}

@media only screen and (max-width:1200px) {
	.sliderFull {
		display: none
	}
}

.sliderFull .rs-background-video-layer.defaultvid.coverscreenvideo.HasListener.rs-apiready {
	width: 100%;
	height: 100%
}

.sliderFull .full {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 8;
	
}

.sliderFull iframe {
	visibility: inherit;
	top: 0;
	opacity: 1;
	position: absolute;
	left: 0;
	display: block
}

.sliderFull .slotholder {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	visibility: inherit;
	opacity: 1
}

@media only screen and (max-width:1200px) {
	.sliderFull .slotholder {
		display: none
	}
}

.mCSB_inside>.mCSB_container {
	margin-right: 0!important
}

.press {
	color: #ffffff;
	font: 200 35px 'Oswald', sans-serif;
	text-align: center;
	letter-spacing: 2px
}

@media only screen and (max-width:767px) {
	.press {
		font-size: 25px
	}
}

.preloader-bar {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 0;
	background: #2A2A2A;
	height: 20px
}

.main-preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 999999999;
	background-color: #000;
	text-align: center
}

.main-preloader .logos {
	margin-bottom: 40px
}

@media only screen and (max-width:767px) {
	.main-preloader .logos {
		margin-bottom: 20px
	}
}

@media only screen and (max-width:767px) {
	.main-preloader .logos img {
		width: 130px
	}
}

.main-preloader .main-preloader-inner {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -160px
}

@media only screen and (max-width:767px) {
	.main-preloader .main-preloader-inner {
		margin-top: -100px
	}
}

.main-preloader .preloader-percentage {
	color: #ffffff;
	margin: 0;
	position: relative;
	top: 70px
}

.main-preloader .preloader-percentage span {
	display: inline-block;
	font: 25px galanogrotesque-muploadedfile;
	color: #7B7B7B
}

@media only screen and (max-width:1200px) {
	#fullpage {
		height: auto!important
	}
}

#section4:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: black;
	height: 150px;
	z-index: 1
}

@media only screen and (max-width:1200px) {
	#section4:before {
		display: none
	}
}

.section {
	position: relative
}

@media only screen and (max-width:1200px) {
	.section #box1 {
		margin: 100px 0 0
	}
}

.section #box1 .btns {
	margin: 50px 0
}

@media only screen and (max-width:767px) {
	.section #box1 .btns {
		margin: 10px 0
	}
}

.section #box1 .hgroup {
	padding-left: 50px!important
}

@media (min-width:1200px) {
	.section #box1 .btns {
		opacity: 0
	}
}

@media only screen and (max-width:1200px) {
	.section #box1 .man {
		max-width: 270px
	}
}

.section #box3 .hgroup {
	padding-right: 100px!important;
	padding-left: inherit!important
}

@media (max-width:1200px) {
	.section #box3 .man img {
		max-width: 690px
	}
}

@media (max-width:992px) {
	.section #box3 .man img {
		max-width: 550px
	}
}

.section #box1,
.section #box3 {
	float: left;
	width: 100%;
	padding: 150px 0 0;
	overflow: hidden;
	height: 100vh
}

@media only screen and (max-width:1200px) {
	.section #box1,
	.section #box3 {
		padding: 30px 0 0;
		height: auto
	}
}

.section #box1 .hgroup,
.section #box3 .hgroup {
	margin: 90px 0 0;
	padding-left: 100px
}

@media (max-width:1400px) {
	.section #box1 .hgroup,
	.section #box3 .hgroup {
		margin: 40
	}
}

@media (max-width:992px) {
	.section #box1 .hgroup,
	.section #box3 .hgroup {
		padding-left: 0!important;
		padding-right: 0!important
	}
}

.section #box2 {
	padding: 150px 0 0;
	float: left;
	width: 100%;
	overflow: hidden;
	height: 100vh
}

@media only screen and (max-width:1200px) {
	.section #box2 {
		padding: 30px 0 0;
		height: auto;
		background: black
	}
}

.section #box2 .mc-md-7 {
	position: inherit
}

.section #box2 .man {
	right: -100px;
	left: inherit
}

@media (max-width:1200px) {
	.section #box2 .man img {
		max-width: 440px
	}
}

@media (max-width:992px) {
	.section #box2 .man img {
		max-width: 250px
	}
}

.section #box2 .hgroup {
	margin: 90px 0 0;
	padding-left: 90px;
	color: #000;
}

@media (max-width:1400px) {
	.section #box2 .hgroup {
		margin: 70
	}
}

@media (max-width:992px) {
	.section #box2 .hgroup {
		padding-right: 0;
		margin: 0;
		padding-left: 0!important;
		float: left;
		width: 100%
	}
}

.section #box2 .hgroup ul {
	list-style: none;
	padding: 0;
	width: 300px
}

@media (max-width:1300px) {
	.section #box2 .hgroup ul {
		width: 270px
	}
}

@media only screen and (max-width:1023px) {
	.section #box2 .hgroup ul {
		width: 100%
	}
}

.section #box2 .hgroup ul li {
	padding: 5px 0;
	float: left;
	width: 50%
}

.section #box2 .hgroup .btns {
	color: #000
}

.section #box2 .hgroup .btns:before {
	background: url("../images/arow-btn-white.png") no-repeat right center
}

.section #box4 {
	padding: 150px 0 0;
	float: left;
	width: 100%;
	position: relative
}

@media only screen and (max-width:1200px) {
	.section #box4 {
		padding: 30px 0;
		background: black;
		opacity: 1
	}
}

.section #box4 .head {
	color: #ffffff;
	font: 65px 'Oswald', sans-serif;
	letter-spacing: 5px;
	opacity: 0
}

@media only screen and (max-width:1200px) {
	.section #box4 .head {
		opacity: 1
	}
}

@media only screen and (max-width:767px) {
	.section #box4 .head {
		font-size: 50px;
		opacity: 1
	}
}

.section #box4 .head p {
	color: #ffffff;
	font: 200 17px 'Oswald', sans-serif;
	letter-spacing: 1px;
	width: 220px;
	display: inline-block;
	vertical-align: middle
}

.section #box4 .image {
	position: relative;
	overflow: hidden;
	max-width: 395px;
	margin: 0 auto
}

.section #box4 .image:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 125px;
	background: url("../images/background-rp.png") repeat-x 0 0;
	z-index: 1
}

.section #box4 .image img {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	display: block;
	max-width: 100%
}

.section #box4 .image .date {
	position: absolute;
	top: 15px;
	right: 15px;
	background: black;
	color: #ffffff;
	font: 13px/9px 'Oswald', sans-serif;
	height: 55px;
	text-align: center;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	padding: 3px 10px;
	letter-spacing: 1px
}

.section #box4 .image .date b {
	font: 24px 'Oswald', sans-serif;
	display: block
}

.section #box4 .image span {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #ffffff;
	font: 300 25px 'Oswald', sans-serif;
	margin: 20px;
	z-index: 2
}

@media (max-width:1400px) {
	.section #box4 .image span {
		font-size: 20px
	}
}

@media only screen and (max-width:1023px) {
	.section #box4 .image span {
		font-size: 17px
	}
}

.section #box4 .image:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.section #box4 .image:hover .date {
	padding: 0 25px
}

.section .man {
	position: absolute;
	bottom: -4px;
	left: 0;
	display: none
}

@media only screen and (max-width:1200px) {
	.section .man {
		display: block;
		position: relative;
		bottom: -11px
	}
}

@media (max-width:992px) {
	.section .man {
		position: absolute
	}
}

.section .man img {
	max-width: 400px
}

@media only screen and (max-width:1200px) {
	.section .man img {
		max-width: 100%;
		display: block!important
	}
}

@media (max-width:992px) {
	.section .man img {
		max-width: 140px;
		display: block!important
	}
}

.section .hgroup {
	color: #242424;
	font: 200 16px yu_gothic_uiregular;
	padding: 0 0 30px
}

@media only screen and (max-width:480px) {
	.section .hgroup {
		font-size: 14px
	}
}

.section .hgroup .head {
	font: 300 70px 'Oswald', sans-serif;
	letter-spacing: 5px;
	opacity: 0
}

@media (max-width:1400px) {
	.section .hgroup .head {
		font-size: 55px;
		opacity: 1;
		line-height: 50px
	}
}

@media only screen and (max-width:1023px) {
	.section .hgroup .head {
		font-size: 60px;
		line-height: 65px
	}
}

@media only screen and (max-width:480px) {
	.section .hgroup .head {
		font-size: 25px;
		line-height: 31px
	}
}

.section .hgroup .head b {
	font: 500 90px/110px 'Oswald', sans-serif;
	display: block
}

@media (max-width:1400px) {
	.section .hgroup .head b {
		font-size: 70px;
		line-height: 83px
	}
}

@media only screen and (max-width:1023px) {
	.section .hgroup .head b {
		font-size: 70px;
		line-height: 83px
	}
}

@media only screen and (max-width:480px) {
	.section .hgroup .head b {
		font-size: 21px;
		line-height: 27px
	}
}

.section .hgroup ul {
	list-style: none;
	padding: 0
}

.section .hgroup ul li {
	padding: 5px 0;
	opacity: 0
}

@media (max-height:800px) {
	.section .hgroup ul li {
		padding: 1px!important
	}
}

@media only screen and (max-width:1200px) {
	.section .hgroup ul li {
		opacity: 1
	}
}

.section .hgroup .text {
	margin: 30px 0;
	line-height: 29px;
	opacity: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 19px
}

@media (max-height:800px) {
	.section .hgroup .text {
		margin: 20px 0;
		font-size: 15px;
		line-height: 25px
	}
}

@media only screen and (max-width:1200px) {
	.section .hgroup .text {
		line-height: normal;
		opacity: 1;
		margin: 10px 0
	}
}

.section .hgroup .text p {
	text-align: left!important
}

.section .hgroup .btns {
	display: inline-block;
	color: #000000;
	text-decoration: none;
	font: 200 19px/19px 'Oswald', sans-serif;
	position: relative;
	padding: 0 30px 0 0;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

@media (max-height:800px) {
	.section .hgroup .btns {
		font-size: 17px;
		line-height: 26px
	}
}

@media only screen and (max-width:767px) {
	.section .hgroup .btns {
		font-size: 13px
	}
}

.section .hgroup .btns:before {
	content: "";
	position: absolute;
	top: 3px;
	right: 13px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	background: url("../images/arrow-btn.png") no-repeat right center;
	width: 11px;
	height: 18px;
	opacity: 0
}

.section .hgroup .btns:hover {
	opacity: 0.6
}

.section .hgroup .btns:hover:before {
	right: 0;
	opacity: 1
}

.sayfabanner {
	background: #000000;
	height: 180px;
	position: relative;
	text-align: center
}

@media only screen and (max-width:1200px) {
	.sayfabanner {
		height: 210px
	}
}

.sayfabanner .page-title {
	position: absolute;
	width: 100%;
	color: #ffffff;
	bottom: 0
}

.sayfabanner .page-title h1,
.sayfabanner .page-title h2 {
	font: 200 40px/40px 'Oswald', sans-serif;
	letter-spacing: 3px;
	margin: 0 0 60px
}

@media only screen and (max-width:1200px) {
	.sayfabanner .page-title h1,
	.sayfabanner .page-title h2 {
		font-size: 40px;
		margin: 0 0 30px
	}
}

@media only screen and (max-width:767px) {
	.sayfabanner .page-title h1,
	.sayfabanner .page-title h2 {
		font-size: 19px
	}
}

.sayfabanner .page-title .ust-menu {
	text-align: center;
	margin: -35px 0 15px
}

@media only screen and (max-width:767px) {
	.sayfabanner .page-title .ust-menu.foto-menu {
		display: none
	}
}

@media only screen and (max-width:1200px) {
	.sayfabanner .page-title .ust-menu {
		margin: -15px 0 15px
	}
}

.sayfabanner .page-title .ust-menu ul {
	list-style: none;
	padding: 0
}

.sayfabanner .page-title .ust-menu ul li {
	display: inline-block;
	font: 300 19px 'Oswald', sans-serif
}

@media only screen and (max-width:480px) {
	.sayfabanner .page-title .ust-menu ul li {
		font-size: 11px
	}
}

.sayfabanner .page-title .ust-menu ul li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	opacity: 0.50;
	padding: 0 15px;
	letter-spacing: 1px
}

@media only screen and (max-width:767px) {
	.sayfabanner .page-title .ust-menu ul li a {
		padding: 0 2px
	}
}

.sayfabanner .page-title .ust-menu ul li.active a,
.sayfabanner .page-title .ust-menu ul li:hover a {
	opacity: 1
}

.mesaj-page {
	float: left;
	width: 100%;
	padding: 0 0 60px
}

.mesaj-page strong {
	display: block;
	font: 25px galanogrotesque-muploadedfile;
	margin-bottom: 20px
}

.mesaj-page p {
	margin-bottom: 10px;
	line-height: normal
}

.mesaj-page .btns {
	display: inline-block;
	background: black;
	color: #ffffff;
	font: 16px/45px galanogrotesque-muploadedfile;
	height: 50px;
	border: none;
	text-decoration: none;
	padding: 0 30px;
	margin: 30px 0
}

.form {
	float: left;
	width: 100%;
	padding: 30px 60px 60px;
	
}

@media only screen and (max-width:767px) {
	.form {
		padding: 30px
	}
}

.form form .form-group {
	float: left;
	width: 100%;
	position: relative
}

.form form .form-group>label {
	font-weight: normal;
	font: 200 17px 'Oswald', sans-serif;
	color: #585858;
	position: absolute;
	top: 0;
	left: 0;
	margin: 12px 15px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

.form form .form-group.labe>label {
	background: #ffffff;
	padding: 0 10px;
	font-size: 12px;
	top: -22px
}

.form form .form-group input,
.form form .form-group select,
.form form .form-group textarea {
	border-radius: inherit;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	border: 1px solid rgba(0, 0, 0, 0.2);
	height: 50px;
	font-family: 'Oswald', sans-serif
}

.form form .form-group textarea {
	height: 115px;
	resize: none
}

.form form .form-group.submitbutton button {
	background: #000000;
	color: #ffffff;
	height: 50px;
	width: 100%;
	cursor: pointer;
	outline: none;
	border: none;
	font: 17px/44px 'Oswald', sans-serif;
	letter-spacing: 1px
}

section {
	float: left;
	width: 100%;
	position: relative
}

section .breadcrumb {
	float: left;
	width: 100%;
	background: none;
	padding: 10px 0;
	position: relative;
	z-index: 2
}

@media only screen and (max-width:1200px) {
	section .breadcrumb {
		display: none
	}
}

section .breadcrumb ul {
	list-style: none;
	padding: 0
}

section .breadcrumb ul li {
	float: left;
	font: 300 14px 'Oswald', sans-serif;
	background: url("../images/arrow-bread.png") no-repeat left center;
	padding: 0 15px 2px;
	text-transform: uppercase
}

section .breadcrumb ul li:first-child {
	padding-left: 0;
	background: none
}

section .breadcrumb ul li a {
	display: block;
	color: #848484;
	text-decoration: none
}

section article {
	color: #242424;
	font: 200 20px 'Oswald', sans-serif;
	float: left;
	width: 100%;
	line-height: 36px;
	position: relative
}

section article.pos {
	position: inherit
}

@media (min-width:768px) {
	section article {
		min-height: 525px
	}
}

section article .mob-nice {
	display: none
}

@media only screen and (max-width:767px) {
	section article .mob-nice {
		display: block
	}
}

section article .inner {
	max-width: 100%;
	padding: 20px 0 80px;
	float: left;
	width: 100%
}

@media only screen and (max-width:767px) {
	section article .inner {
		padding: 0 0 50px
	}
}

section article .metin-orta {
	max-width: 1000px;
	margin: 0 auto
}

section article .text1 {
	padding-left: 80px;
	margin: 30px 0
}

@media only screen and (max-width:1023px) {
	section article .text1 {
		padding-left: 20px
	}
}

@media only screen and (max-width:767px) {
	section article .text1 {
		padding-left: 0;
		margin: 0
	}
}

section article .tarihce {
	max-width: 770px;
	margin: 0 auto;
	padding: 0 0 50px;
	position: relative
}

section article .tarihce .list {
	position: relative;
	float: left;
	width: 100%;
	min-height: 61px;
	padding: 0 0 30px
}

section article .tarihce .list p {
	margin: 0 0 10px!important
}

section article .tarihce .list i {
	content: "";
	position: absolute;
	top: 60px;
	left: 70px;
	width: 1px;
	height: 100%;
	background: #707070;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

@media only screen and (max-width:480px) {
	section article .tarihce .list i {
		left: 36px;
		top: 40px
	}
}

section article .tarihce .list b {
	font: 22px/59px bebas_neuebold;
	color: #242424;
	display: block;
	border: 1px solid #707070;
	width: 145px;
	height: 60px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 50
}

@media only screen and (max-width:480px) {
	section article .tarihce .list b {
		width: 75px;
		height: 40px;
		line-height: 39px;
		font-size: 20px
	}
}

section article .tarihce .list .text {
	font-size: 17px;
	position: relative;
	margin: 13px 0 0 175px;
	min-height: 46px;
	line-height: 27px
}

@media only screen and (max-width:480px) {
	section article .tarihce .list .text {
		font-size: 14px;
		line-height: 22px
	}
}

section article .tarihce .list .text:before {
	content: "";
	position: absolute;
	top: 16px;
	left: -30px;
	width: 11px;
	height: 1px;
	background: #707070
}

@media only screen and (max-width:480px) {
	section article .tarihce .list .text {
		margin: 3px 0 0 105px
	}
}

section article .tarihce .list .text ul {
	list-style: none;
	padding: 0
}

@media only screen and (max-width:767px) {
	section article .resim {
		display: none
	}
}

section article .biyografi {
	float: left;
	position: relative;
	z-index: 2;
	width: 31%;
	min-height: 1150px
}

@media (max-width:1920px) {
	section article .biyografi {
		min-height: 910px
	}
}

@media (max-width:1800px) {
	section article .biyografi {
		min-height: 730px
	}
}

@media (max-width:1400px) {
	section article .biyografi {
		min-height: 683px
	}
}

@media (max-width:1300px) {
	section article .biyografi {
		font-size: 16px
	}
}

@media (max-height:800px) {
	section article .biyografi {
		min-height: 523px
	}
}

@media only screen and (max-width:1200px) {
	section article .biyografi {
		width: 100%;
		min-height: auto
	}
}

section article .man {
	position: absolute;
	top: 0;
	right: 0
}

@media (max-width:1200px) {
	section article .man {
		display: none
	}
}

@media (max-width:1920px) {
	section article .man .large {
		width: 1260px
	}
}

@media (max-width:1800px) {
	section article .man .large {
		width: 1020px
	}
}

@media (max-width:1400px) {
	section article .man .large {
		width: 966px
	}
}

@media (max-height:800px) {
	section article .man .large {
		width: 756px
	}
}

section article .man img {
	max-width: inherit
}

section article .man .zoom {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	position: absolute;
	top: 527px;
	left: 825px;
	-webkit-animation: anima 10s infinite;
	animation: anima 10s infinite
}

@media (max-width:1920px) {
	section article .man .zoom {
		top: 423px;
		left: 664px;
		width: 65px
	}
}

@media (max-width:1800px) {
	section article .man .zoom {
		top: 344px;
		left: 538px;
		width: 50px
	}
}

@media (max-width:1400px) {
	section article .man .zoom {
		top: 324px;
		left: 508px;
		width: 50px
	}
}

@media (max-height:800px) {
	section article .man .zoom {
		top: 256px;
		left: 400px;
		width: 35px
	}
}

@-webkit-keyframes anim {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	25% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	to {
		-webkit-transform: rotate(-270deg);
		transform: rotate(-270deg)
	}
}

@keyframes anim {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	25% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	to {
		-webkit-transform: rotate(-270deg);
		transform: rotate(-270deg)
	}
}

@-webkit-keyframes anima {
	0% {
		-webkit-transform: scale(1.01);
		transform: scale(1.01)
	}
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes anima {
	0% {
		-webkit-transform: scale(1.01);
		transform: scale(1.01)
	}
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

section article .man .rotating {
	width: 207px;
	height: 209px;
	position: absolute;
	top: 460px;
	left: 760px;
	-webkit-animation: anim 10s infinite;
	animation: anim 10s infinite;
	background-size: 100%!important
}

@media (max-width:1920px) {
	section article .man .rotating {
		width: 167px;
		height: 167px;
		top: 371px;
		left: 611px
	}
}

@media (max-width:1800px) {
	section article .man .rotating {
		width: 147px;
		height: 147px;
		top: 294px;
		left: 486px
	}
}

@media (max-width:1400px) {
	section article .man .rotating {
		top: 284px;
		left: 470px;
		width: 125px;
		height: 125px
	}
}

@media (max-height:800px) {
	section article .man .rotating {
		top: 226px;
		left: 369px;
		width: 95px;
		height: 95px
	}
}

@media only screen and (max-width:1200px) {
	section article {
		padding: 30px 0 0
	}
}

@media only screen and (max-width:767px) {
	section article {
		font-size: 16px;
		line-height: normal
	}
}

section article p {
	margin-bottom: 20px
}

section article img {
	max-width: 100%
}

section article .contact {
	float: left;
	width: 100%;
	padding: 0 0 50px
}

section article .contact h4 {
	font: 300 24px 'Oswald', sans-serif;
	margin-bottom: 20px
}

section article .contact address {
	font: 200 20px 'Oswald', sans-serif;
	margin-top: 20px
}

@media only screen and (max-width:767px) {
	section article .contact address {
		font-size: 18px
	}
}

section article .contact address a {
	color: black;
	text-decoration: none
}

section article .contact .maps-btn {
	border: 1px solid black;
	text-decoration: none;
	color: black;
	padding: 8px 30px 8px 22px;
	background: none;
	boutline: none;
	font: 300 17px 'Oswald', sans-serif;
	cursor: pointer
}

section article .contact .maps-btn span {
	display: inline-block;
	background: url("../images/marker.png") no-repeat left center;
	padding: 0 0 0 30px
}

section article .basinList {
	float: left;
	width: 100%;
	padding: 0 0 50px
}

section article .basinList .row>div {
	height: 425px
}

@media only screen and (max-width:767px) {
	section article .basinList .row>div {
		height: auto
	}
}

section article .basinList a {
	display: block;
	background: #ffffff;
	color: #848484;
	font: 200 27px 'Oswald', sans-serif;
	padding: 50px 50px 0;
	text-decoration: none;
	-webkit-box-shadow: 0 0 30px lightgrey;
	box-shadow: 0 0 30px lightgrey;
	height: 395px;
	margin-bottom: 30px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

@media only screen and (max-width:767px) {
	section article .basinList a {
		padding: 30px;
		font-size: 19px;
		height: auto
	}
}

section article .basinList a:hover {
	-webkit-box-shadow: 0 0 20px lightgrey;
	box-shadow: 0 0 20px lightgrey;
	height: 425px;
	margin: -15px 0;
	padding: 60px 50px 0
}

section article .basinList a .image {
	margin: 0 0 20px;
	text-align: center;
	height: 47px
}

section article .basinList a .image img {
	max-height: 100%
}

section article .basinList a .text p {
	margin-bottom: 20px;
	line-height: 34px;
	height: 136px;
	overflow: hidden
}

@media only screen and (max-width:767px) {
	section article .basinList a .text p {
		line-height: 26px;
		height: auto
	}
}

section article .basinList a .text small {
	font-size: 14px;
	display: block
}

section article .basinList a .text strong {
	font-family: 'Oswald', sans-serif;
	font-weight: 300
}

section article .basinList a .alt {
	border-top: 1px solid #D1D1D1;
	padding: 10px 0;
	font-size: 17px;
	margin: 30px 0 0
}

section article .basinList a .alt i {
	float: right;
	color: black;
	font-size: 28px
}

section article .blogdetay {
	float: left;
	width: 100%;
	padding: 0 0 50px;
	font-size: 18px
}

section article .blogdetay h1 {
	color: black;
	font: 34px/37px 'Oswald', sans-serif;
	margin-bottom: 10px
}

@media only screen and (max-width:767px) {
	section article .blogdetay h1 {
		font-size: 25px;
		line-height: 25px
	}
}

@media (max-width:360px) {
	section article .blogdetay h1 {
		font-size: 20px;
		line-height: 25px
	}
}

section article .blogdetay small {
	color: #D1D1D1;
	font: 200 19px 'Oswald', sans-serif;
	display: block;
	margin-bottom: 30px
}

section article .blogdetay>img {
	float: right;
	margin: 0 0 20px 20px
}

section article .blogdetay img {
	width: auto!important;
	height: auto!important
}

section article .blogdetay .alt {
	float: left;
	width: 100%;
	border-top: 2px solid #D1D1D1;
	margin: 30px 0 0;
	padding: 30px 0 0
}

section article .blogdetay .alt a {
	display: inline-block;
	color: black;
	text-decoration: none;
	font: 200 19px/57px 'Oswald', sans-serif;
	border: 1px solid #D1D1D1;
	width: 160px;
	height: 60px;
	text-align: center;
	padding: 0 20px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

@media only screen and (max-width:767px) {
	section article .blogdetay .alt a {
		width: 130px
	}
}

section article .blogdetay .alt a:hover {
	border-color: black
}

section article .blogdetay .alt a.sonraki {
	float: right
}

section article .blogdetay .alt a.sonraki i {
	background: url("../images/arrow-btn.png") no-repeat right center;
	width: 11px;
	height: 19px;
	display: inline-block;
	margin: -5px 0 -1px 45px
}

@media only screen and (max-width:767px) {
	section article .blogdetay .alt a.sonraki i {
		margin: -5px 0 -5px 18px
	}
}

section article .blogdetay .alt a.onceki i {
	background: url("../images/arrow-btn.png") no-repeat left center;
	width: 11px;
	height: 19px;
	display: inline-block;
	margin: -5px 45px -1px 0;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media only screen and (max-width:767px) {
	section article .blogdetay .alt a.onceki i {
		margin: -5px 18px -5px 0
	}
}

section article .blogList {
	float: left;
	width: 100%;
	padding: 0 0 50px
}

section article .blogList .row>div {
	width: 33.3333%;
	float: left;
	overflow: hidden;
	position: relative
}

section article .blogList .image {
	position: relative;
	overflow: hidden;
	max-width: 395px;
	margin: 0 auto
}

section article .blogList .image:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 125px;
	background: url("../images/background-rp.png") repeat-x 0 0;
	z-index: 1
}

section article .blogList .image img {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	display: block
}

section article .blogList .image .date {
	position: absolute;
	top: 15px;
	right: 15px;
	background: black;
	color: #ffffff;
	font: 12px/3px galanogrotesque-luploadedfile;
	height: 55px;
	text-align: center;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	padding: 0 10px
}

section article .blogList .image .date b {
	font: 24px galanogrotesque-suploadedfile;
	display: block
}

section article .blogList .image span {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #ffffff;
	font-size: 25px;
	line-height: 30px;
	margin: 20px;
	z-index: 2
}

@media (max-width:1400px) {
	section article .blogList .image span {
		font-size: 18px;
		line-height: 20px
	}
}

section article .blogList .image:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

section article .blogList .image:hover .date {
	padding: 0 25px
}

section article .man img {
	display: block;
	margin: 0 0 0 auto
}

section article .foto {
	float: left;
	width: 100%;
	padding: 0 0 50px
}

section article .foto a {
	display: block;
	color: #ffffff;
	font: 300 22px 'Oswald', sans-serif;
	height: 445px;
	overflow: hidden;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	position: relative;
	margin-bottom: 30px
}

section article .foto a .resim-att {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

@media only screen and (max-width:767px) {
	section article .foto a {
		height: 340px;
		font-size: 21px
	}
}

section article .foto a .resim-att {
	width: 100%;
	height: 100%;
	position: relative;
	float: left;
	padding: 0;
	text-align: center
}

section article .foto a .resim-att .resim-att-pre {
	width: 100%;
	height: 100%;
	position: relative
}

section article .foto a .resim-att .resim-att-pre .resim-thumb {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	overflow: hidden;
	max-width: 100%;
	max-height: 100%
}

section article .foto a .resim-att .resim-att-pre .resim-thumb .resim-centered {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate(50%, 50%);
	-moz-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	-o-transform: translate(50%, 50%);
	transform: translate(50%, 50%)
}

section article .foto a .resim-thumb .resim-centered img {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

section article .foto a img {
	max-width: inherit
}

@media only screen and (max-width:767px) {
	section article .foto a img {
		max-width: 100%
	}
}

section article .foto a span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.83);
	height: 75px;
	letter-spacing: 1px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

section article .foto a span em {
	font-style: normal;
	vertical-align: middle;
	display: table-cell;
	width: 100em;
	height: 77px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	padding: 22px
}

@media only screen and (max-width:767px) {
	section article .foto a span em {
		height: 55px;
		padding: 12px 25px
	}
}

section article .foto a span i {
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	background: url("../images/list-detay.png") no-repeat right center;
	width: 8px;
	height: 16px;
	position: absolute;
	right: 0;
	margin: -5px 24px;
	top: 50%
}

@media only screen and (max-width:767px) {
	section article .foto a span {
		height: 55px
	}
}

section article .foto a:hover .resim-att {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

section article .foto a:hover span {
	height: 100%;
	background: rgba(0, 0, 0, 0.59)
}

section article .foto a:hover span em {
	height: 445px
}

section article .nice-select,
section article select {
	border: 1px solid #707070;
	height: 55px;
	width: 100%;
	color: black;
	font: 24px bebas_neuebold;
	outline: none;
	padding: 0 20px;
	letter-spacing: 1px;
	border-radius: inherit;
	margin-bottom: 20px
}

section article .nice-select span,
section article select span {
	vertical-align: middle;
	height: 55px;
	display: table-cell;
	width: 100em
}

section article .nice-select:after,
section article select:after {
	width: 17px;
	height: 17px;
	border-color: #707070;
	margin-top: -10px;
	right: 22px
}

section article .nice-select .list,
section article select .list {
	border-radius: inherit;
	width: 100%;
	border: 1px solid #707070;
	font-size: 22px;
	padding: 10px 0
}

section article .nice-select .list li,
section article select .list li {
	font-size: 19px;
	min-height: 30px;
	line-height: 30px
}

section article .nice-select .list li a,
section article select .list li a {
	text-decoration: none;
	color: black
}

section article .foto-grid .mt {
	margin-top: 80px
}

@media only screen and (max-width:767px) {
	section article .foto-grid .mt {
		margin-top: 0
	}
}

section article .foto-grid a {
	display: block;
	overflow: hidden
}

section article .foto-grid a div {
	overflow: hidden;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	position: relative
}

section article .grid-uzun a .resim-centered {
	overflow: initial
}

section article .grid-uzun a div .resim-att {
	display: none
}

@media (min-width:768px) {
	section article .grid-uzun a div {
		height: 500px
	}
	section article .grid-uzun a div .resim-att {
		width: 100%;
		height: 100%;
		position: relative;
		float: left;
		padding: 0;
		text-align: center
	}
	section article .grid-uzun a div .resim-att .resim-att-pre {
		width: 100%;
		height: 100%;
		position: relative
	}
	section article .grid-uzun a div .resim-att .resim-att-pre .resim-thumb {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 auto;
		overflow: hidden;
		max-width: 100%;
		max-height: 100%
	}
	section article .grid-uzun a div .resim-att .resim-att-pre .resim-thumb .resim-centered {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transform: translate(50%, 50%);
		-moz-transform: translate(50%, 50%);
		-ms-transform: translate(50%, 50%);
		-o-transform: translate(50%, 50%);
		transform: translate(50%, 50%)
	}
	section article .grid-uzun a div .resim-thumb .resim-centered img {
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
}

@media only screen and (max-width:767px) {
	section article .grid-uzun a div {
		height: 200px
	}
}

section article .aniimated-thumbnials {
	float: left;
	width: 100%;
	padding: 0 0 50px
}

section article .aniimated-thumbnials a {
	display: block;
	overflow: hidden;
	position: relative
}

section article .aniimated-thumbnials a img {
	display: block
}

section article .aniimated-thumbnials a div {
	overflow: hidden;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	position: relative
}

section article .aniimated-thumbnials.video-animated a>div:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: url("../images/play-button.png") no-repeat 0 0;
	width: 120px;
	height: 120px;
	margin: -60px;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	z-index: 2;
	background-size: 100%
}

@media only screen and (max-width:1023px) {
	section article .aniimated-thumbnials.video-animated a>div:before {
		width: 50px;
		height: 50px;
		margin: -25px
	}
}

section article .aniimated-thumbnials.video-animated .grid-photo a>div:before {
	width: 80px;
	height: 80px;
	margin: -40px;
	background-size: 100%
}

@media only screen and (max-width:1023px) {
	section article .aniimated-thumbnials.video-animated .grid-photo a>div:before {
		width: 30px;
		height: 30px;
		margin: -15px
	}
}

footer {
	background: black;
	color: #ffffff;
	font: 200 20px 'Oswald', sans-serif;
	padding: 30px 0;
	width: 100%;
	float: left;
	position: relative;
	bottom: 0
}

@media only screen and (max-width:1200px) {
	footer .title {
		display: none
	}
}

footer ul {
	float: right
}

@media only screen and (max-width:1200px) {
	footer ul {
		text-align: center;
		float: none;
		padding: 10px 0
	}
}

footer ul li {
	display: inline-block;
	margin-left: 5px
}

footer ul li a {
	display: block;
	color: black;
	background: #ffffff;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 18px;
	line-height: 26px
}

@media only screen and (max-width:480px) {
	footer ul li a {
		line-height: 32px
	}
}

footer ul li a i.fa-instagram {
	background: url("../images/Instagram.png") no-repeat center center;
	width: 15px;
	height: 15px
}

footer ul li a i.fa-instagram:before {
	display: none
}

@media only screen and (max-width:1200px) {
	footer .pull-right {
		text-align: center;
		float: none!important
	}
}

footer nav {
	clear: both
}

@media only screen and (max-width:1200px) {
	footer nav {
		text-align: center
	}
}

footer nav a {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	position: relative;
	padding: 0 6px
}

footer nav a:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	height: 12px;
	width: 1px;
	background: #ffffff
}

footer nav a:first-child,
footer nav a:nth-child(3) {
	padding-left: 0
}

footer nav a:first-child:before,
footer nav a:nth-child(3):before {
	display: none
}

:root .resim-centered,
_:-ms-fullscreen {
	-ms-transform: translate(0px, 0px)!important;
	transform: translate(0px, 0px)!important
}

:root .image-att,
_:-ms-fullscreen {
	-ms-transform: translate(0px, 0px)!important;
	transform: translate(0px, 0px)!important
}