.yt_wrapper:(overflow !hidden)

 

.clearfix {

  *zoom: 1;

}

.clearfix:before,

.clearfix:after {

  display: table;

  content: "";

  line-height: 0;

}

.clearfix:after {

  clear: both;

}

.hide-text {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}

.input-block-level {

  display: block;

  width: 100%;

  min-height: ;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.align-left {

  text-align: left !important;

}

.align-right {

  text-align: right !important;

}

.align-center {

  text-align: center !important;

}

.noitalic {

  font-style: normal !important;

}

.nobold {

  font-weight: normal !important;

}

.nomarginall {

  margin-left: 0 !important;

  margin-right: 0 !important;

  margin-top: 0 !important;

  margin-bottom: 0 !important;

}

.nopaddingall {

  padding-left: 0 !important;

  padding-right: 0 !important;

  padding-top: 0 !important;

  padding-bottom: 0 !important;

}

.nomargintop {

  margin-top: 0 !important;

}

.poscenter {

  display: table;

  margin: 0 auto;

}

.nomarginbottom {

  margin-bottom: 0 !important;

}

.nomarginleft {

  margin-left: 0 !important;

}

.nomarginright {

  margin-right: 0 !important;

}

.nopaddingtop {

  padding-top: 0 !important;

}

.nopaddingbottom {

  padding-bottom: 0 !important;

}

.nopaddingleft {

  padding-left: 0 !important;

}

.nopaddingright {

  padding-right: 0 !important;

}

.thumbnail.pull-left {

  margin: 0 10px 10px 0;

}

.thumbnail.pull-right {

  margin: 0 0 10px 10px;

}

.grayshadow {

  text-shadow: 1px 1px #575757, 2px 2px #575757, 3px 3px #575757, 4px 4px #575757, 5px 5px #575757, 6px 6px #575757, 7px 7px #575757, 8px 8px #575757, 9px 9px #575757, 10px 10px #575757, 11px 11px #5a5a5a, 12px 12px #5d5d5d, 13px 13px #606060, 14px 14px #636363, 15px 15px #666666;

}

#flip-scroll table {

  width: 100%;

  border-collapse: collapse;

  border-spacing: 0;

  display: block;

}

#flip-scroll th,

#flip-scroll td {

  margin: 0;

  vertical-align: top;

}

#flip-scroll thead {

  display: block;

  float: left;

}

#flip-scroll tbody {

  display: block;

  width: auto;

  position: relative;

  overflow-x: auto;

  white-space: nowrap;

}

#flip-scroll tbody tr {

  display: inline-block;

  vertical-align: top;

  border-right: 1px solid #ccc;

  margin-left: -4px;

}

#flip-scroll th:last-child,

#flip-scroll td:last-child {

  border-bottom: 1px solid #babcbf;

}

#flip-scroll th {

  background: #666666;

  border-radius: 0;

  color: #fff;

  display: block;

  text-align: right;

  border-bottom: 0;

  font-size: 13px;

  border-left: 0;

  padding: 7px 10px 5px;

  min-height: 27px;

}

#flip-scroll td {

  display: block;

  padding: 7px 10px 5px;

  min-height: 26px;

  text-align: left;

  border-left: 0;

  border-right: 0;

  border-bottom: 0;

}

#flip-scroll .bs-docs-example th {

  min-height: 30px;

}

#bd {

  width: auto;

}

@media (min-width: 1200px) {

  #bd .layout-boxed + .yt-off-resmenu {

    visibility: hidden;

  }

  #bd .move + .yt-off-resmenu {

    visibility: visible;

  }

  #bd .mm-opened+ .mm-page .menu-fixed {

    width: auto;

    left: auto;

    right: auto;

  }

  #bd #yt_mainmenu .yt-resmenu {

    position: absolute;

    right: 0px;

    top: 0;

  }

  #bd #yt_mainmenu .yt-resmenu a {

    line-height: 38px;

    background: transparent;

  }

  #bd #yt_mainmenu .yt-resmenu a .fa {

    font-size: 18px;

    color: #999;

  }

  #bd #yt_mainmenu .yt-resmenu a:hover {

    background: #666;

  }

  #bd #yt_mainmenu .yt-resmenu a:hover .fa {

    color: #fff;

  }

}

@media (min-width: 980px) and (max-width: 1199px) {

           

            .yui-calcontainer {

    position: relative;

    padding: 5px;

    background-color: #F7F9FB;

    border: 1px solid #7B9EBD;

    float: left;

    overflow: hidden;

    margin-left: 288px !important;

    margin-top: 24px !important;

}

           

            .imagebooking imG {

    height: 310px;

    width: 100%;

}

           

            .col-sm-6.imagebooking {

    float: right;

    width: 100%;

}

           

            .call-now {

    margin-left: -6px !important;

    top: 269px !important;

}

           

           

            #social {

    top: 81px !important;

}

           

           

            .text1 h1 {

    font-size: 35px !important;

}

           

           

            section#content {

    margin-top: 4px !important;

}

 

