﻿body
{
    font-family: 'Slabo 27px',Arial, serif;
   
}
  @font-face {
        font-family: 'icomoon';
        src:url('../fonts/icomoon.eot');
        src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
            url('../fonts/icomoon.woff') format('woff'),
            url('../fonts/icomoon.ttf') format('truetype'),
            url('../fonts/icomoon.svg#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }


[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
	color:#FFF; float:left; padding-top:15px; 
	transition: all 0.3s ease 0s;
    
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
  content: "\e942";
      color: #fe0000;
}

.icon-mail2:before {
  content: "\ea84";
      color: #fe0000;
}
.icon-facebook:before {
  content: "\ea90";
      color: #fff;
}
.icon-twitter:before {
  content: "\ea96";
      color: #fff;
}
.icon-google-plus:before {
  content: "\ea8b";
          color: #fff;
}
.clear
{
	clear:both;
}
#myNavbar
{
    margin-left: 6%;
}
.navbar-nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.item img
{
	width:100%;
}
a
{
	color:#000;
}
.no-padding
{
	padding-left:0px;
 padding-right:0px;
}
ul
{
    padding-left: 0px;
}
.features li
{
    color: #999;
    background-image: url(images/right-nav.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 0px 2px;
    padding-left: 19px;
    list-style: none;
        line-height: 25px;
}
h1,h2,h3,h4,h5,h6
{
	font-family: 'Aref Ruqaa', serif;
    color:#ed4e48;
}
    h1 span
    {
        color: #fe0000 ;
    }
    h4 span
    {
        color: #fe0000 ;
    }
p {
    color: #636060;
    line-height: 23px;
    font-size: 16px;
}
.hundred
{
 
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #fe0000;
    box-shadow: 0px 2px 4px -1px #7b7b7b;
    z-index: 999999;
    position: relative;

}
.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
    top: 30%;
}
.carousel-caption h3
{
font-size: 4em;
   color: #f00000;
    font-family: 'Abel-Regular';
    font-style: italic;
}
.carousel-caption p
{
    color: #f00000;
    background: rgba(255, 255, 255, 0.64);
    padding: 5px;
    border-radius: 14px;
    font-size: 21px;
}
.more
{    padding: 0.4em 2em;
    display: inline-block;
    background-color: #F00000;
    border-radius: 4px;
        border: 1px solid #fff;
        transition:padding 0.8s;
}

.more a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
.carousel-control
{
	background-image:none !important;
	top:40%;
	opacity:1;
}
/**********************Navigation**************************/

.navbar-inverse
{
	border:none;
	background:#fff;
}
.navbar-inverse .navbar-nav>li>a {
    color: #555;
    text-transform: uppercase;
       line-height: 35px;
}
.navbar {
    position: relative;
    margin-bottom: 0px; 
  height: 55px;
}
.nav li a
{overflow:hidden;
}

.navbar-nav .active a
{

    color: #fe0000 !important;
    border: 3px solid #fe0000;
    /* border-bottom: 2px solid #fe0000; */
    background: none !important;
    line-height: 12px !important;
    margin-top: 8px !important;

}
.navbar-brand>img {
    display: inline-block;
    width:100%
}
.navbar-brand
{
	height:auto;
	padding:0px;
}

.img-responsive{
	width:100%;
	height:auto;
}
.navbar-nav li:hover a {
    color: #fe0000 !important;

}
.navbar-header
{
    margin-top: -18px;
}
.sp-slides-container {
    -webkit-box-shadow: 0px 56px 36px -60px #121D12;
    -moz-box-shadow: 0px 56px 36px -60px #121D12;
    -o-box-shadow: 0px 56px 36px -60px #121D12;
    box-sizing: border-box;
    position: relative;
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: #fe0000 !important;
}
.navbar-nav li a::before {
    content: '';
    position: absolute;
    height: 66%;
    width: 99%;
    border-bottom-width: 2px 0;
    border-color: #fe0000;
    border-style: solid;
    left: 0;
    -webkit-transform: translate3d(-101%,0,0);
    transform: translate3d(-101%,0,0);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
.navbar-nav li a:hover::before  {
   -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/***********topbar****************/
.blue{width:100%; background-color:#FFECA2;}
.logo{width:100%; margin-top:-44px;}
.callbg{width:auto; height:auto; float:right;}
.callbg span { color: #fe0000; padding-left:10px; font:Lato; font-size:16px;}
.callbg a {color:#fe0000; font-family:Lato;}
.callbg a:hover {color:#a9d7ff; text-decoration:none;}
.line{border-left:1px solid #ffeca2; width:auto; height:50px; float:left; margin:0px 20px;}
.line1{ width:auto; height:50px; float:left; margin:0px 20px;}
.iconbg{float:left;}
.iconbg span{background-color:#fe0000 ; margin-right:2px; padding-bottom:23px; padding-right:15px; padding-left:15px;}
.iconbg span:hover{background-color:#f1cb3a;}
.space{float:left; width:20px; margin:0px 20px;}
/***************************buttons*************************/
.rbtn a {
    background-color: #fe0000 ;
    font-family: Lato;
    font-size: 15px;
    font-weight: normal;
    color: #FFF;
    padding: 10px;
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.rbtn img {
    margin-left: 10px;
}
.welcomebg img {
    margin: 0 auto;
    padding: 15px 0px;
}
.rbtn:hover a {
    background-color: #e7414b;
    transition: all 0.6s ease 0s;
    text-decoration:none;
}
.deg
{
   
    margin-bottom: 10px;
}
.margin
{
    margin-top: 10px;
}
.dateBox {
    width: 100px;
    height: 71px;
    background: url(../images/dateboxbg.png) no-repeat;
}.dateBox .date {
    width: 66px;
    height: 71px;
    color: #FFFFFF;
}
 .dateBox .date h3 {
    margin: 0;
    font-size: 26px;
    margin-top: 7px;
    color:#fff;
   
}
 .dateBox .date h4 {
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 5px;
    color:#fff;
}
 .dateBox .year {
    width: 34px;
    height: 71px;
   
}
 .dateBox .year h4 {
    margin: 0;
    line-height: 71px;
    font-size: 20px;
    margin-top: 4px;
    color: #FFFFFF;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
 .newsContent {
    margin-left: 10px;
    width: 240px;
}

 .newsContent a h4 {
    color: #7faf2f;
    display: none;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    
}
 .newsContent a h5 {

    font-size: 16px;
    margin: 0;
    margin-bottom: 5px;
    color: #d2981b;
}
 .newsContent a p {
   
    font-size: 13px;
    line-height: 19px;
    color: #4c4e4f;
}
 .qickShort .ruler {
    margin-top: 60px;
    margin-bottom: 50px;
}
.ruler {
    border-top: 1px solid #dcdddd;
    position: relative;
}
.qickShort .ruler h4 {
    font-size: 22px;
   position: absolute;
    top: -28px;
    left: 0;
    background: #FFF;
    padding-right: 10px;
}
a
{
    text-decoration: none;
}
.prin-img
{
    float: left;
    margin: 3px 10px;
}
.principal-block p
{
    text-align: justify;
}
.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 100%;
}

.carousel.vertical .prev {
  top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -100%;
}

.carousel.vertical .active.right {
  top: 100%;
}

.carousel.vertical .item {
    left: 0;
}
.vision span {
    color: #CF4042;
    margin-right: 20px;
    font-size: 60px;
    border: 1px solid #CF4042;
    padding: 20px;
    transition: all 0.6s ease 0s;
}
.icon-eye:before {
  content: "\e9ce";
}
.vision
{
    width: auto;
}
.vision span:hover {
    color: #FFFFFF;
    background-color: #CF4042;
    transform: rotateY(360deg);
    border: 1px solid #FFFFFF;
    transition: all 0.6s ease 0s;
}
.icon-target:before {
  content: "\e9b3";
}
.home-gal img
{
    width: 100%;
    margin-top:15px;
}
.no-padding-right
{
    padding-right: 0px;
}
.margin-top
{
    margin-top: 50px;
}
.home-gal .thumbnail {
    display: block;
  padding:0px !important;
    margin-bottom: 0px;
    line-height: 1.42857143;

     border: 0px !important;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
@media (max-width:576px)
{
    .deg
    {
        width:100%;
        margin-bottom: 10px;
    }
}


/**
 * Top Footer Style
 */
#top-footer {
    background: #fe0000 ;
}
#top-footer {
    color: #fff;
    position: relative;
    border-top: 3px solid #cf4042;
    padding: 25px 0 1px 0px;
}
  #top-footer #go-up-box {
    width: 40px;
    height: 40px;
    background: #C5A46D;
    position: absolute;
    top: -25px;
    left: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
    -moz-transform: translateX(-40%);
    -ms-transform: translateX(-40%);
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%); }
  #top-footer h4 {
    color: #C5A46D;
    font-size: 24px;
    letter-spacing: -1px;
    margin-bottom: 20px;
    padding: 0 40px; }
    @media (max-width: 420px) {
      #top-footer h4 {
        padding: 0 15px !important; } }
  #top-footer .widget {
    padding: 0; }
    @media (max-width: 992px) {
      #top-footer .widget {
        margin-bottom: 30px; } }
    @media (max-width: 600px) {
      #top-footer .widget {
        float: none;
        width: 100%;
        border: 0;
        border-bottom: 1px solid #404040;
        padding-bottom: 30px; } }
    #top-footer .widget:first-child h4 {
      padding-left: 0; }
    #top-footer .widget:first-child .widget-content {
            font-size: 16px;
      border-left: 0;
      padding-left: 0; }
    #top-footer .widget:last-child h4 {
      padding-right: 0; }
    #top-footer .widget:last-child .widget-content {
      border-right: 0;
      padding-right: 0; }
    @media (max-width: 600px) {
      #top-footer .widget:last-child {
        border: 0;
        padding-bottom: 0;
        margin-bottom: 0; } }
    #top-footer .widget.get-in-touch {
      position: relative;
      z-index: 1; }
      @media (max-width: 992px) {
        #top-footer .widget.get-in-touch {
          clear: both;
          overflow: hidden; } }
      #top-footer .widget.get-in-touch:before {
        display: block;
        content: "";
        position: absolute;
        left: 20px;
        top: 40px;
        z-index: -1;
        background: url(../images/dotted-map.png) 0 0 no-repeat;
     
        height: 201px; }
