@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600);
@import url(settings.css);
@import url(settings-ie8.css);
@import url(font-awesome.css);
@import url(magnified.css);
@import url(owl.carousel.css);
@import url(jquery.bxslider.css);


/* top head  */

.wi{
 width: 100%;
}

.fade {
    opacity: 0.5;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.footer {
    background-color: #555;
    color: white;
    padding: 15px;
    height: 58px;
    width: 100%;
    overflow: hidden;
    clear: both;
    height: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
}

.modal {
        position: fixed;
    top: 25% !important;
    left: 29% !important;
    z-index: 1050;
    width: 52% !important;
    /* margin-left: -280px; */
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
    overflow: visible !important;
    height: fit-content;
}

.col-lg-6 {
    width: 50%;
    margin-left: 0px;
}

.copyright{
color: white;
}

.header{
      width: 100%;
    height: 170px;
   background-color: black;
}

.logo{
    width: 100%;
    height: 170px;
    float: left;
    margin-left: -23px;
    margin-top: 4px;
    margin: 0px 0px 0px -15px;
}

.menu{
    height: 60px;
}
.lang {
    margin-top: 28px;
}

.social {
    margin-left: -89px;
    margin-top: 15px;
}

.social_media {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-right: 0;
}

.social_media li {
    float: left;
}

.social_media li a {
    color: #f7f147!important;
    display: block;
    height: 34px;
    line-height: 40px;
    position: relative;
    text-align: center;
    text-indent: -500em;
    width: 39px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    background-color: #0c0c0c05;
}

.social_media li a:hover,
.social_media li a:focus a{
    text-decoration:none;
    color: #fff !important;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.social_media li a:before {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    text-indent: 0em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
}

.social_media li .fa.fa-rss:focus,
.social_media li .fa.fa-rss:hover {background-color:#F90 !important}
.social_media li .fa.fa-facebook:focus,
.social_media li .fa.fa-facebook:hover {background-color:#3B5998 !important}
.social_media li .fa.fa-twitter:focus,
.social_media li .fa.fa-twitter:hover {background-color:#9AE4E8 !important}
.social_media li .fa.fa-pinterest:focus,
.social_media li .fa.fa-pinterest:hover {background-color:#C92228 !important}
.social_media li .fa.fa-linkedin:focus,
.social_media li .fa.fa-linkedin:hover {background-color:#007bb6 !important}
.social_media li .fa.fa-google-plus:focus,
.social_media li .fa.fa-google-plus:hover {background-color:#d34836 !important}   


/*-------------------------------------------------*/
/* =  SEARCHCING TOP
/*-------------------------------------------------*/
.sb-search {
    position: relative;
    width: 0%;
    min-width: 40px;
    max-height: 39px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none !important;
    outline: none;
    background: #fff;
    width: 100%;
    height: 40px;
    margin: 0;
    z-index: 10;
    padding: 0 20px;
    font-family: Open Sans;
    font-size: 12px;
    color: #2c3e50;
}

.sb-search-input::-webkit-input-placeholder {color: #464646;}
.sb-search-input:-moz-placeholder {color: #464646;}
.sb-search-input::-moz-placeholder {color: #464646;}
.sb-search-input:-ms-input-placeholder {color: #464646;}
.sb-icon-search,
.sb-search-submit  {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #888;
    background: #ffffff;
    z-index: 90;
    font-size: 16px;
    font-family: 'FontAwesome';
    overflow:hidden;
    -webkit-font-smoothing: antialiased;
}
.sb-icon-search:before {content: "\f002";}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {width: 250px;}
.sb-search.sb-search-open .sb-icon-search,
.sb-icon-search:hover,
.no-js .sb-search .sb-icon-search {
    background: #e74c3c;
    color: #fff;
    z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {z-index: 90;}


.intro_box {
    text-align: center;
    width: 75%;
    margin: 0 auto 60px;
    background-color: white;
}

.intro_box h1 {
    font-family: Open Sans;
    font-weight: 600;
    margin-top: 0;
    text-transform: uppercase;
    line-height: 2;
}

.intro_box h1 span {
    color: #e74c3c;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.top_head {
    background: black;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    /* min-height: 40px; */
    height: 64px;
    margin-top: 0px;
}

.widget{
         margin-bottom: 25px;
    padding-bottom: 10px;
    padding-top: 8px;
}

.flags-wrapper{
      margin-top: 6px;
}


  @import url(http://fonts.googleapis.com/css?family=Roboto);

/****** LOGIN MODAL ******/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-family: roboto;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
  font-family: roboto;
}

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

.loginmodal-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #4d90fe;
  padding: 17px 0px;
  font-family: roboto;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 

.about{
  background-image: url(../../../../WIAdmin/WIMedia/Img/contents/training.jpg);
    background-size: cover;
    min-height: 468px !important;
  }


.center{
     margin-left: 53%;
}

.hide{
  display: none;
 }   

.contact{
  background-color: white;
}

.col-ms{
  margin-left: -8%;
}

.title_content{
  text-align: center;
    color: white;
}

.messageus{
  color:white;
}

a.appointment:hover, a:focus {
    color: #f8fb30  !important;
}

a.appointment{
  color: #f8fb30 !important;
}

.inputname{
  margin: 0% 0% 2% 0%;
}

.inputemail{
  margin: 0% 0% 2% 0%;
}

.inputsubject{
  margin: 0% 0% 2% 0%;
}

.message{
  width: 100%;
  margin: 0% 0% 2% 0%;
}

/*   training page  */
    .jumbotron {
    padding-top: 2% !important;
    padding-bottom: 1% !important;
    }

    .bg-beg{
    background-image: url(../../../../WIAdmin/WIMedia/Img/contents/martial-arts-4.jpg);
    background-size: 100% 101%;
    background-repeat: no-repeat;
    padding: 0;
    color: white !important;
  }

  .img-responsive {
    max-width: 100%;
    height: auto;
    }

    .rad{
border-radius: 50%;
    background-repeat: no-repeat;
    border: 8px solid #cecacaad;
    display: block;
    height: 222px;
    overflow: hidden;
    position: relative;
    margin: 1px;
    width: 80%;
    }


    .image
{
-moz-border-radius: 33px;
    -webkit-border-radius: 33px;
    border-radius: 50%;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    display: block;
    height: 216px;
    overflow: hidden;
    position: relative;
    margin: -9px 1% 0% 0%;
    width: 100%;
    z-index: 1;
}

.image:before
{
content:””;

/*Rounded edges*/
-moz-border-radius: 33px; /* FF1+ */
-webkit-border-radius: 33px; /* Saf3-4 */
border-radius: 33px; /* Opera 10.5, IE 9, Saf5, Chrome */

position:absolute;
z-index:-1;
top:0px;
left:0px;
right:0px;
bottom:0px;
border:5px solid #ccc;
border-color:#fefefe #f0f0f0 #eaeaea #f0f0f0;
}

.image:after
{
content:””;

/*Shadows*/
-moz-box-shadow:inset 0px 2px 8px #333; /* FF3.5+ */
-webkit-box-shadow:inset 0px 2px 8px #000; /* Saf3.0+*/
box-shadow:inset 0px 2px 8px #333; /* Opera 10.5, IE 9 */


/*Rounded edges*/
-moz-border-radius: 33px; /* FF1+ */
-webkit-border-radius: 33px; /* Saf3-4 */
border-radius: 33px; /* Opera 10.5, IE 9, Saf5, Chrome */

position:absolute;
z-index:-1;
top:5px;
left:5px;
right:5px;
bottom:5px;
border:1px solid #999;
}


/* about us */
.border{
    border: 2px solid yellow;
    margin-bottom: 3%;
}

.met{
  background-color:white;
      margin-bottom: 2%;

}

.meet_team{
      width: 100%;
    margin-left: 2%;
        margin-bottom: 2%;
}

.team_player{
    width: 19%;
    float: left;
    padding: 13px;
    border: 1px solid black;
    margin-right: 25px;
}


/*  contact us  */

     .line{
    width: 96%;
    float: left;
    font-size: 25px;
    background-color: #0e0e0e;
    margin: 46px 4px 11px 1px;
    height: 46px;
     }

     .line_span{
    background-color: white;
    width: 100%;
    height: 46px;
    margin-left: 0px !important;
     }

     .inputname{
          height: 32px!important;
     }

    .off{
      display: none !important;
    }

/*
appointments / calendar styling 
*/

    .slots{
    width: 65%;
    height: 65px;
    border: 2px solid silver;
    text-align: center;
    margin-top: 2px;
    background-color: #72fbee4f;
    }
    .taken{
      width: 65%;
    height: 65px;
    border: 2px solid silver;
    text-align: center;
    margin-top: 2px;
    background-color: silver;
    }

    .selected{
          width: 65%;
    height: 65px;
    border: 2px solid silver;
    text-align: center;
    margin-top: 2px;
    background-color: #fff7004f !important;
    }


.mediaLink{
    margin: 22px 0px 0px 21%;
}

.regin{
      padding: 6%;
}

.regular{
      width: 100%!important;
    height: 40px!important;
    padding: 4px 6px!important;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 25px;
    color: #555555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}

/*

Slideshow styling */


/* Slideshow container */
.slideshow-container {
  position: relative;
      margin: 0 0 0 0px;
    border-top: 2px solid yellow;
    border-bottom: 2px solid yellow;
    background-color: #333;
}


/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    padding: 16px;
    color: white !important;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

.sliderButs{
     width: 49%;
}

.post-video{
    background-color: #0c0c0c;
}

.video{
      display: inline-block;
    width: 100%;
}
/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 26px;
    padding: 8px 12px;
    position: absolute;
    bottom: 35px;
    width: 25%;
    text-align: center;
    background-color: black;
    margin-left: 37%;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}


.bg-index{
  background-image: url(../../../../WIAdmin/WIMedia/Img/contents/index.jpg);
    background-size: cover;
}

.bg-header{
    height: 168px;
    width: 106%;
    margin-left: -5%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 166px;
}

.navbar-nav {
    float: left;
    margin: 6px 0px 0px 0px;
}

/* 
calendar styling
*/

.ulliweek{
   width: 100%;
    height: 48px;
}

#calendar_weekly_section{
width: 3%;
    margin: 1% 9% 0% -7%;
    float: left;
}

#calendar_daily_section{
width: 3%;
    margin: 1% 9% 0% 12%;
    float: left;
}

.week{
    font-family: 'Roboto', sans-serif;
    border-color: #9675ce;
    color: #9675ce;
}

.day{
    font-family: 'Roboto', sans-serif;
    border-color: #9675ce;
    color: #9675ce;
}

.month{
    font-family: 'Roboto', sans-serif;
    border-color: #9675ce;
    color: #9675ce;
}

.calendar    { 
  border-left:1px solid #999;
      width: 100%;
      list-style: none;
 }
.calendar-row {  }
.calendar-day { min-height:80px; font-size:11px; position:relative; } 
.calendar-day { height:80px; }
.calendar-day:hover { background:#eceff5; }
.calendar-day-np  { background:#eee; min-height:80px; } 
.calendar-day-np { height:80px; }

.calendar-day-header { 
  background:#ccc;
   font-weight:bold;
    text-align:center; 
        width: 14.1%;
    padding:5px; 
    border: 1px solid #999;
     float: left;
 }

.calendar-day-head { 
 background: #f5f5f5;
   font-weight:bold;
    text-align:center; 
        width: 14.1%;
    padding:5px; 
    border: 1px solid #999;
     float: left;
         height: 75px;
 }

 .calendar-day-head-mid { 
    background: #f5f5f5;
    font-weight: bold;
    text-align: center;
    width: 82%;
    padding: 5px;
    border-top: 1px solid #999;
    /* border-right: 1px solid #999; */
    float: left;
 }

 .calendar-day-head1 { 
  background:#ccc;
   font-weight:bold;
    text-align:center; 
    width: 9%; 
    padding:5px; 
    border: 1px solid #999;
     float: left;
     margin-left: -14px;

 }

 .calendar-day-head2 { 
  background:#ccc;
   font-weight:bold;
    text-align:center; 
    width: 9%; 
    padding:5px; 
    border: 1px solid #999;
     float: right;
 }

.day-number    { background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; float: left;}
/* shared */
.calendar-day, .calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; 
}    

.monthly {
      box-shadow: 0 13px 40px rgba(0, 0, 0, 0.5);
    }

    input[type="text"] {
      padding: 15px;
      border-radius: 2px;
      font-size: 16px;
      outline: none;
      border: 2px solid rgba(255, 255, 255, 0.5);
      background: rgba(63, 78, 100, 0.27);
      color: #fff;
      box-sizing: border-box;
      font-family: "Trebuchet MS", Helvetica, sans-serif;
    }
    input[type="text"]:hover {
      border: 2px solid rgba(255, 255, 255, 0.7);
    }
    input[type="text"]:focus {
      border: 2px solid rgba(255, 255, 255, 1);
      background:#eee;
      color:#222;
    }

    .button {
      display: inline-block;
      padding: 15px 25px;
      margin: 25px 0 75px 0;
      border-radius: 3px;
      color: #fff;
      background: #000;
      letter-spacing: .4em;
      text-decoration: none;
      font-size: 13px;
    }
    .button:hover {
      background: #3b587a;
    }
    .desc {
      max-width: 250px;
      text-align: left;
      font-size:14px;
      padding-top:30px;
      line-height: 1.4em;
    }
    .resize {
      background: #222;
      display: inline-block;
      padding: 6px 15px;
      border-radius: 22px;
      font-size: 13px;
    }

    .description{
      float: left;
    width: 25%;
    }
    
    @media (max-height: 700px) {
      .sticky {
        position: relative;
      }
    }
    @media (max-width: 600px) {
      .resize {
        display: none;
      }
    }



.none{ 
  display:none;
}

.dropdown{
  color: #444444;
  font-size:17px;
}

#calender_section{ 
  width:100%; 
  margin:30px 
  auto 0;
}
#calender_section h2{ 
  background-color:#efefef; 
  color:#444444; 
  font-size:17px; 
  text-align:center; 
  line-height:40px;
}

#calender_section h2 a{ 
  color:#F58220; 
  float:none;
}

#event_list{
      width: 16%;
    height: 461px;
    float: left;
    margin: 6% 0% 0% 0%;
}

.calendar_wrap{
width: 60%;
    margin: 0% 0% 0% 20%;
}

#calender_section_top{ 
    width: 100%;
    float: left;
    margin-left: -2%;
}

#calender_weekly_section_top{ 
    width: 98%;
    float: left;
    margin-left: -1px;
}

#calender_daily_section_top{ 
    width: 68%;
    float: left;
    margin-left: 155px;
}

#calender_section_top ul{
  padding:0; 
  list-style-type:none;
}

#calender_section_top ul li{ 
float: left;
    display: block;
    width: 12.9%;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    min-height: 39px;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background-color: #93ce75;
}



#calender_weekly_section_top ul{
padding: 0;
    list-style-type: none;
    margin: 0;
}

#calender_weekly_section_top ul li{ 
    float: left;
    display: block;
    width: 99px;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    min-height: 39px;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background-color: #9675ce;
}