.tambo h1 {

    font-size: 56px !important;

}

 

 

 

 

 

#yt_header {

     background: rgba(0, 0, 0, 0) url("/images/header-4.jpg") repeat fixed 0px 0px / cover;

     height: 700px !important;

     margin-top: 0px !important;

}

 

 

 

  .rsform-block-calendar {

    margin: 3px 0 0 0 !important;

}

 

  .rsform-block-calendar .formControlLabel {

    padding: 0px 10px 0px 0px !important;

    float: none !important;

}

 

 

  #js-mainnav.megamenu.blackwhite ul.level0 li.mega span.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega, #js-mainnav.megamenu.blackwhite .megaMenuToggle {

    color: black;

    font-size: 11px !important;

    text-transform: uppercase;

}

 

 

 

  #contact-section .book-btn a {

    background: rgba(17, 33, 51, 0.5) none repeat scroll 0px 0px;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    display: inline-block;

    font-size: 20px;

    letter-spacing: 5px;

    margin: 40px 0px 30px !important;

    padding: 20px 80px;

    text-transform: uppercase;

    transition: all 0.5s ease 0s;

}

 

 

  .contact-details {

    background: #ffffff none repeat scroll 0% 0%;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

    color: #696969;

    display: inline-block;

    min-height: 390px !important;

    padding: 30px 50px 30px 50px;

    text-align: left;

}

 

 

 

 

 

 

 

 

  #contact-section {

    background: #f9f9f9 none repeat scroll 0% 0%;

    padding: 50px 0 0 0 !important;

    text-align: center;

 

}

 

  #slogan-section .container{

    width:100% !important;

  }

 

  .contact-details h1 {

    color: #4BF954;

    font-size: 25px;

}

 

 

 

 

  #contact-section {

    background: #f9f9f9 none repeat scroll 0% 0%;

    padding: 50px 0 0 0 !important;

    text-align: center;

}

 

  #contact-section .container{

    width:100% !important;

  }

 

 

    #yt_header::after,

#yt_header::before{

    display: none;

}

  #bd .container {

    width: 980px;

  }

 

.call-now {margin-left: 120px;top: 90px;}

 

#top-form {

    display: none;

}

 

#welcome-section h1 {

    padding-top: 0;

}

 

#social {

    top: 200px;

}

 

#home .parallax-text {

    background: rgba(0,0,0,0.6);

    padding: 25px 0px;

    font-size: 22pt;

}

 

.book-btn a {

    margin-top: 10px;

}

 

#yt_menuwrap {

    background: #fff;

}

 

