body {font-size: 14px;}
.clear-padding {padding: 0;}
.margin-top-20 {margin-top: 20px;}
.margin-bttom {margin-bottom: 20px;}

header.fixed {position: fixed;top: 0;z-index: 999;width: 100%;box-shadow: 1px 3px 9px;}
.header-top {padding: 10px;background: #ebebeb;}
.header-top ul.languages {list-style: none;position: absolute;top: 45px;right: -25px;background: #333;padding: 0px;width: 100px;transition: linear all 500ms;opacity: 0;visibility: hidden;z-index: 999;}
.header-top ul.languages.active {visibility: visible;opacity: 1;}
.header-top ul.languages li {float: left;width: 100%;text-align: center;}

.header-top ul.languages a {float: left;width: 100%;}
.header-top ul.languages a img {display:block;color: #fff;border-bottom: 1px solid #262626;padding: 7px 0px;transition: ease-in-out all 40ms;}

.header-top .diller {margin-top: 10px;}
.header-top .diller .dilliste {margin-right: 5px;}

.header-top ul.languages li a {display:block;color: #fff;border-bottom: 1px solid #262626;padding: 7px 0px;transition: ease-in-out all 40ms;}
.header-top ul.languages li a:hover {background: #000;text-decoration: none;}
.header-top ul.languages li:first-child a:before {position: absolute;content: '';width: 0px;height: 0px;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #262626 transparent;top: -10px;left: 10px;}
.header-top .selected-language {line-height: 45px;text-align: right;display: block;font-weight: bold;cursor: pointer;}
.header-top .selected-language i {transition: ease-in-out all 300ms;}
.header-top .selected-language i.transform {transform: rotate(180deg);}

.header-main {background: #fff;height: 45px;border-bottom: 1px solid #ebebeb;}
.header-main ul.main-menu {list-style: none;margin: 0;padding: 0;}
.header-main ul.main-menu li {float: left;margin-right: 2px;}
.header-main ul.main-menu li a{display: block;color: #333;line-height: 45px;padding: 0px 10px;transition: linear all 300ms;}
.header-main ul.main-menu li.active a,
.header-main ul.main-menu li a:hover {background: #607D8B;color: #fff;text-decoration: none;}

.slider {position: relative;float: left;width: 100%;height: 650px;}
.main-slider:before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 2;} 
.slider .main-slider {height: 650px;width: 100%;}
.slider .main-slider .swiper-slide img {width: 100%;}
.slider .main-slider ul.swiper-wrapper,
.slider .main-slider ul.swiper-wrapper li {list-style: none;}
.slider .swiper-button-prev,
.slider .swiper-button-next {background-image: none;background: #000000b0;color: #fff;width: 40px;height: 40px;text-align: center;font-size: 20px;line-height: 38px;border-radius: 100%;border: 1px solid #fff;z-index: 3;}

.login-form {position: absolute;left: 0;top: 0;width: 100%;z-index: 4;padding-top: 50px;}
.login-form .form-group label {color: #fff;}
.login-form .login-control {display: block;width: 100%;background: #0000004a;height: 40px;line-height: 40px;color: #fff;border: 1px solid #fff;text-indent: 10px;}
.login-form .login-control::placeholder {color: #fff;}
.login-form .login-btn {display: block;width: 100%;background: #4b7c94;border: 0;padding: 10px;color: #fff;transition: ease-in-out all 400ms;}
.login-form .login-btn:hover {background: #2e627b;}
.login-form a.forgot-pass {color: #fff;font-weight: bold;line-height: 40px;text-decoration: none;}


.content {float: left;width: 100%;padding: 30px 0px;}
.content h5.page-title {font-size: 22px;border-bottom: 1px solid #8f8f8f;}
.acente-basvuru {display: block;float: left;width: 100px;padding: 10px;background: #4b7c94;color: #fff;text-align: center;margin-top: 10px;transition: ease-in-out all 400ms;}
.acente-basvuru:hover {text-decoration: none;background: #2e627b;color: #fff;}

.content .otel-title h2 {text-align: center;width: 100%;}
.content .otel-title h2 a{color: #4b7c94;font-size: 24px;font-weight: 500;text-decoration: none;border-bottom: 1px solid;cursor:auto;}
.content .anasayfalist .box {margin-bottom: 10px;border-bottom: 1px solid #ebebeb;padding-bottom: 10px;float: left;width: 100%;}
.content .anasayfalist .box .image {padding: 0;}
.content .anasayfalist .box .image img {max-width: 100%;min-height: 120px;max-height: 120px;width: 100%;}
.content .anasayfalist .box .description h4 {width: 100%;float: left;}
.content .anasayfalist .box .description span {width: 100%;float: left;}

.travel-choose-us span {float: none;display: inline-block;border-color: #fff;color:#fff;height: 84px;width: 84px;line-height: 84px;font-size: 52px;margin-bottom: 25px;}
.travel-choose-us span{font-size: 30px;line-height: 80px;}
.travel-choose-us h5 {margin-bottom: 9px;}
.travel-choose-us h5 a {display: inline-block;font-size: 20px;font-weight: 600;text-transform: uppercase;color: #fff;}
.travel-choose-us p {margin-bottom: 17px;color: #fff;}
.travel-choose-us{float: left;width: 100%;margin-bottom: 23px;}
.travel-choose-us p,
.travel-choose-us span{color: #666;}
.travel-choose-us h5 a{color: #221e00;font-weight: 600;}
.travel-choose-us span{text-align: center;border:2px solid #999;border-radius: 100%;}
.services-blog-choose{float: left;width:100%;text-align: center;}
.travel-choose-us p{margin-bottom: 0px;}
.travel-choose-us:hover span {border-color: #1276bc;background: #1276bc;color: #fff;transition: all 0.4s ease-in-out;}
.travel-choose-us:hover h5 a {color: #1276bc}

.contact-form .text-felid input {height: 42px;line-height: 42px;border: 1px solid #d0d0d0;margin-bottom: 10px;text-indent: 15px;width: 100%;}
.contact-form .text-area textarea {height: 90px;border: 1px solid #d0d0d0;margin-bottom: 10px;text-indent: 15px;width: 100%;}
.contact-form .submit-btn button {background: #4b7c94;color: #fff;width: 100%;height: 40px;line-height: 40px;border: 0;}

footer.footer {position: relative;float: left;width: 100%;background: #333;padding: 20px 0px;}
footer.footer .col-about .text-about {color: #fff;}
footer.footer .col-about ul.social {margin: 0;padding: 0;list-style: none;margin-top: 10px;}
footer.footer .col-about ul.social li {float: left;margin-right: 5px;}
footer.footer .col-about ul.social li a {display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #4b7c94;color: #fff;transition: ease-in-out all 300ms;}
footer.footer .col-about ul.social li a:hover {background: #262626;}

footer.footer .col-footer-menu ul.f-menu {margin: 0;padding: 0;list-style: none;}
footer.footer .col-footer-menu ul.f-menu li {position: relative;float: left;width: 100%;}
footer.footer .col-footer-menu ul.f-menu li a {display: block;color: #fff;}

footer.footer .col-contact h4 {color: #fff;}
footer.footer .col-contact span {display: block;width: 100%;color: #fff;margin-bottom: 5px;}
footer.footer .col-contact span a {color: #fff;}
footer.footer .col-contact span a:hover {color: #4b7c94;} 
footer.footer .col-contact span i {width: 30px;height: 30px;border: 1px solid #fff;text-align: center;line-height: 30px;font-size: 15px;border-radius: 100%;}


#toggle {
  width: 28px;
  height: 30px;
  margin: 10px auto;
  position: absolute;
  right: 15px;
  cursor: pointer;
  display: none;
}

#toggle div {
  width: 100%;
  height: 3px;
  background: #727272;
  margin: 4px auto;
  transition: all 0.3s;
  backface-visibility: hidden;
}

#toggle.on .one {
  transform: rotate(45deg) translate(5px, 5px);
}

#toggle.on .two {
  opacity: 0;
}

#toggle.on .three {
  transform: rotate(-45deg) translate(5px, -6px);
}

.ikonn {float: left;}

@media (max-width: 768px) {
	.header-top ul.languages {right: -9px;}
	.header-main ul.main-menu {position: absolute;width: 100%;background: #fff;left: 0;top: 45px;z-index: 999;display: none;}
	.header-main ul.main-menu li {width: 100%;border-bottom: 1px solid #ebebeb;}
	#toggle{display: block;}
	.slider {height: auto !important;}
	.slider .main-slider {height: auto !important;}
	.slider .main-slider .swiper-slide img {max-width: 100%;height: auto;}
	.login-form {position: relative !important;background: #ebebeb;}
	.login-form .form-group label, .login-form a.forgot-pass {color: #333;}

	footer.footer .col-footer-menu,
	footer.footer .col-contact {float: left;width: 100%;margin-top: 10px;border-top: 1px solid #fff;}
}
.reklam img {width: 100%;max-width: 100%;}
.logo img {
  width: 163px;
}