/* general styles
----------------------------------------*/
html {
}

body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
    /*font-family: 'Roboto', sans-serif;*/
    color: #003C4B;
}

a {
	color: #5C6F8F;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	font-family: 'Open Sans', sans-serif;
}

a:hover {
	color: #003C4B;
	text-decoration: none;
}

p {
	font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color:#003C4B;
    margin: 0 0 30px;
    padding: 0;
    text-align: justify;
}

h1, h2, h3, h4, h5{
	color:#003C4B;
	margin-bottom:20px;
}

h1{
	font-size:40px;
}

h2{
	font-size:30px;
}

h3{
	font-size:26px;
}
h4{
	font-size:22px;
}

/* HEADER -------------*/
.header-top {
	width: 100%;
	background: transparent;
	display: block;
	position: absolute;
	top:0px;
	z-index: 2;
}
.header {
	display: inline-block;
	width: 100%;
}
.header .logo{
	width: 240px;
	height:135px;
	padding:10px 0;
	margin-top: 0px;
}
.header .logo a{
	width: 240px;
	height:135px;
	background: url(../images/logo-white-hasasansor@2x.png) no-repeat center center;
	background-size:240px 135px;
	padding:10px 0;
}
.header .logo a:hover{
	background: url(../images/logo-has@2x.png) no-repeat center center;
	background-size:240px 135px;
}

.header .lang {
	min-width: 50px;
	position: absolute;
	right:15px;
	top:20px;
	z-index: 9999;
}
.header .lang ul {
	padding:0px;
	margin: 0px;
}
.header .lang ul li {
	width:30px;
	height: 30px;
	margin-left:5px;
	padding:0px;
	text-align: center;
	display: inline-block;
}
.header .lang ul li a {
	width: 100%;
	height: 30px;
	border:1px solid #fff;
	border-radius:5px;
	line-height:28px;
	display: inline-block;
	font-family: 'AvenirNextLTPro-Regular';
	font-size:12px;
	letter-spacing:1px;
	color: #fff;
}
.header .lang ul li a:hover {
	color: #000;
	border:1px solid #000;
}

/* Header Menu ---------------*/
.btn-navbar,
.slides-navigation {
	display: none!important;
}
.navbar-collapse {
	padding-left: 0px;
	padding-right: 0px;
}
.navbar-toggle .icon-bar {
	background:#fff;
}
.navbar-nav {
	float: none;
}
.navbar-nav li {
	width: 13.15%;
	line-height: 40px;
	margin-top:111px;
	padding:0;
	display: inline-block;
	text-align: center;
	font-family: 'AvenirNextLTPro-MediumCn';
	text-decoration: none;
	background: transparent;
}
.navbar-nav li a{
	color: #fff;
	font-size:19px;
	padding:0;
	display: inline-block;
	background:transparent;
	border-bottom:1px solid #fff;
	width: 100%;
	outline: none;
	text-decoration: none;
	padding:0;
	text-shadow: 0 0px 0 rgba(255, 255, 255, .0);
}
.navbar-nav > li > a:hover{
	color: #003C4B;
	border-bottom:1px solid #003C4B;
	text-decoration: none;
	background:transparent;
}
.nav > li > a:focus {
	background: transparent;
}
.navbar-nav .left {
	text-align: left;
}
.navbar-nav .right {
	text-align: right;
}
.fullcontent {
	width: 100%;
	margin:0;
}
.fullcontent .name {
	font-size: 26px;
	padding:0;
	margin-bottom: 50px;
	font-family: 'Open Sans', sans-serif;
}
.fullcontent .text {
	font-size: 18px;
	line-height: 15px;
	padding:5px;
	margin-bottom: 30px;
}
.fullcontent .link {
	font-size: 18px;
	font-family: 'AvenirNextLTPro-Demi';
	padding:0;

}
.boxleft {
	background:#F1F1F1;
	padding:0;
}
.boxright {
	background:#ffffff;
	padding:0;

}
.fullcontent .location {
	background: url(../images/location@2x.png) no-repeat 50px center;
	background-size:100px 121px;
	padding: 50px 80px 50px 200px;
}
.fullcontent .select {
	background: url(../images/select@2x.png) no-repeat 50px center;
	background-size:100px 101px;
	padding: 50px 80px 50px 200px;
}
.fullcontent .play {
	background: url(../images/play@2x.png) no-repeat 50px center;
	background-size:100px 100px;
	padding: 50px 80px 50px 200px;
}
.fullcontent img {
	width: 100%;
}
.sliderthumb {
	width: 100%;
	display: block;
	background: #003C4B;
	padding: 50px 0;
}
.sliderthumb .name {
	font-size: 40px;
	font-family: 'museo700';
	letter-spacing: 2px;
	text-align: center;
	color: #fff;
	padding: 0;
	margin:0 0 50px 0;
}
.slidebutton {
	width: 100%;
	display: block;
	margin:30px 0 0 0;
}
.slidebutton a{
	border:2px solid #FFF;
	background: transparent;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #fff;
	line-height:50px;
	border-radius:5px;
	letter-spacing: 1px;
	width: 100%;
	display: block;
}
.slidebutton a:hover{
	border:2px solid #ccc;
	color: #ccc;
}