#js-mainnav.megamenu.blackwhite ul.level0 li.mega span.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega, #js-mainnav.megamenu.blackwhite .megaMenuToggle {}

 

 

 

 

 

  #bd .layout-boxed {

    background: #F6F6F6;

  }

  #bd .mm-opened+ .mm-page .menu-fixed {

    width: auto;

    left: auto !important;

    right: auto;

  }

  #bd #yt_mainmenu .yt-resmenu {

    position: absolute;

    right: 0px;

    top: 0;

  }

  #bd #yt_mainmenu .yt-resmenu a {

    line-height: 38px;

    background: transparent;

  }

  #bd #yt_mainmenu .yt-resmenu a .fa {

    font-size: 18px;

    color: #999;

  }

  #bd #yt_mainmenu .yt-resmenu a:hover {

    background: ;

  }

  #bd #yt_mainmenu .yt-resmenu a:hover .fa {

    color: #fff;

  }

  #bd #yt_spotlight2 .module .item {

    padding: 0px 25px;

  }

  #bd #yt_mainmenu #meganavigator li.level1 > .item-link {

    padding: 12px 24px;

  }

  #bd .blog .items-leading .item .item-image {

    float: none !important;

    margin: 0px 0px 20px 0px;

    display: inline-block;

  }

  #bd .blog .items-leading .item.span4 .item-image,

  #bd .blog .items-leading .item.span6 .item-image,

  #bd .blog .items-leading .item.span3 .item-image {

    display: block;

    height: 100%;

    min-width: inherit !important;

    min-height: inherit !important;

  }

  #bd .blog .items-leading .item.span4 .item-image .img_caption,

  #bd .blog .items-leading .item.span6 .item-image .img_caption,

  #bd .blog .items-leading .item.span3 .item-image .img_caption {

    width: auto !important;

  }

  #bd .blog .items-row .item .item-image {

    float: none !important;

    margin: 0px 0px 20px 0px;

    display: inline-block;

    min-height: inherit !important;

    min-width: inherit !important;

  }

  #bd .blog .items-row .item.col-sm-3 .item-image,

  #bd .blog .items-row .item.col-sm-4 .item-image,

  #bd .blog .items-row .item.col-sm-6 .item-image {

    display: block;

    height: 100%;

    min-width: inherit !important;

    min-height: inherit !important;

  }

  #bd .blog .items-row .item.col-sm-3 .item-image img,

  #bd .blog .items-row .item.col-sm-4 .item-image img,

  #bd .blog .items-row .item.col-sm-6 .item-image img {

    max-width: 100%;

    display: block;

  }

  #bd .blog .items-row .item.col-sm-3 .item-image .img_caption,

  #bd .blog .items-row .item.col-sm-4 .item-image .img_caption,

  #bd .blog .items-row .item.col-sm-6 .item-image .img_caption {

    width: auto !important;

  }

  #bd .blog.blog-featured .items-row .item .item-image {

    min-height: inherit !important;

    min-width: inherit !important;

    display: block;

  }

  #bd .item-page .btn.btn-flat {

    font-size: 14px;

  }

  #bd .item-page .dt-list {

    width: 47%;

  }

  #bd .tag-category ul.items-row .item .item-image {

    float: none !important;

    margin: 0px 0px 20px 0px;

    display: inline-block;

  }

  #bd #social .poscenter {

    margin-left: 50px !important;

  }

  #bd #mod-finder-searchform {

    margin: 3px 0 0;

  }

  #bd #mod-finder-searchform input.inputbox {

    width: 185px;

  }

  #bd .yt-loginform .dropdown-menu {

    min-width: 190px;

  }

  #bd .mod-languages .dropdown-menu {

    min-width: 150px;

  }

  #bd .mod-languages .dropdown-menu li a {

    font-size: 12px;

    padding: 7px 5px;

  }

  #bd .mod-languages .dropdown-menu li a img {

    margin-top: 3px;

  }

  #bd .form-vertical {

    padding: 14px 5px;

  }

  #bd .form-vertical .login-greeting {

    font-size: 12px;

    margin: 4px 4px 0 0;

  }

  #bd .form-vertical .logout-button .btn {

    padding: 3px 1px 3px 8px;

  }

  #bd .mod-languages ul.dropdown-menu {

    min-width: 150px;

  }

  #bd div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner .acd-content {

    padding: 10px;

  }

  #bd div.sj-accordion .acd-items .acd-item .acd-content-wrap .acd-content-wrap-inner .acd-content .acd-description {

    font-size: 12px;

  }

  #bd div.bsn-wrap.theme3 .item .basicnews-desc {

    padding: 10px;

    font-size: 12px;

  }

  #bd div.bsn-wrap.theme3 .item .basicnews-info {

    padding: 5px 10px 20px;

  }

  #bd .carousel .carousel-caption h4 {

    font-size: 130%;

    margin: 0;

  }

  #bd .carousel .carousel-caption p {

    display: none;

  }

  #bd.rtl #social .poscenter {

    margin-left: 5px !important;

    margin-right: 40px !important;

  }

  #bd.rtl #mod-finder-searchform input.inputbox {

    margin-right: 28px;

  }

  #bd.rtl #mod-finder-searchform .button {

    left: 10px;

  }

}

@media (min-width: 767px) and (max-width: 979px) {

           

            #yt_header {

    height: 100px !important;

}

 

           

            #content #yt_component {

    background: rgba(0,0,0,0.5);

    padding: 40px;

    text-align: center;

    color: white;

    margin-top: 147px !important;

}

           

           

           

#welcome-section .welcome-img {

    padding-right: 0;

    margin-bottom: 67px !important;

}

           

            .col-sm-8 {

    width: 100% !important;

}

 

 

#welcome-section h1 {

    padding-top: 50px;

    text-align: center;

    text-transform: capitalize;

}

 

.textlock {

    font-size: 13px;

    background: white;

    color: white;

    padding-bottom: 36px !important;

    padding-left: 25px !important;

    background: #46B8DA;

    margin-bottom: -130px !important;

}

 

.text1 {

    text-align: center;

}

 

.welcome-para {

    text-align: center;

}

 

.col-sm-4.col-xs-12.welcome-img {

    width: 100% !important;

}

 

.welcome-img {

    text-align: center;

    margin-bottom: -300px !important;

    margin-top: 49px !important;

}

 

 

#team-section {

    background: white;

    padding: 80px 0px;

    text-align: center;

    margin-top: -120px !important;

}

 

 

div#content_main {

    margin-top: -158px !important;

}

 

.tambo h1 {

    font-size: 47px !important;

}

 

.col-sm-6.imagebooking {

    float: right;

    width: 100%;

}

 

.yui-calcontainer {

    position: relative;

    padding: 5px;

    background-color: #F7F9FB;

    border: 1px solid #7B9EBD;

    float: left;

    overflow: hidden;

    margin-left: 181px !important;

    margin-top: 8px !important;

}

 

 

.imagebooking imG {

    height: 310px;

    width: 100% !important;

}

 

