body {
  background: url(../css/img/container_bg.png) #f6f6f6;
}
.carousel {
  margin-bottom: 4px;
}
.price {
  color: #1b232c;
  font-size: 37px;
}
.price .euro {
  font-family: "AvenirNextLTProBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.price .pound {
  font-family: "AvenirNextLTProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.list-group-item:first-child {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.list-group-item:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
a.list-group-item {
  color: #555555;
  border: none;
}
a.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #455a64;
  font-size: 26px;
  border-color: transparent;
  background: #ffffff !important;
  box-shadow: 3px 3px 10px #000;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.form-control {
  border-radius: 0;
  border: 1px solid #fff;
}
.moreOffersList {
  background: none !important;
}
.moreOffersList .offerSearch {
  background: #FFF;
  padding: 18px;
  margin-bottom: 2px;
  font-size: 20px;
  color: #2c3138;
}
.moreOffersList .offerSearch input {
  border: 0;
  border-bottom: 1px dotted #2c3138;
  text-align: center;
}
.moreOffersList .itemCard {
  background: #fff;
}
.moreOffersList .itemCard h1 {
  font-size: 17px;
  color: #4db6ac;
  font-family: "AvenirNextLTProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.moreOffersList .itemCard h2 {
  font-size: 13px;
  font-family: "AvenirNextLTProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 0;
  color: #586370;
  margin-bottom: 25px;
}
.moreOffersList .itemCard p {
  font-size: 14px;
  color: #586370;
  margin: 0;
}
.moreOffersList .itemCard .btn-Cont a {
  text-decoration: none;
  font-family: "AvenirNextLTProBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.moreOffersList .itemCard .btn-Cont a:hover {
  text-decoration: underline;
}
.moreOffersList .itemCard .btn-Cont a:first-child {
  color: #2c3138;
}
.moreOffersList .itemCard .btn-Cont a:last-child {
  color: #4db6ac;
}
.moreOffersList .itemCard .btn-container {
  right: 0;
}
.moreOffersList .itemCard .price .euro {
  font-size: 33px;
}
.moreOffersList .itemCard .price .pound {
  font-family: "AvenirNextLTProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #4db6ac;
  font-size: 33px;
}
.dot {
  position: absolute;
  top: 5px;
  left: 5px;
}
.whyBox {
  background: #4caf50;
  color: #FFF;
}
.subDetailBox {
  background: #4db6ac;
  margin-top: 10px;
  color: #FFF;
}
.subDetailLeftCont {
  background: #FFF;
}
.subDetailLeftCont p {
  font-size: 15px;
  font-family: "AvenirNextLTProMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #2c3138;
}
.subDetailLeftCont b {
  font-size: 15px;
  font-family: "AvenirNextLTProBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.subDetailLeftCont h2 {
  font-size: 22px;
  color: #4db6ac;
  margin-top: 30px;
}
.subDetailLeftCont .table td {
  border: 1px solid #f3f3f3;
  padding: 20px 25px 20px 25px;
}
.subDetailRightCont {
  background: url(../css/img/leftPadding.png) repeat-y;
  padding-top: 10px;
}
.progress {
  height: 5px;
}
.wizard {
  margin-top: 30px;
  list-style: none;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.wizard li {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.wizard li:first-child {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.wizard li:last-child {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.wizard li:last-child a {
  float: right;
}
.nav-tabs {
  border-bottom: 1px dashed #e8e8e8;
}
.nav-tabs a {
  border: none !important;
  font-family: "AvenirNextLTProMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #2c3138;
}
.nav-tabs a:hover {
  background-color: transparent !important;
}
.nav-tabs a span {
  margin-right: 10px;
}
.nav-tabs li:hover {
  border-bottom: 2px solid #4db6ac;
}
.nav-tabs li.active {
  border-bottom: 2px solid #4db6ac;
}
.nav-tabs li.active a {
  color: #4db6ac !important;
  background: none;
}
.nav-tabs li.active a:hover {
  color: #4db6ac;
  background: none;
}
.nav-tabs li.active a:focus {
  color: #4db6ac;
  background: none;
}
footer {
  background: #455a64;
  color: #FFF;
  margin-top: 40px;
}
footer .h3 {
  font-size: 15px;
  color: #ffffff;
  font-family: "AvenirNextLTProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
footer a {
  font-size: 12px;
  color: #bfc7ce;
  font-family: "AvenirNextLTProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
footer li {
  font-size: 12px;
  color: #bfc7ce;
  font-family: "AvenirNextLTProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.formContainer .form-group {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .formContainer .form-group {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .formContainer .form-group {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .formContainer .form-group {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .formContainer .form-group {
    margin-left: 8.33333333%;
  }
}
.formContainer .form-group input {
  border: 1px solid #aaa;
  /*
  background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
  background-size: 0 2px,100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center calc(99%);
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  */
  font-family: "AvenirNextLTProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.formContainer .form-group input:-moz-placeholder {
  color: #cfd0d1;
}
.formContainer .form-group input::-moz-placeholder {
  color: #cfd0d1;
  opacity: 1;
}
.formContainer .form-group input:-ms-input-placeholder {
  color: #cfd0d1;
}
.formContainer .form-group input::-webkit-input-placeholder {
  color: #cfd0d1;
}
.formContainer .form-group input::-webkit-input-placeholder,
.formContainer .form-group input:-moz-placeholder,
.formContainer .form-group input::-moz-placeholder,
.formContainer .form-group input:-ms-input-placeholder {
  color: red;
}
.formContainer .form-group input::-moz-placeholder {
  color: #cfd0d1;
  opacity: 1;
}
.formContainer .form-group input:-ms-input-placeholder {
  color: #cfd0d1;
}
.formContainer .form-group input::-webkit-input-placeholder {
  color: #cfd0d1;
}
.formContainer .form-group.half {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1200px) {
  .formContainer .form-group.half {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .formContainer .form-group.half {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .formContainer .form-group.half {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .formContainer .form-group.half {
    margin-left: 8.33333333%;
  }
}
.formContainer .form-group.full {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1200px) {
  .formContainer .form-group.full {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .formContainer .form-group.full {
    float: left;
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .formContainer .form-group.full {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .formContainer .form-group.full {
    margin-left: 8.33333333%;
  }
}
.formContainer .form-group span.inputicon {
  position: absolute;
  right: 20px;
  top: 10px;
}
.formContainer .form-group.radioBox label.titleLabel {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  color: #cfd0d1;
}
@media (min-width: 1200px) {
  .formContainer .form-group.radioBox label.titleLabel {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .formContainer .form-group.radioBox label.titleLabel {
    float: left;
    width: 25%;
  }
}
.tabPanelContainer .tab-content {
  padding: 30px 0 0 20px;
}
.tabPanelContainer .panel.hotelPanel {
  border-radius: 2px;
  border: 6px solid #f4f5f6;
}
.tabPanelContainer .panel.hotelPanel .panel-heading {
  background: #4db6ac;
  color: #FFF;
  text-align: center;
  padding: 7px;
}
.tabPanelContainer .panel.hotelPanel .panel-heading h1 {
  font-family: "AvenirNextLTProRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 26px;
}
.tabPanelContainer .panel.hotelPanel .panel-heading p {
  color: #FFF;
  font-size: 13px;
  padding: 0;
  margin: 0;
}
.tabPanelContainer .panel.hotelPanel .panel-container {
  padding: 10px;
}
.tabPanelContainer .panel.hotelPanel .panel-container th {
  font-family: "AvenirNextLTProBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tabPanelContainer .panel.hotelPanel .panel-container td {
  border: none;
}
.tabPanelContainer .content {
  padding-top: 30px;
  margin-left: 9%;
}
.subDetailRightContainer {
  background: url(../css/img/leftPadding.png) repeat-y;
  padding-top: 10px;
}
.subDetailRightContainer .dot {
  position: absolute;
  top: 5px;
  left: 5px;
}
.subDetailRightContainer .whyBox {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  background: #4caf50;
  color: #FFF;
}
@media (min-width: 1200px) {
  .subDetailRightContainer .whyBox {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .subDetailRightContainer .whyBox {
    float: left;
    width: 100%;
  }
}
.subDetailRightContainer .subDetailBox {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  background: #4db6ac;
  margin-top: 10px;
  color: #FFF;
}
@media (min-width: 1200px) {
  .subDetailRightContainer .subDetailBox {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .subDetailRightContainer .subDetailBox {
    float: left;
    width: 100%;
  }
}
.subDetailRightContainer .subDetailBox > div {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1200px) {
  .subDetailRightContainer .subDetailBox > div {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .subDetailRightContainer .subDetailBox > div {
    float: left;
    width: 100%;
  }
}
.subDetailRightContainer .subDetailBox > div .btn-container {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
}
@media (min-width: 1200px) {
  .subDetailRightContainer .subDetailBox > div .btn-container {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .subDetailRightContainer .subDetailBox > div .btn-container {
    float: left;
    width: 100%;
  }
}
.subDetailRightContainer .subDetailBox .sideCard {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1200px) {
  .subDetailRightContainer .subDetailBox .sideCard {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .subDetailRightContainer .subDetailBox .sideCard {
    float: left;
    width: 100%;
  }
}
.subDetailRightContainer .subDetailBox .sideCard.price {
  height: 141px;
  z-index: 1;
  color: #FFF;
  border-bottom: 1px dashed #FFF;
}
.subDetailRightContainer .subDetailBox .sideCard.price.darkColor {
  background: #2c3138;
}
.subDetailRightContainer .subDetailBox .sideCard.price.lightColor {
  background: #515965;
}
.subDetailRightContainer .subDetailBox .sideCard.price.lightenColor {
  background: #6c7583;
}
.subDetailLeftContainer {
  background: #FFF;
}
.subDetailLeftContainer p {
  font-size: 15px;
  font-family: "AvenirNextLTProMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #2c3138;
}
.subDetailLeftContainer b {
  font-size: 15px;
  font-family: "AvenirNextLTProBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.subDetailLeftContainer h2 {
  font-size: 22px;
  color: #4db6ac;
  margin-top: 30px;
}
.subDetailLeftContainer .table td {
  border: 1px solid #f3f3f3;
  padding: 20px 25px 20px 25px;
}
.subDetailLeftContainer {
  background: #FFF;
}
.subDetailLeftContainer p {
  font-size: 15px;
  font-family: "AvenirNextLTProMedium", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #2c3138;
}
.subDetailLeftContainer b {
  font-size: 15px;
  font-family: "AvenirNextLTProBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.subDetailLeftContainer h2 {
  font-size: 22px;
  color: #4db6ac;
  margin-top: 30px;
}
.subDetailLeftContainer .table td {
  border: 1px solid #f3f3f3;
  padding: 20px 25px 20px 25px;
}
.addresses {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0;
}
@media (min-width: 768px) {
  .addresses {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .addresses {
    float: left;
    width: 100%;
  }
}
.addresses .address {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0;
}
@media (min-width: 768px) {
  .addresses .address {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .addresses .address {
    float: left;
    width: 33.33333333%;
  }
}
.team {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0;
}
@media (min-width: 768px) {
  .team {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .team {
    float: left;
    width: 100%;
  }
}
.team .member {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  /*background:transparent;*/
}
@media (min-width: 768px) {
  .team .member {
    float: left;
    width: 25%;
  }
}
@media (min-width: 768px) {
  .team .member {
    float: left;
    width: 25%;
  }
}
.team .member img {
  display: block;
  max-width: 100%;
  height: auto;
  position: relative;
  width: 100%;
}
.team .member .info {
  width: 88%;
  position: absolute;
  text-align: center;
  color: #FFF;
  top: 50%;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.team .member .info h3 {
	font-family: "AvenirNextLTProBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	margin:0;
}
.team .member .desc {
  position: absolute;
  opacity: 0;
  bottom: -200px;
  width: 90%;
  border: 1px solid #FFF;
  margin: auto;
  font-size: 12px;
  color: #FFF;
  line-height: 14px;
  left: 0;
  right: 0;
  padding: 5px;
  text-align: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.team .member:hover {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  /*filter: url(grayscale.svg);*/
  /* Firefox 4+ */
  filter: gray;
  /* IE 6-9 */
  /*
  border-radius: 3px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  transition: all 0.2s ease-in-out;
  */
}
.team .member:hover .desc {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 1;
  bottom: 10%;
}
.team .member:hover .info {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 1;
  top: 10px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) { 
	/* CSS KODLARI BURAYA */
	#tablolistview {
		display:none;
	}
	.subPageHeader {
		margin-top:0px;
	}
}
/* Extra small devices (portrait phones, less than 544px)*/
@media (max-width: 543px) {
	#headerCarousel {
		margin-top:29px;
		height:auto;
	}
	.navbar .navbar-brand {
		width: 50%;
	}
}
@media only screen and (max-width: 576px) {
	#tablolistview {
		display:none;
	}
	.subPageHeader {
		margin-top:0px;
	}
}

/* Small devices (landscape phones, 544px and up)*/
@media (min-width: 544px) and (max-width: 767px) {
	#headerCarousel {
		margin-top:-57px;
		height:auto;
	}
	.container .topOfferContainer .topOfferHeader{
		margin:auto;
		margin-top:-408px;
	}
	.container .specialOfferContainer .specialOfferHeader{
		margin:auto;
	}
	#guccukSimgeler{
	 display:initial; 
  }

   .navbar .navbar-brand {
		left:2%;
		width: 40%;
	}
	#welcome{
	  display:none;
	}
	#gQuote {
	  display:none;
	}
	.topOfferContainer { display:none;}
	.specialOfferContainer { display:none;}
	.onlyGolfContainer { display:none;}
	.moreSpecialOfferContainer { 
		margin-top:53px;
	}
	
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
	#guccukSimgeler{
		display:initial; 
	}
   .navbar .navbar-brand {
		left:185%;
		width: 150%;
	}
	#welcome{
	  display:none;
	}
	#gQuote {
	  display:none;
	}
	#guccukSimgeler{
	 display:initial; 
	}
	.topOfferContainer { display:none;}
	.specialOfferContainer { display:none;}
	.onlyGolfContainer { display:none;}
	.moreSpecialOfferContainer { 
		margin-top:53px;
	}
	.eventContainer .eventHeader{
		height:151px;
	}
	.eventContainer .eventHeader h1{
		font-size:12px;
		margin-top:0px;
	}
}