/* === SLIDER OWL ===*/
#owl-demo .item {
	border-radius: 10%;
	background:#fff;
	padding:0;
	border:5px solid #003C4B;
	overflow: hidden;
}
#owl-demo .item img {
	border-radius: 7%;
}
#owl-demo .item{
	    margin:5px;
}
#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
#owl-demo .item .info{
	width: 160px;
	height:40px;
	position: absolute;
	top:50%;
	z-index: 1;
	overflow: hidden;
	margin-top: -20px;
	right:7px;
}
#owl-demo .item .info .text{
	width: 200px;
	height: 40px;
	background: #003C4B;
	border-radius:40px;
	padding:0 20px;
	line-height: 40px;
	font-family: 'AvenirNextLTPro-Demi';
	color: #fff;
	font-size:18px;
	letter-spacing: 1px;
	text-align: left;
	right: -20px;
}
.owl-theme .owl-controls .owl-buttons div {
	width: 30px;
	height: 30px;
    background-color: transparent;
    background-image: url(../images/slide-arrow.png);
    background-repeat: no-repeat;
    background-size:60px 30px;
    opacity: 1;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin:0;
    padding:0 10px;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity:0.5;
	text-decoration: none;
}
.owl-buttons {
	position: absolute;
	width: 100%;
	height: 30px;
	top:50%;
	margin-top: -15px;
}
.owl-prev {
	width:30px;
	height: 30px;
	left:-40px;
	position: absolute;
    background-position: left center !important;
}
.owl-next {
	width:30px;
	height: 30px;
	right:-40px;
	position: absolute;
	background-position: right center !important;
}
.owl-theme .owl-controls .owl-page span {
	background: #003C4B;
}
.page-top {
	width: 100%;
	margin-bottom: 50px;
	display:block;
	top: 0px;
	z-index:1;
	background-size: cover !important;
}
.page-top .title {
	color: #fff;
    font-family: 'GothamNarrow-Medium';
    font-size: 25px;
    letter-spacing: 5px;
    line-height: 40px;
    padding-bottom: 10px;
    text-align: center;
    margin:200px 0 50px 0
}

/* === CONTENTS === */
.contents {
	width: 100%;
	padding:0 0 60px 0;
}

.contents img {
	width: 100%;
	margin-bottom: 30px;
}

.contents h2 {
	font-family: 'AvenirNextLTPro-Demi';
    font-size: 30px;
    color: #003C4B;
    line-height: 40px;
    padding:20px 0;
    margin: 0 0 20px;
    text-align: center;
}

.contents .gallery {
	width: 100%;
	position: relative;
	top:0;
	left:0;
	margin-bottom: 30px;
	display: inline-block;
}
.contents .gallery img {
	width: 100%;
}
.contents .gallery-mask{
	width:100%;
	position: absolute;
	top:0;
	left:0;
}


/* === CONTACT === */
.contact{
	width: 100%;
	padding:0 0 60px 0;
}

.contact h2 {
	font-family: 'AvenirNextLTPro-Demi';
    font-size: 30px;
    color: #003C4B;
    line-height: 40px;
    padding:10px 0;
    margin: 0;
    text-align: center;
}

.contact p {
    font-size: 20px;
    padding:10px 0;
    margin:0;
    text-align: center;
}
.contact .krokilink {
	width: 100%;
	background: url(../images/map-plain.png) no-repeat 30px center;
	background-size: 64px 53px;
	border:1px solid #003C4B;
	font-family: "museo700";
    font-size: 24px;
    letter-spacing: 1px;
    color: #fff;
    line-height:80px;
    padding:0 10px 0 110px;
    border-radius: 50px;
    margin:50px 0 0 0;
}



