/* ==========================================================================

   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)

   ========================================================================== */



html,

button,

input,

select,

textarea {

    color: #222;

}



body {

    font-size: 0.9em;

    line-height: 1.4;

}



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}


.boblogo{
    margin-left: 154px;
}
hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



img {

    vertical-align: middle;

}



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



textarea {

    resize: vertical;

}



.chromeframe {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}





/* ==========================================================================

   Author's custom styles

   ========================================================================== */



/**

 * BxSlider v4.1.2 - Fully loaded, responsive content slider

 * http://bxslider.com

 *

 * Written by: Steven Wanderski, 2014

 * http://stevenwanderski.com

 * (while drinking Belgian ales and listening to jazz)

 *

 * CEO and founder of bxCreative, LTD

 * http://bxcreative.com

 */





/** RESET AND LAYOUT

===================================*/



.bx-wrapper {

    position: relative;

    margin: 0 auto;

    padding: 0;

    *zoom: 1;

}



.bx-wrapper img {

    max-width: 100%;

    display: block;

}



/** THEME

===================================*/



.bx-wrapper .bx-viewport {



    

    /*fix other elements on the page moving (on Chrome)*/

    -webkit-transform: translatez(0);

    -moz-transform: translatez(0);

        -ms-transform: translatez(0);

        -o-transform: translatez(0);

        transform: translatez(0);

}



.bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto {

    position: absolute;

    bottom: -30px;

    width: 100%;

}



/* LOADER */



.bx-wrapper .bx-loading {

    min-height: 50px;

    background: url(../img/bx_loader.gif) center center no-repeat #fff;

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2000;

}



/* PAGER */



.bx-wrapper .bx-pager {

    text-align: center;

    font-size: .85em;

    font-family: Arial;

    font-weight: bold;

    color: #666;

    padding-top: 20px;

}



.bx-wrapper .bx-pager .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {

    display: inline-block;

    *zoom: 1;

    *display: inline;

}



.bx-wrapper .bx-pager.bx-default-pager a {

    background: #666;

    text-indent: -9999px;

    display: block;

    width: 10px;

    height: 10px;

    margin: 0 5px;

    outline: 0;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}



.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active {

    background: #000;

}



/* DIRECTION CONTROLS (NEXT / PREV) */



.bx-wrapper .bx-prev {

    left: 50px;

    background: url(../img/ico-sliderarrow-left.png) no-repeat;

    background-size: 50px auto;

}



.bx-wrapper .bx-next {

    right: 50px;

    background: url(../img/ico-sliderarrow-right.png) no-repeat;

    background-size: 50px auto;

}

.bx-wrapper .bx-controls-direction a {

    position: absolute;

    top: 50%;

    margin-top: -25px;

    outline: 0;

    width: 62px;

    height: 62px;

    text-indent: -9999px;

    z-index: 9999;

}



.bx-wrapper .bx-controls-direction a.disabled {

    display: none;

}



/* AUTO CONTROLS (START / STOP) */



.bx-wrapper .bx-controls-auto {

    text-align: center;

}



.bx-wrapper .bx-controls-auto .bx-start {

    display: block;

    text-indent: -9999px;

    width: 10px;

    height: 11px;

    outline: 0;

    background: url(../img/controls.png) -86px -11px no-repeat;

    margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-start:hover,

.bx-wrapper .bx-controls-auto .bx-start.active {

    background-position: -86px 0;

}



.bx-wrapper .bx-controls-auto .bx-stop {

    display: block;

    text-indent: -9999px;

    width: 9px;

    height: 11px;

    outline: 0;

    background: url(../img/controls.png) -86px -44px no-repeat;

    margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-stop:hover,

.bx-wrapper .bx-controls-auto .bx-stop.active {

    background-position: -86px -33px;

}



/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {

    text-align: left;

    width: 80%;

}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {

    right: 0;

    width: 35px;

}



/* IMAGE CAPTIONS */



.bx-wrapper .bx-caption {

    position: absolute;

    bottom: 0;

    left: 0;

    background: #666\9;

    background: rgba(80, 80, 80, 0.75);

    width: 100%;

}



.bx-wrapper .bx-caption span {

    color: #fff;

    font-family: Arial;

    display: block;

    font-size: .85em;

    padding: 10px;

}





























/* ==========================================================================

   Media Queries

   ========================================================================== */



@media only screen and (min-width: 35em) {



}



@media print,

       (-o-min-device-pixel-ratio: 5/4),

       (-webkit-min-device-pixel-ratio: 1.25),

       (min-resolution: 120dpi) {



}



/* ==========================================================================

   Helper classes

   ========================================================================== */



.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    *text-indent: -9999px;

}



.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}



