@import 'css/renk.css';

/*-----------------------------------------------------------------------------------

    Template Name: Hotel Booking html Template
    Author: 
    Author URI: 
    Version: 1.0
    Description: This theme made for any kind of Hotel Booking site.

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
	Base orReset or common css are in reset.css file

    1. Header CSS
    2. Slider CSS
    3. hotel booking area css
    4. special offer CSS
    5. welcome CSS
    6. another facilities area CSS
    7. select room area CSS
    8. Hotel facilities area CSS
    9. hotel showcase CSS
    10. about us area CSS
    11. contact us area CSS
	12. error page CSS
	13. footer area CSS
	14. about us page CSS
	15. accomodation page CSS
	16. contact us page CSS
	17. room details page CSS
	18. gallery page css
	19. booking page CSS
	20. blog page CSS
	21. single blog page CSS
	22. Preloader css


    


___________________________________________________________________________
	 This Template Is Fully Coded By Aftab Zaman from swiftconcept.com
---------------------------------------------------------------------------



-----------------------------------------------------------------------------------*/



/* --------------------------------------------------------
1. 					Start Header CSS
-----------------------------------------------------------*/

a{
	color: #000;
}
a:hover{
	color: #16b4ef;
}
.mainmenu {
  padding: 30px 0;
}
.mainmenu ul#nav{
	margin: 0;
	padding: 0;
}
.mainmenu .navbar-default {
  background: none;
  border: none;
  margin: 0;
}
.mainmenu .navbar-brand {
  padding: 0 23px 0 0;
  height: auto;
}
.header_login ul{
	list-style: outside none none;
	margin: 0;
	padding: 0 0 0 14px;
}
.header_login > ul > li > a{	
	font-size: 14px;
	text-transform: uppercase;
}
.mainmenu .nav.navbar-nav {
  float: left;
}
.emergency_number {
  background: #fe5d5d none repeat scroll 0 0;
  float: left;
  padding: 10px;
  position: relative;
}
.emergency_number a{
	color: #fff;
	font-size: 20px;
	line-height: 28px;
}
.emergency_number a > img{
	margin-right: 8px;
}
.emergency_number::after {
  background: #fe5d5d none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 100%;
  position: absolute;
  top: 0;
  width: 10000%;
}
body#home_one .emergency_number, body#home_one .emergency_number::after{
	background: var(--renk1) none repeat scroll 0 0;
}
.mainmenu .nav.navbar-nav > li > a {
	text-transform: uppercase;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	padding: 14px 21px 14px 30px;
	font-family: 'Lora', serif;
}
.mainmenu .nav.navbar-nav li.dropdown > a{
	background: url(img/dropdown_bg.png) no-repeat scroll 100% 50%;
}
.mainmenu .nav.navbar-nav a:hover{
	color: #16b4ef;
}
.header_top_area {
  background: #313a45 none repeat scroll 0 0;
  color: #fff;
}
.header_top_area ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.header_top_area li{
	padding: 10px 0;
}
.header_top_area a{
	color: #7a7e84;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Karla",sans-serif;
}
.header_top .left_header_top a > img{
	margin-right: 12px;
}
.right_header_top .nav a {
  padding: 0 14px;
}
.right_header_top .nav a:hover, .right_header_top .nav a:active,  .right_header_top .nav .open > a,  .right_header_top .nav .open > a:focus, .right_header_top  .nav .open > a:hover{
	background: none;
}
#menu2, #menu1 {
	background: #313a45 none repeat scroll 0 0;
	border: medium none;
	padding: 0;
	top: 165.6%;
}
#menu2.dropdown-menu > li:first-child > a, #menu1.dropdown-menu > li:first-child > a{
	padding-top: 34px;
}
#menu2.dropdown-menu > li:last-child > a, #menu1.dropdown-menu > li:last-child > a{
	padding-bottom: 34px;
}
#menu2.dropdown-menu > li > a, #menu1.dropdown-menu > li > a {
  color: #fff;
  padding: 14px 100px 14px 34px;
  text-transform: uppercase;
  line-height: 26px;
}
#menu2.dropdown-menu > li > a:hover, #menu1.dropdown-menu > li > a:hover, #menu1.dropdown-menu > li > a:active, #menu2.dropdown-menu > li > a:active{
	color: var(--renk1);
	background: none;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
	background: none;
}


/* --------------------------------------------------------
 					end Header CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
2. 					Start slider CSS
-----------------------------------------------------------*/
.main_slider_area{
	font-family: "Playfair Display",serif;
	padding-bottom: 90px;
	position: relative;
}



/* --------------------------------------------------------
 					end slider CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
3.					start hotel booking area CSS
-----------------------------------------------------------*/
body#home_one .hotel_booking_area {
	left: calc( 50% - 585px );
	position: absolute;
	text-transform: uppercase;
	top: 0;
	z-index: 200;
}
body#home_two .hotel_booking_area{
	bottom: 2%;
}
.picker-container{
	display: none;
}

.hotel_booking{
	background: #313a45 none repeat scroll 0 0;
	font-family: "Karla",sans-serif;
	min-height: 94px;
	padding: 26px 10px;
	position: relative;
}
.room_book{
	border-right: 1px solid #475362;
	margin-right: 7%;
}
.room_book h6{
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	font-family: "Karla",sans-serif;
}
.room_book p{
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 25px;
	margin: 0;
	font-family: "Karla",sans-serif;
}
form#form1 .form-group {
  margin: 0;
}
.hotel_booking .input-group {
  width: 100%;
}
.hotel_booking  .input-group-addon, .hotel_booking_area input#datepicker, .hotel_booking_area input#datepicker1{
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #aab8ca;
	outline: none;
}
.hotel_booking  .input-group-addon{
	padding: 0 0 0 10px;
}
.hotel_booking_area ::-webkit-input-placeholder { /* WebKit browsers */
    color: #aab8ca;
}
.hotel_booking_area ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #aab8ca;
    opacity:  1;
}
.hotel_booking_area input#datepicker, .hotel_booking_area input#datepicker1, .hotel_booking_area select#room, .hotel_booking_area select#adult, .hotel_booking_area select#child, .hotel_booking_area select#bed {
	font-size: 13px;
	height: 37px;
	padding: 0;
	text-transform: uppercase;
	width: 100%;
}
.hotel_booking_area select#room{

}
.form-control:focus{
	box-shadow: none;
}
.hotel_booking_area select{
	-moz-appearance: none;
	-webkit-appearance: none;
	background: transparent none repeat scroll 0 0;
	border: medium none;
	color: #aab8ca;
	outline: medium none;
	font-family: "Karla",sans-serif;
	padding-left: 8px;
}
.hotel_booking_area select > option{
	border: medium none;
	margin: 0;
	padding: 5px 5px 5px 15px;
}
.icon_arrow:after{
	content: '\f107';
	color: #aab8ca;
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 42px;
	position: absolute;
	right: 9%;
	top: -6%;
	z-index: 1;
}

/* --------------------------------------------------------
 					end hotel booking area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
4.					start special offer CSS
-----------------------------------------------------------*/

body#home_one .special_offer_main {
	height: 276px;
	position: absolute;
	right: 0;
	top: 100%;
	width: 223px;
	z-index: 11;
}
body#home_two .special_offer_main {
	height: 276px;
	position: absolute;
	right: calc(0% + 5.7%);
	top: 0;
	z-index: 100;
}

/* --------------------------------------------------------
 					end special offer CSS
-----------------------------------------------------------*/

/* --------------------------------------------------------
5.					start welcome area CSS
-----------------------------------------------------------*/

body#home_one .welcome .section_description {
  padding: 0 20% 43px;
  text-align: center;
}
body#home_one .welcome .section_description p{
	font-size: 16px;
	font-family: 'Karla', sans-serif;
}
body#home_one .welcome .room_media, .accomodation_single_room .room_media, body#room_detail_page .welcome .room_media {
  margin-bottom: 28px;
  text-align: center;
}
body#home_one .single_room_wrapper .uk-overlay, body#accomodation_page .single_room_wrapper .uk-overlay {
  overflow: visible;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}
body#home_one .single_wrapper_details, body#accomodation_page .single_wrapper_details {
	background: #f7c411 none repeat scroll 0 0;
	height: 100%;
	width: 100%;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	-webkit-display: block;
	padding: 13px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   body#home_one .single_wrapper_details, body#accomodation_page .single_wrapper_details {
    display: none;
  }
} 
body#home_one .single_room_wrapper .uk-overlay:hover .single_wrapper_details, body#accomodation_page .single_room_wrapper .uk-overlay:hover .single_wrapper_details {
	display: block;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}
body#home_one .single_room_wrapper .uk-overlay:hover .left_room_title a.btn, body#accomodation_page .single_room_wrapper .uk-overlay:hover .left_room_title a.btn{
	background: #63c2ea none repeat scroll 0 0;
	color: #fff;
}
body#home_one .single_wrapper_details .single_wrapper_details_pad, body#accomodation_page .single_wrapper_details .single_wrapper_details_pad{
	height: 100%;
	width: 100%;
}
body#home_one .single_wrapper_details h5, body#accomodation_page .single_wrapper_details h5 {
  color: #000;
  font-size: 18px;
  font-family: "Lora",serif;
  text-transform: none;
}
body#home_one .single_wrapper_details p, body#accomodation_page .single_wrapper_details p{
	color: #444;
	font-size: 15px;
}
body#home_one .single_room_wrapper, body#accomodation_page .single_room_wrapper{
  overflow: hidden;
}
body#home_one .single_wrapper_details .single_room_cost p, body#accomodation_page .single_wrapper_details .single_room_cost p{
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 18px;
	font-family: "Lora",serif;
}
body#home_one .single_wrapper_details .single_room_cost p span, body#accomodation_page .single_wrapper_details .single_room_cost p span{
	font-size: 11px;
}
body#home_one .single_wrapper_details .single_room_cost .btn, body#accomodation_page .single_wrapper_details .single_room_cost .btn {
	border: none;
	border-left: 1px solid #444;
	border-top: 1px solid #444;
	color: #444;
	margin-bottom: -74px;
	margin-right: -23px;
}
body#home_one .single_wrapper_details .single_room_cost .btn:hover, body#accomodation_page .single_wrapper_details .single_room_cost .btn:hover{
	background: #444;
	color: #fff;
}

