/* CSS Document 
Author Name: 99_Design
Author email: logicsforest@gmail.com
Creation Date: 02nd Feb, 2017
Description: A default stylesheet for Idea Homes : Real Estate Template, Developed By 99_Design.

------------ TABLE OF CONTENT ------------

-GENERRAL CSS
-COLOR CSS
-HEADERS CSS 
-SLIDER CSS
-PROPERTY SEARCH CSS
-SERVICES CSS
-PARALLAX BACKGROUNDS & CONTENTS CSS
-PORTFOLIO GALLERY / FILTERS CSS
-PROPERTY LISTING  CSS
-PROPERTY BEST DEAL  CSS
-OUR PARTNERS CSS
-CONTACT CSS
-FOOTER CSS
-PAGE TITLE CSS
-INNER PAGES CSS
-RESPONSIVE CSS

*/


/* ================================= */
/* ---------- GENERRAL CSS --------- */
/* ================================= */
/*FONTS*/
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900|Roboto:300,400,500,700,900i');

h2, h3, h4{font-weight:700;margin:0;}

/* --------- reverzsyon form ------- */


/* Grid >> Global */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
}

/* Grid >> 12 Columns */

.grid_1 {width:6.333%;}
.grid_2 {width:14.667%;}
.grid_3 {width:23.0%;}
.grid_4 {width:31.333%;}
.grid_5 {width:39.667%;}
.grid_6 {width:48.0%;}
.grid_7 {width:56.333%;}
.grid_8 {width:64.667%;}
.grid_9 {width:73.0%;}
.grid_10 {width:81.333%;}
.grid_11 {width:89.667%;}
.grid_12 {width:98.0%;}

.containert {
    margin: 0 auto;
    width: 95%;
    max-width: 1200px;
}
.rowt {
    clear: both;
}

.title-checkroom {padding-top: 45px;}
.md-primary {
    padding: 20px 0 60px;
}