.hidden {

    display: none !important;

    visibility: hidden;

}



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



.invisible {

    visibility: hidden;

}



.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}



.clearfix:after {

    clear: both;

}



.clearfix {

    *zoom: 1;

}



/* ==========================================================================

   Print styles

   ========================================================================== */



@media print {

    * {

        background: transparent !important;

        color: #000 !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    /*

     * Don't show links for images, or javascript/internal links

     */



    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    @page {

        margin: 0.5cm;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }

}





/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,

.fancybox-skin,

.fancybox-outer,

.fancybox-inner,

.fancybox-image,

.fancybox-wrap iframe,

.fancybox-wrap object,

.fancybox-nav,

.fancybox-nav span,

.fancybox-tmp

{

    padding: 0;

    margin: 0;

    border: 0;

    outline: none;

    vertical-align: top;

}



.fancybox-wrap {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 8020;

}



.fancybox-skin {

    position: relative;

    background: #f9f9f9;

    color: #444;

    text-shadow: none;

    padding: 40px;

}



.fancybox-opened {

    z-index: 8030;

}



.fancybox-opened .fancybox-skin {

    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

}



.fancybox-outer, .fancybox-inner {

    /*position: relative;*/

}



.fancybox-inner {

    overflow: hidden;

}



.fancybox-type-iframe .fancybox-inner {

    -webkit-overflow-scrolling: touch;

}



.fancybox-error {

    color: #444;

    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

    margin: 0;

    padding: 15px;

    white-space: nowrap;

}



.fancybox-image, .fancybox-iframe {

    display: block;

    width: 100%;

    height: 100%;

}



.fancybox-image {

    max-width: 100%;

    max-height: 100%;

}



#fancybox-loading{

    background-image: url('../img/fancybox_sprite.png');

}



#fancybox-loading {

    position: fixed;

    top: 50%;

    left: 50%;

    margin-top: -22px;

    margin-left: -22px;

    background-position: 0 -108px;

    opacity: 0.8;

    cursor: pointer;

    z-index: 8060;

}



#fancybox-loading div {

    width: 44px;

    height: 44px;

    background: url('../img/fancybox_loading.gif') center center no-repeat;

}



.fancybox-close {

    background: url(../img/ico-fancy-popup-close.jpg);

    position: absolute;

    top: 0;

    right: 0;

    width: 46px;

    height: 39px;

    cursor: pointer;

    z-index: 8040;

}



.fancybox-nav {

    position: absolute;

    top: 0;

    width: 40%;

    height: 100%;

    cursor: pointer;

    text-decoration: none;

    background: transparent url('../img/blank.gif'); /* helps IE */

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    z-index: 8040;

}



.fancybox-prev {

    left: 0;

}



.fancybox-next {

    right: 0;

}



.fancybox-nav span {

    position: absolute;

    bottom: 40px;

    width: 62px;

    height: 62px;

    cursor: pointer;

    z-index: 8040;

}



.fancybox-prev span {

    left: 80px;

    background: url(../img/ico-slider-arrow-left.png) no-repeat;

}



.fancybox-next span {

    right: 80px;

    background: url(../img/ico-slider-arrow-right.png) no-repeat;

}



.fancybox-nav:hover span {

    visibility: visible;

}



.fancybox-tmp {

    position: absolute;

    top: -99999px;

    left: -99999px;

    visibility: hidden;

    max-width: 99999px;

    max-height: 99999px;

    overflow: visible !important;

}



/* Overlay helper */



.fancybox-lock {

    overflow: hidden !important;

    width: auto;

}



.fancybox-lock body {

    overflow: hidden !important;

}



.fancybox-lock-test {

    overflow-y: hidden !important;

}



.fancybox-overlay {

    position: absolute;

    top: 0;

    left: 0;

    overflow: hidden;

    display: none;

    z-index: 8010;

    background: url('../img/fancybox_overlay.png');

}



.fancybox-overlay-fixed {

    position: fixed;

    bottom: 0;

    right: 0;

}



.fancybox-lock .fancybox-overlay {

    overflow: auto;

    overflow-y: scroll;

}