body#home_one .welcome .room_media a, .accomodation_single_room .room_media a {
  display: block;
}
body#home_one .welcome .left_room_title > h6, .accomodation_single_room .left_room_title > h6 {
  font-family: "Lora",serif;
  font-size: 18px;
  text-transform: none;
}
body#home_one .welcome .left_room_title > p, .accomodation_single_room .left_room_title > p {
	font-family: "Lora",serif;
  	font-size: 18px;
}
body#home_one .welcome .left_room_title > p > span, .accomodation_single_room .left_room_title > p > span {
	font-size: 11px;
}

/* --------------------------------------------------------
 					end welcome area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
6. 					start another facitilies area CSS
-----------------------------------------------------------*/

.another_facitilies_area{
	text-align: center;
}
body#home_two .another_facitilies .single_facities a {
  display: block;
  margin-bottom: 12px;
}
body#home_two .another_facitilies .single_facities h6 {
	margin-bottom: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #313a45;
}
body#home_two .another_facitilies .single_facities p{
	margin: 0;
	color: #666666;
	line-height: 26px;
}

/* --------------------------------------------------------
 					end another facitilies area CSS
-----------------------------------------------------------*/

/* --------------------------------------------------------
7. 					start Select Room area CSS
-----------------------------------------------------------*/

body#home_two .select_room_area{
  background: #f1f6f8;
}
body#home_two .select_room .select_room_content .room_thumb, body#accomodation_page .select_room .select_room_content .room_thumb {
  position: relative;
}
.room_thumb.small_room_thumb > a {
  display: inline-block;
  height: auto;
  max-width: 100%;
}
body#home_two .select_room .room_details, body#accomodation_page .select_room .room_details {
	background: #fff none repeat scroll 0 0;
	bottom: 5%;
	left: 1%;
	margin: 0 15px;
	padding: 30px;
	position: absolute;
	width: 94%;
	z-index: 99;
}
body#home_two .select_room .small_room_thumb .room_details, body#accomodation_page .select_room .small_room_thumb .room_details{
	padding: 11px;
	left: -1%;
}
body#home_two .select_room .room_thumb .about_room, body#accomodation_page .select_room .room_thumb .about_room{
	margin-top: 10px;
}
body#home_two .select_room .small_room_thumb .about_room, body#accomodation_page .select_room .small_room_thumb .about_room {
 	margin-top: 10px;
}
body#home_two .select_room .room_quality, body#accomodation_page .select_room .room_quality{
	padding-right: 18px;
	border-right: 1px solid #d8d8d8;
}
body#home_two .select_room .room_quality > h5, body#accomodation_page .select_room .room_quality > h5 {
  font-size: 21px;
  font-family: "Lora",serif;
  color: #444444;
}
body#home_two .select_room .small_room_thumb .room_quality > h5, body#accomodation_page .select_room .small_room_thumb .room_quality > h5 {
  font-size: 16px;
}
body#home_two .select_room .room_rent > p, body#accomodation_page .select_room .room_rent > p{
	font-size: 18px;
	font-family: "Lora",serif;
	color: #131e2a;
	margin: 0;
	padding-left: 18px;
	line-height: 20px;
}
body#home_two .select_room .small_room_thumb .room_rent > p, body#accomodation_page .select_room .small_room_thumb .room_rent > p{
	font-size: 16px;
}
body#home_two .select_room .room_rent > p > span, body#accomodation_page .select_room .room_rent > p > span{
	font-size: 11px;
	color: #6c737a;
}


/* --------------------------------------------------------
 					end Select Room area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
8. 					start Hotel Facilities area CSS
-----------------------------------------------------------*/

.hotel_facilities_area{
	background: url(img/hotel-facilities-bg.jpg) no-repeat fixed 0 0;
	background-size: cover;
	background-position: fixed;
}
.hotel_facilities {
  padding-bottom: 143px;
  padding-top: 123px;
}

.hotel_facilities .nav.nav-tabs {
  border: medium none;
  margin: 0 auto;
  text-align: center;
  width: 56.7%;
}
.hotel_facilities_content .nav-tabs > li > a {
	background: #eeefed none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	height: 100px;
	margin: 0;
	width: 129px;
	text-transform: uppercase;
	padding: 10px 14px;
}
.hotel_facilities_content .nav-tabs > li.active > a{
	background: #fff;
}
.hotel_facilities_content .nav.nav-tabs > li > a > img {
	display: block;
	margin: 12px auto 10px;
	
}
body#home_one .nav-tabs > li.active > a, body#home_one .nav-tabs > li.active > a:focus, body#home_one .nav-tabs > li.active > a:hover, body#home_one  .nav-tabs > li.active > a > img{
	color: #58bee8;
	cursor: pointer;
	border: none;
}
.hotel_facilities_content .tab-content {
	background: #fff none repeat scroll 0 0;
	padding: 55px;
}
.hotel_facilities_content .single-tab-details{
}
.hotel_facilities_content .single-tab-details > h6 {
	font-family: "Karla",sans-serif;
	margin-bottom: 14px;
	margin-top: 14px;
}
.hotel_facilities_content .single-tab-details > h3 {
 	margin-bottom: 27px;
}
.hotel_facilities_content .single-tab-details > p {
	line-height: 25px;
	margin-bottom: 20px;
	margin-top: 0;
}
.hotel_facilities_content .our_services {
  padding-top: 3px;
}
.hotel_facilities_content .our_services > a{
	color: #16b4ef;
	text-transform: uppercase;
}
/* --------------------------------------------------------
 					end Hotel Facilities area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
9. 					start Hotel showcase area CSS
-----------------------------------------------------------*/


body#home_two .hotel_showcase .owl-carousel .owl-item img{
	-webkit-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
body#home_two .hotel_showcase .owl-carousel .owl-item img:hover{
	-webkit-filter: grayscale(1%);
	-o-filter: grayscale(1%);
	filter: grayscale(1%);
}
body#home_two .hotel_showcase .owl-carousel .owl-item a{
	display: block;
	position: relative;
}
body#home_two .hotel_showcase .owl-carousel .owl-item a i {
	background: #fff none repeat scroll 0 0;
	border-radius: 50%;
	height: 35px;
	left: calc(50% - 18px);
	padding: 9px 0;
	position: absolute;
	text-align: center;
	top: calc(50% - 18px);
	width: 35px;
	top: 1000px;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	color: #131e2a;
}
body#home_two .hotel_showcase .owl-carousel .owl-item a:hover i{
	top: calc(50% - 18px);
}

/* --------------------------------------------------------
 					end Hotel showcase area CSS
-----------------------------------------------------------*/




/* --------------------------------------------------------
10.					start about us area CSS
-----------------------------------------------------------*/

.about_us .news .post_title > h6 {
  color: #131e2a;
  font-family: "Karla",sans-serif;
  font-size: 16px;
}
.about_us .news .post_content > p {
  font-size: 12px;
  margin: 6px 0 0;
  color: #949494;
}
.about_us .showcase ul{
	list-style: none outside none;
    padding-left: 0;
    margin: 0;
}
.about_us .showcase .demo .item{
    margin-bottom: 60px;
}
.about_us .showcase .content-slider li{
    background-color: #ed3020;
    text-align: center;
    color: #FFF;
}
.about_us .showcase .content-slider h3 {
    margin: 0;
    padding: 70px 0;
}
.about_us .showcase .demo{
	width: 100%;
}
.about_us .showcase .lslide.active > img {
  min-height: 338px;
}
body#home_two .about_details {
  margin-top: 30px;
}
body#home_two .about_details > p {
	color: #666666;
	line-height: 26px;
	margin: 0;
}
body#home_two .hotel_thumb > img {
  height: auto;
  width: 100%;
}
div#customer_says_slider .customer_comment {
  background: rgba(0, 0, 0, 0) url("img/customer-slider-bg.png") no-repeat scroll 0 0 / cover ;
  padding: 25px 34px 23px;
}
div#customer_says_slider .customer_comment > p {
  line-height: 25px;
  margin: 0;
  padding-bottom: 20px;
}
div#customer_says_slider .slider_says {
  bottom: 28%;
  position: absolute;
  right: 6.4%;
}
div#customer_says_slider .slider_says.left {
  right: 16.5%;
}
div#customer_says_slider .slider_says i {
  font-size: 20px;
}

/* --------------------------------------------------------
 					end about us area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
11.					start contact us area CSS
-----------------------------------------------------------*/