#top-footer .widget-content {
    border-left: 1px solid #ffffff;
    line-height: 25px;
    padding: 0 20px;
    min-height: 145px;
    font-size:16px;
}
    @media (max-width: 600px) {
      #top-footer .widget-content {
        padding: 0 15px !important;
        border: 0; } }
    #top-footer .widget-content .news-letter-form input {
      display: block;
      width: 100%;
      margin-top: 15px;
      padding: 0 15px;
      width: 100%;
      height: 35px; }
    #top-footer .widget-content .news-letter-form input[type="text"] {
      border: 1px solid #cf4042;   
       color: #000; }
     #top-footer .widget-content .news-letter-form .message {

         min-height:100px;

      }
      #top-footer .widget-content .news-letter-form input[type="text"].placeholder {
        color: #484748; }
      #top-footer .widget-content .news-letter-form input[type="text"]:-moz-placeholder {
        color: #484748; }
      #top-footer .widget-content .news-letter-form input[type="text"]::-moz-placeholder {
        color: #484748; }
      #top-footer .widget-content .news-letter-form input[type="text"]:-ms-input-placeholder {
        color: #484748; }
      #top-footer .widget-content .news-letter-form input[type="text"]::-webkit-input-placeholder {
        color: #484748; }
    #top-footer .widget-content ul li {
      line-height: 30px;
      margin-bottom: 15px; }
    #top-footer .widget-content ul li i {
    margin-right: 20px;
    color: #cf4042;
    font-size: 1.4em;
}
    #top-footer .widget-content ul.social-icons {
      margin-top: 30px; }
      #top-footer .widget-content ul.social-icons li {
        width: 35px;
        height: 35px;
        padding: 0;
        margin: 4px;
        text-align: center; }
 #top-footer .widget-content ul.social-icons li a {
    display: block;
    border: 1px solid #ffffff;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
       