/* Title helper */



.fancybox-title {

    visibility: hidden;

    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;

    position: relative;

    text-shadow: none;

    z-index: 8050;

}



.fancybox-opened .fancybox-title {

    visibility: visible;

}



.fancybox-title-float-wrap {

    position: absolute;

    bottom: 0;

    right: 50%;

    margin-bottom: -35px;

    z-index: 8050;

    text-align: center;

}



.fancybox-title-float-wrap .child {

    display: inline-block;

    margin-right: -100%;

    padding: 2px 20px;

    background: transparent; /* Fallback for web browsers that doesn't support RGBa */

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

    -webkit-border-radius: 15px;

       -moz-border-radius: 15px;

            border-radius: 15px;

    text-shadow: 0 1px 2px #222;

    color: #FFF;

    font-weight: bold;

    line-height: 24px;

    white-space: nowrap;

}



.fancybox-title-outside-wrap {

    position: relative;

    margin-top: 10px;

    color: #fff;

}



.fancybox-title-inside-wrap {

    padding-top: 10px;

}



.fancybox-title-over-wrap {

    position: absolute;

    bottom: 0;

    left: 0;

    color: #fff;

    padding: 10px;

    background: #000;

    background: rgba(0, 0, 0, .8);

}



/*Retina graphics!*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

       only screen and (min--moz-device-pixel-ratio: 1.5),

       only screen and (min-device-pixel-ratio: 1.5){



    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {

        background-image: url('../img/fancybox_sprite@2x.png');

        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/

    }



    #fancybox-loading div {

        background-image: url('../img/fancybox_loading@2x.gif');

        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/

    }

}



/*



    Zebra_DatePicker: a lightweight jQuery date picker plugin



    Twitter Bootstrap theme



    copyright (c) 2011 - 2014 Stefan Gabos

    http://stefangabos.ro/jquery/zebra-datepicker/



*/



.Zebra_DatePicker *,

.Zebra_DatePicker *:after,

.Zebra_DatePicker *:before  { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important }



.Zebra_DatePicker           { position: absolute; background: #FFF; border: 1px solid #999; z-index: 1200; padding: 5px; top: 0 }



.Zebra_DatePicker *         { margin: 0; padding: 0; color: #373737; background: transparent; border: none }



/* = GLOBALS

----------------------------------------------------------------------------------------------------------------------*/

.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0; width: auto; table-layout: auto; }



.Zebra_DatePicker td,

.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }



.Zebra_DatePicker td                         { cursor: pointer }



.Zebra_DatePicker .dp_daypicker td,

.Zebra_DatePicker .dp_daypicker th,

.Zebra_DatePicker .dp_monthpicker td,

.Zebra_DatePicker .dp_yearpicker td         { width: 30px }



.Zebra_DatePicker,

.Zebra_DatePicker .dp_header .dp_hover,

.Zebra_DatePicker td.dp_selected,

.Zebra_DatePicker .dp_footer .dp_hover,

.Zebra_DatePicker td.dp_hover               { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }



/* = VISIBLE/HIDDEN STATES (USE TRANSITIONS FOR EFFECTS)

----------------------------------------------------------------------------------------------------------------------*/

.Zebra_DatePicker.dp_visible               { visibility: visible; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; transition: opacity 0.2s ease-in-out }

.Zebra_DatePicker.dp_hidden                { visibility: hidden; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0 }



/* = HEADER

----------------------------------------------------------------------------------------------------------------------*/

.Zebra_DatePicker .dp_header td             { }



.Zebra_DatePicker .dp_header .dp_previous,

.Zebra_DatePicker .dp_header .dp_next       { width: 30px }



/* = DATEPICKER

----------------------------------------------------------------------------------------------------------------------*/

