/*
Author       : Design_my_life.
Template Name: Radhuni - Restaurant & CofFe HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START COUNT DOWN DESIGN
    06. START STORY DESIGN
    07. START SERVICE DESIGN
    08. START MENU DESIGN
    09. START PORTFOLIO DESIGN
    10. START OUR TEAM DESIGN
    11. START RESERVATION DESIGN
    12. START TESTIMONIAL DESIGN
    13. START BLOG DESIGN
    14. START CONTACT FORM DESING
    15. START FOOTER TOP DESIGN
    16. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    color: #776753;
    font-family: "Neutra Text", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

html,
body {
    height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0px;
    margin-top: 0px;
    font-family: 'Neutra Text', cursive;
    color: #776753;
    font-weight: 400;
    text-transform: uppercase !important;
}

h3 {
    padding:5px;
    font-weight: bold;
}

h4{
    font-weight: bold;
}

a {
    font-family: 'Neutra Text', cursive;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

p {
    margin-bottom: 0;
}

ul,
li {
    margin: 0;
    padding: 0;
}

fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}

textarea.input-error, input.input-error{
    border: 1px solid #a10d59 !important;
    box-shadow: none;
    outline: 0 none;
}

.purple{
    color: #a10d59;
}

.purple:hover{
    color: #dd0d8b;
}

/*START PRELOADER DESIGN*/
.preloader {
    background: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid #222;
    border-right: 8px solid #222;
    border-bottom: 8px solid #222;
    border-left: 8px solid #fff;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

.status-mes-lemire {
    width: 76px;
    height: 77px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    z-index: 10000;
}

.status-animate{
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.status-mes h4 {
    color: #f7f7f7;
    position: relative;
    font-size: 24px;
    margin-top: 30px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.no-padding {
    padding: 0
}

/*END PRELOADER DESIGN*/
.section-padding {
    padding: 60px 0
}

/*START SECTION TITLE DESIGN*/
.section-title h2 {
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 0;
    text-transform: capitalize;
    position: relative;
}

@media only screen and (max-width: 480px) {
    .section-title h2 {
        font-size: 40px;
    }
}

.section-title span {
    background: #a10d59 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px auto 0;
    overflow: hidden;
    width: 50px;
    position: relative;
}

.section-title-white {
    color: #fff;
    position: relative;
}

/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
    background: #a10d59 none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    height: 35px;
    line-height: 33px;
    opacity: 1;
    position: fixed;
    right: 5px;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 35px;
}

.topcontrol:hover {
    background: #222;
    color: #fff;
}

.form-success, .form-error{
    padding:10px;
}

.form-success a.btn,.form-error a.btn{
    white-space: normal !important;
}

.text-brown{
    color: #776753;
}

/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 10px 0;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #a10d59;
    color: #fff !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #171717 !important;
    background-color: transparent;
}

.navbar-brand {
    padding: 0px
}

.navbar-brand img {
    transition: all 0.3s ease 0s;
    width: 58px;
    margin-top: 3px;
}

.nav-mobile-text{
    color: #776753;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 14px;
    font-size: 27px;
}

@media only screen and (max-width: 480px) {
    .navbar-brand img {
        margin-top: 0px;
    }
    .navbar-logo{
        margin-left: 10px;
    }
}

@media only screen and (max-width: 768px){
    .navbar-brand img{
        width: 50px;
    }
    .navbar-logo img{
        margin-left: 10px;
        margin-top: 0 !important;
    }

}

@media only screen and (min-width: 768px) {
    .navbar-toggle{
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px){
    .navbar > .container > .navbar-collapse.collapse{
    }
    .navbar-header{
        float: inherit;
    }
    .navbar-logo img{
        margin-left: 10px;
        margin-top: 0 !important;
        width: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1200px){
    .menu-top .navbar-nav > li > a{
        font-size: 19px;
    }
}

@media (min-width: 992px){
    .navbar-toggle {
        display: none;
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
    }
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #000
}

.menu-top {
    margin-top: -90px;
}

.menu-top li a {
    color: #776753 !important;
    font-size: 20px;
    text-transform: capitalize;
}

.menu-top li a:hover {
    color: #a10d59 !important
}

/*MOBILE 480PX DEVICE*/
@media only screen and (max-width: 480px) {
    .navbar-default .navbar-nav > li > a {
        color: #776753 !important
    }
}

.navbar-default.menu-shrink {
    /* border-bottom: 1px solid #776753; */
    background-color: #fff;
    width: 100%;
    margin-top: 0px;
    padding: 0px;
}

.navbar-default.menu-shrink li a {
    padding: 30px 15px;
}

.navbar-default.menu-shrink li a:hover {
    background: #a10d59;
    color: #fff !important
}

.navbar-default .navbar-toggle {
    background: #fff none repeat scroll 0 0
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fff
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #a10d59
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    height: 900px
}

.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto
}

.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item {
    position: relative;
    z-index: 1;
}

.single-slide-item:after {
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.hero_img {
}

.hero_img img {
    display: inline;
    margin-bottom: 20px;
}

@media only screen and (max-width: 480px) {
    .slide-1{
        background-position:1125px 0;
    }
    .slide-2 {
        background-position:1100px 0;
    }
    .welcome-area,
    .welcome-slider-area,
    .welcome-slider-area div{
        height: 200px;
    }
}

@media only screen and (max-width: 992px) and (min-width: 481px){
    .welcome-area,
    .welcome-slider-area,
    .welcome-slider-area div{
        height: 500px;
    }
    .slide-1{
        background-position:900px 0;
    }
}

.slide-3 {
    background: url(../img/bg/slide3.jpg) scroll 0 0;
    background-size: cover;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-control.right{
    background-image:none;
}
.carousel-control.left{
    background-image:none;
}

a.carousel-control > span{
    color:#a10d59;
    font-size: 60px !important;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 46% !important;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.lightbox-carousel{
    position: absolute;
    bottom:20px;
    left:47.5%;
    z-index: 100;
    color:#a10d59;
}

.single-slide-item h2 {
    text-shadow: 4px 4px #a10d59;
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: capitalize;
}

@media only screen and (max-width: 480px) {
    .single-slide-item h2 {
        font-size: 40px;
    }
}

.single-slide-item p {
    color: #fff;
    font-size: 18px;
    margin: auto auto 30px;
    text-transform: uppercase;
    width: 70%;
}

@media only screen and (max-width: 768px) {
    .single-slide-item p {
        width: 100%
    }
}

.carousel-indicators-slider {
    bottom: 30px !important
}

.btn-home-bg {
    background: #a10d59 none repeat scroll 0 0;
    border: 2px solid #a10d59;
    border-radius: 0;
    color: #fff;
    font-family: montserrat, sans-serif;
    font-size: 12px;
    padding: 12px 30px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}

.btn-home-bg:hover,
.btn-home-bg:focus {
    background: #fff;
    color: #333;
    border: 2px solid #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_us {
    background: #eef1f2 none repeat scroll 0 0;
    padding-top:15px;
}

.about_content {
    background: #fff none repeat scroll 0 0;
    padding: 20px 20px;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .about-slide img {
        width: 100%;
    }
    .about_content {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .btn-light-bg {
        font-size: 15px !important;
        padding: 5px 25px !important;
    }
}

.about_content h1 {
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 15px;
}

.about_content p {
    margin-bottom: 20px;
}

.btn-light-bg {
    background: #a10d59 none repeat scroll 0 0;
    border: 2px solid #a10d59;
    border-radius: 100px;
    color: #fff;
    font-family: Neutra Text, sans-serif;
    font-size: 20px;
    padding: 10px 40px;
    text-transform: capitalize;
    transition: all 0.2s ease 0s;
}

.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #333;
    color: #fff;
    border: 2px solid #333;
    outline: none;
}

/*ABOUT SLIDER*/
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05.START COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter {
}

@media only screen and (max-width: 768px) {
    .counter {
        margin-bottom: 20px
    }
}

.counter h1 {
    margin-top: 0;
    transition: all 0.3s ease 0s;
    width: 100px;
    height: 100px;
    margin: auto;
    border: 2px solid #eee;
    line-height: 100px;
    border-radius: 500px;
}

@media only screen and (max-width: 320px) {
    .counter h1 {
        font-size: 30px
    }
}

.counter:hover h1 {
    background: #a10d59 none repeat scroll 0 0;
    border: 2px solid #a10d59;
    color: #fff;
}

.counter p {
    font-family: Neutra Text, sans-serif;
    font-size: 24px;
    margin-top: 20px;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;;
}

/*
* ----------------------------------------------------------------------------------------
* 05.END COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START STORY DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_story {
    background: #eef1f2 none repeat scroll 0 0;
}

.story_content {
    background: #fff none repeat scroll 0 0;
    padding: 60px 50px;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .story_content {
        margin-bottom: 30px;
        padding-top: 50px;
    }
}

.story_content h1 {
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 48px;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.story-slide iframe {
    border: none;
    width: 100%;
    height: 363px;
}

/*ABOUT SLIDER*/
/*
* ----------------------------------------------------------------------------------------
* 06.END STORY DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.service-bg {
    position: relative;
    padding: 100px 0;
}

.service-bg:before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.our_service {
    background: #eef1f2 none repeat scroll 0 0;
    padding-top: 60px;
    padding-bottom: 30px;
}

.single_service {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    margin-left: -1px;
    margin-top: -1px;
    padding: 40px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    position: relative;
    margin-bottom: 30px;
}

.single_service:hover {
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.single_service i {
    font-size: 40px;
    padding-bottom: 20px;
    color: #a10d59;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.single_service h4 {
    font-size: 24px;
    margin: 0;
    padding-bottom: 20px;
    text-transform: capitalize;
    transition: all 0.2s ease 0s;
}

.single_service p {
    font-style: italic;
    margin-bottom: 0;
    transition: all 0.2s ease 0s;
}

/*
* ----------------------------------------------------------------------------------------
* 07.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START MENU DESIGN
* ----------------------------------------------------------------------------------------
*/

#menu-tab {
}

#menu-tab {
    margin-bottom: 15px;
    display: inline-block;
}

.nav-tabs {
    border: none;
}

@media only screen and (max-width: 768px) {
    .nav-tabs {
        width: 90%;
    }
}

.nav-tabs > li.active > a {
    background: #a10d59 !important;
    color: #fff !important;
}

.nav-tabs > li > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee #eee #ddd;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-size: 22px;
    margin-right: 10px;
    padding: 10px 26px;
    text-transform: capitalize;
}

@media only screen and (max-width: 480px) {
    .nav-tabs > li > a {
        margin-bottom: 10px;
    }
}

.nav-tabs > li > a:hover,
.nav-tabs > li.active > a:hover {
    background: #a10d59 !important;
    color: #fff !important;
    border: 1px solid #a10d59 !important;
}

.menu-item {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    text-align: left;
}

.menu-item img {
    float: left;
    margin-right: 15px;
    width: 40%;
    background: #fff;
}

.menu-inner {
    padding-top: 30px;
}

.menu-inner h4 {
    display: block;
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 0px;
    text-transform: capitalize;
}

.menu-inner h4 span {
    margin-left: 20px;
    background: #fff;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    color: #a10d59;
    font-size: 30px;
    float: right;
}


/*
* ----------------------------------------------------------------------------------------
* 08.END MENU DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_portfolio {
    padding-top: 40px;
    padding-bottom: 30px;
}

.portfolio-filters {
    margin-bottom: 40px
}

.portfolio-filters li.active {
    color: #a10d59;
}

.portfolio-filters li:hover.active {
    color: #fff;
}

.portfolio-filters li {
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-family: montserrat, sans-serif;
    font-size: 14px;
    margin-right: 5px;
    padding: 0 20px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}

@media only screen and (max-width: 480px) {
    .portfolio-filters li {
        margin-bottom: 10px
    }
}

.portfolio-filters li:hover {
    color: #a10d59
}

.single_project {
    padding-bottom: 40px;
}

.work_all_item .mix {
    display: none;
}

.single_our_work {
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.sing_work_photo {
    position: relative;
}

.single_our_work img {
    width: 100%;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.single_our_work figure {
    margin-bottom: 0;
}

.sing_work_text_link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.sing_work_content_wrap {
    display: table;
    height: 100%;
    width: 100%;
}

.sing_work_content {
    display: table-cell;
    vertical-align: middle;
}

.sing_work_text_link h5 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 20px;
    text-transform: capitalize;
}

.sing_link_img a i.fa {
    font-size: 14px;
}

.sing_link_img a {
    background: #a10d59 none repeat scroll 0 0;
    border: 1px solid #a10d59;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 39px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 40px;
}

.sing_link_img a:hover {
    background: #fff none repeat scroll 0 0;
    border-color: #fff;
    color: #a10d59;
}

.sing_link_img a.search {
    margin-right: 16px;
}

.single_our_work:hover .sing_link_img a.search {
    -webkit-animation: slideInDown 800ms ease-in-out;
    animation: slideInDown 800ms ease-in-out;
}

.single_our_work:hover .sing_link_img a.link {
    -webkit-animation: slideInDown 800ms ease-in-out;
    animation: slideInDown 800ms ease-in-out;
}

.single_our_work:hover {
    background: #03a9f4;
    color: #fff;
}

.single_our_work:hover .sing_work_text_link {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

/*
* ----------------------------------------------------------------------------------------
* 09.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.tema-member {
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 768px) {
    .tema-member {
        margin-bottom: 20px
    }
}

.tema-member .team-thumbnail {
    position: relative;
    border: 1px solid #eee;
}

@media only screen and (max-width: 768px) {
    .team-thumbnail img {
        width: 100%;
    }
}

.tema-member .team-thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    bottom: -1px;
    height: 100%;
    background-color: #a10d59;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.info {
    padding: 30px 10px 10px 10px;
}

.tema-member .team-thumbnail .social-media {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-webkit-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.tema-member .team-thumbnail .social-media a {
    display: inline-block
}

.tema-member .team-thumbnail .social-media a i {
    border-radius: 30px;
    color: #fff;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    transition: all 0.4s ease 0s;
    width: 48px;
}

.tema-member .team-thumbnail .social-media a i:hover {
    color: #fff
}

.tema-member .team-thumbnail .social-media a.facebook i {
    background: #507cbe
}

.tema-member .team-thumbnail .social-media a.twitter i {
    background: #63cdf1
}

.tema-member .team-thumbnail .social-media a.google i {
    background: #f16261
}

.tema-member .team-thumbnail .social-media a.linkedin i {
    background: #0077b5
}

.tema-member .info h4 {
    font-size: 22px;
    margin: 0;
    padding-bottom: 10px;
    text-transform: capitalize;
    color: #fff;
}

.tema-member .info h5 {
    color: #fff;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 10px;
    letter-spacing: 1px;
}

.tema-member .info p {
    color: #fff;
    margin-bottom: 0;
    line-height: 24px;
}

.tema-member:hover .social-media {
    -webkit-transform: translateY(-90%);
    -moz-webkit-transform: translateY(-90%);
    -webkit-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    transform: translateY(-90%);
}

.tema-member:hover .overlay {
    opacity: 0.9;
    filter: alpha(opacity=100);
}

/*
* ----------------------------------------------------------------------------------------
* 10.END OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START RESERVATION DESIGN
* ----------------------------------------------------------------------------------------
*/

@media only screen and (max-width: 768px) {
    .booking_form {
        padding: 15px 0;
    }
}
.reservation {
    /* padding-top: 80px; */
}

.reservation i {
    padding-left: 15px;
    padding-top: 15px;
    position: absolute;
}

.reservation input {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #fafafa;
    border-radius: 30px;
    box-shadow: none;
    color: #333;
    height: 45px;
    padding: 10px 10px 10px 35px;
}

.reservation textarea {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #fafafa;
    border-radius: 30px;
    box-shadow: none;
    color: #333;
    padding: 10px 10px 10px 35px;
}

.reservation input:focus {
    border: 1px solid #a10d59;
    box-shadow: none;
    outline: 0 none;
}

.reservation textarea:focus {
    border: 1px solid #a10d59;
    box-shadow: none;
    outline: 0 none;
}

/*
* ----------------------------------------------------------------------------------------
* 11.END RESERVATION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial {
    background: #eef1f2;
}

.testimonial-text {
    background: #fff none repeat scroll 0 0;
    padding: 30px;
}

.testimonial-text i {
    color: #ddd;
    font-size: 60px;
    margin-bottom: 20px;
}

.testimonial-text p {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 20px;
    font-style: italic;
}

.testimonial-text img {
    border: 4px solid #eee;
    border-radius: 500px;
    margin: auto;
    width: 100px;
}

.testimonial-separator{
    border: 4px solid #eee;
    border-radius: 500px;
    margin: auto;
    width: 100px;
}

.testimonial-text h4 {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: capitalize;
}

.testimonial-text h5 {
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 0;
    text-transform: capitalize;
}

.carousel-indicators li {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 30px;
    height: 12px;
    margin: 0 1px;
    width: 12px;
}

.carousel-indicators .active {
    background-color: #a10d59;
    border: 1px solid #a10d59;
    border-radius: 30px;
    height: 12px;
    margin: 0 1px;
    width: 12px;
}

.site-wrapper {
    margin-bottom: 65px
}

#team__carousel {
    margin-bottom: 70px
}

#team__carousel .carousel-indicators {
    bottom: -80px
}

/*
* ----------------------------------------------------------------------------------------
* 12.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 13.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

.iframe-wrapper {
    position: relative;
    padding-bottom: 108.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.iframe-inner-class{
    background: white;
    max-width: 658px;
    width: calc(100% - 2px);
    border-radius: 3px;
    box-shadow: none;
    display: block;
    margin: 0px 0px 12px;
    padding: 0px;"
}

@media (max-width: 500px) {
    .iframe-inner-class{
        height: 600px !important;
    }
}

.single-blog {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.single-blog:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25)
}

@media only screen and (max-width: 480px) {
    .single-blog {
        margin-bottom: 40px
    }
}

.single-img {
    position: relative;
    width: 100%;
}

.post-date {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 5%;
}

.post-date h4 {
    color: #333;
    margin: 0;
    text-align: center;
    text-transform: capitalize;
}

.blog-social {
    background: #fff none repeat scroll 0 0;
    bottom: 5%;
    display: inline-block;
    padding: 20px;
    position: absolute;
    left: 0;
}

.blog-social h4 {
    color: #333;
    display: block;
    font-size: 24px;
    margin: 0;
    padding-bottom: 15px;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
}

.single_blog_dsc {
    padding: 20px
}

.single_blog_dsc h3 {
    color: #333;
    display: block;
    font-size: 24px;
    margin: 0;
    padding-bottom: 15px;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
}

.single_blog_dsc h3 a:hover {
    color: #a10d59
}

.single_blog_dsc p {
    margin-bottom: 15px;
}

.gallery-wrapper{
    margin: 0 -10px 20px;
    overflow: hidden;
}

.gallery-list{
    padding-left: 0;
    list-style: none;
}



.gallery-wrapper li {
    float: left;
    width: 25%;
    /* height: 115px; */
    padding: 0px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 13.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START CONTACT FORM DESING
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width: 768px) {
    .contact_form {
        /* padding: 60px 0 */
    }
}

.contact_form input {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #fafafa;
    border-radius: 30px;
    box-shadow: none;
    color: #333;
    height: 52px;
    padding: 10px 10px 10px 20px;
}

@media only screen and (max-width: 768px) {
    .contact_form input {
        width: 100%
    }
}

.contact_form textarea {
    background: #fafafa none repeat scroll 0 0;
    border: 1px solid #fafafa;
    border-radius: 30px;
    box-shadow: none;
    color: #333;
    padding: 10px 10px 10px 20px;
}

@media only screen and (max-width: 768px) {
    .contact_form textarea {
        width: 100%
    }
}

.contact_form input:hover,
.contact_form input:focus {
    border: 1px solid #a10d59;
    box-shadow: none;
    outline: 0 none;
}

.contact_form textarea:hover,
.contact_form textarea:focus {
    border: 1px solid #a10d59;
    box-shadow: none;
    outline: 0 none;
}

.map {
    height: 400px
}

@media only screen and (max-width: 768px) {
    .map {
        margin-bottom: 30px;
    }
}

.single-address {
    margin-bottom: 40px;
}

.address-mbnone {
    margin-bottom: 0px;
}

.single-address i {
    background: #a10d59 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    float: left;
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    margin-right: 20px;
    text-align: center;
    width: 60px;
}

.single-address h4 {
    font-size: 20px;
    text-transform: capitalize;
}

.single-address p {
    margin-bottom: 0;
    overflow: hidden;
}

/*
* ----------------------------------------------------------------------------------------
* 14.END CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14A START .FARM
* ----------------------------------------------------------------------------------------
*/

#farm-tab{
    display: inline-block;
    margin-bottom: 15px;
}