#welcome-section .welcome-img {

    padding-right: 0;

    margin-bottom: -51px !important;

}

 

 

section#content {

    margin-top: 4px !important;

}

 

#yt_header {

     background: rgba(0, 0, 0, 0) url("/images/header-4.jpg") repeat fixed 0px 0px / cover;

     height: 500px !important;

     margin-top: 10px !important;

}

div#yt_logo img {

    width: 30% !important;

}

 

  .rsform-block-meeting-time{

    font-size:12px;

  }

 

 

  #userForm {

    background: #ffffff none repeat scroll 0% 0%;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

    padding: 47px 10px !important;

}

 

  .rsform-block-calendar {

    margin: 3px 0 0 0 !important;

}

 

  .rsform-block-calendar .formControlLabel {

    padding: 0px 10px 0px 0px !important;

    float: none !important;

}

 

 

  #contact-section .container{

    width:100% !important;

  }

 

 

  #slogan-section .container{

    width:100% !important;

  }

 

  .team-item::before {

    border-bottom: 2px solid #000000;

    bottom: 70px;

    content: "";

    left: 87px;

    position: absolute;

    width: 60px;

}

 

 

  .contact-details h1 {

    color: #4BF954;

    font-size: 19px;

}

 

 

  #contact-section {

    background: #f9f9f9 none repeat scroll 0% 0%;

    padding: 40px 0 0 0 !important;

    text-align: center;

}

 

 

 

  .contact-details {

    background: #ffffff none repeat scroll 0% 0%;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

    color: #696969;

    display: inline-block;

    min-height: 390px;

    padding: 7px 10px 0px 13px;

    text-align: left;

}

 

.book-btn a {

margin: 10px 0px 20px !important;

padding: 10px 20px;

}

 

 

  #home .parallax-text {

    line-height: 60px;

    font-size: 26pt;

    background: rgba(0,0,0,0.6);

    width: 100%;

    padding: 0 0;

}

  .welcome-img{

    margin:100px 0 0 0;

  }

 

 

 

 

 

 

 

 

 

  #yt_header::after,

#yt_header::before{

    display: none;

}

  #bd .container {

    width: 750px;

  }

 

.call-now {

    left: 0;

    right: 0;

    margin: 40px auto 0;

    border-radius: 0;

    padding: 0px 0;

    height: auto;

}

 

#top-form {

    display: none;

}

 

#yt_logo {

    width: 100%;

    text-align: center;

}

 

.btn-info {

    padding: 5px 20px;

    margin: 0;

}

 

#js-mainnav.megamenu.horizontal.right ul.level0 {

    float: none !important;

    margin: 0 auto;

}

 

#js-mainnav.megamenu.blackwhite ul.level0 li.mega span.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega, #js-mainnav.megamenu.blackwhite .megaMenuToggle {

    font-size: 9pt !important;

}

 

#mainmenu {

    width: 100%;

    padding: 20px 0 0;

}

 

