/* 09.11.2015 - UMUT ÇAKIR */

/* GENERAL OPTIONS */
html,body {max-width: 100%;}
body { background: url("../images/bg.png") no-repeat top center; background-size: 100%; font-family: 'Tahoma'; color: #666; overflow-x:hidden;}
.font-neue {font-family: 'Neue';}
.font-trebuchet {font-family: 'Trebuchet MS';}
h1,h2,h3,h4,h5,h6 {font-family: 'Neue'; font-weight: bold; color: #333;}

@media(min-width: 992px)
{
	.container { width: 1020px;}
}

/* SLIDER */
.img-540{ width:100%; height:540px; background-position: top center !important;}
.swiper-button-next-special { width:114px; height:85px; position: absolute; bottom:-21px; left: 50%; z-index: 998; cursor:pointer;}
.swiper-button-prev-special { width:114px; height:85px; position: absolute; bottom:-21px; right: 50%; z-index: 998; cursor:pointer;}
.swiper-bottom-cut {width: 991px; height:82px; position: absolute; bottom:-1px;left:0;z-index: 990;}
.swiper-button-top {width:160px; height:10px; position: absolute; bottom: 61px; left:50%; margin-left:-80px; z-index: 999;}
.swiper-button-next-special svg rect { transition:all 200ms ease-out;}
.swiper-slide-filter {background: url('../images/slider/assets/slider-g.png') no-repeat top left; width:990px; height:540px; position: absolute; z-index:990; top:30px;}
.swiper-slide .slide-image { position:absolute; bottom: 15px; right:0; width:100%; height: 71%; z-index: 991; }
.swiper-slide .slide-caption { position:absolute; width:400px; height:110px; background: #b6162d; color: #fff; bottom: 107px; z-index: 991; font-size:31px; padding:5px 19px; line-height: 1.5em;}
.swiper-slide .slide-caption::after {width: 0; height: 0; border-style: solid; border-width: 55px 0 55px 45px; border-color: transparent transparent transparent #b6162e; -webkit-transform:rotate(360deg); content:''; position: absolute; bottom:0; right:-45px; }
.swiper-left-ellipse {width: 100px; height: 30px; position: absolute; bottom:0px; left:50%;z-index:997; margin-left:-267px;}
.swiper-right-ellipse {width: 100px; height: 30px; position: absolute; bottom:0px; right:50%;z-index:997; margin-right:-267px;}
.swiper-ellipse-rect {width: 380px; height:30px; position: absolute; bottom:0px; left:50%; z-index: 991; margin-left: -190px;}

@media (max-width:992px){
	.img-540 { height: 480px;}
	.swiper-slide .slide-caption { width:40%; font-size: 20px;line-height: 2em;padding-top:12px;}
	.swiper-slide .slide-image {width:100%; height:77%;bottom:0;}
	.swiper-left-ellipse,
	.swiper-right-ellipse,
	.swiper-ellipse-rect { display: none;}
	.swiper-button-next-special { width:83px; height:49px; bottom:-2px;}
	.swiper-button-prev-special { width:83px; height:49px; bottom:-2px; }
	.swiper-bottom-cut {width: 721px; height:82px; bottom:-23px;}
	.swiper-button-top {width:115px; height:7px;margin-left:-57.5px;bottom:50px;}
	.swiper-slide-filter {width:720px; height:500px;}
}

@media (max-width: 768px){
	.swiper-slide .slide-caption {width:75%; height: 80px; font-size:16px; line-height: 1.2em;top:157px; left:0;}
	.swiper-slide .slide-caption::after {border-width: 40px 0 40px 45px;}
	.swiper-slide .slide-image {width:100%; height:77%; bottom:-30px;}
	.swiper-bottom-cut {width:auto; height:auto; margin-bottom:-5px; bottom:0;}
	.swiper-button-next-special { bottom:-3px;}
	.swiper-button-prev-special { bottom:-3px; }
	.swiper-button-top {bottom:49px;}
}

/* TOP SECTION */
#top { width:395px; height:30px; position: absolute; right:0; top:0; z-index: 993;}

@media(max-width: 768px){
	#top { width:100%; height: 60px;}
}

/* Phone Section */
#phone { background: #b6172d; width: 175px; height: 30px;}
#phone::before {content:''; background: url('../images/phone.png') center center no-repeat; position: absolute; width:40px; height: 30px;}
#phone span {color: #fff; line-height: 27px; font-size: 15px;margin-left:40px;}

@media(max-width: 768px){
	#phone { width: 100%;}
}


/* Top Menu Section */
#top-menu { background: rgba(182, 23, 45, 0.6); width: 220px; height: 30px; text-align: center;}
#top-menu ul {margin:0; padding:0; display: inline-block;}
#top-menu ul li {line-height: 25px; float:left; list-style: none;}
#top-menu ul li a { color: #fff; font-size:11px; text-transform: uppercase; padding:0 10px; position: relative;}
#top-menu ul li a::after {content: '/'; position:absolute; right:0; font-size:11px; top:-6px;}
#top-menu ul li:last-of-type a::after { display: none;}

@media(max-width: 768px){
	#top-menu {width: 100%;}
}

/* MAIN MENU SECTION */
.navbar-default { position:absolute; width:990px; height:112px; background-color: #d81634; z-index:999; border:0; border-radius: 0; top:30px;}
.navbar-default .navbar-brand {width: 250px; height: 112px; background:#fff; margin-left:4px; padding-top:32px;}
.navbar-default .navbar-brand:hover {background:#fff;}
.navbar-right li a {transition: all 200ms ease-out;font-size:13px; color: #fff !important; text-transform: uppercase; font-weight: bold; height:100px;padding-left:12px; padding-right: 30px; margin-right:15px; line-height: 25px; margin-top:6px; padding-top: 27px}
.navbar-right li a small { font-size:11px; font-family: 'Tahoma'; font-weight: normal; display: block;}
.navbar-right li::before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #efa2ae; left:-10px; top:45px;}
.navbar-right li:last-of-type a {margin-right: 0;}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > li > a:hover {background-color: #b50e25;}
.navbar-default .navbar-nav > .active > a::before,
.navbar-default .navbar-nav > li > a:hover::before { width: 0; height: 0; border-style: solid; border-width: 5px 3.5px 0 3.5px; border-color: #d81633 transparent transparent transparent; content: ''; position: absolute; top:0; left:50%; margin-left:-3.5px;}
.navbar-default .navbar-nav > .active > a::after,
.navbar-default .navbar-nav > li > a:hover::after { width: 0; height: 0; border-style: solid; border-width: 0 3.5px 5px 3.5px; border-color: transparent transparent #d81634 transparent; content: ''; position: absolute; bottom:0; left:50%; margin-left:-3.5px;}
.navbar-default::after {content:''; width: 100%; height:112px; background-color: #d81634; position: absolute;left:990px; top:0;}

@media(max-width: 992px){

	.navbar-default {width: 720px;height:80px;}
	.navbar-default .navbar-brand {height: 80px;padding-top:16px;}
	.navbar-default::after{display:none;}
	.navbar-collapse.collapse { display: none !important;}
	.navbar-collapse {overflow-x: visible !important;background-color: rgba(0, 0, 0, 0.6);}
	.navbar-collapse.in {overflow-y: auto !important; padding-bottom: 6px;}
	.collapse.in {display: block !important;}
	.navbar-toggle { display:inline-block; float:right !important; margin-top:22px; border-radius: 0; border-color:#fff;}
	.navbar-toggle span {background-color: #fff !important;}
	.navbar-header {float:none !important;}
	.navbar-toggle:hover,
	.navbar-toggle:focus {background: #fff !important;}
	.navbar-toggle:hover span,
	.navbar-toggle:focus span {background-color: #666 !important;}
}

@media (max-width: 768px){
	.navbar-default { width: calc(100% - 30px); top:60px;}
	.navbar-default .navbar-brand {width:180px; padding-top: 22px}
	.navbar-default .navbar-brand img {width: 100%;}
	.navbar-right li a {height:auto; margin-top:0; line-height: 15px; margin-right: 0; padding-top:5px;}
	.navbar-collapse {background-color: rgba(0, 0, 0, 0.8);}
	.navbar-collapse.in {padding-bottom: 0px; padding-top: 0;}
}

/* CONTENT SECTION */
#content { position: relative; z-index: 996; width: 990px;}
#content h2 {margin:0; padding:0; font-size: 22px; text-transform: uppercase; letter-spacing: 0.3px; text-align: center;padding-top: 20px; margin-bottom:15px;}
#content .pull-right {padding-bottom:15px;}
#content .pull-right:first-of-type h2 {text-align: right; margin-top: -50px;}
#content .pull-right:last-of-type h2 {text-align: left; margin-top: -50px;}
#content .pull-right:nth-child(2) { background-color: #f2f2f2; border-bottom:10px solid #d82c43;}
#content .pull-right:nth-child(2)::after {width: 0; height: 0; border-style: solid; border-width: 0 0 10px 340px; border-color: transparent transparent #d82c43 transparent; content:''; position: absolute; bottom:0;left:0;}
#content .pull-right:first-of-type .panel {border:0; border-radius: 0;}
#content .pull-right:first-of-type .panel-body {padding: 0;position: relative;}
#content .pull-right:first-of-type .panel-desc {position: absolute; width:40%; height:135px; padding: 10px;left:0; top:0; background: #d82c43;}
#content .pull-right:first-of-type .panel-desc#sample-2 {position: absolute; width:40%; height:55px; padding: 10px;left:0; bottom:0; background: #d82c43; top:auto;}
#content .pull-right:first-of-type .panel-desc p{ font-size:11px; color: #fff; text-transform: uppercase;}
#content .pull-right:first-of-type .panel-desc a {font-size:13px; color: #fff; text-transform: uppercase; position: absolute; bottom:10px; left:10px; font-weight: bold;}
#content .pull-right:nth-child(2) p {text-align: center; font-size: 11px; margin-bottom: 35px;}
#content .pull-right:last-of-type .panel {border:0; border-radius: 0; box-shadow: none;}
#content .pull-right:last-of-type .panel-body {padding: 0;position: relative;}
#content .pull-right:last-of-type .calendar { width:80px; height:85px; padding:15px 20px; background: #b6162d; margin-right: 15px;}
#content .pull-right:last-of-type .calendar span {font-weight: bold; font-size:15px; color: #fff; text-transform: uppercase; text-align: center; display: block;}
#content .pull-right:last-of-type .desc { font-size:11px; text-align: left; width:215px;padding-top: 10px;}

#content #anns-slider {padding-bottom: 24px;}
#content #anns-slider .panel:last-of-type  .calendar { background: #d82c43;}
#content #anns-slider #anns-pagination {bottom:0;}
#content #anns-slider #anns-pagination .swiper-pagination-bullet{ background: none; opacity: 1; margin:0; width:25px; height:25px;}
#content::after {background: url('../images/content-bottom.png') no-repeat center top; width:1172px; height: 90px; bottom:-50px; left:50%; margin-left:-586px; content:''; position: absolute;}

@media (max-width: 992px){
	#content {width:720px;}
	#content .pull-right:first-of-type h2 {text-align: center; margin-top: 0px;}
	#content .pull-right:last-of-type h2 {text-align: center; margin-top: 0px;}
	#content .pull-right:nth-child(2) {padding-bottom:45px;}
	#content .pull-right:nth-child(2)::after {width: 0; height: 0; border-style: solid; border-width: 0 0 10px 375px; border-color: transparent transparent #d82c43 transparent; content:''; position: absolute; bottom:0;left:0;}
	#content .pull-right:nth-child(2) h2 {margin-bottom: 35px;}
}

@media (max-width: 768px){
	#content {width:100%}
	#content .pull-right:last-of-type .desc {width:160px;padding-top: 5px;}
	#content::after {display: none;}
}

.img-135 {width:100%; height:135px;}


/* Vertical Slider Options */
#vertical-slider {width: 100%; height:101px;}
#vertical-slider .swiper-slide {width: 100%; height: 101px;}
#vertical-slider .swiper-slide p {font-size:11px; text-align: left !important;padding-right: 25px; padding-top: 10px; margin-bottom: 0 !important;}
#vertical-slider .swiper-slide p a {color: #eb1a3a; text-transform: uppercase;}
#vertical-slider .swiper-button-prev-vertical { background: url('../images/vertical-slider/prev-button.png'); width:21px; height:25px; position:absolute;right:0; bottom:70%; z-index: 999; cursor: pointer;}
#vertical-slider .swiper-button-next-vertical { background: url('../images/vertical-slider/next-button.png'); width:21px; height:25px; position:absolute;right:0; top:30%;z-index: 999; cursor:pointer;}
#vertical-slider .swiper-button-disabled {opacity: 0.7; cursor: default;}

/* FOOTER SECTION */
footer {margin-top:60px;}
footer ul {margin: 0; padding: 0;}
footer ul li {padding:0; float:left; list-style: none;}
footer ul li a{padding:0 20px; font-size:11px; text-transform: uppercase; color: #666; transition:all 200ms ease-out;}
footer ul li a:hover {color: #d82c43; text-decoration: none;}
footer ul li:first-of-type a {padding-left:0;}
footer ul li:last-of-type a {padding-right: 0;}

@media (max-width: 768px){
	footer {margin-top: 10px}
	footer .pull-left:first-of-type {float:none !important;}
	footer ul li {float:none;}
	footer ul li a {display: block; padding:5px 0px; width: 100%; text-align: center;background: #f2f2f2;margin-bottom:1px;}
	footer ul li a:hover,
	footer ul li a:focus {background-color: #d82c43; color: #fff;}
}

/* Footer Phone Section */
#phone-footer {margin-top:-5px;}
#phone-footer::before {content:''; background: url('../images/phone-footer.png') center center no-repeat; position: absolute; width:40px; height: 30px;}
#phone-footer span { line-height: 27px; font-size: 16px;margin-left:40px; color: #d82c43;}

@media(max-width: 992px){
	#phone-footer {margin-top: 20px;}
}

@media (max-width: 768px){
	#phone-footer {margin-top:10px; width: 100%; text-align: center;}
	#phone-footer::before {width:20px;}
	#phone-footer span {margin-left: 25px;}
}

/* Copyright Section */
#copyright {font-size: 11px; margin-top:30px;}

@media (max-width: 768px){
	#copyright {width:100%; text-align: center; margin-top: 5px;}
}

/* Mail Section */
#email {position: relative; margin-top:25px;}
#email::before {content:''; background: url('../images/mail-footer.png') center center no-repeat; position: absolute; width:22px; height: 16px; margin-top:3px;}
#email span { line-height: 6px; font-size: 11px;margin-left:30px;}

@media (max-width: 768px){
	#email {width:100%;  display: block; text-align: center; margin-top: 5px}
}

/* Footer Desc Section */
#footer-desc {position: relative; margin-top:5px;}
#footer-desc::before {content:''; background: url('../images/footer-desc.png') center center no-repeat; position: absolute; width:22px; height: 22px; margin-top:0px;}
#footer-desc span { font-size: 11px;margin-left:30px; display: block; text-align: right;}
