@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

body {margin: 0; background: #f1f1f1; }
body,html,td { font-size:15px; color:#8d8d8d; font-family: 'Lato', sans-serif; -webkit-font-smoothing:antialiased;  }

	a:link {color:#737373; text-decoration:none;}
	a:active {color:#737373;text-decoration:none;}
	a:visited {color:#737373;text-decoration:none;}
	a:hover {color:#737373;text-decoration:underline; }

	.left {	float:left;}
	.right {	float:right;}
	.clr {	clear:both;}

	ul,li,dl,dt,dd,h1,h2,h3,ol {margin:0; padding:0; list-style-type:none;}
	ul {margin: 10px 0 0 0;}
	ul li {margin:0;  background:url(/images/dot.png) no-repeat left 15px; list-style-type:none; padding:5px 0 5px 15px;}
	ul ul {margin: 0 0 0 18px;}
	ul ul li {padding-top: 3px; padding-bottom: 3px;}
	img {border: 0; text-align: center;	}
	ol li {list-style-type:decimal; margin:3px 0 3px 20px; }
	h1, h2, h3 {margin: 0; padding: 0;}

.xCenter {left: 50%; transform: translateX(-50%); }
.yCenter {top: 50%; transform: translateY(-50%); }


.mobilMenu {display: none; width: 30px;  float: right; cursor: pointer; position: absolute; right: 20px; top: 82px; z-index: 110; }
.mobilMenu div {margin: 5px 0; height: 4px; background: #273170; transition: .5s all;}
.mobilMenu:before {width: 100%; height: 4px; background:#273170; content: ''; display: block; transition: .5s all;}
.mobilMenu:after {width: 100%; height: 4px; background:#273170; content: ''; display: block; transition: .5s all;}


.container {width: 1080px; min-width: 1080px; padding: 0 20px; margin: auto; position: relative;}

.telefon {text-align: right; margin: 25px 20px 0 0; float: right; color: #273170; font-size: 24px;}
.telefon a {color: #fff;}
	.sosyal {float: right; display: table; border-spacing:10px 10px; margin: 0 10px 0 0;}
	.sosyal .item {background: #d7830d; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; width: 40px; height: 40px; font-size: 22px; text-align: center; color: #fff; vertical-align: middle; display: table-cell; border-spacing: 15px; transition: .5s all;}
	.sosyal .item span {margin: 3px 0 0 0;}
	.sosyal .item a {color: #fff;}
.sosyal .item .fa-google-plus {font-size: 22px;}
	.sosyal .telefon {display: table-cell; vertical-align: middle; color: #333333; font-size: 20px; font-weight: 500;  padding: 0 40px 0 0}
	.sosyal .item:hover {color: #fff5d8; background: #c1210c; transition: .5s all; cursor: pointer; }
	.sosyal .item.facebook:hover {background: #3f5c98; color: #fff;}
	.sosyal .item.twitter:hover {background: #5ea9dd; color: #fff;}
	.sosyal .item.googlePlus:hover {background: #d44236; color: #fff;}



.homeSlider .swiper-container {width: 100%; height: 550px; min-width: 1120px; }

.homeSlider .swiper-slide .bg {background: url(/images/sliderBg.png) repeat-x bottom;  width: 100%; height: 100%; position: absolute; left: 0; right: 0; z-index: 101;}

.swiper-slide {text-align: center;
	/* Center slide text vertically */
	display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;	align-items: center; width: 100%; background-size:cover; background-position: center center;}



.homeSlider .swiper-pagination {bottom: 60px !important;}
.homeSlider .swiper-pagination-bullet-active {background: #fff;}

.homeSlider .swiper-slide {text-align: center;}
.homeSlider .swiper-slide .container {height: 380px;}
.homeSlider .swiper-slide .box {height: 100%;}
.homeSlider .swiper-slide .title { color: #fff; font-size: 45px;  text-align: center; position: relative; z-index: 102;  line-height: normal; width: 1080px; margin: auto;}
.homeSlider .swiper-slide .gun {position: relative; color: #fff; font-weight: 300; font-size: 30px; z-index:102; text-align: left;  margin: 0 0 0 0; width: 680px;}


.top {padding: 15px 0; background: #fff; min-width: 1120px;}
.top .logo {float: left;}
.top .logo .europanLogo {margin: 0 0 0 40px;}

.topMenuContainer {position: relative; z-index: 105; }
/*.topMenu {background: rgba(56,154,238,0.9);  position: absolute; width: 100%; min-width: 1120px; border-top:#cf5784 3px solid;}*/
.topMenu {background: rgba(39,49,112,0.8);  position: absolute; width: 100%; min-width: 1120px; border-top:#d7830d 3px solid;}

.topMenu dt {float:left; font-size: 17px; color: #fff; z-index: 106;}
.topMenu dt a {color: #fff; padding: 15px 20px; display: block; border-right: #fff 1px solid;  transition: .5s all;}
.topMenu dt a:hover {background: #d7830d; color: #fff; text-decoration: none; transition: .5s all;}
/*.topMenu #selected a{background: #cf5784; color: #fff; text-decoration: none;}*/
.topMenu #selected a{background: #d7830d; color: #fff; text-decoration: none;}


.programiniSec {position: absolute; padding: 30px 40px; background: rgba(40,40,40,0.9); z-index: 105; right: 20px; top: -350px;}
.programiniSec .title {color: #fff; font-size: 30px; text-align: center; margin: 0 0 20px 0; }
.programiniSec .title span {font-weight: 700;}
.programiniSec select {width: 280px; padding: 12px 15px; color: #666666; margin: 0 0 20px 0; font-size: 18px; font-weight: 300;}
.programiniSec .araBtn {background: #389aee; color: #fff; font-size: 22px; text-align: center; padding: 12px 0; cursor: pointer; transition: .5s all;}
.programiniSec .araBtn:hover {background: #008cbf; transition: .5s all;}

.home {background: #fff; margin-top:-50px; margin-bottom: 30px; position: relative; z-index: 102; padding: 20px; min-width: 1040px;}

.home .box {float: left; margin: 0 19px 19px 0; position: relative; overflow: hidden; cursor: pointer;}
.home .box img {transition: .5s all; -webkit-filter: sepia(50%); filter: sepia(50%);}
.home .box .bg {background: url(/images/geziBg.png) repeat-x bottom; position: absolute; width: 100%; height: 100%; z-index: 101;}
.home .box .text {position: absolute; left: 15px; bottom: 15px; z-index: 102; width: 480px;}
.home .box .text .left {width: 370px;}
.home .box .title {color: #fff; font-size: 28px; font-weight: 500;}
.home .box .gun {font-size: 20px; color: #fff; font-weight: 300;}
.home .box .fiyat {font-size: 46px; font-weight: 700; color: #fff; position: absolute; right: 0; bottom: 0; text-align: right;}
.home .box .fiyat div {font-size: 25px; font-weight: 300; margin: -10px 0 0 3px; text-align: right;}
.home .box.end {margin-right:0;}

.home .box:hover img {transform: scale(1.1) rotate(-3deg); transition: .5s all; -webkit-filter: sepia(0%); filter: sepia(0%);}


.programlar {margin: 30px 0 0 0;}
.programlar .box {float: left; margin: 0 19px 19px 0; position: relative; overflow: hidden; cursor: pointer; width: 334px; height: 188px;}
.programlar .box img {transition: .5s all; -webkit-filter: sepia(50%); filter: sepia(50%);}
.programlar .box .bg {background: url(/images/geziBg.png) repeat-x bottom; position: absolute; width: 100%; height: 100%; z-index: 101;}
.programlar .box .text {position: absolute; left: 15px; bottom: 10px; z-index: 102; width: 305px;}
.programlar .box .text .left {width: 230px;}
.programlar .box .title {color: #fff; font-size: 20px; font-weight: 500;}
.programlar .box .gun {font-size: 15px; color: #fff; font-weight: 300; line-height: normal;}
.programlar .box .fiyat {font-size: 31px; font-weight: 700; color: #fff; position: absolute; right: 0; bottom: 0; text-align: right; }
.programlar .box .refNo {font-size: 13px; color: #fff; line-height: 1; position: absolute; right: 0; bottom: 0; text-align: right; }
.programlar .box .fiyat div {font-size: 20px; font-weight: 300; margin: 0 0 0 3px; text-align: right;}
.programlar .box.end {margin-right:0;}

.programlar .box:hover img {transform: scale(1.1) rotate(-3deg);  transition: .5s all; -webkit-filter: sepia(0%);	filter: sepia(0%);}

.programlar .programlarMenu {border-top:#f1f1f1 2px solid; border-bottom:#f1f1f1 2px solid; padding: 10px 0; margin: 0 0 20px 0;}
.programlar .programlarMenu .siralama {float: left; margin: 0 40px 0 0;}
.programlar .programlarMenu .sonuclar {float: right; margin: 0 0 0 50px;}
.programlar .programlarMenu .sonuclar span {color: #273170;}
.programlar .programlarMenu select {padding:5px 5px; font-size:13px; color:#808080; font-weight: bold;  border:#d5d5d5 1px solid; background:#fff; margin: 0 0 0 10px; width: 150px; }

.programlar .programlarMenu .araBtn { float: left; padding: 2px 10px; height: 100%; background:#d7830d; color: #fff; cursor: pointer; }
.programlar .programlarMenu .araBtn:hover {background: #273170;}


.haberBulteni {background: #fff; text-align: center; padding: 25px 0; min-width: 1120px; }
.haberBulteni h1 {font-weight: 500; font-size: 25px; color: #389aee; margin:  0 0 20px 0}
.haberBulteni input {border: #9ad8ef 1px solid; padding: 10px 20px;}
.haberBulteni input#email {height: 100%; font-size: 14px; color: #42494b; width: 320px; border-right: none; margin: 0 0 1px 0}
.haberBulteni input:focus {outline: none;}

.haberBulteni .form {text-align: center; margin: auto; display: table;}
.haberBulteni .button {background:#389aee; color: #fff; font-size: 18px; font-weight: 700;  }

.haberBulteni .onay {display: none;}

.haberBulteni .input {display: table-cell; text-align: center; }
.haberBulteni .btn {display: table-cell;  text-align: center; background: #389aee; color: #fff; padding: 0 10px; cursor: pointer;}
.haberBulteni .recaptcha {overflow: hidden; height: 0; transition: 1s all;}
.haberBulteni .recaptcha #g-recaptcha div div {width: auto !important;}
.sliderDetail {min-width: 1120px; overflow: hidden; text-align: center; height: 250px; background: #ddd;}
.sliderDetail .item {background: transparent; height: 250px;}



.detaySlider {float: left; }
.detaySlider  .swiper-container.gallery-top {width: 520px; height: 420px;  }
.detaySlider  .gallery-thumbs { height: 81px; box-sizing: border-box;	padding: 10px 0; width: 520px;}
.detaySlider .gallery-thumbs .swiper-slide {width: 50px; height: 40px; opacity: 0.4; cursor: pointer;}
.detaySlider .gallery-thumbs .swiper-slide-active {opacity: 1;}

.programDetay .nerdeyim {font-size: 13px; padding: 5px 0; border-top:#ccc 1px dotted; border-bottom:#ccc 1px dotted; margin: 25px 0;}
.programDetay .nerdeyim dt {display: inline-block; padding: 0 17px 0 0; margin: 0 10px 0 0; background: url(/images/arrowNerdeyim.png) no-repeat right 7px;}
.programDetay .nerdeyim dt#current {background: none;}




.description {float: right; width: 500px;  margin: 0 ;}

.programDetay .description dl{ display: table; border-spacing: 0 15px;}
.programDetay .description dl dl {display: table-row;  }
.programDetay .description dt {display: table-cell; width: 200px; border-bottom:#ccc 1px dotted; font-weight: 500;}
.programDetay .description dd {display:table-cell; width: 300px; border-bottom:#ccc 1px dotted;}
/*.programDetay .description dl.ucret {font-weight: 700; font-size: 17px; color: #389aee;}*/
.programDetay .description dl.ucret {font-weight: 700; font-size: 17px; color: #273170;}
.programDetay .description .taksit {text-align: center; margin: 20px 0 0 0;}
.programDetay .description .taksit img {border: #389aee 1px solid;}
.programDetay .detayliBilgi {margin: -20px 0 0 0;}
.programDetay .detayliBilgi h2 {margin: 40px 0 0 0;}

.programDetay .fbYorum {margin: 50px 0 0 0;}


.sliderDetail {min-width: 1120px; overflow: hidden; text-align: center; height: 180px;}
.sliderDetail .item {background: transparent; height: 300px;}


.detailPage {background: #fff; margin-top: -90px; min-height: 500px; margin-bottom: 30px;  padding:40px 20px;}

.content {text-align: left;  float: right; width: 790px; line-height: 25px; }
.content.large {width: 100%; float: inherit;}
/*.content h1 {color: #389aee; font-weight: 400; font-size: 35px;  width: 820px; line-height: 38px;}*/
.content h1 {color: #273170; font-weight: 400; font-size: 35px;  width: 820px; line-height: 38px; margin: 0 0 20px 0;}
/*.content h2 {color: #389aee; font-weight: 400; font-size: 20px;}*/
.content h2 {color: #273170; font-weight: 400; font-size: 20px; margin: 20px 0 10px;}
.content  .paylas { position: absolute; right: 40px; top: 45px;}

.content img {border:#7eb5e6 1px solid; padding: 5px;}


.content .fotoGaleri {margin-top:30px}
.content .fotoGaleri .img{float:left; margin:0 10px 10px 0; position: relative }
.content .fotoGaleri .img a {outline: none;}
.content .fotoGaleri img {width: 235px; height: 132px; border: #f1f1f1 2px solid;}
.content .fotoGaleri img:hover {border:#389aee 2px solid; transition:all .5s}
.content .fotoGaleri .colEnd {margin-right:0}
.content .fotoGaleri .title {position: absolute; right: 4px; bottom: 4px; height: 30px; font-size: 18px; color: #fff; padding: 4px 10px 0 20px;}

.content a {color: #273170}

.subMenu {float: left; width: 210px; }
.subMenu dl {}
.subMenu dt {  margin: 0 0 12px 0;}
.subMenu dt a {padding: 0 0 12px 0; border-bottom:#ccc 1px dotted; display: block; transition: .5s all;}
.subMenu dt a:hover {transition: .5s all; text-decoration: none; color: #273170;  border-bottom:#273170 1px solid;}
.subMenu #selected {color: #273170; }
.subMenu #selected a {color: #273170; border-bottom:#273170 1px solid;}


/*.footer {background: #389aee; padding: 20px 0; min-width: 1120px;}*/
.footer {background: #273170; padding: 20px 0; min-width: 1120px;}
.footer .menu {}
.footer .menu dt {display: inline-block; font-size: 15px; margin: 0 25px 0 0;}
.footer .menu dt a {color: #fff;}
.footer .sosyal {float: left; margin: 0 0 0 -10px;}
.footer .sosyal .item {background: #fff; color: #389aee;}
.footer .sosyal .item a {color: #389aee;}
.footer .sosyal .item:hover a {color: #fff;}
.footer .sosyal .telefon {color: #fff;}
.footer .logo {float: right;}

/*.footerLine {background: #cf5784; color: #fff; padding:0; min-width: 1120px;}*/
.footerLine {background: #d7830d; color: #fff; min-width: 1120px; padding: 15px 0;}
.footerLine .copyright {  text-align: right; float: right;}
.footerLine .development {color: #80cef4; font-size: 13px; float: right;}
.footerLine .development a {color: #80cef4; transition: .5s all;}
.footerLine .development a:hover {color: #9fdaf7; transition: .5s all; text-decoration: none;}
.footerLine .sosyal{float: left;}

#sayfaBulunamadi { margin-top:100px; }
#sayfaBulunamadi .content {text-align: center;  padding: 100px 0 0 0; }
#sayfaBulunamadi h1 {color: #273170 !important; font-weight: 500; text-align: center; width: auto;}
#sayfaBulunamadi a {color: #273170;}

.content .iletisimBilgileri {float: right; width: 440px;  margin: 0 0 50px 0}
.content .iletisimFormu {width: 548px; margin: 0;  float: left;}
.content .iletisimFormu .recaptcha {float: left;}
.content .konum {margin: 30px 0 0 0}
.content .konum h2{margin: 0 0 15px 0;}




form label{   padding:8px 0 0 0; width:150px; }
form dt {border-bottom:#ccc 1px dotted; padding:10px 0 10px 0;  }
form dt .textName {float:left; width:200px; padding-top:7px; font-size:15px;}
form dt .formCol {float:left; width:330px; padding-top:7px; font-size:15px;}
form input,textarea,select {padding:8px; font-size:15px; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:330px; border:#d5d5d5 1px solid; background:#fff; outline: none;  -ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box }
select { -webkit-appearance:none;}
form .checkbox  {clear: both; width: 100% !important;}
form .checkbox input {width: auto;}
form .button {width:auto; padding:5px 15px 5px 15px; font-weight:bold; background:#000; color:#fff;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:none;}
form .small {width:150px;}

form .error {border:#ff0000 1px solid ;}
.uyari {color:#ff0000;}
form label.error {border:none; background:none; color:#666; font-size:11px;}

form #submit {  font-weight:bold; background:#273170 ; text-align:center; color:#fff;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border:none; width:100%; padding:10px 0; -webkit-appearance:none;}
form #submit a {color:#fff; display:block; padding:10px 15px 10px 15px;}
form #submit a:hover {background:#d7830d ;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  padding:10px 15px 10px 15px;}
form #submit:hover {background:#d7830d ; cursor:pointer  }


form .gonderBtn {float: right; width: 100px; }


.mfp-zoom-out-cur {min-width: 1120px;}


@media (max-width: 767px) {
	.main, .container, .top, .sliderDetail, .footer, .footerLine, .homeSlider .swiper-container, .home {width: auto; min-width:inherit;}
	.homeSlider .swiper-slide .container {height: 200px;}
	.homeSlider .swiper-slide .title {width: auto; font-size: 35px; line-height: 1.2; padding: 0 20px;}
	.homeSlider .swiper-container {height: 350px;}
	/*.footerLine {display: none;}*/

	.logo img {height: 70px;}

	.top {margin: 0 0; padding-top: 55px; }
	.top .container {position: inherit;}
	.top .logo {float: inherit;}
	.top .logo .europanLogo {height: 40px; margin: 0 0 0 10px;}
	.top .telefon {float: inherit; text-align: center; position: absolute; width: 100%; background: #273170; color: #fff; top: 0; margin: 0; left: 0; padding: 5px 0;}
	.top .sosyal {display: none;}
	.sosyal .item {}

	.content h1 {width: auto;}
	.sliderDetail {height: 150px;}

	.footer { text-align: center;}
	.footer .menu dt {display: inherit; padding:5px 0; margin: 0;}

	.home .box {margin-right: 0;}
	.home .box img {width: 100%;}
	.home .box .text {width: auto; }
	.home .box .title {font-size: 20px;}

	.content  .paylas {position: inherit; margin: 20px 0 0 0;}
	.programlar .programlarMenu .araBtn {float: right;}
	.programlar .programlarMenu .sonuclar {float: inherit; clear: both; margin: 5px 0 0 0; text-align: right; font-size: 13px;}

	.programlar .box {float: inherit; margin: 0 auto 20px auto;}
	.programlar .box.end {margin-right: auto;}

	.topMenuContainer {position: fixed; top: 0; right: -350px; height: 100%; transition: .5s all; }
	.topMenuContainer .topMenu {position: static; min-width: inherit; height: 100%;}
	.topMenu .container{padding: 97px 0 0 0;}
	.topMenu dt {float: inherit;}
	.topMenu dt a {border-right: 0; padding: 15px 40px 15px 20px}

	.mobilMenu {display: inherit;}
	.show-menu .mobilMenu div {background: #fff; }
	.show-menu .mobilMenu:before {background:#fff; }
	.show-menu .mobilMenu:after {background:#fff;}

	.show-menu .mobilMenu {position: fixed; }

	.show-menu .topMenuContainer {right: 0;}


	.detaySlider {float: inherit;}
	.detailPage {margin-top: -100px;}
	.description {float: inherit; width: 520px; margin: auto;}

	.content .iletisimFormu {width: 100%;}
	.content img {width: 100% !important; float: inherit !important; margin: 15px 0 !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;}

	.content .iletisimBilgileri {float: inherit; width: auto; margin-bottom:30px;}

	form dt .textName {float: inherit; width: auto;}
	form input, textarea, select {width: 100%;}
	form .checkbox {padding-top: 15px; clear: both;}
	form .gonderBtn {margin-top: 10px; width: 100%;}

	.recaptcha {width: 100%; overflow: auto;}

	.footerLine .copyright {text-align: center; float: inherit;}


}

@media (max-width: 415px) {
	/*.recaptcha {margin:0 0 0 -30px; width:200px }*/
	.programlar .box {width: 100%;}
	.programlar .box img {width: 100%;}
	.programlar .box .text {width: 90%}


}

@media (max-width: 600px) {
	/*.recaptcha {margin:0 0 0 -30px; width:200px }*/
	.detaySlider  .swiper-container.gallery-top {width: 100%; height: 300px;}
	.detaySlider  .gallery-thumbs {width: 100%;}
	.description {width: 100%;}

}

@media (max-width: 350px) {
	/*.recaptcha {margin:0 0 0 -30px; width:200px }*/

}