#yt_menuwrap {

    background: #fff;

}

  #bd #yt_logo img {

    height: auto !important;

  }

  #bd #yt_spotlight2 .module .item {

    padding: 0px 10px;

  }

  #bd #yt_mainmenu ul.navi {

    display: none;

  }

  #bd #yt_mainmenu div.yt-resmenu {

    display: block;

  }

  #bd .carousel .carousel-caption h4 {

    font-size: 130%;

    margin: 0;

  }

  #bd .carousel .carousel-caption p {

    display: none;

  }

  #bd .mod-languages ul.dropdown-menu {

    min-width: 125px;

  }

  #bd .blog-featured .items-row .item .item-image {

    display: inline-block;

  }

  #bd .blog .items-leading .item.span4 .item-image,

  #bd .blog .items-leading .item.span6 .item-image,

  #bd .blog .items-leading .item.span3 .item-image {

    display: block !important;

    min-width: inherit !important;

    min-height: inherit !important;

  }

  #bd .blog .items-leading .item.span4 .item-image .img_caption,

  #bd .blog .items-leading .item.span6 .item-image .img_caption,

  #bd .blog .items-leading .item.span3 .item-image .img_caption {

    width: auto !important;

  }

  #bd .blog .items-leading .item .item-image {

    float: none !important;

    display: inline-block;

    margin: 0 0 20px;

  }

  #bd .blog .items-row .item.col-sm-3 .item-image,

  #bd .blog .items-row .item.col-sm-4 .item-image,

  #bd .blog .items-row .item.col-sm-6 .item-image {

    display: block !important;

    min-width: inherit !important;

    min-height: inherit !important;

    float: none !important;

  }

  #bd .blog .items-row .item.col-sm-3 .item-image .img_caption,

  #bd .blog .items-row .item.col-sm-4 .item-image .img_caption,

  #bd .blog .items-row .item.col-sm-6 .item-image .img_caption {

    width: auto !important;

  }

  #bd .blog .items-row .item .item-image {

    float: none !important;

    display: inline-block;

    margin: 0 0 20px;

  }

  #bd .item-page .btn.btn-flat {

    padding: 5px 15px;

    font-size: 12px;

  }

  #bd .item-page .related-items .img-fulltext {

    display: inline-block;

  }

  #bd .item-page .g-pageteam .b-ourteam .col-sm-6.first {

    clear: both;

  }

  #bd .item-page .dt-list {

    width: 47%;

  }

  #bd .tag-category ul.items-row .item .item-image {

    float: none !important;

    margin: 0px 0px 20px 0px;

    display: inline-block;

  }

  #bd div.bsn-wrap.theme2 .item {

    margin-bottom: 30px;

  }

  #bd div.bsn-wrap.theme2 .item .bsn-image .alignleft {

    width: 100% !important;

  }

  #bd div.bsn-wrap.theme3 .item .bsn-image .alignleft {

    width: 100% !important;

  }

  #bd .yt-loginform .dropdown-menu {

    min-width: 188px;

  }

  #bd .mod-languages .dropdown-menu li a {

    padding: 7px;

  }

  #bd .form-vertical {

    padding: 15px 5px;

  }

  #bd .form-vertical .login-greeting {

    font-size: 12px;

  }

  #bd .form-vertical .logout-button .btn {

    padding: 2px 0 2px 6px;

  }

  #bd #social {

    padding-right: 0px;

    top: 71px !important;

    width: 100%;

    text-align: center;

  }

  #bd #social .poscenter {

    margin: -3px 0px 0px 26px !important;

  }

  #bd #social .poscenter .yt-socialbt {

    margin-right: 10px;

  }

  #bd #search {

    padding-right: 0px;

  }

  #bd #search #mod-finder-searchform {

    margin-right: 0px;

  }

  #bd #search #mod-finder-searchform #mod-finder-searchword {

    width: 157px;

  }

  #bd #contact {

    padding-right: 0px;

  }

  #bd #contact .poscenter {

    margin-top: -4px;

  }

  #bd #contact .poscenter a {

    font-size: 13px;

  }

  #bd #contact .poscenter span {

    font-size: 13px;

  }

  #bd div.sj-accordion .acd-items .acd-item:hover .acd-image a.hover-link {

    top: 29%;

  }

  #bd.rtl #social {

    padding: 0px;

  }

  #bd.rtl #social .poscenter {

    margin: 3px 0px 0px 0px !important;

    padding-right: 15px;

  }

  #bd.rtl #search {

    padding: 0px;

  }

  #bd.rtl #search #mod-finder-searchform .button {

    left: 23px;

  }

  #bd.rtl #search #mod-finder-searchform input.inputbox {

    margin-right: 15px;

  }

  #bd.rtl .form-vertical {

    padding: 15px 1px;

  }

}

@media

 

 

 

 

  (max-width: 767px) {

 

th.calhead {

width: 203px;

}

 

 

             

            div#team {

    margin-top: -52px !important;

}

 

 

    div#yt_logo img {

        width: 72% !important;

    }

 

    div#yt_logo img {

        width: 30% !important;

    }

 

    .col-sm-12.imagebooking

     img {

        width:  100% !important;

        margin: 5px 0;

    }

 

    .col-sm-12.imagebooking {

    }

 

    .col-sm-6.image2 {

        padding: 0 !important;

    }

 

    .col-sm-6.image1.noleft {

        padding:  0 !important;

    }

    #bd table th {

        padding: 7px 25px 5px 10px !important;

    }

   

 

    .rsform-block.rsform-block-calendar-date-time-arrival {

        height:  inherit !important;

    }

 

    .rsform-block.rsform-block-preferred-meeting-time {

        height: inherit !important;

    }

 

    .rsform-block.rsform-block-calendar-date-time {

        height:  inherit !important;

    }

 

 

 

    .book #content #yt_component {

    background: rgba(0,0,0,0.5);

    padding: 10px;

    text-align: left;

    color: white;

}

.rsform-block.rsform-block-password {

    margin-top: 40px !important;

}

 

 

 

  #slogan-section {

    background: rgba(0, 0, 0, 0) url("/images/header-2.jpg") repeat fixed 0px 0px / cover;

    color: #f9f9f9;

    padding: 10px;

    text-align: center;

}

  .contact-details {

    background: #ffffff none repeat scroll 0% 0%;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

    color: #696969;

    display: inline-block;

    min-height: 0;

    padding: 10px 10px;

    text-align: left;

    font-size: 12px !important;

    width: 100%;

    margin: 0px 0px 20px;

}

 

.contact-form {

    min-height: 0;

    padding: 0 0;

}

 

  .team-item::before {

    border-bottom: 2px solid #000000;

    bottom: 20px;

    content: "";

    left: 274px !important;

    position: absolute;

    width: 60px;

    display: none;

}

 

 

 

    .welcome-img{

      margin: 0;

    }

 