#calender_daily_section_top ul{
  padding:0; 
  list-style-type:none;
}

#calender_daily_section_top ul li{ 
    float: left;
    display: block;
    width: 99px;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    min-height: 39px;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background-color: #9675ce;
}

#calender_section_bot{ 
    width: 91%;
    float: left;
    border-left: 1px solid #f1ea26;
    border-bottom: 1px solid #f3ed3b;
}

#calender_weekly_section_bot{ 
width: 98%;
    margin-left: -37px;
    float: left;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#calender_daily_section_bot{ 
width: 55%;
    margin-left: -75px;
    float: left;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}



#calender_weekly_section_top ul{
  padding:0; 
  list-style-type:none;
}

#calender_weekly_section_top ul li{ 
    float: left;
    display: block;
    width: 99px;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    min-height: 39px;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background-color: #9675ce;
}

#calender_weekly_section_top ul{
  padding:0; 
  list-style-type:none;
}

#calender_weekly_section_top ul li{ 
    float: left;
    display: block;
    width: 99px;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    min-height: 39px;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background-color: #9675ce;
}


#calender_weekly_section_top ul{
  padding:0; 
  list-style-type:none;
}



#calender_daily_section_top ul{
  padding:0; 
  list-style-type:none;
}

#calender_daily_section_top ul li{ 
    float: left;
    display: block;
    width: 99px;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    min-height: 39px;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    background-color: #9675ce;
}

