/*Hangout Restaurant Template By AlexaTheme*/

/*  ==========================================================================
    Table of Contets
    ==========================================================================
    
    1.0 Common Styles
    2.0 Header / Navigation
    3.0 Slider Section
    4.0 About Section
    5.0 Food Menu Section
    6.0 CTA Section
    7.0 Special Foods Section
    8.0 Food Gallery Section
    9.0 Testimonial Section
    10.0 Reservation Section
    11.0 Blog Section
    12.0 Sponsor Section
    13.0 Footer Widget Section
    14.0 Footer Section
    15.0 Page Style Section
    16.0 Single Blog Section
    17.0 Contact Section
    18.0 Scroll To Top
    
    ==========================================================================
    AlexaTheme
    ========================================================================== */

    @import url('https://fonts.googleapis.com/css?family=Arizonia|Open+Sans:400,700|Playfair+Display:400,700,900');
    
/*  ==========================================================================
    1.0 Common Styles
    ========================================================================== */
*{
    padding: 0;
    margin: 0;
}
body{
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #555;
    font-weight: 400;
    position: relative;
    overflow-x: hidden;
}
h1{
    font-family: 'Arizonia', sans-serif;
    -webkit-font-smoothing:antialiased;
    color: #fff;
}
h2, h3, h4, h5, h6{
    font-family: 'Playfair Display', sans-serif;
    -webkit-font-smoothing:antialiased;
    color: #282828;
}
h1{
    font-size: 70px;
    line-height: 1;
    margin: 0 0 10px;
    letter-spacing: -0.02em;
    font-weight: bold;
}
h2{
    font-size: 24px;
    color: #303133;
    margin: 0 0 8px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
}
h3,h4{
    margin: 0 0 10px;
    font-weight: 600;
    line-height: 1.4;
    color: #303133;
    letter-spacing: -0.01em;
}
h3{
    font-size: 17px;
}
h4{
    font-size: 15px;
}
h5,h6{
    font-size: 14px;
    margin: 0 0 10px;
}
img{
    border: none;
    outline:none;
}
ul{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
p, li, a, span{}
p{
    font-size: 14px;
    margin-bottom: 15px;
}
a, a:hover{
    text-decoration: none;
}
a:focus{
    outline: 0;
    text-decoration: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
   color: #888 !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder{ /* Firefox 18- */
   color: #888 !important;  
}

input::-moz-placeholder,
textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #888 !important;  
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder{  
   color: #888 !important;  
}
button{
    border: none;
    background: none;
}
/* Helper Class */
.padding{
    padding: 80px 0;
}
.no-padding{
    padding: 0;
}
.mb-15{ margin-bottom: 15px; }
.mb-20{ margin-bottom: 20px; 
width: 100%;}
.mb-25{ margin-bottom: 25px; }
.mb-30{ margin-bottom: 30px; }
.mb-35{ margin-bottom: 35px; }
.mb-40{ margin-bottom: 40px; }
.mb-45{ margin-bottom: 45px; }
.mb-50{ margin-bottom: 50px; }
.mt-40{ margin-top: 40px; }
.fz-28{ font-size: 28px; }
.fz-24{ font-size: 24px; }
.fz-22{ font-size: 22px; }
.fz-20{ font-size: 20px; }
.fz-18{ font-size: 18px; }
.fz-16{ font-size: 16px; }
.display-block{ display: block; }
.text-black{
    color: #282828;
}
.text-white{
    color: #ffffff;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.align-center{
    text-align: center;
}
.fl-right{
    float: right;
}
.fl-left{
    float: left;
}
.display-table{
    width: 100%;
    height: 100%;
    display: table;
}
.table-cell{
    display: table-cell;
    vertical-align: middle;
}
.container{
    height: 100%;
}
.overlay{
    width: 100%;
    position: relative;
    z-index: 1;
}
.overlay:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.bg-grey{
    background-color: #fafafa;
}
.bd-bottom{
    border-bottom: 1px solid #eaeaea;
}
.bg_dark{
    background-color: #232323;
}

/* Preloader Styles */
#preloader{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
    height: 100%;
    width: 100%;
    -webkit-transition: all .5s .5s ease;
    -moz-transition: all .5s .5s ease;
    transition: all .5s .2s ease;
}
.loader{
    position:absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    display: block;
    margin: auto;
    margin-top: -30px;
}
body.loaded #preloader{
    opacity: 0;
    visibility: hidden;
}