.contact-form #userForm {

    background: #ffffff none repeat scroll 0% 0%;

    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);

    padding: 10px 10px;

}

 

 

  #bd .container {

    width: 100%;

  }

 

.call-now {

    position: relative;

    left: 0;

    right: 0;

    margin: 0 auto;

}

 

#top-form {

    display: none;

}

 

.online-booking #userForm {

    padding-bottom: 0;

}

 

#yt_footer {

    padding: 10px 0 0;

}

 

#slogan-section .h1-title {

    font-size: 22pt;

}

 

.team-item h2 {

    font-size: 15pt;

}

 

.team-item {

    min-height: 0;

    margin-bottom: 40px;

}

 

#team-section .h1-title2 {

    margin: 0 0 20px;

    font-size: 22pt;

}

 

#team-section {

    padding: 20px 0;

}

 

#yt_header::before,

#yt_header::after {

    display: none;

}

 

#yt_header {

    height: 620px !important;

}

 

#yt_logo {

    text-align: center;

}

 

#mainmenu {

    background: #888;

    padding: 0;

}

 

#yt_menuwrap {

    background: #fff;

    padding: 35px 0;

}

  #bd table table {

    width: 100%;

    border-collapse: collapse;

    border-spacing: 0;

    display: block;

  }

  #bd table th,

  #bd table td {

    margin: 0;

    vertical-align: top;

  }

  #bd table thead {

    /* display: block; */

    /* float: left; */

  }

  #bd table tbody {

    display: block;

    width: auto;

    position: absolute;

    overflow-x: auto;

    white-space: nowrap;

    left: 36px;

    bottom: 0px;

  }

  #bd table tbody tr {

    display: inline-block;

    vertical-align: top;

    border-right: 1px solid #ccc;

    margin-left: -4px;

  }

  #bd table th:last-child,

  #bd table td:last-child {

    border-bottom: 1px solid #babcbf;

  }

  #bd table th {

    background: #666666;

    border-radius: 0;

    color: #fff;

    display: block;

    text-align: right;

    border-bottom: 0;

    font-size: 13px;

    border-left: 0;

    padding: 7px 10px 5px;

    min-height: 27px;

  }

  #bd table td {

    display: block;

    padding: 7px 10px 5px;

    min-height: 26px;

    text-align: left;

    border-left: 0;

    border-right: 0;

    border-bottom: 0;

  }

  #bd table .bs-docs-example th {

    min-height: 30px;

  }

  #bd .btn {

    white-space: normal;

    height: auto;

    margin: 10px 0 0;

  }

  #bd #yt_footer #yt_copyright {

    margin-bottom: 20px;

  }

  #bd #yt_footer #footer .pull-right {

    float: none !important;

    text-align: center;

  }

  #bd #yt_spotlight2 .module .item {

    padding: 0px;

    margin-bottom: 30px;

  }

  #bd #yt_mainmenu ul.navi {

    display: none;

  }

  #bd #yt_mainmenu div.yt-resmenu {

    display: block;

  }

  #bd .blog .items-leading .item .item-image {

    float: none !important;

    display: block;

    margin: 0 0 20px;

    min-height: inherit !important;

    min-width: inherit !important;

  }

  #bd .blog .items-row .item .item-image {

    float: none !important;

    display: block;

    margin: 0 0 20px;

    min-height: inherit !important;

    min-width: inherit !important;

  }

  #bd .blog-featured .items-leading .item .item-image,

  #bd .blog-featured .items-row .item .item-image {

    margin: 0 0 20px;

    float: none;

    display: block;

    min-height: inherit !important;

    min-width: inherit !important;

  }

 

 

  div#yt_logo img {

    width: 72% !important;

}

  #bd .item-page .img-fulltext {

    display: block;

    float: none;

  }

  #bd .item-page ul.related-items li {

    margin-bottom: 20px;

  }

  #bd .item-page ul.related-items li .img-fulltext {

    display: inline-block;

  }

  #bd .pagination  ul li {

    margin: 4px 2px;

  }

  #bd .pagination  ul li a,

  #bd .pagination  ul li span {

    float: none;

    display: inline-block;

  }

  #bd .tag-category ul.items-row .item .item-image {

    float: none !important;

    display: block;

    margin: 0px 0px 20px;

    min-width: inherit !important;

    min-height: inherit !important;

  }

  #bd .item-page .img-fulltext {

    float: none !important;

  }

  #bd .item-page .image {

    width: 100%;

    margin: 20px 0px;

  }

  #bd .item-page .dt-list {

    width: 100%;

    margin: 20px 0px;

  }

  #bd .item-page .notice {

    padding: 20px 20px 20px 50px;

    background-position: 12px center;

  }

  #bd .item-page .article-aside .article-info dd {

    font-size: 12px;

  }

  #bd div.archive .filter-search .button {

    margin-top: 1em;

  }

  #bd #search-form input.inputbox {

    margin-bottom: 10px;

  }

  #bd .form-vertical .login-greeting {

    display: none;

  }

  #bd .form-vertical .logout-button {

    margin: 0 10px;

  }

  #bd .registration .form-horizontal .control-label {

    width: 100%;

    padding: 0px;

  }

  #bd #yt_header .row > div {

    margin-bottom: 5px;

    text-align: center;

  }

 