.Zebra_DatePicker td.dp_not_in_month            { color: #DEDEDE; cursor: default }

.Zebra_DatePicker td.dp_not_in_month_selectable { }

.Zebra_DatePicker td.dp_weekend                 { }

.Zebra_DatePicker td.dp_weekend_disabled        { color: #DEDEDE; cursor: default }

.Zebra_DatePicker td.dp_week_number             { cursor: text; font-weight: bold }



/* = MONTHPICKER

----------------------------------------------------------------------------------------------------------------------*/

.Zebra_DatePicker .dp_monthpicker td    { width: 33% }



/* = YEARPICKER

----------------------------------------------------------------------------------------------------------------------*/

.Zebra_DatePicker .dp_yearpicker td     { width: 33% }



/* = FOOTER

----------------------------------------------------------------------------------------------------------------------*/

.Zebra_DatePicker .dp_footer            { margin-top: 3px }



/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)

----------------------------------------------------------------------------------------------------------------------*/

.Zebra_DatePicker td.dp_current             { color: #3A87AD }

.Zebra_DatePicker td.dp_disabled_current    { color: #3A87AD }

.Zebra_DatePicker td.dp_disabled            { color: #DEDEDE; cursor: default }



/* = ICON

----------------------------------------------------------------------------------------------------------------------*/

button.Zebra_DatePicker_Icon                { display: block; position: absolute; width: 16px; height: 16px; background: url('calendar.png') no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top }

button.Zebra_DatePicker_Icon_Disabled       { background-image: url('calendar-disabled.png') }



/* don't set vertical margins! */

button.Zebra_DatePicker_Icon                { margin: 0 0 0 3px }

button.Zebra_DatePicker_Icon_Inside         { margin: 0 3px 0 0 }



.c-red{
    color:#991f22;
} 
.f-16{
 font-size:16px;   
} 
.s-underline{
  text-decoration:underline;  
} 
.m-20{
     margin-bottom:20px;
}
.fw-400{
    font-weight:400;
}

.fw-700{
    font-weight:700;
}
.ff-qs{
    
   font-family: "quattrocento_sansregular";
}
.box-haf{
   font-size:1em;
   color:#333;
   font-family: sans-serif; 
}

.box-haf h2{
    margin-bottom:30px;
    font-family: 'Quattrocento';
    font-size:28px;
    color:#991f22;
    text-transform:uppercase ;
}

.box-haf article{
    max-width:740px;
    margin-bottom:20px;
    font-family: "quattrocento_sansregular";
}
.box-haf figure img{
   float:none;
   width:100%;
}

.box-haf .btnarea{
    margin-bottom:35px;
}
.theywalkednamelist {
    margin-bottom:40px;
}
.theywalkednamelist h2{
     margin-bottom:30px;
    font-family: 'Quattrocento';
    font-size:28px;
    color:#991f22;
    text-transform:uppercase ;  
}
.box-namelist{
       font-size: 14px;
    color: #333;font-family: "quattrocento_sansregular";
    margin-bottom:10px!important
}
.dropdownfilter .selectboxit-container .selectboxit{
    width:135px;
}

.dropdownfilter .styled-select {
    width: 135px;
    display: inline-block;
    margin-right: 20px;
}


.get-there .padding-lr {
    margin-bottom: 70px;
}


.main .padding-lr { 
    margin-bottom: 35px;
}

.photogalleryarea{
     
}

.photogalleryarea h2{
     margin-bottom:30px;
    font-family: 'Quattrocento';
    font-size:28px;
    color:#991f22;
    text-transform:uppercase ; 
    margin:0;
}
.photogalleryarea .padding-lr {
    padding: 0 25px 0 25px!important;
}

.box-photogallery{
     margin-bottom:80px!important;
}

.box-photogallery figure{
          margin-bottom:10px;
}

.box-photogallery figure img{
          width:100%;
}
.box-photogallery h3{ 
    
   font-family: "quattrocento_sansregular";
    font-size:16px;
    color:#333;
    text-transform:uppercase ; 
    margin:0;
    font-weight:700;
}

.box-photogallery h4{ 
    font-family: "quattrocento_sansregular";
    font-size:16px;
    color:#333; 
    margin:0;
    font-weight:700;
}

.box-photogallery time{ 
    font-family: "quattrocento_sansregular";
    font-size:16px;
    color:#333;  
    margin:0; 
}

.contactarea{
     font-family: "quattrocento_sansregular";
    font-size:16px;
    color:#991f22;  
}
.contactarea img{
    margin-bottom:5px;
}
.contactarea span{
      
    display: block; 
    font-weight:700; 
    

}
.contactarea div{
        min-height: 100px;
        margin-bottom: 50px;
        text-align:center;
}

.contactarea .facilities .btn-container .circle {
    
    padding: 24px 0;  
    font-size: 12px;
    text-transform:uppercase;
}

.contactarea .btn-container{
   margin-top: 7px!important;
}

.logohash .box-haf figure img {
    float: none;
     width:auto
}


.logohash .box-haf figure  {
text-align:center;}