#top-footer .widget-content ul.social-icons li a i {
    color: #cf4042;
    margin: 0;
    line-height: 35px;
    font-size: 1.1em;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
        #top-footer .widget-content ul.social-icons li:hover a {
          background: #262626; }
          #top-footer .widget-content ul.social-icons li:hover a i {
            color: #fff; }

/**
 * Footer Style
 */
#footer {
  border-bottom: 2px solid #C5A46D;
  padding: 30px;
  text-align: center; }
  #footer ul li {
    padding: 0; }
    #footer ul li:last-child a {
      border-right: 0; }
    #footer ul li a {
      line-height: 10px;
      padding: 0 5px;
      border-right: 1px solid #C5A46D;
      color: #333333;
      display: block; }
      #footer ul li a:hover {
        color: #C5A46D; }
  #footer .copy-right {
    margin-top: 20px; }

  .glyphicon-chevron-right
{
    color: #a29061;
}
    .glyphicon-chevron-left
{
    color: #a29061;
}
.copy-right {
    text-align: center;
    border-top: 4px solid #cf4042;
    margin-top: 7px;
    padding-top: 10px;
    font-size:16px;
}
   
        .copy-right p, .copy-right a {
    color: #cf4042;

    }
      .copy-right a:hover
    {
         color: #cf4042;
       text-decoration:underline;
    }
