@charset "utf-8";
/* CSS Document */

/*
Josefin Sans
font-family: 'Josefin Sans', sans-serif;
*/
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&subset=latin-ext');

/********** main slider */
.gosliderend{
	position:absolute;
	bottom:60px;
	left:50%;
	margin-left:-10px;
	z-index:999;
	
	width:20px;
	height:30px;

	border-radius:10px;
	text-align:center;
	}
	
.gosliderend svg{
	position:relative;
	margin-left:1px;

	/* Safari and Chrome */
	-webkit-animation:mymove .8s;
	-webkit-animation-iteration-count:infinite;
}

@keyframes mymove
{ from {top:0px; opacity: 0;}
to {top:10px; opacity: 1}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
from {top:0px; opacity: 0;}
to {top:10px; opacity: 1;}
}

	
/* Main corousel indicators */
	
.main-carousel .carousel-indicators {
	bottom: 0;
}
.main-carousel .carousel-control.right,
.main-carousel .carousel-control.left {
	background-image: none;
	text-shadow:none;
	width:40px;
	height:40px;
	opacity:1;
	margin-top:-20px;
	top:50%;
	line-height:40px;
	font-size:14px;
}

.main-carousel .carousel-control.right{
	margin-right:30px;
}

.main-carousel .carousel-control.left{
	margin-left:30px;
}

.main-carousel .carousel-indicators li{
	width:16px;
	height:16px;
	border:none;
	}
	
.main-carousel .carousel-indicators .active{
	margin:1px;
	}
	
/* Main corousel with thumb indicators */

.main-carousel .carousel-indicators.with-thumb{
	width:100%;
	left:0;
	margin-left:0;
	}

.main-carousel .carousel-indicators.with-thumb li{
	width:20%;
	height:100px;
	border-radius:0;
	text-indent:inherit;
	}
	
.main-carousel .carousel-indicators.with-thumb .indicator-box{
	width:100%;
	height:100px;
	position:relative;
	padding:15px;
	}
	
.main-carousel .carousel-indicators.with-thumb .indicator-box svg{
	font-size:48px;
	line-height:50px;
	}
	
.main-carousel .carousel-indicators.with-thumb .indicator-box .head{
	font-size:18px;
	}

/* Main corousel items */

.main-carousel .carousel-inner .item {
	transition-property: opacity;
	height:100vh; /* ekranı kaplaması için */
}
.main-carousel .carousel-inner .item,
.main-carousel .carousel-inner .active.left,
.main-carousel .carousel-inner .active.right {
  opacity: 0;
}
.main-carousel .carousel-inner .active,
.main-carousel .carousel-inner .next.left,
.main-carousel .carousel-inner .prev.right {
  opacity: 1;
}
.main-carousel .carousel-inner .next,
.main-carousel .carousel-inner .prev,
.main-carousel .carousel-inner .active.left,
.main-carousel .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
.main-carousel .carousel-control {
  z-index: 2;
}


/* Main corousel item details */

.main-carousel .carousel .item img {
	width:100%; 
}

/* sizes */

.main-carousel .carousel .item .text{
	font-size:14px;
	line-height: 22px;
	font-weight: 400;
	}

.main-carousel .carousel .item .small-title{
	font-size:28px;
	line-height: 38px;
	font-weight: 400;
	}
	
.main-carousel .carousel .item .medium-title{
	font-size:52px;
	line-height: 62px;
	font-weight: 600;
	letter-spacing: -2px;
	}
	
.main-carousel .carousel .item .large-title{
	font-size:76px;
	line-height: 86px;
	font-weight: 800;
	letter-spacing: -4px;
	}

/* positions */

.main-carousel .carousel .item .top{
	bottom:100px;
	}
	
.main-carousel .carousel .item .bottom{
	bottom:40px;
	}