/* Booking Style */
.check-availability 
{
	height: 146px; 
	background-color: #a9c3e4;
}
.check-availability .grid_3 {
    background-color: #2d4e77;
    position: relative;
    height: 146px;
}
.check-availability .grid_3:after, .check-availability .grid_3:before {
    content: "";
    position: absolute;
    width: 1000px;
    top: 0;
    right: 100%;
    bottom: 0;
    height: 100%;
    background-color: #2d4e77;
}
.check-availability .grid_3:before {
    border-left: 100px solid transparent;
    border-top: 146px solid #a9c3e4;
    border-right: 0;
    content: "";
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
}
.check-availability .grid_9 {
    background-color: #a9c3e4; 
    position: relative;
}
.check-availability .grid_9 .md-booking {padding-left: 20px;}
.title-checkroom {
    text-align: left;
    font-family: 'mongolian_baitiregular';
    color: #dfdfdf;
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 1px;
}
.title-checkroom:before, .title-checkroom:after {
    content: "";
    width: 61px;
    height: 1px;
    position: absolute;
    left: 2px;
}
.title-checkroom:before {
    top: 24px;
    background-color: #dfdfdf;
}
.title-checkroom:after {
    background-color: #dfdfdf;
    bottom: -24px;
}
.booking-inline {margin-top: 22px;}
.booking-inline .form-group {display: inline-block; vertical-align: middle; margin-right: 24px; float: left;}
.booking-inline .form-group.last {margin-right: 0px;}
.booking-form {height: 45px; position: relative;}
.booking-inline .booking-form {max-width: 200px; width: 100%;}
.btn-datepicker {
    width: 45px;
    height: 45px;
    background-color: #242424;
    position: absolute;
    right: 0;
    top: 0;
}
.booking-stack .col-left, .booking-stack .col-right {width: 46.1538461%; float: left;}
.booking-stack .col-left {margin-right: 18px;}
.booking-stack .btn {padding: 0 40px;}
.booking-stack .form-group {margin-bottom: 13px; max-width: 260px; width: 100%;}
.booking-stack .form-group.last > .label-control {display: none;}
/* List Style */
.list li, .list-order-color > li > span {/* font-family: "Open Sans"; */ font-size: 13px; color: #333;  margin-bottom: 13px; line-height: 20px; font-weight: 400;}
.list-check li {
    background: url('../images/list-check.png') no-repeat left center;
    padding-left: 28px;
}
.md-sidebar .list-check {margin-top: 22px; font-family: "Open Sans"; font-size: 13px;}
.list-triangle li {position: relative; padding-left: 16px;}
.list-triangle li:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #999;
    top: 5px;
    left: 0;
}
.list-triangle-color > li:before {border-left-color: #a29061;}
.list-order-color {padding-left: 17px;}
.list-order-color > li {color: #a29061; font-weight: bold;}
.list-uppercase {text-transform: uppercase;}



.booking-inline {margin-top: 22px;}
.booking-inline .form-group {display: inline-block;vertical-align: middle;margin-right: 24px;float: left;}
.booking-inline .form-group.last {margin-right: 0px;}
.booking-form {height: 45px; position: relative;}
.booking-inline .booking-form {max-width: 200px; width: 100%;}
.btn-datepicker {
    width: 45px;
    height: 45px;
    background-color: #242424;
    position: absolute;
    right: 0;
    top: 0;
}
.booking-stack .col-left, .booking-stack .col-right {width: 46.1538461%; float: left;}
.booking-stack .col-left {margin-right: 18px;}
.booking-stack .btn {padding: 0 40px;}
.booking-stack .form-group {margin-bottom: 13px; max-width: 260px; width: 100%;}
.booking-stack .form-group.last > .label-control {display: none;}

.select-brown .collapse1 {border-color: #a29061;}
.select-black .collapse1 {border-color: #242424;}
.select-white .collapse1 {border-color: #FFF;}

.collapse1 {
    position: relative;
    overflow: hidden;
    width: 100%;
    vertical-align: top;
    display: inline-block;
    height: 100%;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
}
.collapse1:after {
    position: absolute;
    content: "";
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    top: 0;
    right: 0;
    width: 45px;
    pointer-events: none;  /* important */
    bottom: 0;
}
.collapse1 > input.input-control ,
.collapse1 > select.form-select {
    border: 0;
}
.select-brown .collapse1:after {
    background-image: url('../images/dropdown-2.png');
}
.select-black .collapse1:after, 
.select-white .collapse1:after {
    background-image: url('../images/dropdown-1.png');

}
.select-brown .collapse1:after {background-color: #a29061;}
.select-black .collapse1:after {background-color: #242424;}
.select-white .collapse1:after {background-color: #FFF;}

.collapse1.input:after {
    background-image: url("../images/calendar.png");
    bottom: 0;
    cursor: pointer;
    right: 0;
    top: 0;
    width: 45px;
}

.collapse1 > select {
    background: rgb(0 0 0 / 34%);
    border: 0;
    font-family: "Georgia";
    font-size: 20px;
    cursor: pointer;
    padding: 8px 40px 8px 14px;
    height: 100%;
    width: 100%;
    color: #fff;
    position: relative;
    text-overflow: "";
    text-indent: 0.01px;
}
.select-brown .collapse1 {border-color: #a29061;}
.select-black .collapse1 {border-color: #242424;}
.select-white 
.collapse1 {border-color: #FFF;}


.collapse1 > select:focus {width: 100%;}
select > option {padding: 15px;}
select option.option-test:hover {background-color: #F00;}
.hotel-news input {
    background-color: #000;
    border: 1px solid #32312b;
    height: 33px;
    color: #69685d;
    padding: 0 10px;
    vertical-align: middle;
    width: 80.898876%;
    float:left;

    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.box-booking .label-control {height: 50px; text-align: left;}
.label-inline {display: inline; line-height: 44px;}
.start {color: #F00; margin-left: 5px;}
.input-control {
    /* line-height: 45px; */
    height: 45px;
    /*max-width: 400px;*/
    width: 100%;
    border: 1px solid #a29061;
    vertical-align: middle;
    font-family: "Georgia";
    font-size: 20px;
    padding: 10px;
    color: #fff;
     background: #00000054;
    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.container .input-control, 
.container select {color: #dfcea3;}

input.room_search_btn
{
	background-position: 0% 0%;
	padding:0;
	cursor:pointer; 
    height: 55px;
    width: 175px;
	font-size:10pt; 
	font-family:Arial; 
	font-weight:bold; 
	color:#333333; 
	border:#FFFFFF;
	background-color:#FFFFFF;
	background-image:none; 
	background-repeat:repeat; 
	background-attachment:scroll;
}

.girisTarih
{
	font-weight: 400;
	line-height: 25px;
	font-size: 15px;
	color: white;
}
.geceSayisi
{
	font-weight: 400;
	line-height: 25px;
	font-size: 15px;
	color: white;
}
.odaSayisi
{
	font-weight: 400;
	line-height: 25px;
	font-size: 15px;
	color: white;
}
.yetiskinSayisi
{
	font-weight: 400;
	line-height: 25px;
	font-size: 15px;
	color: white;
}

.md-accomodation .md-booking .btn {padding: 0 39px;}
.btn-large  {font-size: 20px;}
.btn-darkbrown  {background-color: #dfdfdf;color: #94000b;}
.btn {
    display: inline-block;
    text-transform: uppercase;
    font-family: 'mongolian_baitiregular';
    line-height: 45px;
    padding: 0 20px;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}

input.room_search_btn
{
	background-position: 0% 0%;
	padding:0;
	cursor:pointer; 
	height:42px; 
	width:148px; 
	font-size:10pt; 
	font-family:Arial; 
	font-weight:bold; 
	color:#333333; 
	border:#FFFFFF;
	background-color:#FFFFFF;
	background-image:none; 
	background-repeat:repeat; 
	background-attachment:scroll;
	margin-top: 10px;
}