.navbar-nav {font-family: 'Poppins', sans-serif!important;}
.navbar-nav .nav-item.active .nav-link { font-weight:600; }
.navbar-nav .nav-item .nav-link { font-weight:300; }

.poppinsFont {font-family: 'Poppins', sans-serif;}

.navbar-stick {height: 100px!important;}
.navbar-stick .container .navbar-collapse-wrapper {background: #FFF!important; padding:0 1.5rem 0 1.5rem; margin-top:0px!important;}
.navbar .container .navbar-collapse-wrapper .navbar-brand {padding:40px!important;}
.navbar-stick .container .navbar-collapse-wrapper .navbar-brand {padding:10px!important;}

nav.page {-webkit-box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.75)!important; -moz-box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.75); box-shadow: 0px 10px 60px 0px rgba(0,0,0,0.75); }




#sliderForm {width: 360px; background: #FFF; border-radius: 20px; overflow: hidden;}
#sliderForm .title {width: 100%; background: #27995e; height: 65px; text-align: center; color:#FFF; font-family: 'Poppins'; font-size: 32px;}
#sliderForm .form {width: 100%; background: #FFF; padding:38px;}
#sliderForm .form .line {float: left; width: 100%; border-bottom:1px solid #b9b9b9; margin-bottom: 10px;  padding-bottom: 10px;}
#sliderForm .form .line label {font-weight: 600; padding-left:40px;}
#sliderForm .form .line div i {color:#36bde3; font-size:20px; line-height: 30px; width: 30px; text-align: center;}
#sliderForm .form .line div select {color:#27995e; width: 100%; border:none; margin-left:10px; height: 30px; outline:none}
#sliderForm .form .line div input {color:#27995e; width: 100%; border:none; margin-left:10px; height: 30px; outline:none}




#pageForm {background: #f0f0f0;  overflow: hidden;}
#pageForm .title {width: 100%; background: #27995e; height: 65px; text-align: center; color:#FFF; font-family: 'Poppins'; font-size: 32px;}
#pageForm .form {width: 100%; background: #f0f0f0; padding:38px;}
#pageForm .form .line {float: left; width: 100%; border-bottom:1px solid #b9b9b9; margin-bottom: 10px;  padding-bottom: 10px;}
#pageForm .form .line label {font-weight: 600; padding-left:40px;}
#pageForm .form .line div i {color:#36bde3; font-size:20px; line-height: 30px; width: 30px; text-align: center;}
#pageForm .form .line div select {color:#27995e; width: 100%; border:none; margin-left:10px; height: 30px; outline:none; background: #f0f0f0}
#pageForm .form .line div input {color:#27995e; width: 100%; border:none; margin-left:10px; height: 30px; outline:none; background: #f0f0f0;}


#homeForm {width: 100%; overflow: hidden;}
#homeForm .title {width: 100%; background: #27995e; height: 65px; text-align: center; color:#FFF; font-family: 'Poppins'; font-size: 32px;}
#homeForm .form {width: 100%;   }
#homeForm .form .formB {width: 25%; float:left; padding-right:20px;   }
#homeForm .form .formB:last-child { padding-right:0px;   }
#homeForm .form .line {float: left; border-bottom:2px solid #b9b9b9; margin-bottom: 10px;  padding-bottom: 10px;  width: 100%;}
#homeForm .form .line label {font-weight: 600; padding-left:40px;}
#homeForm .form .line div i {color:#36bde3; font-size:20px; line-height: 30px; width: 30px; text-align: center;}
#homeForm .form .line div select {color:#27995e; width: 100%; border:none; margin-left:10px; height: 30px; outline:none; background: none; font-weight: 700;}
#homeForm .form .line div input {color:#27995e; width: 100%; border:none; margin-left:10px; height: 30px; outline:none; background: none; font-weight: 700;}