#social {

    top: 45px !important;

    position: relative;

    width: 100%;

}

 

#home .parallax-text {

    line-height: 40px;

    font-size: 12pt;

    padding: 0 0;

}

  #bd #yt_header .row > div:before {

    display: none;

  }

  #bd #yt_header .row > div#social .poscenter {

    margin: 0px auto !important;

  }

  #bd #yt_header .row > div#contact .poscenter {

    width: 100%;

  }

  #bd #yt_header .row > div#contact .poscenter ul {

    width: 100%;

    overflow: hidden;

  }

  #bd #yt_header .row > div#contact .poscenter ul li {

    width: 50%;

    text-align: center;

    float: left;

  }

  #bd #yt_header .row > div#contact .poscenter ul li a {

    font-size: 13px;

  }

  #bd #yt_header .row > div#contact .poscenter ul li span {

    font-size: 13px !important;

  }

  #bd div.contact textarea,

  #bd div.contact input {

    width: 90%;

  }

  #bd #login {

    overflow: visible;

  }

  #bd #login .mod-languages ul.dropdown-menu {

    min-width: 121px !important;

  }

  #bd #searchForm .inputbox {

    margin-bottom: 10px;

  }

  #bd .yt-loginform .dropdown-menu {

    min-width: 190px;

  }

  #bd div.bsn-wrap .item {

    margin-bottom: 30px;

  }

  #bd div.bsn-wrap .item .bsn-image .alignleft {

    width: 100% !important;

  }

  #bd div.bsn-wrap.theme3 .item {

    margin: 0px;

  }

  #bd div.sj-accordion .acd-items .acd-item:hover .acd-image a.hover-link {

    top: 30%;

  }

  #bd .module.slider .modcontent {

    padding: 3px;

  }

  #bd .module.slider .modcontent .carousel .carousel-inner .item .carousel-caption {

    display: none;

  }

  #bd .module.slider .modcontent .carousel .carousel-indicators {

    display: none;

  }

  #bd #yt_mainmenu {

    float: left;

    padding-right: 0px;

  }

  #bd .wellcomesj {

    margin: 0px;

  }

  #bd .wellcomesj h1 {

    font-size: 30px;

  }

  #bd .wellcomesj a.button.ourtemplates {

    margin-bottom: 20px;

  }

  #bd.rtl #login {

    overflow: visible;

  }

  #bd.rtl #login .mod-languages ul.dropdown-menu {

    min-width: 116px !important;

  }

  #bd.rtl #yt_mainmenu {

    float: right;

    padding-right: 15px;

    padding-left: 0px;

  }

 

 

  #bd table td {

padding: 5px 9px 5px 6px !important;
}

}

 

 

.contact-details a {

    font-size: 13px !important;

    line-height: 30px;

}

 

section#home {

    margin-bottom: 10px;

}

 

 

@media (max-width: 767px){

           

            div#social {

    margin-top: -63px !important;

}

           

           

           

            #yt_header {

    height: 450px !important;

}

           

.formResponsive .formHorizontal .formControlLabel { float: left !important; width: auto; padding-top: 0px; text-align: left; }

 

  .book #content #yt_component {

    background: rgba(0,0,0,0.5);

    padding: 0px !important;

    text-align: left;

    color: white;

}

#home {

    width: 100% !important;

}

 

 

  #slogan-section {

    background: rgba(0, 0, 0, 0) url("/images/header-2.jpg") repeat fixed 0px 0px / cover;

    color: #f9f9f9;

    padding: 10px !important;

    text-align: center;

}

.team-item::before {

    border-bottom: 2px solid #000000;

    bottom: 20px;

    content: "";

    left: 194px !important;

    position: absolute;

    width: 60px;

}

 

  #contact-section {

    background: #f9f9f9 none repeat scroll 0% 0%;

    padding: 20px !important;

    text-align: center;

}

 

 

 

  #contact-section .book-btn a {

 

    margin: 40px 0px 0px;

    padding: 20px 60px !important;;

    text-transform: uppercase;

    transition: all 0.5s ease 0s;

}

 

 

  #welcome-section h1{

    padding-top: 0;

    text-align: left;

    text-transform: capitalize;

    font-size:19px;

}

 