/* Animation delays */
.main-carousel .carousel-caption h3:first-child {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.main-carousel .carousel-caption h3:nth-child(2) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.main-carousel .carousel-caption button {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}


/**/


.main-carousel .btn-vertical-slider{ margin-left:35px; cursor:pointer;}
a {  cursor:pointer;}
.main-carousel .carousel.vertical .carousel-inner .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.main-carousel .carousel.vertical .active {
  top: 0;
}

.main-carousel .carousel.vertical .next {
  top: 100%;
}

.main-carousel .carousel.vertical .prev {
  top: -100%;
}

.main-carousel .carousel.vertical .next.left,
.main-carousel .carousel.vertical .prev.right {
  top: 0;
}

.main-carousel .carousel.vertical .active.left {
  top: -100%;
}

.main-carousel .carousel.vertical .active.right {
  top: 100%;
}

/********** thumbs slider */

/*
	multicolumns
	responsive columns carousel
	there are two alternative: four-columnd and two-column
*/

.multicolumns {
	margin: 0 -15px 50px -15px;
}
.multicolumns .carousel-control {
	width: 4%;
	background-image: none;
}
.multicolumns .cloneditem-1, .multicolumns .cloneditem-2, .multicolumns .cloneditem-3 {
	display: none;
}

@media (min-width: 768px) {
.multicolumns .carousel-inner > .active.left, .multicolumns .carousel-inner > .prev {
	left: -50%;
}
.multicolumns .carousel-inner > .active.right, .multicolumns .carousel-inner > .next {
	left: 50%;
}
.multicolumns .carousel-inner > .left, .multicolumns .carousel-inner > .prev.right, .multicolumns .carousel-inner > .active {
	left: 0;
}
.multicolumns .carousel-inner .cloneditem-1 {
	display: block;
}
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
.multicolumns .carousel-inner > .item.active.right, .multicolumns .carousel-inner > .item.next {
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
	left: 0;
}
.multicolumns .carousel-inner > .item.active.left, .multicolumns .carousel-inner > .item.prev {
	-webkit-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	left: 0;
}
.multicolumns .carousel-inner > .item.left, .multicolumns .carousel-inner > .item.prev.right, .multicolumns .carousel-inner > .item.active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0;
}
}

@media (min-width: 992px) {
.multicolumns .carousel-inner > .active.left, .multicolumns .carousel-inner > .prev {
	left: -50%;
}
.multicolumns .carousel-inner > .active.right, .multicolumns .carousel-inner > .next {
	left: 50%;
}
.multicolumns .carousel-inner > .left, .multicolumns .carousel-inner > .prev.right, .multicolumns .carousel-inner > .active {
	left: 0;
}
.multicolumns .carousel-inner .cloneditem-2, .multicolumns .carousel-inner .cloneditem-3 {
	display: block;
}
}

/* six columns */

/* mobilde 4lü göründüğü için yükseklik veriyouz, tasarıma göre yükseklik değişebilir (çeviri) */

@media (max-width: 991px) {
.six-columns .carousel-inner > .item{
	height: 270px;
	overflow: hidden;
}
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
.six-columns .carousel-inner > .item.active.right, .six-columns .carousel-inner > .item.next {
	-webkit-transform: translate3d(16.66%, 0, 0);
	transform: translate3d(16.66%, 0, 0);
	left: 0;
}
.six-columns .carousel-inner > .item.active.left, .six-columns .carousel-inner > .item.prev {
	-webkit-transform: translate3d(-16.66%, 0, 0);
	transform: translate3d(-16.66%, 0, 0);
	left: 0;
}
.six-columns .carousel-inner > .item.left, .six-columns .carousel-inner > .item.prev.right, .six-columns .carousel-inner > .item.active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0;
}
}


/* four columns */
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
.four-columns .carousel-inner > .item.active.right, .four-columns .carousel-inner > .item.next {
	-webkit-transform: translate3d(25%, 0, 0);
	transform: translate3d(25%, 0, 0);
	left: 0;
}
.four-columns .carousel-inner > .item.active.left, .four-columns .carousel-inner > .item.prev {
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-25%, 0, 0);
	left: 0;
}
.four-columns .carousel-inner > .item.left, .four-columns .carousel-inner > .item.prev.right, .four-columns .carousel-inner > .item.active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0;
}
}

/* three columns */
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
.three-columns .carousel-inner > .item.active.right, .three-columns .carousel-inner > .item.next {
	-webkit-transform: translate3d(33.33%, 0, 0);
	transform: translate3d(33.33%, 0, 0);
	left: 0;
}
.three-columns .carousel-inner > .item.active.left, .three-columns .carousel-inner > .item.prev {
	-webkit-transform: translate3d(-33.33%, 0, 0);
	transform: translate3d(-33.33%, 0, 0);
	left: 0;
}
.three-columns .carousel-inner > .item.left, .three-columns .carousel-inner > .item.prev.right, .three-columns .carousel-inner > .item.active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0;
}
}

/* two-columns */
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
.two-columns .carousel-inner > .item.active.right, .two-columns .carousel-inner > .item.next {
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
	left: 0;
}
.two-columns .carousel-inner > .item.active.left, .two-columns .carousel-inner > .item.prev {
	-webkit-transform: translate3d(-25%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	left: 0;
}
.two-columns .carousel-inner > .item.left, .two-columns .carousel-inner > .item.prev.right, .two-columns .carousel-inner > .item.active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0;
}
}
.multicolumns .controls {
	width: 80px;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -40px;
}
.multicolumns .carousel-control.left, .multicolumns .carousel-control.right {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: transparent;
	font-size: 12px;
	border-top-width: 2px;
	border-top-style: solid;
	text-shadow: none;
}
.multicolumns .carousel-control.left {
	border-right-width: 1px;
	border-right-style: solid;
}
.multicolumns .carousel-control.right {
	border-left-width: 1px;
	border-left-style: solid;
}