.contact_us {
  background: var(--renk1);
  padding: 25px 35px;
}
.contact_us a, .contact_us h6, .contact_us p{
	color: #fff;
}
.contact_us a:hover{
	color: #313a45;
}
.contact_us h6{
	font-family: 'Karla', sans-serif;
}
.contact_us p{
	font-size: 20px;
	margin: 0;
	margin-top: 5px;
	line-height: 22px;
	font-family: "Lora",serif;
}
.contact_us .news_letter > input {
	background: var(--renk1) none repeat scroll 0 0;
	border: 0;
	padding: 11px 3px;
	border-bottom: 1px solid #fff;
	width: 100%;
	position: relative;
	line-height: 20px;
	outline: none;
	font-family: 'Karla', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}
.contact_us .news_letter > a.btn-blue{
	position: absolute;
	right: 5%;
	top: 12%;
}
.contact_us ::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.contact_us ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    opacity:  1;
}
.contact_us .social_icons {
 	padding: 11px 24px;
}
.contact_us .social_icons ul, body#about_us_page .single_staff .social_icons ul, body#staff_page .single_staff .social_icons ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.contact_us .social_icons ul li, body#about_us_page .single_staff .social_icons ul li, body#contact_us_page .social_icons > ul > li, body#staff_page .social_icons > ul > li{
	float: left;
}
.contact_us .social_icons ul li a {
 	padding-left: 29px;
}
.contact_us .social_icons ul li a i, body#contact_us_page .social_icons > ul > li > i{
	font-size: 20px;
}

/* --------------------------------------------------------
 					end contact us area CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
12. 					end error page CSS
-----------------------------------------------------------*/

body#error_page .error_area {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("img/error_bg.jpg");
  background-origin: padding-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: fixed;
}
.error_area .container {
  position: relative;
}
body#error_page .error{
	position: relative;
}
body#error_page .error > p {
	color: #313a45;
	font-size: 282px;
	line-height: 250px;
	margin-bottom: 17px;
}
body#error_page .error h3 {
  color: #fe5d5d;
  font-size: 44px;
  padding-bottom: 35px;
  margin-bottom: 70px;
}
body#error_page .error .section_title.nice_title > h3::after {
	background: rgba(0, 0, 0, 0) url("img/nice-title-error.png") no-repeat scroll 0 0;
	left: 15%;
}
.error_area .contact_us_area {
  bottom: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  width: 100%;
}



/* --------------------------------------------------------
 					end error page CSS
-----------------------------------------------------------*



/* --------------------------------------------------------
13. 					start footer area CSS
-----------------------------------------------------------*/

.footer_area{
	background: #313a45;
}
.footer_widget > h5 {
  color: #fff;
  margin-bottom: 45px;
}
.footer_widget ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer_widget p, .footer_widget ul li a, .footer_copyright p, .footer_copyright a{
	color: #d5d7d8;
}
.footer_widget ul li a:hover, .footer_copyright a:hover{
	color: #16b4ef;
}
.footer .footer_logo {
  margin-bottom: 19px;
}
.footer_widget ul li{
	margin-bottom: 25px;
}
.footer_widget ul li p i {
  float: left;
  line-height: 20px;
  margin-right: 10px;
  min-height: 80px;
}
.footer_widget ul li p{
	margin: 28px 0px;
}

/* --------------------------------------------------------
 					end footer area CSS
-----------------------------------------------------------*/



/* --------------------------------------------------------
14. 					start about us page CSS
-----------------------------------------------------------*/


body#about_us_page .breadcrumb_main_area, body#staff_page .breadcrumb_main_area{
	position: relative;
}
body#room_detail_page .deluxe_room_detail .single_facilities_name{

}
body#about_us_page .facilities_main_part .facilities_name, body#room_detail_page .deluxe_room_detail .facilities_name{
	padding: 0 4px;
}
body#about_us_page .facilities_name .col-md-2, body#about_us_page .facilities_name .col-lg-2{
	width: 20%;
}
body#about_us_page .single_facilities_name > li > img, body#room_detail_page .single_facilities_name > li > img, body#booking_page .single_facilities_name > li > img{
	float: left;
	margin-right: 8px;
}
body#about_us_page .single_facilities_name > li:first-child, body#room_detail_page .single_facilities_name > li:first-child, body#booking_page .single_facilities_name > li:first-child{
	margin-bottom: 30px;
}
body#about_us_page .single_facilities_name > li > p, body#room_detail_page .single_facilities_name > li > p, body#booking_page .single_facilities_name > li > p {
	color: #313a45;
	font-weight: 700;
	line-height: 34px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
}
body#about_us_page .single_facilities_name > a.btn {
	margin: 14% 11% auto;
	text-align: center;
}
body#about_us_page .about_us_thumb > p{
	margin-top: 45px;
}
body#about_us_page .single_staff .uk-overlay-background, body#staff_page .single_staff .uk-overlay-background, body#gallery_page .room_wrapper .uk-overlay-background{
	background: rgba(254, 109, 109, 0.8) none repeat scroll 0 0;
	padding: 30px;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
body#about_us_page .single_staff .single_staff_details h6, body#staff_page .single_staff .single_staff_details h6{
	font-size: 16px;
	margin-bottom: 6px;
}
body#about_us_page .single_staff .single_staff_details span, body#staff_page .single_staff .single_staff_details span{
	font-size: 14px;
	margin-bottom: 19px;
	display: block;
}
body#about_us_page .single_staff .single_staff_details p, body#staff_page .single_staff .single_staff_details p{
	color: #fff;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 0px;
	margin-top: 0;
}
body#about_us_page .single_staff .social_icons ul li a, body#staff_page .single_staff .social_icons ul li a{
	display: inline-block;
	margin: 22px 15px 22px 0;
}
body#about_us_page .single_staff .social_icons ul li a i, body#staff_page .single_staff .social_icons ul li a i{
	font-size: 18px;
}

/* --------------------------------------------------------
 					end about us page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
15. 					start accomodation page CSS
-----------------------------------------------------------*/

body#accomodation_page .breadcrumb_main_area, body#contact_us_page .breadcrumb_main_area, body#room_detail_page .breadcrumb_main_area{
	position: relative;
}
body#accomodation_page .range_slider span, body#accomodation_page .range_slider label{
	color: #aab8ca;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 400;
}
body#accomodation_page .range_slider .range input{
	width: 53%;
	display: inline-block;
}
.accomodation_single_room ul.pagination{
	margin: 0;
}
.accomodation_single_room ul.pagination li a{
	border: none;
	text-transform: uppercase;
	font-size: 16px;
	color: #000;
	font-family: 'Karla', sans-serif;
	font-weight: 700;
}
.accomodation_single_room ul.pagination li.active a{
	color: #fe6d6d;
	background: none;
}
.accomodation_single_room ul.pagination li a:hover{
	color: #fe6d6d;
}
.accomodation_single_room ul.pagination li a > i{
	margin: 3px 9px;
}
.accomodation_single_room ul.pagination li a:hover, .accomodation_single_room ul.pagination li a:active, .accomodation_single_room ul.pagination li a:focus{
	background: none;
}

/* --------------------------------------------------------
 					end accomodation page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
16. 					start contact us page CSS
-----------------------------------------------------------*/
.send_mail .section_title h4, .contact_info .section_title h4{
	color: #515151;
	font-size: 18px;
}
.send_mail input, .send_mail textarea {
	border: 1px solid #e0e1e5;
	color: #666666;
	display: inline;
	font-size: 14px;
	line-height: 20px;
	padding: 20px;
	margin-bottom: 30px;
	outline: none;
	width: 100%;
	text-transform: uppercase;
}
.send_mail a.btn{
	text-transform: none;
}
.contact_info > ul > li{
	line-height: 25px;
	margin-bottom: 29px;
	font-size: 16px;
}
.contact_info > ul > li > i {
  float: left;
  font-size: 20px;
  margin-right: 15px;
  min-height: 40px;
  padding-top: 3px;
}
body#contact_us_page .contact_info .social_icons > ul > li > a, .contact_info > ul > li{
	color: #999999;
}
body#contact_us_page .contact_info .social_icons > ul > li > a{
	font-size: 20px;
	padding-right: 30px;
}
body#contact_us_page .contact_info .social_icons > ul > li > a:hover{
	color: #313a45;
}
.submit_btn {
  margin-top: 16px;
}
.thank_box {
	background: none repeat scroll 0 0 #eee;
	border-bottom: 5px solid var(--renk1);
	font-size: 20px;
	height: 271px;
	margin: 100px auto 0;
	padding-top: 90px;
	text-align: center;
	width: 55%;
}
.thank_box a {
	background: var(--renk1) none repeat scroll 0 0;
	border: 2px solid var(--renk1);
	color: #fff;
	display: block;
	font-size: 13px;
	margin: 25px auto 0;
	padding: 15px 30px;
	text-transform: uppercase;
	width: 197px;
	text-decoration:none;
}
.thank_box a:hover {
  background: none repeat scroll 0 0 #fff;
  color: var(--renk1);
  border:2px solid var(--renk1);
  text-decoration:none;
}
.thank_box i {
  font-size: 12px;
  margin-right: 5px;
}
.send_mail .btn{
	text-transform: none;
}

/* --------------------------------------------------------
 					end contact us page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
17. 					start room details page CSS
-----------------------------------------------------------*/