#yt_header {

    background: rgba(0, 0, 0, 0) url(/images/header-4.jpg) repeat fixed 0px 0px / cover;

    height: 100vh;

    padding: 50px 0px 0px;

    position: relative;

    margin-top: 0 !important;

}

 

  #welcome-top{

    padding: 0;

  }

 

  .book-btn a {

    background: rgba(17, 33, 51, 0.5) none repeat scroll 0% 0%;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    display: inline-block;

    font-size: 20px;

    letter-spacing: 5px;

    margin: 0px 0px 0px;

    padding: 12px 30px;

    text-transform: uppercase;

    transition: all 0.5s ease 0s;

}

 

#bd .btn {

    white-space: normal;

    height: auto;

    margin: 10px 0 0;

    font-size: 11px !important;

}

 

.textlock {

    font-size: 13px;

    background: white;

    color: white;

    padding-bottom: 22px !important;

    padding-left: 25px !important;

    background: #46B8DA;

    margin-top: -39px !important;

    padding-top: 11px !important;

    margin-bottom: -86px !important;

}

 

.welcome-para {

    text-align: center;

}

 

.text1 {

    text-align: center;

}

 

#welcome-section {

    padding: 27px 0 60px 0;

    margin-bottom: -123px !important;

}

 

#contact-section .book-btn {

    display: inline-block;

    margin-left: -10px !important;

}

 

.faq h2 {

    margin-top: -69px !important;

}

 

.formBody h3 {

    font-size: 26px !important;

}

 

 

 

 

 

 

#team-section .h1-title2 {

    margin: 0 0 20px;

    font-size: 18pt;

    margin-top: -5px !important;

}

 

 

div#contactus h1 {

    font-size: 21px !important;

    margin-top: -19px !important;

}

 

 

 

#welcome-section h1 {

    padding-top: 0;

    text-align: center;

    text-transform: capitalize;

    font-size: 19px !important;

}

 

.about {

    font-size: 11px !important;

}

 

.tambo h1 {

    font-size: 22px !important;

}

 

.rates h1 {

    font-size: 33px !important;

}

 

 

section#content {

    margin: -11px 0 0 0 !important;

}

 

.text1 h1 {

    text-align: center !important;

}

 

#contact-section {

    background: #f9f9f9 none repeat scroll 0% 0%;

    padding: 20px !important;

    text-align: center;

    margin-top: 30px !important;

}

 

#welcome-section .welcome-img {

    padding-right: 0;

    margin-bottom: 30px !important;

}

 

#content #yt_component {

    background: ##666666ad;

    padding: 40px;

    text-align: center;

    color: white;

 

 

 

 

 

 

 

}

 

 

 

@media (max-width: 480px) {

 

   .formResponsive .formHorizontal .formControlLabel { float: left !important; width: auto; padding-top: 0px; text-align: left; }

 

  .book #content #yt_component {

    background: rgba(0,0,0,0.5);

    padding: 0px !important;

    text-align: left;

    color: white;

}

#home {

    width: 100% !important;

}

 

 

  #slogan-section {

    background: rgba(0, 0, 0, 0) url("/images/header-2.jpg") repeat fixed 0px 0px / cover;

    color: #f9f9f9;

    padding: 10px !important;

    text-align: center;

}

.team-item::before {

    border-bottom: 2px solid #000000;

    bottom: 20px;

    content: "";

    left: 194px !important;

    position: absolute;

    width: 60px;

}

 

  #contact-section {

    background: #f9f9f9 none repeat scroll 0% 0%;

    padding: 20px !important;

    text-align: center;

}

 

 

 

  #contact-section .book-btn a {

 

    margin: 40px 0px 0px;

    padding: 20px 60px !important;;

    text-transform: uppercase;

    transition: all 0.5s ease 0s;

}

 

 

  #welcome-section h1{

    padding-top: 0;

    text-align: left;

    text-transform: capitalize;

    font-size:19px;

}

 

#yt_header {

    background: rgba(0, 0, 0, 0) url(/images/header-4.jpg) repeat fixed 0px 0px / cover;

    height: 100vh;

    padding: 50px 0px 0px;

    position: relative;

    margin-top: 0 !important;

}

 

  #welcome-top{

    padding: 0;

  }

 

  .book-btn a {

    background: rgba(17, 33, 51, 0.5) none repeat scroll 0% 0%;

    border-radius: 5px;

    color: #ffffff;

    cursor: pointer;

    display: inline-block;

    font-size: 20px;

    letter-spacing: 5px;

    margin: 0px 0px 0px;

    padding: 12px 30px;

    text-transform: uppercase;

    transition: all 0.5s ease 0s;

}

 

 

 

 

form#userForm h2 {

    font-size: 24px !important;

    margin-top: 11px !important;

}

 

.rsform-block.rsform-block-departure-details h3 {

    font-size: 20px !important;

}

 

 

 

 

 

}

 

 

@media (max-width: 320px) {

 

 

 

}