.yasal-metin {
	width: 100%;
	background:#f1f1f1;
	border:1px solid #ddd;
	display: block;
	padding: 20px 0;
}
.yasal-metin p {
	font-size: 14px;
	padding:0;
	margin:0;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background: transparent;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	line-height: 40px;
}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
	background: transparent;
}
table .name {
	font-size: 12px;
}
table .info {
	font-size: 14px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color:#003C4B;
}
.tab-pane {
	padding:30px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-radius: 0 0 0px 0px;
	margin-bottom: 50px;
}
.tab-pane1 {
	padding:4px 4px 0px 4px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
		border-top:1px solid #000;

	border-radius: 0 0 0px 0px;
	margin-bottom: 50px;
}

/* === PROJECT DETAIL1 === */
/* === PROJECT DETAIL === */
.project-detail2 {}
.project-detail2 img {
	width: 100%;
}
.project-detail2 .tablink {
	width: 23.5%;
	font-family: "museo700";
	font-size: 18px;
	text-align: center;
}
.project-detail2 .tipname {
	font-family: "museo500";
	letter-spacing:2px;
	font-size: 22px;
	text-align: right;
	padding:0 0 30px 0;
}

.project-detail2 .tiptip {
	font-family: "museo700";
	letter-spacing:2px;
	font-size: 20px;
	text-align: right;
	padding:10px 0 0 0;
}


.project-detail2 .tipname span{
	font-family: 'GothamNarrow-Bold';
	letter-spacing:1px;
	font-size: 36px;
}
.project-detail2 .sanalturlink {
	width: 100%;
	background: #003C4B url(../images/360button@2x.png) no-repeat 20px center;
	background-size: 32px 28px;
	font-family: "museo700";
    font-size: 24px;
    letter-spacing: 1px;
    color: #fff;
    line-height: 50px;
    padding:0 0 0 60px;
    border-radius: 50px;
}



.project-detail1 {}
.project-detail1 img {
	width: 100%;
}
.project-detail1 .tablink {
	width: 40%;
	font-family: "museo700";
	font-size: 20px;
	text-align: center;
}



.project-detail1 .tipname {
	font-family: 'AvenirNextLTPro-Demi';
	letter-spacing:2px;
	font-size: 22px;
	text-align: right;
	padding:0 0 30px 0;
}

.project-detail1 .tiptip {
	font-family: "museo700";
	letter-spacing:2px;
	font-size: 20px;
	text-align: right;
	padding:10px 0 0 0;
}


.project-detail1 .tipname span{
	font-family: 'GothamNarrow-Bold';
	letter-spacing:1px;
	font-size: 36px;
}
.project-detail1 .sanalturlink {
	width: 100%;
	background: #003C4B url(../images/360button@2x.png) no-repeat 20px center;
	background-size: 32px 28px;
	font-family: "museo700";
    font-size: 24px;
    letter-spacing: 1px;
    color: #fff;
    line-height: 50px;
    padding:0 0 0 60px;
    border-radius: 50px;
}
/* === PROJECT DETAIL === */
.project-detail {}
.project-detail img {
	width: 100%;
}
.project-detail .tablink {
	font-family: "museo700";
	font-size: 20px;
	text-align: center;
}



.project-detail .tipname {
	font-family: 'AvenirNextLTPro-Demi';
	letter-spacing:2px;
	font-size: 22px;
	text-align: right;
	padding:0 0 30px 0;
}

.project-detail .tiptip {
	font-family: "museo700";
	letter-spacing:2px;
	font-size: 20px;
	text-align: right;
	padding:10px 0 0 0;
}


.project-detail .tipname span{
	font-family: 'GothamNarrow-Bold';
	letter-spacing:1px;
	font-size: 36px;
}
.project-detail .sanalturlink {
	width: 100%;
	background: #003C4B url(../images/360button@2x.png) no-repeat 20px center;
	background-size: 32px 28px;
	font-family: "museo700";
    font-size: 24px;
    letter-spacing: 1px;
    color: #fff;
    line-height: 50px;
    padding:0 0 0 60px;
    border-radius: 50px;
}


/* E-Bulten ------------- */
.ebulten {
	width: 100%;
	padding:30px 0;
	margin-bottom:0;
	display:inline-block;
	background: #003C4B;
}
.ebulten .title {
	width: 100%;
	font-family: 'museo700';
	font-size: 30px;
	padding:0px;
	margin:0 0 20px 0;
	color:#fff;
	text-align: center;
}
.ebulten .text {
	font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 50px;
    padding: 0;
    text-align: center;
}
.ebulten .form-control {
	border:none;
}