.single-fun-wrapper {
    background: rgba(0, 0, 0, 0.32);
    text-align: center;
    padding: 21px 0px;
    min-height: 128px;
    max-height: 110px;
    border: 1px dashed#a69467;
}
   .single-fun-wrapper h5 {
    color: #a29061;
   }
li
{
    list-style: none;
}
ul
{
    padding-left: 0px;
}
.widget h2
{
    color: #fff;
}
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    border: 1px solid #cf4042;
    color: #cf4042;
}
h1.tag {
    font-size: 45px;
    text-align: center;
    margin-top: -2px;
    margin-left: 6px;
    color:#fff;

}
h1.tag span {
    color: #ed4e48;
}
.navbar-toggle .icon-bar
{
    float: none !important;
    padding-top:0px !important;
}
/*****************Media Queries*********************/
.container-new
{
    width: 90%;
    margin: 0 auto;
}


@media (max-width: 1718px)
{
    h1.tag
    {
        font-size: 39px;
        margin-top:6px;
    }
   
}

@media (max-width: 1420px)
{
    h1.tag
    {
        font-size: 37px;
        margin-top: 6px;
    }
}
@media (max-width: 1375px)
{
    h1.tag
    {
        font-size: 35px;
        margin-top: 12px;
    }
       in-right: 0%;
}
}
@media (max-width: 1325px)
{
h1.tag {
    font-size: 34px;
    margin-top: 12px;
}
}
@media (max-width: 1299px)
{
    h1.tag
    {
        font-size: 32px;
        margin-top: 12px;
    }
}
@media (max-width: 1250px)
{
    h1.tag
    {
        font-size: 30px;
        margin-top: 16px;
    }
}


@media (max-width: 1195px)
{
    h1.tag
    {
        font-size: 28px;
        margin-top: 16px;
    }
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 12px;
}
}
@media (max-width: 1176px)
{

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 12px;
}
}
@media (max-width: 1146px)
{
    h1.tag
    {
        font-size: 27px; margin-top: 16px;
    }
}
@media (max-width: 1125px)
{
    h1.tag
    {
        font-size: 26px; margin-top: 16px;
    }
}
@media (max-width: 1095px)
{
    h1.tag
    {
        font-size: 24px; margin-top: 24px;
    }
}
@media (max-width: 1072px)
{
    .container-new {
    width: 93%;
    margin: 0 auto;
}
    .navbar-inverse .navbar-nav>li>a
    {
        font-size: 13px;
    }
    }
@media (max-width: 1010px)
{
    .container-new {
    width: 97%;
    margin: 0 auto;
}
    .navbar-inverse .navbar-nav>li>a
    {
        font-size: 13px;
    }
    }

@media (max-width: 991px)
{
    .container-new {
    width: 100%;
    margin: 0 auto;
}
    .navbar-inverse .navbar-nav>li>a
    {
        font-size: 12px;
    }
    .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 9px;
    font-size:11px;
}
    .icon-phone
    {
        display: none !important;
       
    }
    }