/********** future slider */

/* indicators */

.future-carousel .carousel-indicators li{
	text-indent:inherit;
	text-align:center;
	}
	
.future-carousel .carousel-indicators li.active{
	margin:1px;
	}

@media (max-width: 767px) {
.future-carousel .carousel-indicators{
	display:none;
	}
}

/* thumb version indicators */

.future-carousel .carousel-indicators.thumb{
	left:-1px;
	margin-left:0;
	width:100%;
	text-align:left;
	bottom:-72px;
	}

.future-carousel .carousel-indicators li.thumb{
	width:78px;
	height:55px;
	border-radius:0;
	border:none;
	}
	
@media (min-width: 992px) and (max-width:1199px) {
.future-carousel .carousel-indicators li.thumb{
	width:61px;
	}
}

@media (min-width: 768px) and (max-width:991px) {
.future-carousel .carousel-indicators li.thumb{
	width:63px;
	}
}

@media (max-width:767px) {
.future-carousel .carousel-indicators li.thumb{
	display:none;
	}
}

/* number version indicators */

.future-carousel .carousel-indicators.number{
	left:-1px;
	margin-left:0;
	width:100%;
	text-align:left;
	bottom:-42px;
	}

.future-carousel .carousel-indicators li.number{
	width:30px;
	height:25px;
	line-height:25px;
	border-radius:0;
	border:none;
	}
	
.future-carousel .carousel-indicators li.number.active{
	margin:1px;
	}

/* controls */
	
.future-carousel .carousel-control {
	top:auto;
	right:0;
	bottom:-31px;
	left:auto;
	z-index:15;
	text-shadow:none;
	}

.future-carousel .carousel-control.right, .future-carousel .carousel-control.left{
	background-image:none;
	opacity:1;
	width:30px;
	height:25px;
	line-height:25px;
	font-size:14px;
	}
	
.future-carousel .carousel-control.right{
	margin-bottom:-30px;
	}

.future-carousel .carousel-control.number {
	top:auto;
	right:auto;
	bottom:-1px;
	left:359px;
	z-index:15;
	text-shadow:none;
	}
	
@media (max-width: 767px) {
.future-carousel .carousel-control.number,
.future-carousel .carousel-control.thumb{
	bottom:-14px;
	left:0;
	}
}

.future-carousel .carousel-control.right.number,
.future-carousel .carousel-control.left.number{
	background-image:none;
	opacity:1;
	width:30px;
	height:25px;
	line-height:25px;
	font-size:14px;
	}
	
.future-carousel .carousel-control.right.number{
	margin-left:35px;
	}

.future-carousel .carousel-control.left.number{
	margin-bottom:-30px;
	}
	
@media (max-width: 767px) {
.future-carousel .carousel-control.left.thumb{
	margin-bottom:-30px;
	}
}
	
@media (max-width: 767px) {
.future-carousel .carousel-control.right.number,
.future-carousel .carousel-control.left.number,
.future-carousel .carousel-control.right.thumb,
.future-carousel .carousel-control.left.thumb {
	width:60px;
	height:40px;
	line-height:40px;
	font-size:20px;
	}
	
.future-carousel .carousel-control.right.number,
.future-carousel .carousel-control.right.thumb{
	margin-left:64px;
	}
}
	
/* details */

.future-carousel .carousel-caption{
	right:0;
	bottom:0;
	left:0;
	padding:60px 30px 30px 30px;
	text-align:left;
	text-shadow:none;
	}

.future-carousel .carousel-caption .head, .future-carousel .carousel-caption .head a{
	font-size:22px;
	font-weight:600;
	}
	
.future-carousel .carousel-caption .desc, .future-carousel .carousel-caption .desc a{
	font-size:14px;
	}
	
@media (max-width: 767px) {
.future-carousel .carousel-caption .head, .future-carousel .carousel-caption .head a{
	font-size:16px;
	}
	
.future-carousel .carousel-caption .desc{
	display:none;
	}
}

/* full size alternative */

.full-size-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.full-size-modal .modal-dialog {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

.full-size-modal .modal-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-width: 2px;
	border-style: solid;
	border-radius: 0;
	box-shadow: none;
}

.full-size-modal .modal-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 50px;
  padding: 10px;
  border: 0;
}

.full-size-modal .modal-title {
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.full-size-modal .modal-header .btn{
	margin-top: -42px;
}


.full-size-modal .modal-body {
  position: absolute;
  top: 50px;
	bottom: 80px;
  width: 100%;
  font-weight: 300;
}

.full-size-modal .modal-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 80px;
  padding: 10px;
}