/* Form Style ------------*/
.form-control {
	border:none;
	background:#FFF;
	border-radius:5px;
	min-height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #5C6F8F;
	box-shadow:none;
	font-family: 'Open Sans', sans-serif;
}
.form-control:focus {
	border:none;
	background:#FFF;
	box-shadow:none;
	color: #003C4B;
	font-family: 'AvenirNextLTPro-Demi';
}
.form-control::-moz-placeholder {
    color: #5C6F8F;
    border:none;
}
.styled-select select {
   background: transparent;
   width: 100%;
   font-family: 'AvenirNextLTPro-Regular';
   color: #5C6F8F;
   font-size: 16px;
   outline: none;
   border: 0;
   line-height: 1;
   -webkit-appearance: none;
   -moz-appearance: none;
   -o-appearance: none;
}
.styled-select {
	min-height: 50px;
	width: 100%;
	padding: 10px 10px;
	display: inline-block;
	margin:0;
	overflow: hidden;
	border: 1px solid #BACBE8;
	border-radius:5px;
	background: #fff url(../images/bg-select.png) no-repeat 97%;
	box-shadow: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	outline: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-primary {
	width:26%;
	padding:0 20px;
	float: right;
	font-size:24px;
	font-weight:500;
	letter-spacing:1px;
	color: #000;
	height: 50px;
	line-height: 50px;
	background:#ffffff;
	border-radius:5px;
	border:none;
	font-family: 'museo700';
	letter-spacing: 1px;
	text-shadow:0 0px 0 rgba(255, 255, 255, .0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	border:none;
	background:#eaeaea;
	color:#323232;
}
.myCheckbox input {
    display: none;
    margin-bottom: 20px;
}
.myCheckbox span {
    width: 30px;
    height: 30px;
    margin-bottom: -7px;
    margin-right:2px;
    padding-right: 20px;
    display: block;
    background: url("../images/checkbox1@2x.png") no-repeat left bottom ;
    background-size:24px 24px;
    cursor: pointer;
}
.myCheckbox input:checked + span {
    background: url("../images/checkbox@2x.png") no-repeat left bottom ;
    background-size:27px 29px;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
input{}
.custom-file-input::before {
  content: 'Dosya Seçin';
  width: 100%;
  height: 40px;
  text-align: center;
  display: inline-block;
  background:#fff;
  line-height:20px;
  border: 1px solid #999;
  border-radius:0px;
  padding:10px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 300;
  font-size:14px;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

#map_contact {
	width: 100%;
	height: 500px;
	display: block;
	background:#fff;
	margin:0;
	position: relative;
}



/* FOOTER -------------*/
.footer {
	width: 100%;
	display: block;
	background:#f1f1f1;
	padding:50px 0 50px 0;
}

.footer .phone{
	width: 100%;
	height: 50px;
	border:1px solid #003C4B;
	border-radius: 5px;
	text-align:left;
	font-size: 20px;
	font-family: 'GothamNarrow-Black';
	line-height: 50px;
	color:#003C4B;
	letter-spacing:2px;
	padding-left: 54px;
	background: url(../images/phone-footer@2x.png) no-repeat 15px center;
	background-size: 24px 24px;
}
.footer .copy{
	width: 100%;
	display: inline-block;
	font-size: 16px;
	color:#003C4B;
	line-height: 20px;
	padding-top: 14px;
	font-family: 'GothamNarrow-XLight';
	text-align: center;
}

.footer .logo {
	width: 246px;
	height: 159px;
	float: right;
	background: url(../images/logo-hasasansor1@2x.png) no-repeat center center;
	background-size: 246px 159px;
}<
.footer .logo a{
	display: block;
	width:246px;
	height: 159px;
}

.medyaon {
	width: 100%;
	height:38px;
	margin:0;
	padding:10px 0;
	background:#003C4B;
	display: block;

}
.medyaon a{
	height:16px;
	width: 100%;
	display: inline-block;
	background: url(../images/logo-medyaon.png) no-repeat center top;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.medyaon a:hover{background: url(../images/logo-medyaon.png) no-repeat center bottom ; cursor: pointer;}



.btn-navbar,
.slides-navigation {
	display: none!important;
}


@media(max-width: 767px) {

	.header-top {
		position: absolute;
		width: 100%;
		top:0px;
		z-index: 99;
		background: transparent;
	}

	.header {
		display: inline-block;
		width: 100%;
		height:68px;
		background: transparent;
	}

	.header .logo{
		display: none;
	}

	.header .lang {
		min-width: 50px;
		position: absolute;
		left:20px;
		top:30px;
		z-index: 9999;
	}
	.header .lang ul {
		padding:0px;
		margin: 0px;
	}
	.header .lang ul li {
		width:24px;
		height: 24px;
		margin-left:5px;
		padding:0px;
		text-align: center;
		display: inline-block;
	}
	.header .lang ul li a {
		width: 100%;
		height: 24px;
		border:1px solid #003C4B;
		border-radius:24px;
		line-height:22px;
		display: inline-block;
		font-family: 'AvenirNextLTPro-Regular';
		font-size:10px;
		letter-spacing:1px;
		color: #003C4B;
	}
	.header .lang ul li a:hover {
		color: #003C4B;
		border:1px solid #003C4B;
	}


	.header-responsivelogo {
		width: 100%;
		height: 70px;
		position: absolute;
		left:0px;
		top:4px;
		background: url(../images/logo-responsive-mobil.png) no-repeat center center;
		background-size:60px 60px;
	}

	.header-responsivelogo a {
		width: 100%;
		height: 82px;
		display: inline-block;
	}


	.navbar-collapse {
		padding-right: 0px;
		padding-left: 0px;
		margin-top:80px;
		z-index: 9999;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
		-webkit-overflow-scrolling: touch;
		transition: all .5s ease;
		-webkit-transition: all .5s ease;
	}

	.navbar-nav {
		z-index: 3;
		width:100%;
		height:auto;
		margin:0px;
		padding:0;
		right:0px;
		float: none;
	}

	.navbar-nav .right {
    	text-align: center;
	}
	.navbar-nav .left {
    	text-align: center;
	}

	.navbar-nav li{
		padding:0;
		width:100%;
		margin-left:0px;
		display: inline-block;
		text-align: center;
		text-decoration: none;
		background: transparent;
		line-height: 40px;
		margin-bottom: 1px;
		margin-top: 0px;
	}

	.navbar-nav li a{
		color: #fff;
		font-size:20px;
		line-height: 42px;
		text-align: center;
		letter-spacing:0.5px;
		display: inline-block;
		background:#003C4B;
		width: 100%;
		outline: none;
		text-decoration: none;
		padding:0px;
		text-shadow: 0 0px 0 rgba(255, 255, 255, .0);
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	.navbar-nav > li > a:hover{
		color: #000;
		text-decoration: none;
		background:#fff;
	}

	.btn-navbar {
		width: 40px;
		height: 40px;
		padding: 0px;
		position: absolute;
		display: inline-block!important;
		right: 20px;
		top:20px;
		background: transparent;
		z-index: 9999;
	}

	.btn-navbar:hover,
	.btn-navbar:focus {
		box-shadow: none;
	}

	.btn-navbar span {
		display: block;
		width: 40px;
		height: 3px;
		background: #003C4B;
		margin: 4px 0;
	}

	.fullcontent .location {
		background: url(../images/location@2x.png) no-repeat top 20px center;
		background-size:50px 60.5px;
		padding: 80px 10px 30px 10px;
		font-size: 16px;
		text-align: center;
	}
	.fullcontent .select {
		background: url(../images/select@2x.png) no-repeat top 20px center;
		background-size:50px 50px;
		padding: 80px 10px 30px 10px;
		text-align: center;
	}
	.fullcontent .play {
		background: url(../images/play@2x.png) no-repeat top 20px center;
		background-size:50px 50px;
		padding: 80px 10px 30px 10px;
		text-align: center;
	}

	.footer .phone {
		text-align: center;
		color: #053c5e;
	}
	.footer .phone a{
		color: #053c5e;
	}

	.footer .copy {
		line-height:24px;
	}

	.footer .social {
		width: 196px;
		margin: 0 auto;
		float: none;
	}

	.medyaon a{
		background: url(../images/logo-medyaon@2.png) no-repeat center top;
		background-size: 90px 32px;
	}
	.medyaon a:hover{
		background: url(../images/logo-medyaon@2.png) no-repeat center bottom;
		background-size: 90px 32px;
	}

}

@media(max-width: 1024px) {


}

@media(min-device-pixel-ratio: 1.5),
(-webkit-min-device-pixel-ratio: 1.5) {


	@media (min-width: 990px) {

	}

	@media(max-width: 480px){

	}
}



#urunyazi{
	width: 222px;
	padding: 5px;

	font-size: 14px;
	font-family:'GothamNarrow-Medium';

}



/* === INDEX SLIDE STYLES === */
.slider {
	width: 100%;
	display:block;
	background:#fff;
	padding:0px;
	top: 0px;
	z-index: 1;
}
#full-width-slider {
  width: 100%;
  color: #000;
}
.coloredBlock {
  padding: 12px;
  background:transparent;
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  width:100%;
  position: absolute;
  top:250px;
  padding-bottom: 0;
  background: transparent;
  padding: 20px;
  text-align: center;
}
.infoBlockLeftBlack {
  color: #FFF;
  background:transparent;
  left: 0;
}
.infoBlock .title {
	width: 100%;
	text-align: center;
	font-size:50px;
	line-height: 70px;
	font-family: 'AvenirNextLTPro-DemiIt';
	color:#fff;
	padding-bottom:10px;
	letter-spacing:5px;
}
.infoBlock p {
	width: 100%;
	text-align: center;
	font-size:20px;
	font-weight:300;
	color:#fff;
	line-height:24px;
	padding-bottom:10px;
	margin-top:70px;
	display: inline-block;
}

.slidelinks {
	width:200px;
	height:40px;
	line-height: 40px;
	margin-left: -100px;
	left:50%;
	background:#fff;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 1px;
	color: #222222;
	text-align: center;
	display: inline-block;
	margin-top: 170px;
}
.infoBlock a {
  color: #111;
  width: 100%;
  display: inline-block;
  text-decoration: none;
}
.infoBlock a:hover {
  color: #6eb43f;
  text-decoration: none;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25;
}
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}
/***************
*
*  1. Arrows
*
****************/

.rsMinW .rsArrow {
	height: 32px;
	width:100%;
	top:50%;
	margin-top:-16px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}

.rsMinW .rsArrowLeft { width:32px; left:20%;  bottom:auto;}
.rsMinW .rsArrowRight {width:32px; right:20%;  bottom:auto; }

.rsMinW .rsArrowIcn {
	width: 32px;
	height: 32px;
	margin:0px;
	border:none;
	border-radius:32px;
	position: absolute;
	cursor: pointer;
	background: transparent;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.rsMinW .rsArrowIcn:hover {
}


.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
	background:url(../images/left@2x.png) no-repeat center center;
	background-size:12px 24px;
	}
.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
	background:url(../images/right@2x.png) no-repeat center center;
	background-size:12px 24px;
}

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn {}
.rsMinW.rsVer .rsArrowRight .rsArrowIcn {}

.rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3 !important; filter: alpha(opacity=30);  *display: none; }