body#room_detail_page .lSSlideOuter .lSPager.lSGallery a:hover{
	opacity: 0.5;
}
body#room_detail_page .lSSlideOuter .lslide.active > img {
  height: auto;
  width: 100%;
}
body#room_detail_page .deluxe_room_detail .section_title h5 > span{
	text-transform: none;
}
body#room_detail_page .deluxe_room_detail .section_title h5 > span.price{
	font-size: 25px;
	color: #131e2a;
	font-family: "Lora",serif;
}
body#room_detail_page .deluxe_room_detail .section_title h5 > span.day{
	font-size: 15px;
	color: #8b8d90;
	font-family: 'Karla', sans-serif;
	margin-top: 7px;
}
body#room_detail_page .hotel_booking_area {
	background: #313a45 none repeat scroll 0 0;
	padding: 5px 5px 69px;
	position: relative;
}
body#room_detail_page .hotel_booking a.btn {
	bottom: calc(0px - 88px);
	left: calc(50% - 43px);
	position: absolute;
	z-index: 20;
}
body#room_detail_page .hotel_booking_area .form-group{
	margin-bottom: 20px;
	margin-top: 20px;
}
body#room_detail_page .hotel_booking_area .room_book{
	border-right: none;
}
body#room_detail_page .customer_comment{
	background: rgba(0, 0, 0, 0) url("img/customer-slider-bg-one.png") no-repeat scroll 0 0 / cover ;
}


/* --------------------------------------------------------
 					end room details page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
18. 					start gallery page CSS
-----------------------------------------------------------*/

body#gallery_page .breadcrumb_main_area, body#booking_page .breadcrumb_main_area, body#blog_page .breadcrumb_main_area{
	position: relative;
}
body#gallery_page .accomodation_single_room .room_media{
	margin-bottom: 30px;
}
body#gallery_page .other_room .nav-tabs{
	border-bottom: 0px;
}
body#gallery_page .other_room ul.nav-tabs > li{
	margin-bottom: 0px;
}
body#gallery_page .other_room ul.nav-tabs > li > a{
	border-radius: 0;
	color: #313a45;
	font-weight: 700;
	padding: 2px 18px;
	text-transform: uppercase;
	border: 2px solid #fff;
	cursor: pointer;
}
body#gallery_page .other_room ul.nav-tabs > li.active a{
	border: 2px solid #9d9d9d;
}
body#gallery_page .single_room_wrapper .dif_room_media img {
	height: 213px;
	width: auto;
}
body#gallery_page .lslide.active > img {
  height: 100%;
  width: 100%;
}
#deluxe_gallery a.slider_ctrl, #gallery_main_slider a.slider_ctrl{
	background: #313a45 none repeat scroll 0 0;
	position: absolute;
	text-align: center;
	top: calc(50% - 15px);
	width: 30px;
}
#deluxe_gallery a:hover, #gallery_main_slider a:hover{
	background: #23b0eb none repeat scroll 0 0;
}
#deluxe_gallery a.slider_ctrl.left, #gallery_main_slider a.slider_ctrl.left{
    left: calc( 0% + 30px );
}
#deluxe_gallery a.slider_ctrl i, #gallery_main_slider a.slider_ctrl i{
	color: #fff;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
}
#deluxe_gallery a.slider_ctrl.right, #gallery_main_slider a.slider_ctrl.right{
    right: calc( 0% + 30px );
}

/* --------------------------------------------------------
 					end gallery page CSS
-----------------------------------------------------------*/

/* --------------------------------------------------------
19. 					start booking page CSS
-----------------------------------------------------------*/

body#booking_page .booking_info_area .room_cost table td, body#booking_page .booking_done_area .room_cost table td{
	padding: 15px;
	text-align: center;
	font-size: 14px;
	color: #969696;
	vertical-align: middle;
	text-transform: uppercase;
}
body#booking_page .booking_info_area .room_cost table td span, body#booking_page .booking_done_area .room_cost table td span{
	color: #313a45;
	font-size: 16px;
	font-weight: 700;
}
body#booking_page .booking_info_area .room_cost table tr > td:first-child, body#booking_page .booking_done_area .room_cost table tr > td:first-child{
	text-align: left;
}
body#booking_page .booking_info_area .room_cost table tr.tax_table > td:nth-child(2), body#booking_page .booking_info_area .room_cost table tr.total_table > td:nth-child(2), body#booking_page .booking_done_area .room_cost table tr.tax_table > td:nth-child(2), body#booking_page .booking_done_area .room_cost table tr.total_table > td:nth-child(2){
	text-align: right;
}
body#booking_page .booking_done_area .room_cost table td span.total_pain_info{
	color: #88d54f;
}
body#booking_page .booking_next_btn {
 	width: 100%;
}
body#booking_page .booking_info_area .facilities_name .star i.fa-star{
	color: #f9cf01;
}
body#booking_page .booking_info_area .facilities_name .star i.fa-star-o{
	color: #666666;
}
body#booking_page .facilities_name .section_title {
  margin-bottom: 30px;
}
body#booking_page .booking_info_area .facilities_name .section_title h5{
	color: #444444;
	font-family: "Lora",serif;
	font-size: 18px;
	text-transform: none;
}
body#booking_page .booking_info_area .facilities_name .section_title h5 p.price{
	
}
body#booking_page .booking_info_area .facilities_name .section_title h5 sup.day{
	font-size: 11px;
}
body#booking_page .booking ul.nav-tabs{
	border: none;
}
body#booking_page .booking ul.nav-tabs > li{
	width: 25%;
}
body#booking_page .booking ul.nav-tabs > li > a{
	border: none;
	border-bottom: 9px solid #e4e4e4;
	cursor: pointer;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	color: #515151;
	font-size: 18px;
	font-family: 'Playfair Display', serif;
}
body#booking_page .booking ul.nav-tabs > li > a > span {
	display: block;
	margin-top: 15px;
	margin-bottom: 40px;
}
body#booking_page .booking ul.nav-tabs > li > a > i{
	background: #fff none repeat scroll 0 0;
	border: 1px solid #656464;
	border-radius: 50%;
	color: #656464;
	display: inline-block;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	padding: 11px 22px 11px 18px;
	text-align: center;
}
body#booking_page .booking ul.nav-tabs > li.active > a > i{
	background: #fe5d5d;
	color: #fff;
	border: 1px solid #fe5d5d;
}
body#booking_page .booking ul.nav-tabs > li.active > a{
	border-bottom: 9px solid #fe5d5d;
}
body#booking_page .personal_info_area .hotel_booking, #booking_page .payment_info_area .hotel_booking{
	background: none;
	padding: 0;
}
body#booking_page .personal_info_area .hotel_booking_area select#adult, body#booking_page .personal_info_area .hotel_booking_area select#smoking_room, body#booking_page .personal_info_area .hotel_booking_area select#parking, body#booking_page .personal_info_area .hotel_booking_area select#with_pet, body#booking_page .personal_info_area .hotel_booking_area input, body#booking_page .payment_info_area .hotel_booking_area input, body#booking_page .payment_info_area .hotel_booking_area select#enter_month, body#booking_page .payment_info_area .hotel_booking_area select#enter_year{
	border: 1px solid #dbdbdb;
	min-height: 45px;
	margin-bottom: 30px;
	outline: medium none;
	text-transform: uppercase;
	padding-left: 22px;
}
body#booking_page .personal_info_area .hotel_booking_area .form-group.icon_arrow:after, body#booking_page .payment_info_area .hotel_booking_area .form-group.icon_arrow:after{
	top: 3%;
}
body#booking_page .personal_info_area .hotel_booking_area textarea{
	outline: none;
	text-transform: uppercase;
}
body#booking_page .payment_info_area .payment_system ul li{
	float: left;
	margin-right: 13px;
}
.checkbox.booking_done_confirmation {
  background: #81c251 none repeat scroll 0 0;
  margin-top: 35px;
  padding: 20px;
}
.checkbox.booking_done_confirmation > a, .checkbox.booking_done_confirmation > a > i{
  color: #fff;
  font-size: 21px;
}
.checkbox.booking_done_confirmation > a > i{
	margin-right: 18px;
}


/* --------------------------------------------------------
 					end booking page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
20. 					start Blog page CSS 
-----------------------------------------------------------*/

.blog_img_box {
  background: rgba(0, 0, 0, 0) url("img/blog-pic-link-bg.png") no-repeat scroll 0 0 / cover ;
  height: 139px;
  margin-bottom: -21px;
  position: relative;
  width: 100%;
}
.single_blog_style1, .single_blog_style2 {
  background: none repeat scroll 0 0 #f0f0f0;
}
.style_blog_img_box {
  position: relative;
}
.at_love {
  left: 24px;
  position: absolute;
  top: -10px;
  z-index: 2;
}
.at_love i {
  background: none repeat scroll 0 0 #fe5d5d;
  color: #fff;
  font-size: 17px;
  height: 38px;
  padding-top: 10px;
  text-align: center;
  width: 38px;
}
.style_b_link, .b_link {
  background: none repeat scroll 0 0 #555;
  bottom: 0;
  color: #fff;
  height: 40px;
  padding-top: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 48px;
  z-index: 2;
}
.blog_text_box {
  padding: 25px;
}
.blog_text_box h4 {
  color: #444444;
  font-weight: 700;
}
.blog_text_box ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.blog_text_box ul li {
 float: left;
margin-right: 12px;
}
.blog_text_box ul li a {
	color: #878787;
	display: block;
	font-size: 11px;
	padding: 10px 0;
}
.blog_text_box ul li a:hover {
  text-decoration:none;
  color:#fe5d5d;
}
.blog_text_box > p {
  color: #444444;
}
.blog_text_box > a {
  color: var(--renk1);
}
.blog_text_box > a:hover {
  text-decoration:none;
  color:#fe5d5d;
}
.blog_img_box > a {
  color: #ffffff;
  display: block;
  font-size: 20px;
  padding: 31px 35px;
}
body#blog_page .b_link {
  background: none repeat scroll 0 0 #49515b;