/* Button Style */
.btn_group{}
.btn_group a{
    margin: 5px;
}
.default_btn{
    background-color: #cfa670;
    color: #fff;
    line-height: 45px;
    display: inline-block;
    padding: 0 25px;
    border-radius: 3px;
}
.default_btn:hover{
    background-color: #9b7645;
    color: #fff;
}
.default_btn.btn_sm{
    line-height: 40px;
    padding: 0 15px;
}

/* Transition Effect */
a,a:hover, .overlay, img, .form-control,  .form-control:hover, button{
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* ==========================================================================
   2.0 Header Section
   ========================================================================== */
.header_section{
    width: 100%;
    height: 100px;
    z-index: 999;
    position: absolute;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    left: 0;
    top: 0;
}
.navbar-fixed-top.header_section{
    background-color: #010101;
    border-bottom: none;
    position: fixed;
}
.navbar-fixed-top .navbar-collapse{
    max-height: 100%;
}
.navbar{
    border: medium none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    margin: 0;
    position: relative;
}
.navbar-header{
    padding: 22px 0;
}
/*Logo */
.navbar-header .brand{
    font-size: 23px;
    color: #fff;
    font-family: 'Playfair Display', sans-serif;
    letter-spacing: -2px;
    font-weight: 700;
}
.navbar-header .brand.logo-dark,
.navbar-fixed-top .navbar-header .brand{
    color: #282828;
}
.navbar-header .nav-btn{
    padding: 8px;
    border-radius: 1px;
}
.navbar-header .nav-btn .icon-bar{
    background-color: #ddd;
    width: 18px;
}
.navbar-header .nav-btn:hover,
.navbar-header .nav-btn:focus{
    opacity: 0.8;
}

/*Nav Menu */
#navbar{
    z-index: 999;
}
ul.nav{}
ul.nav > li{}
ul.nav > li > a{
    color: #ddd;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    vertical-align: middle;
    padding: 0 30
		px;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 70px;
    z-index: 1;
}
ul.nav > li > a:hover,
ul.nav > li > a:focus,
ul.nav > li.active > a{
    background: none;
    color: #fff;
}
ul.text-dark-menu > li > a,
.navbar-fixed-top ul.nav > li > a{
    color: #888;
}
ul.text-dark-menu > li.active > a,
ul.text-dark-menu > li > a:focus,
ul.text-dark-menu > li > a:hover,
.navbar-fixed-top ul.nav > li > a:hover,
.navbar-fixed-top ul.nav > li > a:focus,
.navbar-fixed-top ul.nav > li.active > a{
    color: #cfa670;
}