@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow,
  .royalSlider.heroSlider {
      height:auto;
  }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow,
    .royalSlider.heroSlider {
        height:auto;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider,
  .royalSlider.heroSlider .rsOverflow {
    height:auto;
  }
  .infoBlock {
    top:60px;
  }

  .infoBlock .title {
    font-size: 20px;
    letter-spacing: 5px;
    line-height: 20px;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
	}

  .infoBlock h3 {
		font-size: 14px;
		line-height: 17px;
  }
  .slider {
		width: 100%;
		display:block;
		background:#fff;
		padding:0px;
		margin-top:80px;
		z-index: 1;
	}
















.accordion {
 	width: 100%;
 	max-width: 360px;
 	margin: 30px auto 20px;
 	background: #FFF;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
 }

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 42px;
	color: #4D4D4D;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #b63b4d;
}

.accordion li.open i {
	color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;}
/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	background: #444359;
 	font-size: 14px;
 }

 .submenu li {
 	border-bottom: 1px solid #4b4a5e;
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
 	background: #b63b4d;
 	color: #FFF;
 }

 #accordion {
	 list-style: none;
	 padding: 0 0 0 0;
	 width: 300px;

 }
 #accordion li{
	 display: block;
	 background-color: #ddd;
	 font-weight: bold;
	 margin: 10px;
	 cursor: pointer;
	 padding: 5 5 5 7px;
	 list-style: circle;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 border-radius: 6px;
	 border: 3px;
	 font-size: 19px;

 }
 #accordion ul {
	 list-style: none;
	 padding: 0 0 0 0;
	 display: none;


 }
 #accordion ul li{
	 font-weight: normal;
	 cursor: auto;
	 background-color: #fff;
	 padding: 0 0 0 7px;
	 font-size: 14px;

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