bottom: 7px;
font-size: 17px;
padding: 10px 0 0;
right: 1px;
}
.load_more {
  margin: 50px auto;
  text-align: center;
  width: 180px;
}
.load_more > a {
  background: none repeat scroll 0 0 #fe5d5d;
  color: #fff;
  padding: 15px 30px;
  border: 2px solid #fe5d5d;
}
.load_more > a:hover {
  background: none repeat scroll 0 0 #fff;
  color: #fe5d5d;
  border: 2px solid #fe5d5d;
}


/* --------------------------------------------------------
 					end Blog page CSS 
-----------------------------------------------------------*/


/* --------------------------------------------------------
21. 					start single blog page CSS
-----------------------------------------------------------*/

body#single_blog_page .breadcrumb_main_area{
	position: relative;
}
.single_blog_post_area{
    background: #f0f0f0;
}
.sing_blog_photo{
    position: relative;
}
.sing_blog_photo > i{
  color: #fff;
  font-size: 17px;
  padding-top: 9px;
  text-align: center;
  position: absolute;
}
.sing_blog_photo i.top{
    background: #fe5d5d;
    top: -12px;
    left: 10px;
    width: 40px;
    height: 34px;
}
.sing_blog_photo i.bottom{
  background: #49515b;
  bottom: 0;
  right: 0;
  width: 46px;
  height: 34px;
}
.sing_blog_content{
    padding: 40px 40px 45px 30px;
}
.sing_blog_heading h2, .related_post > h2{
    color: #444444;
    font-size: 20px;
    font-family: 'karla';
    font-weight: 700;
    text-transform: inherit;
}
.sing_blog_heading ul{
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}
.sing_blog_heading ul li{
    color: #878787;
    border-left: 1px solid;
    display: inline-block;
    line-height: 13px;
    padding: 0 10px;
}
.sing_blog_heading ul li:first-child{
    border-left: 0px;
    padding-left: 0px;
}
.sing_blog_post_cont{
    border-bottom: 1px solid #e3e1e1;
}
.sing_blog_post_cont > p {
  overflow: hidden;
    line-height: 25px;
    color: #444444;
    margin: 20px 0;
}
.sing_blog_post_cont > p img {
    margin-right: 25px;
}
.sing_blog_post_cont > p span.side-img {
    margin-top: 15px;
    display: block;
}
.sing_blog_post_cont > p span.tag {
    color: #fe5d5d;
}
.sing_blog_post_cont > blockquote {
    background: #edebeb;
    border-left: 10px solid #67cef6;
    padding: 35px 30px;
    color: #444444;
    line-height: 24px;
}
.related_post{
    padding: 25px 0;
    border-bottom: 1px solid #e3e1e1;
}
.sing_related_post{
    padding-top: 25px;
}
.sing_related_post h3 {
    font-size: 16px;
    font-family: 'karla';
    font-weight: 700;
    text-transform: inherit;
}
.sing_related_post h3 a{
    color: #444444;
}
.sing_related_post p{
    font-size: 14px;
    color: #444444;
    font-weight: 700;
    margin-top: 0;
}
.sing_related_post p span{
    color: #fe5d5d;
}
.sing_blog_post_nav{
    padding: 30px 0;
    border-bottom: 1px solid #e3e1e1;
    overflow: hidden;
}
.sing_blog_post_nav a{
    color: #444444;
    font-weight: 700;
}
.sing_blog_post_nav a:hover{
    color: var(--renk1);
}

.single_post_author_area{
    padding: 30px 0;
    border-bottom: 1px solid #e3e1e1;
}
.author_photo{
    text-align: center;
}
.author_details h2 {
  font-family: lato;
  font-size: 16px;
  font-weight: 800;
  text-transform: inherit;
  line-height: 15px;
}
.author_details h3 {
  font-size: 13px;
    font-family: karla;
  color: #6ebe3b;
    text-transform: inherit;
}
.author_details p{
    font-size: 16px;
    line-height: 27px;
    color: #444444;
    margin: 0;
}
.author_details ul{
    margin: 5px 0 0;
    padding: 0;
}
.author_details ul li{
    display: inline-block;
    margin: 0 5px;
}
.author_details ul li a{
    display: block;
    font-size: 16px;
    color: #ababab;
}
.author_details ul li a:hover{
    color: var(--renk1);
}

.single_post_comment_area{
    border: 1px solid #ededed;
    box-shadow: -5px 5px 0 #f0f0f0;
    padding: 35px 0 0;
}
.single_post_comment_area > h2, .comment_form > h2{
    font-size: 20px;
    font-weight: 700;
    color: #444;
    font-family: 'karla';
    text-transform: inherit;
}
ul.coments {
  padding: 0;
  margin-top: 0;
  border-bottom: 1px solid #e3e1e1;
}
ul.coments li{
    overflow: hidden;
    clear: both;
    padding: 30px 0;
}
ul.coments li ul {
  clear: both;
  margin-bottom: -30px;
  padding-top: 30px;
}
ul.coments li ul li {
  border-bottom: 0 none;
  padding-left: 100px;
}
.comment_details h3{
    font-size: 16px;
    font-family: 'karla';
    color:#444;
    font-weight: 700;
}
.comment_details h3 span.comm_time{
    font-size: 13px;
    font-family: 'karla';
    color:#fe5d5d;
    font-weight: 400;
    margin-left: 5px;
}
.comment_details p{
    line-height: 27px;
    font-size: 14px;
    color: #444;
}
.comment_details a.reply{
    font-weight: 700;
    color: #444;
    font-size: 14px;
}
.comment_form{
    margin-right: 45px;
}
.comment_form form{
    padding-top: 30px;
}
.comment_form form label{
    display: block;
    color: #444;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
}
.comment_form input, .comment_form textarea{
    width: 50%;
    border: 1px solid #e8e5e3;
    line-height: 40px;
    text-indent: 20px;
    margin-bottom: 15px;
}
.comment_form textarea{
    height: 190px;
    margin-bottom: 30px;
    width: 100%;
}
.comment_form input[type="submit"]{
    background: var(--renk1);
    color: #fff;
    text-transform: uppercase;
    width: 127px;
    line-height: 47px;
    border: 0px;
    text-indent: inherit;
    margin-bottom: 0;
    border: 1px solid var(--renk1);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.comment_form input[type="submit"]:hover{
	color: var(--renk1);
	background: #fff;
	border: 1px solid var(--renk1);
}
.padding-0{
    padding: 0;
}
body#single_blog_page .right_sidebar_area .input_search {
  background: #f0f0f0 none repeat scroll 0 0;
  padding: 30px;
  width: ;
}
body#single_blog_page .input_search > input {
  border: 0 none;
  padding: 5px;
  width: 100%;
}
.right_sidebar_area .blog_category {
  background: #f0f0f0 none repeat scroll 0 0;
  padding: 30px;
}
.right_sidebar_area .blog_category ul li a{
	font-family: "Lora",serif;
}
.right_sidebar_area .blog_category ul li a:hover{
	color: #fe5d5d;
}
.right_sidebar_area .blog_category i {
  font-size: 12px;
  margin-right: 20px;
  vertical-align: middle;
}
.right_sidebar_area .blog_recent_post {
  background: #f0f0f0 none repeat scroll 0 0;
  padding: 30px;
}
body#single_blog_page .single_recent_post{
	margin-bottom: 20px;
}
body#single_blog_page .recent_post_details > h6, body#single_blog_page .recent_post_tags > h6{
	font-family: 'Karla', sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: none;
}
body#single_blog_page .recent_post_tags > h6{
	margin: 5px;
}
body#single_blog_page .recent_post_details > p {
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 3px;
}
.right_sidebar_area .recent_post_tags {
  background: #f0f0f0 none repeat scroll 0 0;
  padding: 30px;
}
.right_sidebar_area .recent_post_tags > a {
  background: #444444 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  margin: 5px;
  padding: 9px 18px;
}
.right_sidebar_area .recent_post_tags > a.active, .right_sidebar_area .recent_post_tags > a:hover{
	background: var(--renk1);
}



/* --------------------------------------------------------
 					end single blog page CSS
-----------------------------------------------------------*/


/* --------------------------------------------------------
22.					Start Preloader CSS
-----------------------------------------------------------*/

#loader-wrapper .logo {
  position: absolute;
  top: 48%;
  left: 47.5%;
}
#loader-wrapper .logo a {
	font-weight: 700;
	color: #3498DB;
	font-size: 12px;
}
.logo span {
  color: #f85654;
}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
	background:#fff;
	
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f85654;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}


/* --------------------------------------------------------
					End Preloader CSS
-----------------------------------------------------------*/