@media (max-width: 942px)
{
h1.tag {
    font-size: 23px;
    margin-top: 24px;
}
}
@media (max-width: 917px)
{
h1.tag {
    font-size: 22px;
    margin-top: 24px;
}
}
@media (max-width: 899px)
{
    .container-new {
    width: 93%;
    margin: 0 auto;
}
    h1.tag

    {
       display:none;
    }
}
@media (max-width: 872px)
{
    .container-new {
    width: 95%;
    margin: 0 auto;
}
    h1.tag

    {
       display:none;
    }
}
@media (max-width: 850px)
{
    .container-new {
    width: 97%;
    margin: 0 auto;
}
    h1.tag

    {
       display:none;
    }
}
@media (max-width: 834px)
{
    .container-new {
    width: 99%;
    margin: 0 auto;
}
    h1.tag

    {
       display:none;
    }
}
@media (max-width: 819px)
{
    #myNavbar
    {
        float: none !important;
        margin-right: 0%;
    }
}
@media (max-width: 767px)
{
    .navbar-inverse .navbar-toggle
    {
        margin-top: 62px;
         border-color: #ed4e48;
             padding: 9px 27px !important;

    }
    .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fe0000 ;
}
   .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background-color: #fe0000  !important;
    color: #fff;
}
     .navbar-toggle:hover .icon-bar
    {
        color: #fff;
    }
     .nav>li {
    position: relative;
    display: block;
    border-top: 1px solid #fe0000 ;
}
        .nav > li:hover a::before
        {
            display: none;
        }

    #top-footer .widget
    {
        margin-bottom: 0px;
    }
    .widget-content
    {
        text-align: center;
    }
}
@media (max-width: 550px)
{
    .icon-mail2, .line
    {
        display: none;
    }
}
.inner-page img
{
    width: 100%;
}
.table thead
{
    background: #fe0000;
    color: #fff;
    text-align:center;
}
.table-bordered {
    border: 1px solid #ffeca2 !important;
    text-align: center;
    background: #ffeca2;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #fe0000 !important;
}
.table>thead:first-child>tr:first-child>th {
    border-top: 0;
    text-align: center;
}
.icon-forward:before {
  content: "\e969";
  padding-top:0px !important;
  color:red;
}
.legend [class^="icon-"], [class*=" icon-"]
{
    padding-top: 0px;
      padding-right:5px;
}
footer
{
    background: #ffeca2;
    margin-top: 20px;
    border-top: 1px dashed #fe0000;

}


    footer p
    {
        color:#636060;
    }

        footer p a
        {
            color:#f00000;
        }
   footer .iconbg span {
    background-color: #fe0000;
    margin-right: 8px;
    /* padding-bottom: 23px; */
    /* padding-right: 15px; */
    /* padding-left: 15px; */
    padding: 19px;
    border-radius: 29px;
}
   
        footer .container {
    padding-top: 31px;
    padding-bottom: 20px;
}
  
    footer .iconbg
    {
           float: none !important;
    text-align: center;
    display: inline-block;
    }
.amenities-block li {
    margin-bottom: 6px;
    border-top: 1px solid #ccc;
    padding: 7px 7px 7px 5px;
    border-left: 3px solid #fe0000;
}
 .copyright {
    background: #fe0000;
    color: #fff;
    padding: 10px;
    border-top: 1px solid #fff;

}
    .copyright p
    {
         color: #fff;
         margin-bottom:0px;
    }
.copyright a
{
    color:#ffeca2;
}
.tnc [class^="icon-"], [class*=" icon-"]
{
    padding-top: 0px !important;
    padding-right:5px;
}
li
{
    margin-bottom: 3px;
}
.navbar-nav li.active a::before
{
    display: none;
}
/***********************Form Style**********************/
.bb_resbox h2
{
    display: none;
}


.bb_resbox {
   
    border: 1px solid #f00000 !important;
    float: left !important;
    font-family: Arial, Helvetica, sans-serif !important;
 
    -webkit-box-shadow: 0px 56px 36px -60px #121D12;
    -moz-box-shadow: 0px 56px 36px -60px #121D12;
    -o-box-shadow: 0px 56px 36px -60px #121D12;
    background: #ffeca2 !important;
}

