/*
Project Name: Jobseeker
File: Style.css
Version: 1.0
Date: 07/07/2017
Update: 07/07/2017
Author Name: Nguyen Duy Khiem
Author URI: www.themeforest.net/user/t3theme
Email:ndktheme@gmail.com

------------------------
NOTE:
PLEASE DO NOT EDIT THIS CSS, IF YOU NEED USE "CUSTOM.CSS" FILE FOR WRITING YOUR CUSTOM CSS.
I WILL RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE IT'S BETTER USE "CUSTOM.CSS".
------------------------*/

*{
	font-size:16px;
	font-family: 'Roboto Slab', serif;
}
h1,h2,h3,h4,h5,h6{
	font-family:'prata', serif;
}
/*---06. Search---*/
.menu-btn{
	display:none!important;
	cursor:pointer;
}
header .container{
	position:relative;
}
.icon-search.fa-remove{
	color:#333;
}
.contact-form{
	border:1px solid #eee;
	border-radius:5px;
	padding:50px;
	margin-top:-50px;
	margin-bottom:-50px;
	background:#fff;
	position:relative;
	z-index:1;
}
.menu-item{
	margin-bottom:15px;
}
.menu-item p{
	color:#999;
}
.price-ln{
	position:relative;
	width:100%;
	display:block;
	font-weight:normal;
	font-size:18px;
	padding-bottom:5px;
	padding-top:5px;
	font-family: 'Roboto Slab', serif;
}
.price-ln a:hover,.price-ln a:active,.price-ln a:focus{
	color:inherit;
}
.price-ln::after{
	position:absolute;
	bottom:10px;
	left:0px;
	content:'';
	z-index:0;
	border-bottom:1px dashed #ccc;
	height:2px;
	width:100%;
}
.price-ln span,.price-ln a,.price-ln p{
	position:relative;
	top:0px;
	left:0px;
	display:inline;
	background:#fff;
	z-index:2;
}
.price-ln span{
	float:right;
	font-weight:bold;
	font-family:inherit;
	font-size:18px;
	
}
.price-ln-0 span,.price-ln-0 a{
	background:#000;
}
/*---21. Title---*/
.title-group{
	margin-bottom:50px;
	text-align:center;
}
.title-group h2{
	font-size:40px;
}
.title-group h2.f-60{
	font-size:60px;
}
.title-group h4{
	font-size:20px;
	padding:0px;
	font-weight:normal;
}
.title-group p{
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
}
.title{
	font-size:25px;
	padding-top:0px;
	margin-bottom:30px;
}
/*---21. Banner---*/
.main-banner{
	height:700px;
}
.main-banner h1{
	font-size:60px;
}
.main-banner h5{
	font-size:20px;
	margin-top:60px;
    letter-spacing:20px;
}
.inner_page_heading{
	height:250px;
	background:url('../images/kawin-haraffffsai-75421.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
.inner_page_heading h2{
	padding-top:0px;
	font-size:40px;
}
.inner_page_heading h4{
	font-size:35px;
	font-weight:normal;
	margin-top:60px;
	font-family:arizonia;
}
.inner_page_heading  p{
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
}
.bg-offset{
	background-size:cover;
	content:'';
	background-repeat:no-repeat;
	width:100%;
}
.bg-offset-1,.bg-offset-2,.bg-offset-3{
	position:relative;
	height:500px;
}
.bg-offset-1::after,.bg-offset-2::after,.bg-offset-3::after{
	position:absolute;
	width:40%;
	height:100%;
	top:0;
	z-index:1;
	content:'';
	background-size:cover;
}
.bg-offset-1::after{
	right:0;
	background:url('../images/jez-timms-65119.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}
.bg-offset-2::after{
	left:0;
	background:url('../images/jaroslaw-ceborski-235626.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}
.bg-offset-3::after{
	left:0;
	background:url('../images/red-wine-722006_960_720.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}
.bg-img-1{
	background:url('../images/kawin-haraffsai-75421.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}
.bg-img-2{
	background:url('../images/jez-timms-65119.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}
.bg-img-3{
	background:url('../images/jaroslaw-ceborski-23gg5626.jpg');
	background-size:cover;
	background-repeat:no-repeat;
}
.reservation{
/*	background:#dc4c46;*/
	height:900px;
}
.reservation .form-item{
	border:none;
	height:50px;
}
footer .footer-top h4{
	text-transform:capitalize;
}
/*---31. Media query---*/
@media (max-width: 1200px){}
@media (min-width : 768px) and (max-width: 992px){
	.main-banner{
		height:600px!important;
	}
}
@media (max-width:768px){
	.banner h5, .banner h4{
		font-size:16px!important;
	}
	.banner h1{
		font-size:40px!important;
	}
	.banner h2,.inner_page_heading h1{
		font-size:30px!important;
	}
	.banner h3,h3,h2{
		font-size:25px!important;
	}
	.title-group h2{
		font-size:30px!important;
	}
	.title-group h3,.title-group h4,.title-group h5{
		font-size:16px!important;
	}
	.bg-offset-1::after,.bg-offset-2::after,.bg-offset-3::after{
		display:none;
	}
	.box-item .caption h2.heading a,.box-item .caption  h3.heading a{
		font-size:20px!important;
	}
	.menu-btn{
		display:inline-block!important;
	}
	.search-box{
		width:auto;
		margin-right:40px;
	}
	.banner h1.f-family-arizonia{
		font-size:50px!important;
	}
}


/*------------------------------------------------------------------
[6. Section Reservation / #reservation]
--------------------------------------------------------------------*/
/***

====================================================================
	Contact Form
====================================================================

 ***/

.contact-form{
	position:relative;
}
.contactform {
	min-height: 400px;
}
.contact-form .row{
	margin:0px -8px;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:25px;
	padding:0px 8px;
}

.contact-form .form-group .inner-column{
	padding:0px 10px;
}

.contact-form .form-group label{
	position:relative;
	color:#232323;
	font-size:13px;
	margin-bottom:6px;
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:20px;
	padding:10px 15px;
	color:#222222;
	height:42px;
	background:#ffffff;
	border:1px solid #e2e2e2;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#8b755a;
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:10px 15px;
	color:#222222;
	border:1px solid #e5e5e5;
	height:150px;
	background:#ffffff;
	resize:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-form button{
	position:relative;
	margin-top:10px;
	cursor:pointer;
	font-family: 'Montserrat', sans-serif;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;
}

.contact-form label.error{
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:11px;
	color:#ff0000;
	font-weight:500;
}

.contact-form.alternate .form-group{
	margin-bottom:15px;
}

.contact-form.alternate .form-group textarea{
	height:110px;
}
.contact-form button {
    position: relative;
    margin-top: 10px;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
}
.btn-style-two {
    position: relative;
    padding: 13px 43px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    background: #ad1da3;
    letter-spacing: 2px;
    cursor: pointer;
    border: 2px solid #ad1da3;
    text-transform: uppercase;
}

.reservation-section{
	position:relative;
	padding:100px 0px;
}

/*Reserve Form*/

.reserve-form{
	position:relative;
	max-width:750px;
	margin:0 auto;
}

.reserve-form .form-group{
	position:relative;
	margin-bottom:30px;
	padding-left:40px;
}

.reserve-form .form-group label{
	position:absolute;
	left:0px;
	top:12px;
	color:#232323;
	font-size:25px;
}

.reserve-form .form-group select{
	display:block;
	width:100%;
	height:44px;
	font-size:15px;
	color:#848484;
	line-height:22px;
	padding:10px 15px;
	font-weight:400;
	background-color:#ffffff;
	border:1px solid #e2e2e2;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.reserve-form .column button{
	border-radius:0px;
	font-size:12px;
	letter-spacing:2px;
	padding:13px 43px;
	margin-top:10px;
	cursor:pointer;
}

.reserve-form .text{
	position:relative;
	color:#ababab;
	font-size:14px;
	line-height:1.8em;
	text-align:center;
	margin-top:70px;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button{
	width:100%;
	font-size:14px;
	font-style:normal;
	height:50px;
	padding:10px 20px;
	line-height:30px;
	color:#333333;
	border-radius:0px;
	border:1px solid #e5e5e5;
	background-color:#ffffff;
}

.form-group .ui-button .ui-icon{
	background:none;
	position:relative;
	top:3px;
	text-indent:0px;
	color:#333333;
}

.form-group .ui-button .ui-icon:before{
	font-family: 'FontAwesome';
	content: "\f107";
	position:absolute;
	right:0px;
	top:2px !important;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	color:#e2e2e2;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;
}

.form-reservation {

/*  padding-left: 50px;
  padding-right: 50px;
  */
}
.form-reservation .column {
  overflow: hidden;
  margin-bottom: 16px;
}
.form-reservation .column > span {
  float: left;
  width: 50%;
  padding-right: 8px;
  position: relative;
}
.form-reservation .column > span i {
  color: #000;
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 16px;
}
.form-reservation .column > span i.fa-clock-o {
  font-size: 20px;
  right: 15px;
  top: 10px;
}
.form-reservation .column > span input {
 position:relative;
	display:block;
	width:100%;
	line-height:20px;
	padding:10px 15px;
	color:#222222;
	height:42px;
	background:#ffffff;
	border:1px solid #e2e2e2;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}
.form-reservation .column > span select {
 position:relative;
	display:block;
	width:100%;
	line-height:20px;
	padding:10px 15px;
	color:#222222;
	height:42px;
	background:#ffffff;
	border:1px solid #e2e2e2;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}
.form-reservation .column > span input:focus {
  padding-left: 30px;
}
.form-reservation .column > span:last-child {
  float: right;
  padding-right: 0;
  padding-left: 8px;
}
.form-reservation .column textarea {
  position:relative;
	display:block;
	width:100%;
	line-height:20px;
	padding:10px 15px;
	color:#222222;
	height:42px;
	background:#ffffff;
	border:1px solid #e2e2e2;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}
.form-reservation .column textarea:focus {
  padding-left: 30px;
}
.form-reservation .submit-btn {
  padding-top: 26px;
  text-align: center;
}


.form-reservation .column > span select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 20px;
    padding: 10px 15px;
    color: #222222;
    height: 42px;
    background: #ffffff;
    border: 1px solid #e2e2e2;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
input, button, select, textarea {
}