.footer--title{display:table;margin-bottom:40px;}
.footer--title .text{display:table-cell;vertical-align:bottom;}
.footer--title .h4{margin:0;color:#222;}
.footer--widget{margin-bottom:50px;color:#999;}
.footer--widget .about--widget a{margin-top:8px;}
.footer--widget .social--widget{margin-top:14px;}
.footer--menu-wrapper{position:relative;margin:0 -15px;border-style:solid;border-width:0 230px;border-color:#f5f5f5;}
.footer--menu-wrapper:before,
.footer--menu-wrapper:after{content:" ";position:absolute;top:0;width:0;height:0;border-style:solid;}
.footer--menu-wrapper:before{left:-80px;border-width:53px 80px 0 0;border-color:transparent #82b440 transparent transparent;}
.footer--menu-wrapper:after{right:-80px;border-width:0 80px 53px 0;border-color:transparent transparent #82b440 transparent;}
.footer--menu ul{margin:0;padding:27px 0 0;list-style:none;font-size:0;line-height:0;text-align:center;font-family:Calibri;}
.footer--menu ul li{display:inline-block;}
.footer--menu ul li a{padding:0 15px;border-right:1px solid rgba(255, 255, 255, 0.5);font-size:15px;line-height:26px;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";-webkit-transition:opacity .25s;transition:opacity .25s;}
.footer--menu ul li a:hover,
.footer--menu ul li a:focus{color:#fff;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.footer--menu ul li:last-child a{border-right:0;}
.footer--copyright{padding:9px 0 23px;text-align:center;}
.footer--copyright a{color:#fff;font-weight:bold;}
.footer--copyright a:hover,
.footer--copyright a:focus{color:#fff;}

#footer {
	background-color: #3eab3e;
	color: #fff;
	font-size: 11pt;
	padding-top: 41px;
}
#footer .footer-ribbon {
	margin-top: -61px;
}
#footer .footer-ribbon span {
	font-size: 20px;
	line-height: 1;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer a {
	color: #fff;
}
#footer h4 {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 18px;
}
#footer a:hover, #footer a:focus {
	color: #fff;
	text-decoration: underline;
}
#footer .contact {
	margin-top: -6px;
}
#footer .contact li {
	padding: 5px 0;
	line-height: 1.5;
	margin-bottom: 0;
}
#footer .contact li:last-child {
	margin-bottom: 0;
}
#footer .contact p {
	margin-bottom: 0;
	line-height: 1.5;
}
#footer .contact i {
	color: #fff;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 18px;
	margin-top: 0;
	top: 2px;
}
#footer .links,
#footer .features {
	list-style: none;
	padding: 0;
	margin-top: -6px;
}
#footer .links li,
#footer .features li {
	position: relative;
	padding: 10.5px 0;
	line-height: 1;
	display: block;
}
#footer .links li i,
#footer .features li i {
	margin-right: 3px;
}
#footer .newsletter form {
	opacity: 1;
}
#footer .newsletter .btn {
	padding-top: 6px;
	padding-bottom: 6px;
}
#footer .newsletter .form-control {
	background-color: #dcdcdc;
	border-color: #dcdcdc;
}
#footer .newsletter p {
	margin-bottom: 15px;
	line-height: 1.5;
}
@media (min-width: 992px) {
	#footer .newsletter p.newsletter-info {
		margin-bottom: 40px;
	}
}
#footer .footer-copyright {
	color: #fff;
	background-color: #0c0c0c;
	border-top: none;
	padding: 29.5px 0;
	margin-top: 20px;
}
#footer .footer-copyright p {
	color: #fff;
}
#footer .footer-copyright .footer-payment {
	display: block;
	max-width: 100%;
	height: auto;
}
#footer .footer-copyright .social-icons li {
	margin-top: 0;
}
#footer .footer-copyright .social-icons li + li {
	margin-left: 7px;
}
#footer .footer-copyright .social-icons li a {
	color: #fff !important;
}
#footer .footer-copyright .social-icons li a:not(:hover) {
	background-color: #9e9e9e;
}
@media (min-width: 992px) {
	#footer .footer-copyright .logo,
	#footer .footer-copyright .social-icons,
	#footer .footer-copyright .footer-payment {
		float: left;
		margin-bottom: 0;
	}
	#footer .footer-copyright .logo {
		margin-right: 45px;
	}
	#footer .footer-copyright .social-icons {
		margin-right: 60px;
	}
	#footer .footer-copyright .social-icons li {
		margin-bottom: 0;
	}
	#footer .footer-copyright .footer-payment {
		margin-top: 1px;
	}
	#footer .footer-copyright .copyright-text {
		float: right;
		margin-bottom: 0;
		margin-top: 6px;
	}
}
@media (max-width: 991px) {
	#footer .footer-copyright {
		text-align: center;
	}
	#footer .footer-copyright .logo {
		margin-bottom: 8px;
	}
	#footer .footer-copyright .social-icons {
		margin-bottom: 5px;
	}
	#footer .footer-copyright .logo img,
	#footer .footer-copyright .footer-payment {
		margin-left: auto;
		margin-right: auto;
	}
	#footer .footer-copyright .footer-payment {
		margin-bottom: 10px;
	}
}

/* #Footer */
#footer {
	background: var(--renk2);
	border-top: 4px solid var(--renk2);
	position: relative;
	clear: both;
}

#footer .container input:focus {
	box-shadow: none;
}

#footer a:hover {
	color: #CCC;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer a {
	color: var(--renk3);
}

#footer h4 {
	font-size: 1.8em;
	font-weight: 200;
}

#footer h5 {
	color: #CCC;
}

#footer ul.nav-list > li a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	line-height: 20px;
	padding-bottom: 11px;
}

#footer ul.nav-list > li:last-child a {
	border-bottom: 0;
}

#footer ul.nav-list > li a:hover {
	background-color: rgba(255, 255, 255, 0.05);
}

#footer ul.list.icons li {
	margin-bottom: 5px;
}

#footer form {
	opacity: 0.85;
}

#footer form label.error {
	line-height: 16px;
	margin: 5px 0 -5px;
	display: block;
	clear: both;
}

#footer form .alert {
	padding: 6px;
	text-align: center;
}

#footer .footer-ribbon {
	position: absolute;
	margin: -35px 0 0 5px;
}

#footer .footer-ribbon span {
	color: #FFF;
	font-size: 1.7em;
	padding: 10px;
	font-family: "Calibri", cursive;
}

#footer .newsletter form {
	width: 100%;
	max-width: 262px;
}

#footer .newsletter form input.form-control {
	height: 34px;
	padding: 6px 12px;
}

#footer .alert a {
	color: #222;
}

#footer .alert a:hover {
	color: #666;
}

#footer .twitter .fa, #footer .twitter .icons {
	clear: both;
	font-size: 1.5em;
	position: relative;
	top: 3px;
}

#footer .twitter .meta {
	color: #999;
	display: block;
	font-size: 0.9em;
	padding-top: 3px;
}

#footer .twitter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .twitter ul li {
	padding-bottom: 20px;
}

#footer .twitter ul li:last-child {
	padding-bottom: 0;
}

#footer .twitter-account {
	color: #FFF;
	display: block;
	font-size: 0.9em;
	margin: -15px 0 5px;
	opacity: 0.55;
}

#footer .twitter-account:hover {
	opacity: 1;
}

#footer .contact {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .contact i {
	display: block;
	float: left;
	font-size: 1.2em;
	margin: 7px 8px 10px 0;
	position: relative;
	text-align: center;
	top: -2px;
	width: 16px;
}

#footer .contact i.fa-envelope {
	font-size: 1em;
	top: 0;
}

#footer .contact p {
	margin-bottom: 10px;
}

#footer .logo {
	display: block;
}

#footer .logo.mb-xl {
	margin-bottom: 12px;
}

#footer .footer-copyright {
	background: #060606;
	border-top: 4px solid #060606;
	margin-top: 20px;
	padding: 10px 0 20px;
}

#footer .footer-copyright nav {
	float: right;
}

#footer .footer-copyright nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .footer-copyright nav ul li {
	border-left: 1px solid #505050;
	display: inline-block;
	line-height: 12px;
	margin: 0;
	padding: 0 8px;
}

#footer .footer-copyright nav ul li:first-child {
	border: medium none;
	padding-left: 0;
}

#footer .footer-copyright p {
	color: #555;
	margin: 0;
	padding: 0;
}

#footer .phone {
	color: #FFF;
	font-size: 26px;
	font-weight: bold;
	display: block;
	padding-bottom: 15px;
	margin-top: -5px;
}

#footer .narrow-phone {
	text-align: right;
	margin: -2px 0 0 0;
}

#footer .narrow-phone .phone {
	font-size: 16px;
	padding-bottom: 0;
	margin-top: -13px;
}

#footer .recent-work {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer .recent-work li {
	float: left;
	width: 30%;
	margin: 10px 3% 0 0;
}

#footer .recent-work .img-thumbnail-hover-icon {
	border: 0;
}

#footer .recent-work .img-thumbnail-hover-icon:after {
	font-size: 22px;
	margin-left: -2px;
}

#footer .view-more-recent-work {
	padding: 12px;
}

#footer.short {
	padding-top: 50px;
}

#footer.short .footer-copyright {
	background: transparent;
	border: 0;
	padding-top: 0;
	margin-top: 0;
}

#footer.light {
	padding-top: 60px;
	background: #FFF;
	border-top: 1px solid #DDD;
}

#footer.light .footer-ribbon {
	margin-top: -76px;
	margin-left: 14px;
}

#footer.light .footer-copyright {
	margin-top: 15px;
	background: #FFF;
	border-top: 1px solid #DDD;
}

#footer.light .footer-copyright p {
	color: #fff;
}

#footer.light .phone,
#footer.light .twitter-account {
	color: #fff;
}

#footer.light ul.nav-pills > li.active > a {
	color: #FFF;
}

#footer.narrow {
	padding-top: 30px;
}

#footer.narrow .footer-copyright {
	margin-top: 0;
}

#footer.narrow .nav > li > a {
	padding: 5px 12px;
}

#footer.color {
	color: #FFF;
}

#footer.color p {
	color: #FFF;
}

#footer.color .footer-copyright nav ul li {
	border-left-color: #FFF;
}