select.bb_combobox
{
    width: 100% !important;
    border-radius:0px !important;
           font-size: 10px !important;
    color: #292828 !important;
      height:31px !important;
      border:1px solid #ccc !important;
          -webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
    box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px !important;
    font-weight: normal !important;
       color: #4c4848;
    font-size: 13px;
    width: 100%;
    margin-bottom: 0px !important;
}

  p.bbres_fieldset 
{
        padding: 0px 5px 0 6px !important;
      position:relative !important;
}
p.bbres_fieldset input
{
}
 button.ui-datepicker-trigger {
    float: left;
    background: url(../../images/bookingbtn/calendar.png) no-repeat;
    border: none;
    margin-left: 3px;
   
    width: 21px;
    height: 21px;
    position: absolute !important;
    top: 30px !important;
    right: 16px !important;
}
input.bbres_booknow {
    padding: 0.4em 2em !important;
    display: inline-block !important;
    color: #F00000 !important;
    border-radius: 0px !important;
    border: 2px solid #f00000 !important;
    transition: padding 0.8s !important;
    margin-left: 0px !important;
    margin-top: 10px !important;
    width: 39% !important;
    background: #fff !important;
}
 p.bbres_fieldset input.bbres_fieldset
{
    width: 100% !important;
    height:31px !important;
        font-size: 10px !important;
        
      border:1px solid #ccc !important;
      position:relative !important;
    color: #292828 !important;
      height:31px !important;
          -webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
    box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.02);
}
.awards img
{
    width: 100%;
}
.cert-block
{
 padding: 8px 11px;
    border: 1px dashed #ffffff;
    margin-bottom: 10px;
    background: #ffeca2;
}

    .cert-block p a
    {
        color: red;
        font-style: italic;
    }


.welcome-note p
    {
       
    color: #636060;
    line-height: 23px;
    font-size: 18px;
    text-align: justify;
    line-height: 23px;
}
          
.welcome-note h2
{
    margin-top: 0px;
}
.inner-from h2
{
    margin-top: 0px;
}
 
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  
  
@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}
.navbar-nav > li > .dropdown-menu li a:before
{
    display: none;
}
.inner-page h2
{
    margin-top: 3px;
}

.inner-from .bb_resbox {
    width: 100% !important;
  }

.gal img {
    width: 100%;
    padding-left: 4px;
}
ul.pack
{
    padding-left: 16px;
    
}
ul.pack li
{
  
  
    list-style-type: circle;
   

       }
.name {
    width: 94%;
    /* margin: 0 auto; */
    padding: 9px 6px;
    border: 1px solid #ffeca2;
    margin-bottom: 16px;
    box-shadow: 0 0 0 5px #f6f6f6;
    display:block !Important;
    color:#484748 !important;
    font-size:12px;
}
.msg
{
    min-height: 200px;
}
.radPopupImage img
{
        border-width: 0px;
    position: absolute;
    right: 64px;
    width:auto;
}
input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: #383737 !important;
}
input[type="text"]::-moz-placeholder { /* Firefox 19+ */
   color: #383737 !important;
}
input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #383737 !important;
}
input[type="text"]:-moz-placeholder
{ /* Firefox 18- */
    color: #383737 !important;
}
.msg::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: #383737 !important;
}
.msg::-moz-placeholder { /* Firefox 19+ */
   color: #383737 !important;
}
.msg:-ms-input-placeholder { /* IE 10+ */
  color: #383737 !important;
}
.msg:-moz-placeholder
{ /* Firefox 18- */
    color: #383737 !important;
}
.Over_Windows
{
    width: 100% !important;
  
   color:#383737 !important;
    border:none !important;
      font-size:12px !important;
        font-family: 'Slabo 27px',Arial, serif !important;
        background:none !important;
}
.Focus_Windows
{
    width: 100% !important;
  
      font-size:12px !important;
   color:#383737 !important;
   font-family: 'Slabo 27px',Arial, serif !important;
      border:none !important;
        background:none !important;
}
.inner-page input
{
     color:#383737;
}
.name input
{
    width: 100%;
    border:none !important;
    color:#383737;
}
.submit
{
        background: #fff;
    font-size: 20px;
    padding: 1px 34px;
    border: 3px solid #f00000 !important;
    transition:all 0.5s linear;
}
    .submit:hover
    {
        background: #f00000;
        color:#fff;
    font-size: 20px;
    padding: 1px 34px;
    border: 3px solid #f00000;
    }
    @media (max-width:765px)
    {
#myNavbar {
    float: none !important;
    margin-right: 0%;
    background:#fff;
    margin-left:0px;
}
.navbar-header {
    margin-top: -49px;
}
.navbar-inverse .navbar-nav>li>a {
    color: #555;
    text-transform: uppercase;
    line-height: 19px;
}
    }
    @media (min-width:1520px)
    {
    .navbar-brand>img {
    display: inline-block;
    width: 76%;
}
    }
.gm-iv-address {
    display: none !important;
}
.bb {
    font-size: 16px;
    color: red;
}