.full-size-modal .carousel-inner .item img{
	margin: 0 auto;
	height: 75vh !important;
}

/**/

.full-size-modal .carousel-indicators{
	left: -1px;
    margin-left: 0;
    width: 100%;
}

.full-size-modal .carousel-indicators li{
	width: 50px;
	height: 50px;
	border: none;
} 

/**/

@media (max-width: 991px) {
.full-size-modal .carousel-inner .item img{
	height: auto !important;
}	
}

.full-size-modal .carousel-indicators.future-carousel-indicators{
	bottom: 0;
	text-align: center;
}

.carousel-indicators.future-carousel-indicators li {
    text-indent: inherit;
    text-align: center;
}



/********** slider search */

	
/* Main corousel indicators */

@media (max-width: 1199px){
	.main-carousel .carousel-caption{
		display: none;
	}
}

.slider-search{
	position: relative;
	margin-top: -230px;
}

@media (min-width: 768px) and (max-width: 1199px) {
.slider-search{
	margin-top: -330px;
}
}

@media (max-width: 767px){
.slider-search{
	margin-top: -430px;
}
}


.slider-search .tab-content{
	height: 100px;
	padding: 30px 0;
}

@media (max-width: 768px) {
.slider-search .tab-content{
	height: auto;
}
}

.slider-search .nav-tabs{
	margin-bottom: 0;
	padding: 0;
	border: none;
}

.slider-search .nav-tabs>li{
	position: relative;
}

.slider-search .nav-tabs>li>a{
	margin: 0;
}

.slider-search .nav-tabs>li>a:before{
	position: absolute;
	top: -4px; left: 0;
	content: "";
	height: 4px;
	width: 100%;
	z-index: 1;
}

.slider-search .nav-tabs>li.active>a:before,
.slider-search .nav-tabs>li>a:hover:before{
	display: none;
}

@media (min-width: 1200px) {
	.slider-search .form-inline .form-control {
		width: 343px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.slider-search .form-inline .form-control {
		width: 267px;
	}
}

@media (min-width: 768px)and (max-width: 991px) {
	.slider-search .form-inline .form-control {
		width: 195px;
	}
}

/********** slider accordion */

.slide-accordion{
	background-color:#2d3436; 
	width: 100%;
	height: 100vh;
}

.slide-accordion .logo{
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 3;
	padding: 15px;
	width: 270px;	
}


.slide-accordion .slogan{
	position: absolute;
	top: 255px;
	left: 30px;
	text-shadow: 1px 1px 2px #000000;
	color: #ffffff;
	letter-spacing: 1px;
	z-index: 1;
	
	font-family: 'EB Garamond', serif;
	font-size: 24px;
	line-height: 26px;
	font-weight: 600;
}


.slide-accordion .bg-image{
	width: 100%;
	height: 100vh;
	position: absolute;
 	background: url(../images/slider-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 1;
	opacity: .3;
	
}

.slide-accordion .item{
	background-color: #2d3436;
	width: 120px;
	height: 100vh;
	float: right;
	position: relative;
	margin-right: 0;
	
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	
	border-left: 2px solid #7e8fa0;
	z-index: 2;
}

.slide-accordion .item .item-img{
	width: 120px;
	height: 100vh;
	
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	
	background-position: center;
	background-size: cover;
	opacity: .3;
	
	position: absolute;
	right: 0;
}

.slide-accordion .item:hover{
	width: 35%;
}

.slide-accordion  .item:hover .item-img{
	width: 100%;
	opacity: .8;
}

.slide-accordion .item .icon{
	width: 48px;
	height: 48px;
	border-radius: 20px;
	margin-top: 20px;
	margin-left: 20px;
	line-height: 48px;
	text-align: center;
}


.slide-accordion .item .icon svg{
	font-size: 48px;
	color: #ffffff;
	opacity: .5;

}

.slide-accordion .item .head{
	display: block;
	width: 460px;
	height: 24px;
	padding: 5px;
	position: absolute;
	bottom: 300px;
	left: -160px;
	color: #ffffff;
	font-family: 'EB Garamond', serif;
	font-size: 30px;
	font-weight: 600;
    letter-spacing: 3px;

	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Safari */
	transform: rotate(-90deg);	
}

.slide-accordion .item:hover .head{
	 text-shadow: 1px 1px 2px #000000;
}


.slide-accordion .item .caption{
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	background-color: #2d3436;
	padding: 15px;
	z-index: 3;
	position: absolute;
	width: 60%;
	right: 20px;
	bottom: 70px;
	opacity: 0;
}

.slide-accordion .item:hover .caption{
	opacity: 1;
}

.slide-accordion .item .caption .btn{
	width: 100%;
	margin-bottom: 5px;
	text-align: left;
}