#calender_section_bot ul{ 
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 101%;
    height: 338px;
}

#calender_section_bot ul li{ 
    float: left;
    width: 14%;
    height: 80px;
    text-align: center;
    border-top: 1px solid #eaf540;
    border-right: 1px solid #e8f340;
    min-height: 0;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: white;
}

#calender_section_bot ul li span{ 
  margin-top:7px; 
  float:left; 
  margin-left:7px; 
  text-align:center;
}

#calender_weekly_section_bot ul{ 
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 101%;
    height: 338px;
}

#calender_weekly_section_bot ul li{ 
float: left;
    width: 99px;
    height: 48px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    min-height: 0;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
}

#calender_weekly_section_bot ul li span{ 
  margin-top:7px; 
  float:left; 
  margin-left:7px; 
  text-align:center;
}


#calender_daily_section_bot ul{ 
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 101%;
    height: 338px;
}

#calender_daily_section_bot ul li{ 
    float: left;
    width: 494px;
    height: 48px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    min-height: 0;
    background: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
}

#calender_daily_section_bot ul li span{ 
  margin-top:7px; 
  float:left; 
  margin-left:7px; 
  text-align:center;
}

#event_add{
      width: 23%;
    height: fit-content;
    float: left;
}

.grey{ background-color:#DDDDDD !important;}
.light_sky{ background-color:#B9FFFF !important;}

/*========== Hover Popup ===============*/
.date_cell { cursor: pointer; cursor: hand; }
.date_cell:hover { background: #DDDDDD !important; }
.date_popup_wrap {
  position: absolute;
  width: 143px;
  height: 115px;
  z-index: 9999;
  top: -115px;
  left:-55px;
  background: transparent url(WIMedia/Img/calendar/add-new-event.png) no-repeat top left;
  color: #666 !important;
}
.events_window {
  overflow: hidden;
  overflow-y: auto;
  width: 133px;
  height: 115px;
  margin-top: 28px;
  margin-left: 25px;
}
.event_wrap {
  margin-bottom: 10px; padding-bottom: 10px;
  border-bottom: solid 1px #E4E4E7;
  font-size: 12px;
  padding: 3px;
}
.date_window {
  margin-top:20px;
  margin-bottom: 2px;
  padding: 5px;
  font-size: 16px;
  margin-left:9px;
  margin-right:14px
}
.popup_event {
  margin-bottom: 2px;
  padding: 2px;
  font-size: 16px;
  width:100%;
}
.popup_event a {color: #000000 !important;}
.packeg_box a {color: #F58220;float: right;}
a:hover {color: #181919;text-decoration: underline;}

@media only screen and (min-width:480px) and (max-width:767px) {
#calender_section{ width:336px;}
#calender_section_top ul li{ width:47px;}
#calender_section_bot ul li{ width:47px;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
#calender_section{ width:219px;}
#calender_section_top ul li{ width:30px; font-size:11px;}
#calender_section_bot ul li{ width:30px;}
#calender_section_bot{ width:217px;}
#calender_section_bot ul li{ height:50px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
#calender_section{ width:530px;}
#calender_section_top ul li{ width:74px;}
#calender_section_bot ul li{ width:74px;}
#calender_section_bot{ width:525px;}
#calender_section_bot ul li{ height:50px;}
}


/*
 * FOOD MENU
 */

.food-jumbotron {
  text-align: center;
  overflow: hidden;
  position: relative;
  background-color: #001F40;
  border-radius: 0%;
  height:  calc(100vh - 62px);
}

.food-jumbotron-bg {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  object-fit: cover;
  height: 100%;
}

.food-jumbotron-caption {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.menu-icon {
  max-width: 45px; 
}

.menu-icon-text {
  display: none;
}

.food-jumbotron h1 {
  margin-bottom: 2.8rem;
}

.food-category {
  padding-top: 8rem;
}

.food-category h2 {
  margin-bottom: 2.8rem;
}

.menu-item {
  padding: 2.8rem 0;
}

.food-image {
  margin-bottom: 2.8rem;
  text-align: center;
}

.food-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.food-title:before {
  position: absolute;
  top: 12px;
  left: 20px;
  right: 20px;
  height: 1px;
  border-top: 2px dotted rgba(0,0,0,1);
  display: block;
  content: '';
}

.food-name {
  position: relative;
  padding-right: 15px;
  background: #fff;
}

.food-price {
  position: relative;
  padding-left: 15px;
  background: #fff;
}

.food-ingredients {
  margin-bottom: 0;
}

.food-horizontal-rule {
  margin: 0;
}

/*
 * DRINKS MENU
 */

.drinks-jumbotron {
  text-align: center;
  overflow: hidden;
  position: relative;
  background-color: #001F40;
  border-radius: 0%;
  height:  calc(100vh - 62px);
}

.drinks-jumbotron-bg {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  object-fit: cover;
  height: 100%;
}

.drinks-jumbotron-caption {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.drinks-jumbotron h1 {
  margin-bottom: 2.8rem;
}

.drinks-descriptions {
  max-width: 50em;
}

.drink-category {
  padding-top: 8rem;
}

.drink-category h2 {
  margin-bottom: 2.8rem;
}

.drink-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem;
  position: relative;
}

.drink-title:before {
  position: absolute;
  top: 12px;
  left: 20px;
  right: 20px;
  height: 1px;
  border-top: 2px dotted rgba(0,0,0,1);
  display: block;
  content: '';
}

.drink-name {
  position: relative;
  padding-right: 15px;
  background: #fff;
}

.drink-price {
  position: relative;
  padding-left: 15px;
  background: #fff;
}

.drink-ingredients {
  margin-bottom: 0;
}

.drink-horizontal-rule {
  margin: 0;
}

/*
 * DESSERTS MENU
 */

.desserts-jumbotron {
  text-align: center;
  overflow: hidden;
  position: relative;
  background-color: #001F40;
  border-radius: 0%;
  height:  calc(100vh - 62px);
}

.desserts-jumbotron-bg {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  object-fit: cover;
  height: 100%;
}

.desserts-jumbotron-caption {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.desserts-jumbotron h1 {
  margin-bottom: 2.8rem;
}

.desserts-descriptions {
  max-width: 50em;
}

.dessert-category {
  padding-top: 8rem;
}

.dessert-category h2 {
  margin-bottom: 2.8rem;
}

.dessert-image {
  margin-bottom: 2.8rem;
  text-align: center;
}

.dessert-title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

.dessert-title:before {
  position: absolute;
  top: 12px;
  left: 20px;
  right: 20px;
  height: 1px;
  border-top: 2px dotted rgba(0,0,0,1);
  display: block;
  content: '';
}

.dessert-name {
  position: relative;
  padding-right: 15px;
  background: #fff;
}

.dessert-price {
  position: relative;
  padding-left: 15px;
  background: #fff;
}

.dessert-ingredients {
  margin-bottom: 0;
}

.dessert-horizontal-rule {
  margin: 0;
}


@media (min-width: 481px) {

.wi{
    width: 100%;
}

.osdp {
    height: 72px;
}

.top_head {
    background: black;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    /* min-height: 40px; */
    height: 45px;
    margin-top: 0px;
}

.logo{
    width: 100%;
    height: 170px;
    float: left;
    margin-left: -23px;
    margin-top: 4px;
    margin: 0px 0px 0px -15px;
}

.menu{
  min-height: 60px;
}

}

@media (min-width: 769px){

.wi{
    width: 100%;
}
.osdp {
    height: 72px;
}



.top_head {
    background: black;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    /* min-height: 40px; */
    height: 45px;
    margin-top: 0px;
}

.logo{
    width: 100%;
    height: 170px;
    float: left;
    margin-left: -23px;
    margin-top: 4px;
    margin: 0px 0px 0px -15px;
}

.menu{
}


}

.regDiv{
      width: 77%;
    float: left;
}

.card {

    padding: 12%;
}

/* ===================================================== */
/* BLOG META                                             */
/* ===================================================== */
.blog-meta{
    width: 48%;
    float: left;
    margin-bottom: 2px;
    height: 22px;
    margin-left: 2%;
}

.blog-meta li{
    float: left;
    margin-right: 15px;
    font-size: 11px;
    color: #999;
}
.blog-meta li a {
    color: #444;
    font-family: OPEN SANS;
    font-size: 12px;
    padding-left: 3px;
}
.blog-meta li a:hover {
    color: #e74c3c;
}

.blog-meta li.post-tags a:first-child{
    padding-left: 3px;
}
.post_container{
    position: relative;
    overflow: hidden;
}
.post-image ul{
    max-height: 397px;
}
.post-info{
    width: 45px;
    height: 90px;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    float: left;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.post_container:hover .post-info{
    left:-45px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.no-media .post_container:hover .post-info {
    left: 0;
}

.post-info .post-category{
    width: 45px;
    height: 45px;
    background-color: #e74c3c;
}
.post-info .post-category i{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    font-size: 20px;
    width: 45px;
    height: 45px;
}
.page-content.colored .post-info .post-date{
    background: #fff;
}

.post-info .post-date{
    width: 45px;
    height: 45px;
    background-color: #555;
}

.post-info .post-date span{
    text-align: center;
    width: 100%;
    display: block;
    color: #fff;
}

.post-info .post-date .day{
    font: 18px 'Lato', Arial, sans-serif;
    padding-top: 7px;
    line-height: 18px;
    color: #fff;
}

.post-info .post-date .month{
    text-transform: uppercase;
    font-size: 12px;
}
.post_container {
    background: none repeat scroll 0 0 #FFFFFF;
        margin-bottom: 2%;
}
.singleSound{
    border-radius: 0 !important;
    overflow: hidden;
}
.widgetContainer{
    border-radius: 0 !important;
    box-shadow: none !important;
}
.g-grey-border{
    border:none !important;
}

.blog_no_media{
    width: 80%;
    margin-left: 10%;
    height: 78px;
}





/* ===================================================== */
/* LIST BLOG POST STANDAR                                */
/* ===================================================== */
.blog_style_1,
.blog_style_2,
.blog_style_3,
.blog_style_4 {
    display: block;
    margin-bottom: 50px;
    overflow: hidden;
    position: relative;
}
.post-blockquote blockquote {
    margin-bottom: 0;
    padding: 30px;
}
.post-blockquote blockquote p {
    z-index: 0;
    font-family: Open sans;
    font-size: 14px;
    line-height: 1.8;
}
.blog_style_1 .post_container .post-video {
    display: inline;
}
.blog_style_1 .post_container .post-video iframe {
    display: block;
    min-height: 383px;
    overflow: hidden;
    width: 100%;
}


/* ===================================================== */
/* LIST BLOG POST STYLE 2                                */
/* ===================================================== */
.blog_style_2 .post-image,
.blog_style_2 .post-video, 
.blog_style_2 .post-audio {
    display: block;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 40%;
}
.blog_style_2 .post-content{
    width: 60%;
    float: left;
    padding: 9px 13px 13px 20px;
 }

.blog_style_2.no-media .post-content{
    padding-top: 15px;
}
.blog_style_2.no-media .post-content,
.blog_style_3.no-media .post-content{
    width: 100%;
}
.blog_style_2 .post-video,
.blog_style_2 .post-audio,
.blog_style_3 .post-video,
.blog_style_3 .post-audio{
    max-height: 500px;
    height: 100% !important;
}
.blog_style_2 .post-video iframe{
    min-height: 100% !important;
    height: 225px;
}
.blog_style_2 .post-audio iframe{
    height: 225px;
}
.blog_style_2 .post-image:before,
.blog_style_3 .post-image:before{
    content: "-";
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: auto;
    z-index: 0;
}


/* ===================================================== */
/* LIST BLOG POST STYLE 3                                */
/* ===================================================== */
.blog_style_3{
    padding-bottom: 50px;
    border-bottom: 1px solid #ecf0f1;
}
.blog_style_3 .post-image,
.blog_style_3 .post-video, 
.blog_style_3 .post-audio {
    display: block;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 35%;
}
.blog_style_3 .post-content{
    width: 55%;
    float: left;
    border: none;
    padding: 0 0 0  20px;
 }
.blog_style_3 .post-info{
    position: relative;
    margin-right: 20px;
}
.blog_style_3 .post_container:hover .post-info{
    left: 0;
}
.blog_style_3.no-media .post-content{
    width: 90%;
    padding: 0
}
.blog_style_3.no-media .post_container .post-content a h4, .blog_style_3 .post_container .post-content a h4 {
    margin-top: 0;
}
.blog_style_3 .post-video iframe{
    min-height: 100% !important;
    height: 200px;
}
.blog_style_3 .post-audio iframe{
    height: 200px;
}



/* ===================================================== */
/* LIST BLOG POST STYLE 4                                */
/* ===================================================== */
.blog_style_4{
    padding-bottom: 50px;
    border-bottom: 1px solid #ecf0f1;

}
.blog_style_4 .post-image,
.blog_style_4 .post-video, 
.blog_style_4 .post-audio {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.blog_style_4 .post-info{
    position: relative;
    margin-right: 20px;
    margin-top: 20px;
}
.blog_style_4 .post_container:hover .post-info{
    left: 0;
}
.blog_style_4.no-media .post-content{
    width: 90%;
    padding: 0
}
.blog_style_4.no-media .post_container .post-content{
    padding-top: 0;
}
.blog_style_4.no-media .post_container .post-content a h4 {
    margin-top: 0;
}
.blog_style_4 .post_container .post-content {
    border: medium none;
    float: right;
    padding: 20px 0 0;
    width: 92%;
}
.no-media .post-info{
    margin-top: 0;
}
.no-media .post_container .post-content{
    /*padding-top: 0;*/
}
.blog_style_4 .post_container .post-video {
    display: inline;
}
.blog_style_4 .post_container .post-video iframe{
    display: block;
    min-height: 383px;
    overflow: hidden;
    width: 100%;
}
.blog_style_4 .post_container .post-content a.read-more{
    margin-bottom: 0;
}




/* ===================================================== */
/* BLOG SINGLE POST                                      */
/* ===================================================== */
.single_blog{
    padding-bottom: 50px;
    border-bottom: 1px solid #ecf0f1;

}
.single_blog .post-image,
.single_blog .post-video, 
.single_blog .post-audio {
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.single_blog .post-info{
    position: relative;
    margin-right: 20px;
    margin-top: 20px;
}
.single_blog .post_container:hover .post-info{
    left: 0;
}
.single_blog.no-media .post-content{
    width: 90%;
    padding: 0
}
.single_blog .post_container .post-content {
    border: medium none;
    float: right;
    padding: 20px 0 0;
    width: 92%;
}
.no-media .post-info{
    margin-top: 0;
}
.no-media .post_container .post-content{
    /*padding-top: 0;*/
}
.single_blog .post_container .post-video {
    display: inline;
}
.single_blog .post_container .post-video iframe{
    display: block;
    min-height: 383px;
    overflow: hidden;
    width: 100%;
}
.single_blog .post_container .post-content a.read-more{
    margin-bottom: 0;
}
.single_blog .post-content{
    margin-bottom: 30px;
}




/* ===================================================== */
/* BLOG SINGLE POST 2                                    */
/* ===================================================== */
.blog_post_2 .single_blog .post_container .post-content {
    border: medium none;
    float: right;
    padding: 20px 0 0;
    width: 88%;
}

.blog_style_6 .post_container .post-video iframe {
    display: block;
    min-height: 255px;
    overflow: hidden;
    width: 100%;
}

/* ===================================================== */
/* POST User Interact Likes                              */
/* ===================================================== */

#user_interact{
        width: 49%;
    float: right;
    margin-bottom: 2px;
}

.user_interact{
    width: 92%;
    float: left;
    margin-bottom: 2px;
}

.ui{
        width: 30%;
    float: left;
    cursor: pointer;
}

/* ===================================================== */
/* POST SHARE ARTICLE                                    */
/* ===================================================== */
.shares {    
    float: left;
    list-style: none outside none;
    margin-left: 8%;
    position: relative;
    margin-bottom: 0;
}
.shares li { float: left;}

.shares li.shareslabel h3 {padding: 10px 15px; font-weight: 600; text-transform: uppercase; background: #444;font-size: 18px;margin: 0;font-family: open sans;margin-right: 5px; color: #ffffff}
.shares li a {
    background: none no-repeat scroll 4px 3px #FFFFFF;
    border: 1px solid #222222;
    display: block;
    height: 40px;
    margin: auto 2px;
    text-align: center;
    width: 40px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.shares li a:hover { 
    background-position: 4px -62px; 
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.shares li a:active { background-color: #ecf0f1; }
.shares li a.twitter { background-image: url(../img/icons/social/twitter.png); }
.shares li a.twitter:hover { background-color:#9AE4E8 !important;border-color: #9AE4E8;}

.shares li a.facebook { background-image: url(../img/icons/social/facebook.png); }
.shares li a.facebook:hover { background-color:#3B5998 !important;border-color: #3B5998;}

.shares li a.gplus { background-image: url(../img/icons/social/gplus.png); }
.shares li a.gplus:hover { background-color:#d34836 !important;border-color: #d34836;}

.shares li a.pinterest { background-image: url(../img/icons/social/pinterest.png); }
.shares li a.pinterest:hover {background-color:#C92228 !important;border-color: #C92228;}

.shares li a.yahoo { background-image: url(../img/icons/social/yahoo.png); }
.shares li a.yahoo:hover { background-color:#d34836 !important;border-color: #d34836;}

.shares li a.linkedin { background-image: url(../img/icons/social/linkedin.png); }
.shares li a.linkedin:hover { background-color:#007bb6 !important;border-color: #007bb6;}




/* ===================================================== */
/* BLOG SINGLE POST                                      */
/* ===================================================== */
.about_author {
    background: #F6F6F6;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
}
.author_desc {
    background: #222222;
    float: left;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    padding: 20px 0;
    position: absolute;
    text-align: center;
    width: 25%;
}
.author_desc > img {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin: 10px auto 15px;
    padding: 4px;
    max-width: 80px;
    max-height:80px;
}

.about_author h3 {
    margin: 0 auto 5px;
    text-transform: uppercase;
}
.author_name > a {
    color: #222222;
    font-family: open sans;
    font-size: 16px;
    font-weight: bold;
}
.author_name > a:hover {color:#e74c3c;}
.author_bio {
    display: block;
    float: right;
    padding: 20px;
    position: relative;
    width: 75%;
}

.author_bio > h5 {
    font-family: lato;
    font-size: 13px;
    margin: 0 auto 10px;
}
.author_bio h5 a {
    color: #e74c3c;
    font-family: open sans;
    font-size: 13.5px;
    font-weight: 600;
    margin-left: 2px;
}
.author_social {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-align:center;
    z-index:9999;
}
.author_social li {
    background: None !important;
    display:inline-block
}
.author_social li a {
    color: #fff;
    border:1px solid #fff;
    display:block;
    height: 30px;
    text-align: center;
    width: 30px;
    border-radius:50%;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
.author_social li a i {
    font-size: 14px;
    line-height: 30px;
}
.author_social li a.fb:hover      {background: #2f5a9a; border-color:#2f5a9a; color: #fff;}
.author_social li a.twtr:hover    {background: #3abdd1; border-color:#3abdd1; color: #fff;}
.author_social li a.gmail:hover   {background: #222222; border-color:#222222; color: #fff;}
.author_social li a.pinterest:hover{background: #d13a3a; border-color:#d13a3a; color:#fff;}
.author_social li a.rss:hover     {background: #f15200; border-color:#f15200; color:#fff;}
.author_social li a.tumblr:hover  {background: #203550; border-color:#203550; color:#fff;}
.author_social li a.flickr:hover        {background: #ff0084; border-color:#ff0084; color:#fff;}
.author_social li a.instagram:hover     {background: #507ea4; border-color:#507ea4; color:#fff;}
.author_social li a.linkedin:hover      {background: #0072b2; border-color:#0072b2; color:#fff;}
.author_social li a.skype:hover         {background: #00aaf1; border-color:#00aaf1; color:#fff;}
.author_social li a.youtube:hover       {background: #ff3330; border-color:#ff3330; color:#fff;}
.author_social li a.dribbble:hover      { background: #f973a4; border-color:#f973a4; color:#fff;}


/* ===================================================== */
/* COMMENT BLOG POST                                     */
/* ===================================================== */
.news_comments {
    border-top: 1px solid #ecf0f1;
    margin: 50px auto 0;
    padding: 30px 0 0;
}
#comment-list { margin:0; padding:0;}
#comment-list li {
    background:none;  
    margin:0;
    padding:0;
    overflow:hidden;
}
#comment-list ul.children { margin-left:94px;padding:0;}
.comment-container {
    border:solid 1px #ecf0f1;    
    margin-bottom:20px;
    margin-left:90px;
    padding:20px 20px 0;
    position:relative;
    -moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
}
.comment-container:hover {
    background:#ecf0f1;
    border-color:#e74c3c;
}
.avatar:hover img{border-color: #e74c3c;}
.comment-body { margin-bottom:20px; }
.avatar {
    float:left;
    width:75px; 
    overflow: hidden;
    position: relative;
}
.avatar img {
    display:block;
    margin-right:20px;
    z-index: 0;
    border:1px solid #ecf0f1;
    padding:3px;
    border-radius: 100%;
}

h4.comment-author {
    font-size:16px;
    line-height:20px;
    margin:0;
}
h4.comment-author a{color:#555}

#comment{
    border-bottom: 1px solid #ecf0f1;
    padding-bottom: 50px;
    margin-bottom: 30px;
}
#comment-list li .comment-container:hover a{color:#e74c3c;}
#comment-list .comment-meta { margin-bottom:10px; }
#comment-list .comment-date { font-size:12px; font-style:italic;color:#666;}
#comment-list li .comment-container:hover .comment-date { color:#e74c3c; }
/* comment hover effect */  
#comment-list li .comment-container:hover h4 { color:#e74c3c; }
.comment-reply-link { 
    position:absolute;
    right:20px;
    top:20px;
}
a.link-style3 {
    color: inherit !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    text-transform: uppercase;
}
.comment-reply-link {
    position: absolute;
    right: 20px;
    top: 20px;
}
.row-fluid textarea, textarea {
    font-size: 14.994px;
    height: auto;
    width:99.5% !important;
    line-height: 24px;
    padding: 10px !important;
    background: #FFFFFF;
    border:1px solid #e9e9e9;
    color: #A3A3A3
}
.row-fluid textarea:focus, .row-fluid input:focus, textarea:focus{
    border-color: #e74c3c !important;
    -moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
}
.comment_form > input {
    margin-bottom:25px;
    margin-right:20px;
    width: 31.6%;
    position: relative;
    background: #FFFFFF;
    padding: 10px;
    border:1px solid #e9e9e9;
    color: #A3A3A3
}
input[type="text"],input[type="email"]{
    border-radius: 0;
    position: relative;
    background: #FFFFFF;
    border:1px solid #e9e9e9;
    color: #A3A3A3;
    height: 40px;
    font-size: 13px;
    box-shadow: none;
}
input[type="text"]:focus,input[type="email"]:focus{
    box-shadow: none;
    border-color: #e74c3c !important;
}
.blog_post_2 .comment_form > input {
    margin-bottom:25px;
    margin-right:20px;
    width: 30.6%;
    position: relative;
    background: #FFFFFF;
    padding: 10px;
    border:1px solid #e9e9e9;
    color: #A3A3A3
}
#comments {
    margin-bottom: 20px;
}
.comment_form > input:last-child {
    margin-right:0;
}


/* ===================================================== */
/* Membership page                                       */
/* ===================================================== */

.membership-pricing-table {
    width: 100%;
}

.membership-pricing-table ul li .icon-no,.membership-pricing-table li .icon-yes {
    font-size: 22px
}

.membership-pricing-table ul li .icon-no {
    color: #a93717
}

.membership-pricing-table ul li .icon-yes {
    color: #209e61
}

.membership-pricing-table ul li .plan-header {
    text-align: center;
    font-size: 48px;
    border: 1px solid #e2e2e2;
    padding: 25px 0
}

.plan-header-free {
    background-color: #eee !important;
    color: #555
}

.plan-header-blue {
    color: #fff;
    background-color: #61a1d1 !important;
    border-color: #3989c6 !important;
}

.plan-header-standard {
    color: #fff;
    background-color: #ff9317 !important;
    border-color: #e37900 !important;
}

.membership-pricing-table ul li {
    text-align: center;
    width: 18%;
    padding: 7px 10px;
    background-color: #fafafa;
    font-size: 14px;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
        float: left;
}

.membership-pricing-table li,.membership-pricing-table ul li {
    border: 1px solid #ebebeb
}

.membership-pricing-table ul li :first-child {
    background-color: transparent;
    text-align: center;
    width: 94%
}

.membership-pricing-table ul li :nth-child(5) {
    background-color: #FFF
}

.membership-pricing-table ul li:first-child li,.membership-pricing-table ul li:nth-child(2) li {
    -webkit-box-shadow: none;
    box-shadow: none
}

.membership-pricing-table ul li:first-child li:first-child {
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: #e2e2e2
}

 .pricing-plan-name {
    font-size: 28px;
}

 .pricing-plan-price {
    line-height: 35px;
    font-size: 33px;
}

 .pricing-plan-price>sup {
        font-size: 73%;

}

 .pricing-plan-price>span {
    font-size: 55%;
}

.pricing-plan-period {
       margin-top: -7px;
    font-size: 175%;
}

 .header-plan-inner {
    position: relative
}

.recommended-plan-ribbon {
    box-sizing: content-box;
    background-color: #dc3b5d !important;
    color: #FFF;
    position: absolute;
    padding: 3px 6px;
    font-size: 11px!important;
    font-weight: 500;
    left: 2px;
    top: -15px;
    z-index: 99;
    width: 100%;
    -webkit-box-shadow: 0 -1px #c2284c inset !important;
    box-shadow: 0 -1px #c2284c inset !important;
    text-shadow: 0 -1px #c2284c !important;
}

.membership-pricing-table li .recommended-plan-ribbon:before {
    border: solid;
    border-color: #c2284c transparent;
    border-width: 6px 0 0 6px;
    bottom: -5px;
    content: "";
    left: 0;
    position: absolute;
    z-index: 90
}

.membership-pricing-table li .recommended-plan-ribbon:after {
    border: solid;
    border-color: #c2284c transparent;
    border-width: 6px 6px 0 0;
    bottom: -5px;
    content: "";
    right: 0;
    position: absolute;
    z-index: 90
}

.membership-pricing-table li .plan-head {
    box-sizing: content-box;
    background-color: #ff9c00;
    border: 1px solid #cf7300;
    position: absolute;
    top: -33px;
    left: -1px;
    height: 30px;
    width: 100%;
    border-bottom: none
    }

    .homepage-desserts, .homepage-drinks {
    margin-top: 0;
  }

  .card-2, .card-3 {
    margin-top: 0;
  }

  .desserts, .drinks, .contact-details {
    margin-top: 0;
  }

  .menu-icon {
    max-width: 60px; 
  }

  .contact-details {
    border-left: 1px solid rgba(255, 255, 255, 1);
  }

  .border-left-custom {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .page-footer {
    text-align: left;
  }

  .page-footer-title::before {
    content: '';
    width: 30px;
    border-top: #007bff;
    border-top-style: solid;
    border-top-width: 3px;
    display: block;
    margin-bottom: 10px;
  }

  .footer-title-h5::before {
    content: '';
    display: block;
    width: 30px;
    border-top: 3px solid #007bff;
    margin-bottom: .8rem;
  }

  .page-footer .row {
    padding-left: initial;
    padding-right: initial;
  }

  .footer-social:not(:first-child) {
    margin-left: 0.7rem;
  }
  
  .food-image {
    margin-bottom: 0;
  }

  .dessert-image {
    margin-bottom: 0;
  }

  .special-title-2 {
    font-size: 3.8rem;
  }
}



/* Phones - Landscape Mode */
@media only screen and (min-width: 560px) and (max-width: 850px) and (orientation: landscape) { 
  .food-jumbotron h1, .desserts-jumbotron h1, .drinks-jumbotron h1 {
    margin-bottom: 1rem;
    font-size: 25px;
  }
  .about-arrow {
    display: none;
  }
  .menu-icon-text {
    display: none;
  }
  .menu-icon {
    max-width: 30px;
  }
}


@media (min-width: 1200px){

.wi{
    width: 100%;
}

.osdp {
    height: 72px;
}

.top_head {
    background: black;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    /* min-height: 40px; */
    height: 45px;
    margin-top: 0px;
}

.logo{
    width: 100%;
    height: 170px;
    float: left;
    margin-left: -23px;
    margin-top: 4px;
    margin: 0px 0px 0px -15px;
}

.menu{
}

}