/*Dropdown */
ul.nav li ul{
    background-color: #010101;
    width: 200px;
    height: auto;
    position: absolute;
    left: 0;
    top: 140%;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
ul.nav li:hover > ul{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 100%;
}
ul.nav li ul li{
    border-bottom: 1px solid #222;
    display: block;
}
ul.nav li ul li:last-child{
    border: none;
}
ul.nav li ul li a{
    line-height: 45px;
    display: block;
    padding: 0 15px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ddd;
    -webkit-transition: color 0.3s ease 0s, padding 0.3s ease 0s;
    transition: color 0.3s ease 0s, padding 0.3s ease 0s;
    
}
ul.nav li > ul > li:hover a{
    padding-left: 20px;
    color: #cfa670;
}
ul.nav li > ul ul{
    background-color: #fff;
    left: 200px;
}
ul.nav li > ul li:hover > ul li a{
    color: #777;
}
ul.nav li ul li:hover > ul{
    top: 0;
    opacity: 1;
    visibility: visible;
}
ul.nav li > ul li:hover > ul li > a:hover{
    background-color: transparent;
    color: #fff;
}
/*Mobile Menu */
.slicknav_menu {
    background: none;
    padding: 25px 0;
    display:none;
}
.slicknav_nav {
    background-color: #010101;
}
.js .slicknav_menu {
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.slicknav_btn{
    background-color: transparent;
    margin: 10px 5px 19px;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_row, 
.slicknav_nav a,
.slicknav_nav a:hover{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.slicknav_nav .slicknav_row, 
.slicknav_nav a {
    padding: 10px 15px;
    margin: 0;
    color: #777;
}
.slicknav_nav a .caret{
    display: none;
}
.slicknav_nav ul{
    margin: 0;
}
.slicknav_nav ul li a{
    padding-left: 30px;
    font-size: 12px;
}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover{
    background-color: transparent;
    color: #fff;
}

/* ==========================================================================
    3.0 Slider Section
   ========================================================================== */
.slider_section{}
.slider_content .btn_group a{
    margin: 0 10px 0 0;
}
.main_slide{
    background-repeat: no-repeat;
    -webkit-background-size: cover;
	background-position: center center;
    background-size: cover;
    height: 670px;
}
.main_slider .owl-nav{}
.main_slider .owl-nav div{
    color: #fff;
    width: 60px;
    height: 100px;
    font-size: 30px;
    text-align: center;
    line-height: 100px;
    position: absolute;
    left: 0;
    top: calc(50% - 60px);
    opacity: 0.5;
    transition: all 0.5s ease-in-out;
}
.main_slider .owl-nav div:hover{
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
.main_slider .owl-nav div.owl-next{
    left: auto;
    right: 0;
}
.main_slider .owl-dots {
    width: 100%;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 25px;
}
.main_slider .owl-dots div{
    background-color: rgba(255,255,255,0.4);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
    transition: all 0.5s ease-in-out;
}
.main_slider .owl-dots div.active{
    background-color: rgba(255,255,255,1);
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    transition: all 0.5s ease-in-out;
}

/* ==========================================================================
    4.0 About Section
   ========================================================================== */
.about_section{}
.about_section h3{}
.about_section p{}
.about_section .about_content{
    padding: 69px 0;
}
.about_section .about_img img{
    border-radius: 5px;
}
.about_section .about_img_2{
    margin: -380px 0 0 225px;
}
.company img{
    width: 100%;
    border-radius: 5px;
}

/* ==========================================================================
    5.0 Food Menu Section
   ========================================================================== */
.menu_section{}
.tab_menu{
    background-color: transparent;
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    overflow: hidden;
}
.tab_menu li{
   display: inline-block;
}
.tab_menu li a{
    display: inline-block;
    line-height: 60px;
	font-size: 12px;
	text-transform: uppercase;
    font-weight: 700;
    padding: 0 20px;
    color: #555;
}
.tab_menu li.active a,
.tab_menu li a:hover{
    color: #cfa670;
}
.tab_content{
    overflow: hidden;
}
.tab_content img{
    border-radius: 50%;
    width: 100%;
    margin-bottom: 20px;
}
.tab_content img:hover{
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}
.menu_section .food_content h4{
    background-color: #cfa670;
    height: 40px;
    width: 80px;
    line-height: 40px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    display: block;
    margin: 0 auto;
}
.food_list img{
    width: 100%;
    border-radius: 50%;
    margin-bottom: 10px;
}
.food_list img:hover{
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}
.food_list .food_content{
    padding: 10px 0;
}
.food_list .food_content h4{
    background-color: #cfa670;
    height: 40px;
    width: 80px;
    line-height: 40px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 30px;
    text-align: center;
    color: #fff;
    display: block;
    margin: 0 auto;
}

/* ==========================================================================
    6.0 CTA Section
   ========================================================================== */
.cta_section{
    background-image: url(../img/cta-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 400px;
}
.cta_content h2{
    font-size: 32px;
    color: #fff;
}
.cta_content p{
    color: #ddd;
}
/* ==========================================================================
   7.0 Special Foods Section
   ========================================================================== */
.special_food{}
.special_food .food_items{}
.special_food .food_item img{
    width: 100%;
    border-radius: 50%;
}
.special_food .food_items li:hover img{
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

/* ==========================================================================
   8.0 Food Gallery Section
   ========================================================================== */
.gallery_section{}
.gallery_section .gallery_items{}
.gallery_section .gallery_items li{
    padding: 0;
}
.gallery_section .gallery_items .gallery_item{
    position: relative;
    overflow: hidden;
}
.gallery_section .gallery_items .gallery_item img{
    width: 100%;
}
.gallery_section .gallery_items .gallery_item .overlay{
    background-color: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.gallery_items .gallery_item:hover .overlay{
    opacity: 1;
}
.gallery_items .gallery_item .overlay a{
    width: 100%;
    height: 100%;
    display: table;
    color: #fff;
}
.gallery_items .gallery_item .overlay h3{
    color: #333;
    text-transform: uppercase;
    margin: 0 0 -3px;
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
}
.gallery_items .gallery_item .overlay span{
    display: block;
    letter-spacing: 1px;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}
.gallery_items .gallery_item:hover .overlay span,
.gallery_items .gallery_item:hover .overlay h3{
    transform: translateY(0px);
    animation-delay: 0.2s;
    transition: all 0.6s ease-in-out;
}

/*Gallery Filter*/
.gallery_section .gallery_filter{
    display: block;
    text-align: center;
    overflow: hidden;
}
.gallery_section .gallery_filter li{
    color: #555;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    margin-left: -4px;
    padding: 15px 25px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.gallery_section .gallery_filter li.active{
    color: #cfa670;
    transition: all 0.5s ease-in-out;
}
.food_list .col-sm-3{
	padding: 15px;
}


/* ==========================================================================
   9.0 Testimonial Section
   ========================================================================== */
.testimonial_section{
    background-image: url(../img/testimonial.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 150px 0;
}
.testimonial_section i{
    border: 2px solid #fff;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-bottom: 15px;
}
.testimonial_items{}
.testimonial_item{
    color: #fff;
    text-align: center;
}
.testimonial_item h4{
    font-size: 14px;
    margin: 0 0 25px;
}
.testimonial_item p{
    font-size: 18px;
}

.testimonial_items .owl-dots{
    display: block;
    text-align: center;
}
.testimonial_items .owl-dots .owl-dot{
    background-color: #ddd;
    display: inline-block;
    width: 10px;
    height: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 3px;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    transition: all 0.3s ease-in-out;
}
.testimonial_items .owl-dots .owl-dot.active{
    background-color: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}

/* ==========================================================================
   10.0 Reservation Section
   ========================================================================== */
.reservation_section{
    overflow: hidden;
}
.reserv_form {
    padding: 100px 0;
}
.reserv_form .form-control{
    background-color: transparent;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #181818;
    height: 50px;
    border-radius: 0;
}
.reserv_form .form-control:hover{
    background-color: transparent;
    border: 1px solid #111;
}
.reserv_form .fs_btn{
    color: #999;
    border: 1px solid #999;
    margin-top: 15px;
}
.reserv_form .fs_btn:hover{
    background-color: transparent;
    color: #111;
    border: 1px solid #cfa670;
}
.reserv_form .alert{
    display: none;
}
#ajax_form .alert.alert-success,
#ajax_form .alert.alert-danger{
    display: block;
} 
.reserv_form input::-webkit-input-placeholder,
.reserv_form textarea::-webkit-input-placeholder{
   color: #181818 !important;
}

.reserv_form input:-moz-placeholder,
.reserv_form textarea:-moz-placeholder{ /* Firefox 18- */
   color: #181818 !important;  
}

.reserv_form input::-moz-placeholder,
.reserv_form textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #181818 !important;  
}

.reserv_form input:-ms-input-placeholder,
.reserv_form textarea:-ms-input-placeholder{  
   color: #181818 !important;  
}
.reservation_img{
    margin-bottom: -85px;
}
/* ==========================================================================
   11.0 Blog Section
   ========================================================================== */
.blog_section{
    border-top: 1px solid #eaeaea;
}
.blog_items .col-sm-4{
    padding: 15px;
}
.blog_post img{
    width: 100%;
}
.blog_post{}
.blog_post:hover img{
    opacity: 0.8;
}
.blog_post .blog_content{
    border: 1px solid #ddd;
    padding: 15px;
}
.blog_post .blog_content h4{
    margin: 0 0 3px;
}
.blog_post .blog_content .post_meta{
    display: block;
    margin-bottom: 10px;
}
.blog_post .blog_content span{
    font-size: 12px;
    color: #282828;
    text-transform: uppercase;
}
.blog_post .blog_content p{
    margin-bottom: 10px;
}
.blog_content img{
    border-radius: 5px;
}

/*Pagination */
.pagination>li>a{
    padding: 12px 20px;
    color: #777;
}
.pagination>li>a:hover,
.pagination>li>a:focus{
    background-color: #cfa670;
    color: #fff;
}

/* ==========================================================================
   12.0 Sponsor Section
   ========================================================================== */
.sponsor_section{
    padding: 20px 0;
}
.sponsor_section .sponsor_items{}
.sponsor_section .sponsor_item img{
    width: 100%;
}
.sponsor_section .sponsor_items li:hover img{
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

/* ==========================================================================
   12.0 Footer widget Section
   ========================================================================== */
.widget_section{
    background-color: #010101;
}
.widget_social{
    display: block;
    text-align: left;
}
.widget_social li{
    display: inline-block;
}
.widget_social li a{
    color: #777;
    font-size: 12px;
    margin-right: 20px;
}
.widget_social li a:hover{
    color: #cfa670;
}
.footer_widget{
    color: #fff;
}
.footer_widget p{
    color: #777;
}
.footer_widget p a{
    color: #888;
}
.subscribe_form {
    display: block;
    text-align: center;
    padding: 5px 0;
}
.subscribe_form p{
    color: #777; 
}
.subscribe_form .form_input{
    display: block;
    background-color: rgba(255,255,255,0.4);
    color: #fff;
    border: none;
    font-size: 12px;
    line-height: 50px;
    padding: 0 10px;
    float: left;
    width: 70%;
    transition: all 0.5s ease-in-out;
}
.subscribe_form .submit{
    background-color: #cfa670;
    color: #fff;
    font-family: "Playfair Display", sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 50px;
    display: inline-block;
    padding: 0 10px;
    float: left;
    width: 30%;
    transition: all 0.5s ease-in-out;
}
.subscribe_form .submit:hover{
    background-color: #9b7645;
    transition: all 0.5s ease-in-out;
}
#subscribe-result{
    display: none;
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #DEAA6E;
}
#subscribe-result.subs-result{
    display: block;
}
.subscription-error{
    color: #B60000;
}
.subscription-success{
    color: #333;
} 
.subscribe_form input::-webkit-input-placeholder{
   color: #ddd !important;
}
.subscribe_form input:-moz-placeholder{ /* Firefox 18- */
   color: #ddd !important;  
}
.subscribe_form input::-moz-placeholder{  /* Firefox 19+ */
   color: #ddd !important;  
}
.subscribe_form input:-ms-input-placeholder{  
   color: #ddd !important;  
}
  
/* ==========================================================================
   14.0 Footer Section
   ========================================================================== */
.footer_section{
    display: block;
    background-color: #010101;
    border-top: 1px solid #111;
    padding: 30px 0;
}
.footer_section .copyright{
    font-size: 12px;
    color: #ddd;
    text-transform: uppercase;
}  
.footer_social{
    display: block;
    text-align: right;
}
.footer_social li{
    display: inline-block;
}
.footer_social li a{
    color: #ddd;
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 20px;
}
.footer_social li a:hover{
    color: #cfa670;
}
/* ==========================================================================
   15.0 Page Style Section
   ========================================================================== */
/*Page Header */
.page_header{
    background-image: url(../img/page-header.jpg);
    background-repeat: no-repeat;
   
	
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 500px;
    position: relative;
    z-index: 1;
}
.page_header .page_content h2{
    font-size: 36px;
}
.page_header .page_content{
    color: #fff;
    position: relative;
}
.page_header .page_content h5{
    font-weight: 300;
    margin: -5px 0 0;
    color: #ddd;
}
.page_content_section{
    border-bottom: 1px solid #eaeaea;
}
.page_content_wrap {
    padding: 35px 0;
}
.gallery_items .owl-nav div{
    background-color: rgba(0,0,0,0.4);
    width: 40px;
    height: 60px;
    font-size: 14px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    position: absolute;
    left: 0;
    top: calc(50% - 30px);
    transition: all 0.5s ease-in-out;
}
.gallery_items .owl-nav div:hover{
    background-color: rgba(0,0,0,1);
    transition: all 0.5s ease-in-out;
}
.gallery_items .owl-nav div.owl-next{
    left: auto;
    right: 0;
}

/*Breadcrumb */
.breadcrumb{
    background-color: transparent;
    position: absolute;
    right: 0;
    top: calc(50% - 5px);
}
.breadcrumb li{}
.breadcrumb li a{
    color: #ddd;
}
.breadcrumb li a:hover{
    color: #fff;
}

/* ==========================================================================
   16.0 Single Blog Section
   ========================================================================== */
.single-meta-info{}
.single-meta-info li{
    display: inline-block;
    margin-right: 10px;
    text-transform: uppercase;
}
.single-meta-info li i,
.single-meta-info li a i{
    margin-right: 3px;
}
.single-meta-info li a{
    display: inline-block;
    color: #777;
}
.single-meta-info li a:hover{
    color: #111;
}
blockquote p{
    font-size: 16px;
}
.post-tag{
    display: block;
    margin: 25px 0;
}
.post-tag li{
    display: inline-block;
    margin-right: 5px;
}
.post-tag li a{
    display: inline-block;
    padding: 5px 6px;
    border: 1px solid #ddd;
    color: #777;
}
.post-tag li a:hover{
    background-color: #cfa670;
    color: #fff;
}
.share-post{
    position: relative;
    display: block;
    border: 1px solid #ddd;
    padding: 10px 15px;
}
.share-post span{
    display: inline-block;
    font-size: 16px;
    color: #444;
}
.social-share-post {
    position: absolute;
    right: 15px;
    bottom: -13px;
    width: 100%;
    height: 100%;
    display: block;
    text-align: right;
}
.social-share-post li{
    display: inline-block;
    margin-left: 12px;
}
.social-share-post li a{
    display: inline-block;
    font-size: 12px;
    color: #cfa670;
}
.social-share-post li a:hover{
    color: #111;
}
.author-info{}
.author-info .author-name{
    font-size: 16px;
    display: block;
    padding: 15px;
    border: 1px solid #ddd;
    margin: 0 0 15px;
}
.author-info .author-name a{
    color: #333;
}
.author-info .author-name a:hover{
    color: #777;
}
.author-info .author-desc{}
.author-info .author-desc img{
    float: left;
    width: 30%;
    padding-right: 15px;
}
.comments-wrap h2 span{
    color: #777;
}
.comment-list{}
.comment-list .media-list{}
.comment-list .media-list li .media-body{}
.comment-list .media-list li .media-body h4{
    margin: 0 0 -3px;
}
.comment-list .media-left img{
    border-radius: 50%;
}
.comment-list .media-list li .media-body h4 a{
    color: #282828;
}
.comment-list .media-list li .media-body h4 a:hover{
    color: #777;
}
.comment-list .media-list li .media-body .coment-date{
    color: #777;
}
.comment-list .media-list li .media-body .coment-date:hover{
    color: #282828;
}
.coment-form{}
.coment-form .form-control{
    border-radius: 0;
    height: 45px;
    border: 1px solid #ddd;
    color: #444;
}
.coment-form textarea.form-control{
    height: auto;
}
/* ==========================================================================
   27.0 Contact Section
   ========================================================================== */
.contact_section .contact_info{
    padding: 126px 40px;
    border: 1px solid #ddd;
}
.contact_info span{
    text-transform: uppercase;
    font-weight: 700;
}
.contact_info p{
    line-height: 2.3;
}
.contact_form{
    padding: 40px 40px;
    border: 1px solid #ddd;
}
.contact_form .form-control{
    background: none;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    color: #666;
    padding: 10px;
}
.contact_form .form-control:hover,
.contact_form .form-control:focus{
    border-bottom: 1px solid #999;
    box-shadow: none;
}
#form-messages{
    display: none;
}
#form-messages.alert-danger,
#form-messages.alert-success{
    display: block;
}

.contact_form input::-webkit-input-placeholder,
.contact_form textarea::-webkit-input-placeholder{
   color: #888 !important;
}

.contact_form input:-moz-placeholder,
.contact_form textarea:-moz-placeholder{ /* Firefox 18- */
   color: #888 !important;  
}

.contact_form input::-moz-placeholder,
.contact_form textarea::-moz-placeholder{  /* Firefox 19+ */
   color: #888 !important;  
}

.contact_form input:-ms-input-placeholder,
.contact_form textarea:-ms-input-placeholder{  
   color: #888 !important;  
}

/*Google Map*/
#google_map{
    width: 100%;
    height: 350px;
}

/* ==========================================================================
   18.0 Scroll To Top
   ========================================================================== */
#scroll-to-top{
    background-color: #cfa670;
    display: none;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 999;
}
#scroll-to-top:hover{
    background-color: #9b7645;
    color: #fff;
}