/* Responsive */
@media (max-width: 991px) {
	#footer .phone {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	/* Footer */
	#footer .phone {
		font-size: 20px;
	}
}
/* Dark Version */
#footer .footer-ribbon {
	background: var(--renk1);
	position: absolute;
	margin: -80px 0 0 14px;
	padding: 15px 25px;
}

#footer .footer-ribbon:before {
	border-right: 10px solid var(--renk1);
	border-top: 16px solid transparent;
	content: "";
	display: block;
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 7px;
}

#footer .footer-ribbon span {
	color: #FFF;
	font-size: 18px;
	font-family: Calibri;
}

.ana{margin:auto;}
.alt{height:60px;line-height:60px;background:#485563;color:#fff;}
.text-orta{text-align:center;}
.temiz{clear:both;}
.Reset{margin:0;padding:0;}
.font-baslik{font-family:Calibri;font-size:12pt;}
.item{text-align:center;height:450px !important;}
.ortala{margin:auto;margin-top:50px;}
.il{padding:0;text-align:left;}
.io{padding:0;text-align:center;}
.ir{padding:0;text-align:right;}
.altbosluk{margin-bottom:10px;}
.ustbosluk{margin-top:50px;}
.kutular{padding:0;margin:0;}
.kutular div{padding:5px;margin:5px;list-style:none;border:1px solid #e5e5e5;}
.kutular-x div:hover{border:1px solid #49a942;}
.map_canvas{width:100%;height:470px;}
.ulli ul{padding:0;margin:0;list-style:none;}
.Buton1{height:100px;}
.tepe1{height:47px;background:#f2f2f2;padding-top:4px;}
.tepe2{border-left:1px solid #bababa;border-right:1px solid #bababa;}
.tepe3{padding-top:10px;padding-left:17px;border-top:3px solid #0aa699;color:#000;}
.tepe3 a{color:#000;}
#ana-menu{font-family:Calibri;font-size:11pt;}
.UstMenu{background:#f2f2f2;}
.footer1{padding-top:40px;height:165px;background:#222222;color:#777777;font-size:10pt;}
.footer2{height:90px;background:#111111;float:left;color:#777777;font-size:10pt;width:100%;}
.Bannerim{height:170px;}
.AnaSlider{height:350px;}
.navbar-default{background-color:#f2f2f2;border-color:transparent;}
.navbar-default .navbar-nav > li > a{color:#000000;font-size:11pt;font-family:Calibri;}
.footer_1{padding-left:30px;}
.footer_2{padding-right:30px;}
.footer_2 a{color:#b0b0b0;}
#menu-1 li{border-right:1px solid #d2d2d2;}
#menu-1{margin:0;padding:0;}
.slider1{padding-top:100px;height:450px;background:url("../images/2_18.png");color:#fff;}
.slider2{padding-top:100px;height:450px;color:#fff;}
.logo1{padding-top:25px;}
.logo2{padding-top:52px;}
.resimbaslik{position:absolute;bottom:0px;padding:10px;font-size:15px;text-align:center;color:#fff;width:360px;background:url(../images/transparant.png);}
.kucuk{width:250px;}
.control-label{font-size:11pt;color:#357385;}
.iletisimalt{padding:24px;font-size:11pt;font-family:Calibri;font-weight:normal;background:#f9f9f9;}
@media (min-width:800px){.iletisim{padding:0;text-align:left;margin-left:-30px;}
}
.iletial{background:#e0e0e0;height:350px;}
#iletial{padding-top:60px;}
.line-dashed{border-bottom:1px dashed #f0f0f0;font-size:0px;overflow:hidden;margin-bottom:8px;margin-top:-5px;}
.navbar-left li a{padding:10px;font-size:10pt;font-family:Calibri;}
.sayfabaslik{padding-top:10px;padding-bottom:10px;padding-left:1px;margin-top:15px;margin-bottom:30px;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;font-family:Calibri;font-size:14pt;}
.kutular2{position:relative;width:90%;left:0;}
.kutular2 div{padding:8px;border:1px solid #e5e5e5;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;margin-bottom:20px;text-align:center;}
.kutular2 div:hover{background:#f7f7f7;padding:8px;border:1px solid #d5d5d5;-webkit-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;margin-bottom:20px;}
.sayfa{min-height:600px;}
.mesaj_ana ul{list-style:none;margin:0;padding:0;}
.mesaj_ana{text-align:center;}
ul{list-style:none;}
.giris h4{color:#7C4900;}
.timeline{list-style:none;padding:20px 0 20px;position:relative;}
.timeline:before{top:0;bottom:0;position:absolute;content:" ";width:3px;background-color:#eeeeee;left:50%;margin-left:-1.5px;}
.timeline > li{margin-bottom:20px;position:relative;}
.timeline > li:before,
.timeline > li:after{content:" ";display:table;}
.timeline > li:after{clear:both;}
.timeline > li:before,
.timeline > li:after{content:" ";display:table;}
.timeline > li:after{clear:both;}
.timeline > li > .timeline-panel{width:46%;float:left;border:1px solid #d4d4d4;border-radius:2px;padding:20px;position:relative;-webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.175);box-shadow:0 1px 6px rgba(0, 0, 0, 0.175);}
.timeline > li > .timeline-panel:before{position:absolute;top:26px;right:-15px;display:inline-block;border-top:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-bottom:15px solid transparent;content:" ";}
.timeline > li > .timeline-panel:after{position:absolute;top:27px;right:-14px;display:inline-block;border-top:14px solid transparent;border-left:14px solid #fff;border-right:0 solid #fff;border-bottom:14px solid transparent;content:" ";}
.timeline > li > .timeline-badge{color:#fff;width:50px;height:50px;line-height:50px;font-size:1.4em;text-align:center;position:absolute;top:16px;left:50%;margin-left:-25px;background-color:#999999;z-index:100;border-top-right-radius:50%;border-top-left-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;}
.timeline > li.timeline-inverted > .timeline-panel{float:right;}
.timeline > li.timeline-inverted > .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto;}
.timeline > li.timeline-inverted > .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto;}
.timeline-badge.primary{background-color:#2e6da4 !important;}
.timeline-badge.success{background-color:#3f903f !important;}
.timeline-badge.warning{background-color:#f0ad4e !important;}
.timeline-badge.danger{background-color:#d9534f !important;}
.timeline-badge.info{background-color:#5bc0de !important;}
.timeline-title{margin-top:0;color:inherit;}
.timeline-body > p,
.timeline-body > ul{margin-bottom:0;}
.timeline-body > p + p{margin-top:5px;}
.galeriblock blockquote{margin-top:12px;font-size:12pt;font-family:Calibri;width:100%;border-left:4px solid #ddd;padding:3px 3px 10px 15px;}
.galeriblock a{color:#000;}
.galeriblock blockquote a{color:#630021;}
.galeriblock a:hover{text-decoration:none;}
.pagination{margin-right:-20px;}
.pagination > li > a,
.pagination > li > span{margin:1px;}
.sifirla{margin:0;padding:0;}
.detayfont{font-family:Candara;font-weight:normal;color:#666;}
.kutular ul{margin:0;padding:0;list-style:none;height:55px;margin-top:-5px;padding-top:4px;text-align:center;border-top:2px solid #537b35;font-weight:bold;font-size:12pt;font-family:Candara;}
.urunlertext{margin:0;padding:0;}
#gmap_canvas img{max-width:none!important;background:none!important}



.urunlersolblok{padding:15px;background:#f9f9f9;}
.urunlersolblok span{color:var(--renk1);font-size:10pt;}
.uruntekresim{height:180px;padding:5px;}
.urun1 h4{color:#0088cc;}
.urun1 a{color:#000;text-decoration:none;}
.urun1 a:hover{color:#014a92;}
.inputaralik input{text-align:center;width:95%;}
.urunlersolblok td{font-size:16px;}
.urunlersolblok hr{border-color:#d5d5d5;}
.urunlersolblok input{font-size:10pt;border:1px solid #c5c5c5;}
.urunlersolblok ul{list-style:none;margin-left:8px;padding:0;}
.urunhr{width:95%;border:2px solid #EDEDED !important;}
.urunhralti{width:70%;position:relative;margin-top:-23px;margin-left:27px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:#EDEDED;-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.175);box-shadow:0 2px 3px rgba(0, 0, 0, 0.175);}
.urunhralti span{font-size:11px;width:10px;color:#8c8c8c;}
.urun1{width: 98%; margin-bottom:50px; border:1px solid #ededed; padding: 10px; min-height: 375px; }
.urun1:hover{-webkit-box-shadow:0 4px 6px rgba(0, 0, 0, 0.175);box-shadow:0 4px 6px rgba(0, 0, 0, 0.175);}
.urunsecenek{font-weight:bold;}
.urunmultiple{width:100%;font-size:10pt;}
.urunoption{padding:3px;}
.urunresim{margin:0;padding:0;width:310px;display:table;}
.urunresim div{float:left;padding:5px;height:50px;width:52px;margin-right:10px;border:1px solid #B4B4B4;}
.urunresim img{display:table-cell;vertical-align:middle;text-align:center;}



#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5{border:1px solid #ececec;height:350px;text-align:center;padding:20px;}
.imgBox{width:300px;height:300px;border:1px solid #222;}
.urundetaysagblok h2{font-size:18pt;padding:0;margin:0;font-weight:bold;margin-bottom:10px;color:#333;}
.renklerim{float:left;margin-right:7px;}
.renkler{width:25px;height:25px;float:left;margin-right:7px;border:1px solid #E0E0E0;font-size:0px;cursor:pointer;}
.renkler2{width:30px;height:30px;float:left;margin-right:7px;border:1px solid #555;font-size:0px;cursor:pointer;}
.urundetayhittext{font-size:12pt;color:#444;}
.urundetayhit{font-size:16pt;color:#ab5927;font-weight:bold;}
.spandiv{margin:0;padding:0;margin-right:10px;margin-top:8px;}
.spandiv span{color:#FFAA56;}
.urundetayfiyat{float:left;font-size:24pt;color:#0088cc;font-weight:bold;margin-right:10px;}
.urundetaykdv{margin-top:12px;font-size:10pt;line-height:12px;}
.urundetayyorumyaz{float:right;}
.line-dashed2{border-bottom:1px solid #e5e9ec;height:2px;font-size:0px;overflow:hidden;margin-top:0px;margin-bottom:10px;padding-bottom:10px;}
.bosrenk{background-image:url(../images/bos.png);background-position:center;background-repeat:no-repeat;}
select{padding:3px;}
.urundetayselect{padding-right:50px;border:1px solid #E5E5E5;}
.bttn{padding:9px;padding-left:25px;padding-right:25px;border-radius:6px;}
.btttn{padding:18px;border-radius:6px;}
.barkodbolumu div{float:left;}
.icondetay{float:left;margin-right:30px;font-size:8pt;color:#555;}
.detayicon{width:30px;font-size:12pt;color:#555;}
.panel-heading{background:#36404b !important;padding:2px 0 2px 15px !important;border-radius:8px !important;color:#fff !important;margin-bottom:10px !important;}
.panel-body{background:#f6f6f6 !important;border-radius:8px !important;color:#000 !important;padding:25px;}
.table-striped{font-size:11pt;}
.table-striped tbody{border-bottom:1px solid #B3B3B3;}
.table-striped td{padding:8px !important;}
.th1{text-align:right;}
.uyelikformu label{text-align:left !important;font-size:12pt;color:#000;}
.uyelikformu span{margin:0 !important;}
.uyelikformu span a{font-size:10pt;}
.uyelikformu i{position:absolute;top:12px;}
.pencerem{position:absolute;right:15px;top:5px;background:#fff;width:500px;border:1px solid #ccc;border-radius:6px;z-index:99;}
.SepetGoruntule2{cursor:pointer;}
.removeler span{font-size:10px;color:#333;}
.musteripanelimenu ul{margin:0;padding:0;overflow:hidden;width:100%;text-align:center;}
.musteripanelimenu li{text-align:center;padding:15px;margin-bottom:15px;border:1px solid #ccc;width:125px;height:100px;display:inline-block;margin-right:10px;border-radius:10px;}
.musteripanelimenu li:hover{background:#f9f9f9;}
.musteripanelimenuul span{text-align:center;font-size:40px;color:#df5235}
.musteripanelimenu h2{margin-bottom:35px;text-align:center;color:#5b5a5a;}
.musteripanelimenu input{border:1px solid #ddd;}
.alttableler{font-size:11pt;margin-top:5px;color:#444;}
.alttableler td{border:1px solid #fff;height:40px;}
.alttableler2 td{border-top:1px solid #fff;border-bottom:1px solid #fff;height:50px;font-size:11pt;}
.alttableler2 input{height:30px;padding-left:10px;border:1px solid #ccc;}
.alttableler2 a{color:#780002 !important;text-decoration:none !important;}
.alttableler a{color:#780002 !important;text-decoration:none !important;}
.services{}
.services-item{margin-bottom:70px;}
.services-item.left .icon{width:80px;height:80px;float:right;}
.services-item.right .icon{width:80px;height:80px;float:left;}
.services-item .icon img{width:80px;height:70px; margin-top: 12px;}
.services-item.left .ket{text-align:right;margin-right:100px;}
.services-item.right .ket{text-align:left;margin-left:100px;}
.services-item.left .ket h4{text-align:right;font-size:18px;color:#333333;line-height:22px;font-family:raleway, sans-serif;font-weight:700;}
.services-item.right .ket h4{text-align:left;font-size:18px;color:#333333;line-height:22px;font-family:raleway, sans-serif;font-weight:700;}
.service-list{margin:20px 0 0 0;padding:0;}
.service-list li{list-style:none;margin:12px 0;}
.service-list li .fa{margin-right:10px;color:#29ABE2;font-size:16px;}
.services-item-full{border-bottom:1px solid #E9E9E9;padding-bottom:50px;margin-bottom:50px;}
.services-item-full:nth-child(even){border-bottom:1px solid #E9E9E9;text-align:right;}
.services-item-full:nth-child(even) .desc-wrap{margin-left:0px;margin-right:20px;}
.services-item-full:nth-child(even) .service-list li .fa{margin-right:0px;margin-left:10px;float:right;}
.services-item-image{position:relative;width:100%;text-align:center;}
.services-item-image img{position:absolute;bottom:0;left:0;display:block;margin:0 auto;}
.page-title .lead{font-size:30px;color:#0071BC;line-height:34px;font-family:raleway, sans-serif;font-weight:700;}
.page-title .sublead{font-size:14px;color:#666666;line-height:20px;font-family:raleway, sans-serif;font-weight:400;}
.page-title{text-align:center;}
@media (max-width:992px){.info .info-item{margin-right:20px;}
.services-item-image img{position:static;}
.work-info-icon{margin:30px 0 0 0;width:100%;text-align:center;}
.work-info-body{float:left;margin:10px 0 0 0px;width:100%;text-align:center;padding-bottom:20px;}
.navbar-main .nav > li > a{padding-left:15px;padding-right:15px;}
}
.kenarlik{padding:10px 20px 10px 20px; border:1px solid #ddd; }
.kenarlik:hover{border:1px solid #d5aa80;}
.referans{ margin-bottom: 20px; height: 150px !important; display:table-cell; vertical-align:middle; }
.referansimg{ max-height: 120px !important; }

.service-tab--nav ul li:hover>div{border:1px solid #000;background-color:#fff;}
.service-tab--nav ul li.active>div{border:1px solid #000;background-color:#fff;}
.service-tab--nav i, h3{font-weight:bold;color:var(--renk1);}
.xx-cc-dd img{height:120px;}


/* Responsive */
@media (max-width: 991px) {
	#footer .phone {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	/* Footer */
	#footer .phone {
		font-size: 20px;
	}
}
/* Dark Version */

.menu1{ position: relative; width: 100%; margin-bottom: 10px; z-index: 0; }
.menu2{ position: relative; z-index: 0; }
.menu3{
	position: absolute;
	bottom: 50px;
	height: 50px;
	width: 100%;
	background-color:rgba(240, 240, 240, 0.8);
	color: #000;
	z-index: 2;
}
.menu3 h4{
	margin:0;
	padding: 0;
	line-height: 36pt;
	margin-left: 20px;
	font-family: Calibri;
	font-weight: 200;
	color: #000;
}
.menu{
	position: absolute;
	bottom: 0px;
	height: 48px;
	width: 100%;
	z-index: 1;
	background-color:rgba(0, 0, 0, 0.8);
}
.menu ul{
	margin:0px;
	padding:0px;
}

.menu li{
	display:inline;
}

.menu span{
	position: relative;
	bottom: -14px;
	color: #fff;
	padding: 8px 12px;
	background-color:rgba(0, 0, 0, 0.7);
	font-size: 11pt;
	font-family: Calibri;
}

@media only screen and (max-width: 479px) {
	.menu span{
		display: none;
	}
	.menu{
		display: none;
	}
	.menu3{
		position: absolute;
		bottom: 0px;
		height: 30px;
		left: 0;
		right: 0;
		background-color:rgba(240, 240, 240, 0.8);
		color: #000;
		z-index: 2;
	}
	.menu3 h4{
		margin:0;
		padding: 0;
		line-height: 25pt;
		font-size: 12pt;
		margin-left: 5px;
		font-family: Calibri;
		font-weight: 200;
		color: #000;
	}
}

.menu li a{
	color: #fff;
	text-decoration:none;
}

.menu li a.tabactive{
	color: #fff;
	position:relative;
	background-color: #6672cb;
}

.kargo
{
	min-height: 245px !important;
}

.kargo img
{
	max-height: 40px !important;
	max-width: 100px !important;
}

.kargoresim
{
	height: 40px;
}

.altbottom
{
	margin-bottom: 10px;
}

.kargokutu
{
	border: 1px solid #e5e5e5;
	padding: 20px 10px;
	border-radius: 5px;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}

.form-col .form-group .wide .form-control {
	display: block;
	width: 100%;
}
.form-col .form-group .wide .form-control .pull-left {
	width: auto;
}

.sayfabasligi1{
	position: absolute;
	left: 0;
	margin-top: -50px;
	width: 100%;
	border-bottom: 1px solid #ddd;
	height: 45px;
	background:#f9f9f9;
}

.sayfabasligi2{
	width: 100%;
	margin: 10px 0 20px 0;
	border: 1px solid #E9E9E9;
	padding: 23px;
	font-size: 22px;
	background:#f9f9f9;
	color: var(--renk7);
}

.iletisimalt li{
	margin: 10px 0 !important;
}

@media only screen and (max-width: 720px)
{
	.diller
	{
		position: absolute;
		top: 80px;
		right: 10px;
 	}
}

@media only screen and (min-width: 720px)
{
	.diller
	{
		position: absolute;
		top: 80px;
		right: 67px;
	}
}

.diller ul
{
	margin:0;
	padding:0;
}

.diller li
{
	list-style: none;
	float: left;
	margin-left: 5px;
}

.mainmenu{
	position: relative;
}