.checkboxStyle {width: 40px; height:40px;border:2px solid #b9b9b9!important; border-radius:0px!important;}
.checkboxStyle:checked {background-color:#b9b9b9; border:2px solid #b9b9b9; border-radius:0px; }

.comments .comment h4 {background-color: #27995e; color:#FFF; padding-left: 10px; font-size:18px; font-weight: 600; height: 40px; font-family: 'Poppins', sans-serif!important}
.comments .comment p { font-family: 'Poppins', sans-serif!important;  line-height: 20px; color:#000000;}
.comments .comment:nth-child(2n+2) h4 {background-color:#af9c1f}

.blogDesc {transition: height 2s;}
/*
#karavanAlan .swiper-button-prev {background: #af9c1f;border-right:30px solid #af9c1f; border-top:30px solid transparent; border-bottom:30px solid transparent; background: none; border-radius: 0px; left: 10%;}
#karavanAlan .swiper-button-next {border-left:30px solid #af9c1f; border-top:30px solid transparent; border-bottom:30px solid transparent; background: none; border-radius: 0px; right: 10%;}
#karavanAlan .swiper-button-prev::after {display: none; }
#karavanAlan .swiper-button-next::after {display: none; }
*/

#karavanAlan {position: relative; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(242,241,233,1) 37%, rgba(242,241,233,1) 100%);}
#karavanAlan::before {background: url('../img/karavan-bg-ust.png') no-repeat; content:''; position: absolute; top:0px; height: 100%; width:100%; background-size: 100%;}
#karavanAlan::after {background: url('../img/karavan-bg.png') no-repeat; content:''; position: absolute; bottom:0px; height: 80%; width:100%; background-size: 100%; background-position: bottom;}
#karavanAlan .swiper-controls { 
position: relative!important; 
margin:auto; display: table;
    margin-top: -150px;
}
#karavanAlan .swiper-navigation {display: table; margin: auto;}
#karavanAlan .swiper-button-prev {background: #af9c1f;border-right:30px solid #af9c1f; border-top:30px solid transparent; border-bottom:30px solid transparent; background: none; border-radius: 0px; scale:0.5; position: relative; float: left; left:0px;}
#karavanAlan .swiper-button-next {border-left:30px solid #af9c1f; border-top:30px solid transparent; border-bottom:30px solid transparent; background: none; border-radius: 0px; scale:0.5; position: relative; float: left; right: 0px;}
#karavanAlan .swiper-button-prev::after {display: none; }
#karavanAlan .swiper-button-next::after {display: none; }

#videoAlan .swiper-controls { 
position: relative!important; 
margin:auto; display: table;
    margin-top: 20px;
}
#videoAlan .swiper-navigation {display: table; margin: auto;}
#videoAlan .swiper-button-prev {background: #af9c1f;border-right:30px solid #af9c1f; border-top:30px solid transparent; border-bottom:30px solid transparent; background: none; border-radius: 0px; scale:0.5; position: relative; float: left; left:0px;}
#videoAlan .swiper-button-next {border-left:30px solid #af9c1f; border-top:30px solid transparent; border-bottom:30px solid transparent; background: none; border-radius: 0px; scale:0.5; position: relative; float: left; right: 0px;}
#videoAlan .swiper-button-prev::after {display: none; }
#videoAlan .swiper-button-next::after {display: none; }

#pageTitle {background: #e9e9e9; -webkit-box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.39);
box-shadow: 0px 10px 17px 0px rgba(0,0,0,0.39);}
#pageTitle .container {position: relative;}
#pageTitle .container h1{padding-left:50px; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 55px; color:#3f3f3f}
#pageTitle .container h1:after {content:''; width:50px; height: 50px;background: #57cae2; position: absolute; left: 0px; top:10px; }

#breadcrumbs {background: #626262!important;  }


.company h2 {color:#27995e; font-size: 55px; font-weight:300; position: relative; float: left;}
.company h2::after {content:''; width:100%; height: 8px; background: #36bde3; bottom:-10px; position:absolute; left:0px; }
.company .content {width: 100%; font-size: 20px; color:#000; line-height: 25px;  float:left; margin-top:30px;}
.companyImages .image:nth-child(1) {padding:10px; border-radius: 10px; background:#FFF; position: relative;}
.companyImages .image:nth-child(1) img {border:10px solid #27995e;  }
.companyImages .image:nth-child(2) {padding:10px; border-radius: 10px; background:#FFF; float:right; margin-top: -100px; z-index: 999; position: relative;}
.companyImages .image:nth-child(2) img {border:10px solid #36bde3;  }
.companyImages .image img {width:100%;  }


.commentsTitle {width: 100%;}
.commentsTitle h4 {display: table; margin:auto; color:#27995e; font-size: 55px; font-weight: 300; position: relative;}
.commentsTitle h4::after {content:''; width:60%; height: 8px; background: #36bde3; bottom:-10px; position:absolute; left:20%; }
.comments2 .comment h4 {background-color: #27995e; color:#FFF; padding-left: 10px; font-size:18px; font-weight: 600; height: 40px; font-family: 'Poppins', sans-serif!important; width: 50%;}
.comments2 .comment p { font-family: 'Poppins', sans-serif!important;  line-height: 25px; color:#000000; width:80%; font-size: 18px; font-weight: 400;}
.comments2 .comment .date {width: 100%; margin-top:20px; color:#9e9e9e; }


.fInstagram {font-size: 60px; color:#FFF; font-weight: 600; font-family: 'Poppins', sans-serif;}
.fInstagramBtn { margin: auto; display: table;}
.fInstagramBtn a {border:3px solid #FFF; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 30px; color:#FFF;}


.karavanListe {list-style: none; padding: 0px;}
.karavanListe h2 {font-size: 30px; color:#000; font-family: 'Poppins', sans-serif; font-weight: 400;}
.karavanListe .content {font-size: 14px; color:#000; font-family: 'Poppins', sans-serif; font-weight: 500; line-height: 19px;}
.karavanListe .infos .infos-item {border:1px solid #000; color:#000; font-size:0.7em; line-height: 1.5em; border-right: 0px; text-align: center; height: 50px; display: table;}
.karavanListe .infos .infos-item span {display: table-cell; vertical-align: middle; height: 50px;}
.karavanListe .infos .infos-item:last-child {background-color: #000; color:#FFF;}
.karavanListe .photoButton {background:#27995e; color:#FFF; cursor: pointer;}
/*.karavanListe .gallery {padding: 0px; list-style: none; display: none;} */
.karavanListe .gallery {padding: 0px; list-style: none;}

.karavandetaytab {font-size:14px; font-weight: 400; font-family: 'Poppins', sans-serif; line-height: 17px;}


.contact h4 {font-size:40px; font-weight: 600; }
.contact .inputLine label {font-size: 16px; font-family: 'Poppins', sans-serif; font-style: italic; color:#333333; font-weight: 300;}
.contact .inputLine .input {border-radius: 5px;}
.contact .inputLine .input input { border:none; outline:none; }
.contact .inputLine .input input::placeholder {font-size:14px; color:#d2d2d2; font-family:'Poppins', sans-serif; }

.contact .socialTitle { display:table; margin:auto;  }
.contact .socialTitle p { float:left; font-size:15px; color:#333; font-weight:300;  }
.contact .socialTitle::before { content:''; border-bottom:1px solid #bcbcbc;width:70px; height:2px; float:left; margin-top:12px; margin-right:5px; }
.contact .socialTitle::after { content:''; border-bottom:1px solid #bcbcbc;width:70px; height:2px; float:left; margin-top:12px; margin-left:5px; }
.contact .socialBox {display: table; margin:auto;}
.contact .adres {margin-left:10px; float:let; line-height: 23px; font-size: 20px; font-weight: 600;}

.blog .buttons .blogBtn { border-radius:50px; color:#FFF; font-size:35px; font-weight:500; font-family:'Poppins', sans-serif;  }
.blog .buttons:nth-child(1) .blogBtn { background:#19819e;}
.blog .buttons:nth-child(2) .blogBtn { background:#8cd9ef;}



#videoAlan .title {font-family: 'Poppins', sans-serif!important; font-size:41px; font-weight: 100; color:#23303c;}

.blogDesc {line-height: 23px; color:#77838f; text-align: center; font-family: 'Poppins', sans-serif; height: 80px; font-weight: 300; overflow: hidden;}

@media (min-width: 1200px) {
	.container-fluid2 {width:1620px!important; max-width: 1620px;}
}

@media only screen  and (max-width:992px) {

	.navbar .container .navbar-collapse-wrapper {border-radius: 200px;
	    background: #FFF!important;
	    padding: 0px 25px;
	    height: 70px;
	    margin-top: 10px !important;
	    margin-bottom: 10px;
	}
	.navbar .container .navbar-collapse-wrapper .navbar-brand {padding:0px!important;}
}

@media only screen  and (max-width:576px) {
	.sliderFormBox1 {display: none;}
	#sliderForm {width: 100%; bottom:0px; margin-top:80%;}

#karavanAlan .swiper-controls { 
position: relative!important; 
margin:auto; display: table;
    margin-top: -10px;
}

.blogDesc {font-size: 14px!important; line-height: 19px;}
.blogDescBtn {font-size: 15px!important;}
	 
	#homeForm .title {font-size: 32px;}
	#homeForm .form {width: 100%;   }
	#homeForm .form .formB {width: 100%;}
	#homeForm .form .formB:last-child { padding-right:0px;   }
	#homeForm .form .line {float: left; border-bottom:2px solid #b9b9b9; margin-bottom: 10px;  padding-bottom: 10px;  width: 100%;}
	#homeForm .btn {width: 100%!important; margin-top:10px;}

	.homeInfoBox .infoBox {margin-top:0px; text-align: center;}
	.homeInfoBox .infoBox .card .card-body {font-size:15px; line-height: 22px; padding-left: 20px; padding-right: 20px; text-align: center;}
	.homeInfoBox .infoBox .card .card-body b {font-size:25px!important; padding-bottom:20px;}

	.kiralaBox {margin-top:0px!important;}

	#karavanAlan {padding-top:0px; margin-top:0px!important; background: #f2f1e9!important}
	.karavanDetay {padding-top:0px!important;}
	.karavanDetay .row {margin-top:30px!important}

	.karavanDetay .row .btn {font-size: 20px!important;}

	#karavanAlan .swiper-button-prev { left: 1%;}
	#karavanAlan .swiper-button-next {right: 1%;}


	#videoAlan .title {font-size:25px; text-align: center;}


	#pageTitle {padding-top:40px!important; padding-bottom:20px!important; }
	#pageTitle .container {position: relative;}
	#pageTitle .container h1{padding-left:15px; font-weight: 500; font-size: 30px; color:#3f3f3f}
	#pageTitle .container h1:after {content:''; width:20px; height: 20px}



	.company h2 { font-size: 35px; }
	.company h2::after {height: 4px;  bottom:-6px;}
	.company .content {font-size: 18px; line-height: 24px;}
	.companyImages .image:nth-child(1) {padding:5px;}
	.companyImages .image:nth-child(1) img {border:5px solid #27995e;  }
	.companyImages .image:nth-child(2) {padding:5px; margin-top: -50px; border-radius:5px; }
	.companyImages .image:nth-child(2) img {border:5px solid #36bde3;  }

	.commentsTitle {margin-top:40px;}
	.commentsTitle h4 {font-size: 35px;}
	.commentsTitle h4::after {content:''; height: 4px; bottom:-6px;}
	.comments2 .comment h4 { width: 100%;}
	.comments2 .comment p { width: 100%;}


	.fInstagram {font-size: 30px;}
	.fInstagramBtn { margin: auto; display: table;}
	.fInstagramBtn a {font-size: 20px; padding-left:20px!important; padding-right:20px!important; color:#FFF;}

	.karavanListe .infoBox {margin-top:20px;}

	.karavanListe h2 {font-size: 25px;}
	.karavanListe .content {font-weight:400; line-height: 19px;}
	.karavanListe .photoButton {background:#27995e; color:#FFF; font-size:15px!important;}
		.karavanListe .infos .infos-item {border:1px solid #000; color:#000; font-size:0.7em; line-height: 1.5em; border-right: 0px; border-bottom:0px; text-align: center; height: 50px; display: table;}

	.karavanListe .infos .infos-item span {display: table-cell; vertical-align: middle; height: 50px;}
	.karavanListe .infos .infos-item:last-child {background-color: #000; color:#FFF;}
	.karavanListe .infos .infos-item:nth-child(2n+2) {border-right: 1px solid #000}
	.karavanListe .infos .infos-item:nth-child(3) {border-bottom: 1px solid #000}
	.karavanListe .infos .infos-item:nth-child(4) {border-bottom: 1px solid #000}

	 
	.contact .adres { font-size: 12px; font-weight: 600; line-height: 16px;}

	.blog .buttons .blogBtn {font-size:15px;}
}


@media only screen  and (min-width:576px) and (max-width:768px) {
	.sliderFormBox1 {display: none;}
	#sliderForm {width: 100%; bottom:0px; margin-top:80%;}


	 
	#homeForm .title {font-size: 32px;}
	#homeForm .form {width: 100%;   }
	#homeForm .form .formB {width: 100%;}
	#homeForm .form .formB:last-child { padding-right:0px;   }
	#homeForm .form .line {float: left; border-bottom:2px solid #b9b9b9; margin-bottom: 10px;  padding-bottom: 10px;  width: 100%;}
	#homeForm .btn {width: 100%!important; margin-top:10px;}

	.homeInfoBox .infoBox {margin-top:0px; text-align: center;}
	.homeInfoBox .infoBox .card .card-body {font-size:15px; line-height: 22px; padding-left: 20px; padding-right: 20px; text-align: center;}
	.homeInfoBox .infoBox .card .card-body b {font-size:25px!important; padding-bottom:20px;}

	.kiralaBox {margin-top:0px!important;}

	#karavanAlan {padding-top:0px; margin-top:0px!important; background: #f2f1e9!important}
	.karavanDetay {padding-top:0px!important;}
	.karavanDetay .row {margin-top:30px!important}

	.karavanDetay .row .btn {font-size: 20px!important;}

	#karavanAlan .swiper-button-prev { left: 1%;}
	#karavanAlan .swiper-button-next {right: 1%;}


	#videoAlan .title {font-size:25px; text-align: center;}


	#pageTitle {padding-top:40px!important; padding-bottom:20px!important; }
	#pageTitle .container {position: relative;}
	#pageTitle .container h1{padding-left:15px; font-weight: 500; font-size: 30px; color:#3f3f3f}
	#pageTitle .container h1:after {content:''; width:20px; height: 20px}



	.company h2 { font-size: 35px; }
	.company h2::after {height: 4px;  bottom:-6px;}
	.company .content {font-size: 18px; line-height: 24px;}
	.companyImages .image:nth-child(1) {padding:5px;}
	.companyImages .image:nth-child(1) img {border:5px solid #27995e;  }
	.companyImages .image:nth-child(2) {padding:5px; margin-top: -50px; border-radius:5px; }
	.companyImages .image:nth-child(2) img {border:5px solid #36bde3;  }

	.commentsTitle {margin-top:40px;}
	.commentsTitle h4 {font-size: 35px;}
	.commentsTitle h4::after {content:''; height: 4px; bottom:-6px;}
	.comments2 .comment h4 { width: 100%;}
	.comments2 .comment p { width: 100%;}


	.fInstagram {font-size: 30px;}
	.fInstagramBtn { margin: auto; display: table;}
	.fInstagramBtn a {font-size: 20px; padding-left:20px!important; padding-right:20px!important; color:#FFF;}

	.karavanListe .infoBox {margin-top:20px;}

	.karavanListe h2 {font-size: 25px;}
	.karavanListe .content {font-weight:400; line-height: 19px;}
	.karavanListe .photoButton {background:#27995e; color:#FFF; font-size:15px!important;}

	.karavanListe .infos .infos-item {border:1px solid #000; color:#000; font-size:0.7em; line-height: 1.5em; border-right: 0px; border-bottom:0px; text-align: center; height: 50px; display: table;}

	.karavanListe .infos .infos-item span {display: table-cell; vertical-align: middle; height: 50px;}
	.karavanListe .infos .infos-item:last-child {background-color: #000; color:#FFF;}
	.karavanListe .infos .infos-item:nth-child(2n+2) {border-right: 1px solid #000}
	.karavanListe .infos .infos-item:nth-child(3) {border-right: 1px solid #000}
	.karavanListe .infos .infos-item:nth-child(4) {border-right: 1px solid #000}

	 
	.contact .adres { font-size: 12px; font-weight: 600; line-height: 16px;}

	.blog .buttons .blogBtn {font-size:15px;}
}

@media only screen  and (min-width:768px) and (max-width:992px) {



	#homeForm .title {font-size: 32px;}
	#homeForm .form {width: 100%;   }
	#homeForm .form .formB {width: 50%;}
	#homeForm .form .formB:last-child { padding-right:0px;   }
	#homeForm .form .line {float: left; border-bottom:2px solid #b9b9b9; margin-bottom: 10px;  padding-bottom: 10px;  width: 100%;}
	#homeForm .form-check {margin-top:10px;}
	#homeForm .btn {width: 50%!important; margin-top:10px;}

	#videoAlan .title {font-size:30px; text-align: center;}

	.karavanListe h2 {font-size: 25px; margin-top:10px;}
	.karavanListe .content {font-weight:400; line-height: 19px;}
	.karavanListe .photoButton {background:#27995e; color:#FFF; font-size:15px!important;}

	.karavanListe .infos .infos-item {border:1px solid #000; color:#000; font-size:0.7em; line-height: 1.5em; border-right: 0px; border-bottom:0px; text-align: center; height: 50px; display: table;}

	.karavanListe .infos .infos-item span {display: table-cell; vertical-align: middle; height: 50px;}
	.karavanListe .infos .infos-item:last-child {background-color: #000; color:#FFF;}
	.karavanListe .infos .infos-item:nth-child(2n+2) {border-right: 1px solid #000}

	.commentsTitle {margin-top:40px;}
	.commentsTitle h4 {font-size: 35px;}
	.commentsTitle h4::after {content:''; height: 4px; bottom:-6px;}
	.comments2 .comment h4 { width: 100%;}
	.comments2 .comment p { width: 100%;}

	.fInstagram {font-size: 30px;}
	.fInstagramBtn { margin: auto; display: table;}
	.fInstagramBtn a {font-size: 20px; padding-left:20px!important; padding-right:20px!important; color:#FFF;}

	.blog .buttons .blogBtn {font-size:25px;}
}

@media only screen  and (min-width:992px) and (max-width:1200px) {


	.karavanListe li {padding-bottom: 20px;}
	.karavanListe .infoBox {margin-top:20px;}

	.karavanListe h2 {font-size: 25px;}
	.karavanListe .content {font-weight:400; line-height: 19px;}
	.karavanListe .photoButton {background:#27995e; color:#FFF; font-size:15px!important; margin-bottom:15px;}
	.karavanListe .infos .infos-item {border:1px solid #000; color:#000; font-size:0.7em; line-height: 1.5em; border-right: 0px; border-bottom:0px; text-align: center; height: 50px; display: table;}

	.karavanListe .infos .infos-item span {display: table-cell; vertical-align: middle; height: 50px;}
	.karavanListe .infos .infos-item:last-child {background-color: #000; color:#FFF; border-bottom:1px solid #000}
	.karavanListe .infos .infos-item:nth-child(3) {border-right: 1px solid #000}
	.karavanListe .infos .infos-item:nth-child(4) {border-bottom: 1px solid #000}

	.fInstagram {font-size: 25px;}
	.fInstagramBtn { margin: auto; display: table;}
	.fInstagramBtn a {font-size: 20px; padding-left:20px!important; padding-right:20px!important; color:#FFF;}

	.blog .buttons .blogBtn {font-size:25px;}

	.contact .adres { font-size: 17px; font-weight: 600; line-height: 20px;}

}