/*
* ----------------------------------------------------------------------------------------
* 14A .END FARM
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer_top {
    background: #171b1e none repeat scroll 0 0;
}

@media only screen and (max-width: 768px) {
    .single_footer {
        margin-bottom: 40px;
    }
}

.single_footer h4 {
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.single_footer p {
    color: #aaa;
    margin-bottom: 20px;
}

@media only screen and (max-width: 480px) {
    .single_footer {
        margin-bottom: 30px;
    }
}

ul.contact_address {
    list-style: none;
}

ul.contact_address li {
    color: #aaa;
    display: inline-block;
    margin-bottom: 10px;
    @media screen and (max-width: 768px) {
        display: block;        
    }
}

ul.contact_address li i {
    color: #aaa;
    float: left;
    line-height: 30px;
    margin-right: 20px;
}

.contact_address li span {
}

.opening-times {
}

ul.opening-times {
    list-style: none;
}

ul.opening-times li {
    color: #fff;
    font-weight: 600;
    line-height: 30px;
}

ul.opening-times li span {
    float: right;
    color: #aaa;
}

.closed {
    background: #a10d59;
    color: #fff !important;
    padding: 0 10px;
    border-radius: 30px;
}

.signup input {
    background: #121315 none repeat scroll 0 0;
    border: 1px solid #121315;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #fff;
    font-size: 14px !important;
    height: 45px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.signup input:hover, .signup input:focus {
    border: 1px solid #a10d59;
}

.btn-newsletter-bg {
    background: #121315 none repeat scroll 0 0;
    border: 1px solid #121315;
    color: #fff;
    margin-top: 15px;
    padding: 10px 30px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.btn-newsletter-bg:hover, .btn-newsletter-bg:focus {
    background: #a10d59 none repeat scroll 0 0;
    border: 1px solid #a10d59;
    color: #fff;
}

.detail .col-md-4 {
    padding-left: 0;
    padding-right: 8px;
}

.detail a {
    float: left;
    margin: 0 0 8px;
}

/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    background: #171b1e none repeat scroll 0 0;
    padding: 20px 0;
    border-top: 1px solid #333;
}

.footer_logo {
}

.footer_logo img {
    width: 130px;
}

.footer_social {
}

@media only screen and (max-width: 480px) {
    .pull-right {
        float: none !important;
    }
}

.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 480px) {
    .footer_social ul {
        text-align: center;
    }
}

.footer_social ul li {
    display: inline-block
}

.footer_social ul li a {
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    margin: 1px;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 45px;
}

.footer_social ul li a:hover {
    background: #fff;
    color: #a10d59;
}
.footer_social ul li a svg:hover {
    background: #fff;
    fill: #a10d59;
}

.f_facebook {
    background: #3b5998;
}

.f_instagram{
    background: #bc2a8d;
}

.f_airbnb svg{
    fill: #fff;
}

.f_booking{
    background: #fff;
}

.f_booking:hover{
    background: #a10d59 !important;
}

.f_booking img{
    width: 45px;
    height: 45px;
}

.f_campagna{
    background: #fff;
}

.f_campagna:hover{
    background: #962947 !important;
}

.f_campagna img{
    width: 30px;
    height: 30px;
}

.f_guide_veneto{
    background-color: #fff;
}

.f_guide_veneto img{
    width: 30px;
    height: 30px;
}

.f_guide_veneto:hover{
    background: #F77923 !important;
}

.f_white{
    background-color: #fff;
}

.f_white img{
    width: 30px;
    height: 30px;
}

.f_airbnb{
    background: #FF5A5F;
}

.f_tripadvisor{
    background: #00c094;
}

.f_bandbit img{
    width: 24px;
    height: 24px;
}

.f_bandbit{
    background: #393;
}

.f_twitter {
    background: #1a90d9;
}

.f_google {
    background: #ff5252;
}

.f_linkedin {
    background: #0077b5;
}

.f_youtube {
    background: #d32322;
}

.f_skype {
    background: #1a90d9;
}

/*END FOOTER SOCIAL DESIGN*/
.copyright p {
    color: #fff;
    margin-bottom: 0;
    padding-top: 10px;
}

@media only screen and (max-width: 480px) {
    .copyright p {
        text-align: center;
    }
}

/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/**** PRIVACY ****/
.privacy h4,.privacy h5{
    margin-top:15px;
}

.grecaptcha-badge { 
    /* visibility: hidden; */
}

h5.discount-alert span{ 
    color: #a10d59;
    font-size: 20px;
}