.progress,
sub,
sup {
    vertical-align: baseline
}

.block,
.elem-left,
.elem-right,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hr,
main,
menu,
nav,
section,
summary {
    display: block;
}

hr,
sub,
sup {
    position: relative;
}

body,
figure {
    margin: 0;
}

button,
hr,
input,
select {
    overflow: visible;
}

[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    font-size: 100%;
}

audio,
canvas,
progress,
video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline-width: 0;
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0 0 .67em;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 60%;
    line-height: 0;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.45em;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

code,
kbd,
pre,
samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

hr {
    box-sizing: content-box;
    height: 0;
    border: 0;
}

button,
input,
select,
textarea {
    font: inherit;
    line-height: initial;
    margin: 0;
}

optgroup {
    font-weight: 700;
}

button,
select {
    text-transform: none;
}

[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer;
}

[disabled] {
    cursor: default;
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button;
    border: 0;
}

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    button:-moz-focusring,
    input:-moz-focusring {
        outline: ButtonText dotted 1px;
    }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
}

textarea {
    overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    -webkit-appearance: textfield;
}

    [type=search]::-webkit-search-cancel-button,
    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

*,
*::before,
*::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

address {
    font-style: normal !important;
}

img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.icon-gplus:before {
    margin-left: -4px;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

p.has_target {
    margin: 0;
}

    p.has_target a {
        cursor: auto !important;
    }

.no-scroll-map iframe {
    display: block;
    width: 100%;
}

*::before,
*::after,
a,
img,
figure,
article,
i,
span,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    -webkit-transition: all .3s;
    transition: all .3s;
}

    i[class^="icon-"],
    i::before {
        -webkit-transition: none;
        transition: none;
    }

.hide,
.page_index .internal,
.page_index #page,
.page_index main > hr {
    display: none !important;
}

.copyright {
    background-color: #003466;
    color: #fff;
    padding: 30px 0;
    text-align: center;
}

#inner_page h1 {
    color: #329ce0;
    padding: 10px 0 10px 20px;
    margin-bottom: 20px;
    margin-top: 30px;
}
    #inner_page h1:before {
        content: '';
        position: absolute;
        left: 0;
        top: 6px;
        bottom: 6px;
        width: 1px;
        background-color: #f79f9a;
    }
#inner_page .breadcrumb {
        padding: 8px 15px;
        margin: 20px 10px;
        list-style: none;
        background-color: #37a6e40f;
    }
#inner_page .breadcrumb_a {
    color: rgba(18, 18, 19, 0.78);
}
#inner_page  #split .flex-ed {
    margin-bottom: 50px;
}
div#inner_page {
    background: #fff;
}
#inner_page h2 {
    font-size: 36px;
    margin-bottom: 15px;
    line-height: 1.05;
    color: #329ce0;
    font-weight: 700;
}
#inner_page h2 {
    font-size: 28px;
}
    .sub-page-image:hover, .sub-page-image:focus {
    border: 5px solid rgba(109, 201, 200, 1);
    transform: scale(0.95,0.95);
    -o-transform: scale(0.95,0.95);
    -webkit-transform: scale(0.95,0.95);
    -moz-transform: scale(0.95,0.95);
    /* box-shadow: 0px 6px 7px -2px rgba(0,0,0,0.70); */
    transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -webkit-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
}

.sub-page-image {
    box-shadow: none;
    background: rgba(246, 251, 245, 0);
    border: 5px solid rgba(172, 174, 175, 0.47);
    transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -webkit-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    border-radius: 0;
    padding: 0px;
    margin: 0 0 15px 0;
    box-shadow: 2px 3px 5px rgba(18, 18, 19, 0.78);
}
.sub-page-image:hover, .sub-page-image:focus {
    border: 5px solid rgba(246, 159, 154, 0.45);
    transform: scale(0.95,0.95);
    -o-transform: scale(0.95,0.95);
    -webkit-transform: scale(0.95,0.95);
    -moz-transform: scale(0.95,0.95);
    /* box-shadow: 0px 6px 7px -2px rgba(0,0,0,0.70); */
    transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -webkit-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
}
#inner_page #banner {
   
    height: 500px;
}
#inner_page #inquire {
    background: #64646a;
}
#inner_page .simple input:focus, .simple textarea:focus, .simple select:focus {
    background-color: #fff !important;
    box-shadow: none;
    border-bottom: none;
    color: #fff;
}
    #inner_page .contact .simple input:focus, .simple textarea:focus {
    outline: 0;
    background-color: #fff !important;
    box-shadow: none;
    border-bottom: 5px solid #fff;
    color: #fff;
}
#inner_page .has-success .form-control:focus {
    border-color: #ffffff;
  
    box-shadow: none;
    background: #ffffff12;
    border-bottom: none;
}
    #inner_page #inquire h2 {
        color: #fff;
        font-size: 40px;
    }
#inner_page #inquire #map {
    height: 662px;
    border: 5px solid #9a9a9c;
}

#inner_page .simple input, .simple textarea, .simple select {
    box-shadow: 0 3px 0 #9a9a9c;
}
#inner_page .simple input, .simple textarea, .simple select {
    box-shadow: 0 3px 0 #9a9a9c !important;
}
#inner_page .simple input, .simple textarea, .simple select {
    box-shadow: 0 3px 0 #9a9a9c !important;
}
#inner_page h1 {
    font-size: 34px;
}
#gallery p.heading {
    color: #6bbd45;
    font-size: 35px;
    text-align: center;
    padding: 40px 0;
}

#gallery .gallery-list {
    padding: 0;
    text-align:center;
}

    #gallery .gallery-list li {
        width: 25%;
        float: none;
        display: inline-block;
    }

        #gallery .gallery-list li a.thumbnail {
            margin: 10px;
            background: rgba(255, 255, 255, 0.00);
            text-align: center;
            border: none;
            border-radius: 0;
            opacity: 0.8;
            color: #237ac0;
            -webkit-transition: all 400ms ease-in-out;
            -moz-transition: all 400ms ease-in-out;
            -ms-transition: all 400ms ease-in-out;
            -o-transition: all 400ms ease-in-out;
            transition: all 400ms ease-in-out;
        }

            #gallery .gallery-list li a.thumbnail img {
                border-radius: 4px;
                box-shadow: 0 0 6px #247dc3;
                border: 2px solid rgba(255, 255, 255, 0.50);
                margin-bottom: 6px;
                -webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }

            #gallery .gallery-list li a.thumbnail:hover,
            #gallery .gallery-list li a.thumbnail:focus {
                opacity: 1;
                color: #f99d1f;
                text-decoration: none;
                -webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -ms-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
            }

                #gallery .gallery-list li a.thumbnail:hover img,
                #gallery .gallery-list li a.thumbnail:focus img {
                    border-radius: 50px 4px 50px 4px;
                    border: 2px solid rgba(255, 255, 255, 1);
                    -webkit-transition: all 300ms ease-in-out;
                    -moz-transition: all 300ms ease-in-out;
                    -ms-transition: all 300ms ease-in-out;
                    -o-transition: all 300ms ease-in-out;
                    transition: all 300ms ease-in-out;
                }


                /*scs*/


#ADS-CF-3 #ADS-CF-3 .simple input, .simple textarea, .simple .form-control {
    color: #000 !important;
    background: #fff !important;
    border: 1px solid #329ce0;
    border-radius: 7px;
   
}
#ADS-CF-3 .btn-alt, .more-to-explore .btn {
    color: #fff;
    border: 1px solid #fff;
    background: #329ce0;
}
#address-block abbr[title], abbr[data-original-title] {
    border-bottom: none;
    text-decoration: none;
}
div#address-block {
    text-align: center;
}
p.footer_logo {
    font-size: 20px;
    color: #329ce0;
}

#contact_page .form_contact input, select, textarea {
    box-shadow: none !important;
    background: #fff !important;
    border: 1px solid #329ce0 !important;
    border-radius: 7px;
    height: 50px;
}

#contact_page textarea.form-control {
    height: 100px;
    box-shadow: none !important;
}
#contact_page select.form-control {
    height: 50px !important;
    box-shadow: none !important;
}
#contact_page .contact-form .form-control-static {
    color: #37a6e4;
    height: 30px;
}
#contact_page input.form-control.input-sm {
    height: 30px !important;
    font-size: 15px !important;
}
#contact_page label {
    color: #257abf;
}
.gmap {
    height: 50vh;
}
.secure-shield {
    display: inline-block;
}
img.img-responsive.Secure-Shield {
    display: inline-block;
}

ul#forms {
    list-style-type: none;
}
#appointment .modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #329ce0;
    font-size: 22px;
}
#appointment .contact-form .form-control-static {
    color: #f00;
    text-align: left;
    font-size: 11px !important;
}
#appointment label {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 500;
}
#appointment .btn {
    color: #ffffff;
    border: 1px solid #03a6e4;
    background: #329ce0;
    border-radius: 25px;
}
    #appointment .btn:hover {
        color: #329ce0;
        background: #ffffff;
        transition: all 0.9s ease 0s;
    }
div#copy {
    background: #319ce0;
}
#copy p {
    color: #fff;
    text-align: center;
    padding: 15px 15px 10px;
}
 #copy a {
    color: #fff;
}
/*scs ends*/
@media (min-width:1000px) {
   
    a [name]:before {
            height: 125px;
            margin-top: -125px;
            display: block;
            content: "";
            visibility: hidden;
        }
    }

    @media (min-width:1230px) {
        a[name]:before {
            height: 100px;
            margin-top: -100px;
        }
    }

    @media (max-width:860px) {
        a[name]:before {
            height: 61px;
            margin-top: -61px;
            display: block;
            content: "";
            visibility: hidden;
        }
    }

    b .elem-full {
    max-width: 100%;
    margin: 0 auto 15px;
    display: block;
}

.elem-left,
.elem-right {
    margin-top: 6px;
    margin-bottom: 12px;
    max-width: 45%;
}

.elem-left {
    float: left;
    margin-right: 36px;
}

.elem-right {
    float: right;
    margin-left: 36px;
}

#fixed-tabs {
    z-index: 101;
}

header {
    z-index: 100;
}

.arrow,
.pager {
    position: relative;
    z-index: 3;
}

.cycle-slideshow,
.cycle-slide {
    z-index: 1 !important;
}

.cycle-slideshow {
    position: relative;
}

.cycle-slide {
    right: 0;
    margin: 0 auto;
    display: none;
}

body {
    overflow-x: hidden;
    position: relative;
    background-color: #585858;
    font-size: 16px;
    line-height: 1.87;
    color: #222;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

a {
    text-decoration: none;
    color: #65a6e5;
    cursor: pointer !important;
}

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

hr {
    position: relative;
    display: table;
    clear: both;
    margin: 40px auto;
    width: 100%;
    height: 1px;
    background-color: #6892ba;
}

#inner_page hr {
    top: 10px;
    background-color: #6892ba26;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    position: relative;
}

h1 {
    font-size: 40px;
    line-height: 1.05;
    color: #003466;
    font-weight: 700;
}

h2,
.more-to-explore h6 {
    font-size: 40px;
    line-height: 1.05;
    color: #f79f9a;
    font-weight: 700;
}

h3 {
    font-size: 24px;
    line-height: 1.33;
    color: #009ce0;
    font-weight: 700;
    margin-bottom: 10px;
}
}

h4,
#switch #split h2 {
    font-size: 32px;
    line-height: 1.31;
    color: #009ce0;
    font-weight: 700;
}

h1 small {
    display: block;
}

#reviews author,
#switch #nav li > span {
    font-weight: 300;
}

footer .container,
#inquire p {
    font-weight: 500;
}

.btn,
.btn-alt,
header article,
.pho,
nav > ul > li > a,
#switch #nav li > span:hover,
#switch #nav li > span.active,
#switch #nav li.cycle-pager-active > span,
#fixed-tabs {
    font-weight: 700;
}

.contact .btn,
.contact .btn-alt {
    background-color: #254370;
}

star:before,
.faq h3:before {
    font-family: 'fontello';
    font-weight: 400;
    margin: 0;
    font-style: normal;
}

star:before {
    content: '\e80f \e80f \e80f \e80f \e80f';
    color: #fef26d;
}

.faq h3:before {
    content: '\e81a';
}

.flex-ed,
.col-flex-ed {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.flex-ed {
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
}

.col-flex-ed {
    flex-flow: column;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
}

.h-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.v-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn,
.btn-alt {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    min-width: 280px;
    padding: 21px;
    margin: 4px 3.5px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.06em;
    border-radius: 5px;
    background-color: transparent;
}

.btn {
    color: #009ce0;
    border: 1px solid #03a6e4;
}

    .btn:hover {
        color: #fff;
        background-color: #03a6e4;
    }

.btn-alt,
.more-to-explore .btn {
    color: #fff;
    border: 1px solid #fff;
}

.more-to-explore .btn-alt {
    color: #6892ba;
    border: 1px solid #6892ba;
}

.btn-alt:hover,
.more-to-explore .btn:hover {
    color: #fff;
    background-color: #03a6e4;
}

.more-to-explore .btn-alt:hover {
    color: #003466;
    background-color: #6892ba;
}

form .btn,
form .btn-alt {
    margin: 0;
}

.btn.hd-bt {
    background-color: #013b71;
    border-radius: 10px;
    color: #fff;
    padding: 12px 10px 10px;
    font-size: 14px;
    letter-spacing: 0;
    min-width: 145px;
    display: inline-block;
}

.hd-bt small {
    display: block;
}

.hd-bt:hover {
    background-color: #739cc2;
    border-color: #739cc2;
    color: #fff;
}

.container,
main,
.internal,
#page {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

.container {
    max-width: 1220px;
}

main {
    padding: 0;
    overflow: hidden;
    /* margin-top: 0px; */
}

.internal {
    background-color: #f4f4f4;
    max-width: 1186px;
    width: calc(100% - 20px);
    padding: 0;
    margin: 10px auto;
    overflow: hidden;
}

#page {
    max-width: 998px;
    margin: 20px auto;
}

    #page.has_divider {
        margin-bottom: 0;
    }

    #page h1:first-child,
    .deco {
        position: relative;
        padding-left: 23px;
        margin-bottom: 20px;
    }

        #page h1:first-child:before,
        .deco:before {
            content: '';
            position: absolute;
            left: 0;
            top: 6px;
            bottom: 6px;
            width: 1px;
            background-color: #f79f9a;
        }

.deco {
    padding: 10px 0 10px 20px;
    margin-bottom: 0;
}

    .deco:after {
        top: 0;
        bottom: 0;
    }

.page-divider {
    clear: both;
    padding-top: 70px;
}

#block {
    position: relative;
    z-index: 1;
    width: 100%;
    display: table;
    clear: both;
    padding: 80px 0 70px;
}

    #block:nth-of-type(odd):after {
        content: '';
        display: block;
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: -9999px;
        right: -9999px;
        background-color: #fff;
    }

@media (min-width:860px) {
    #block article,
    #block p {
        overflow: hidden;
    }
}

@media (min-width:1001px) {
    #page {
        margin: 55px auto;
    }

        #page h1:first-child {
            margin-bottom: 45px;
        }

            #page h1:first-child + .elem-left {
                margin-left: -40px;
            }
}

@media (min-width:1206px) {
    .internal {
        overflow: visible;
        margin: 60px auto 90px;
    }

    #page h1:first-child + .elem-left {
        margin-left: -5%;
    }

    #block:nth-of-type(odd):after {
        left: 50%;
        right: auto;
        width: 1186px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.more-to-explore {
    text-align: center;
    padding: 28px 0 38px;
    background-color: #003466;
}

    .more-to-explore p {
        font-size: 0;
        margin: 22px auto 0;
        max-width: 978px;
    }

#page h3 + p,
#page .elem-left + p,
#page .elem-right + p {
    margin-top: 0px;
}

#page ul + h2,
#page ul + h3 {
    margin-top: 30px;
}

main ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 10px 0;
}

    main ul li {
        position: relative;
        display: block;
        margin: 0 0 0 50px;
        padding-left: 22px;
        background: none;
    }

.vid {
    width: 100%;
    max-width: 400px;
}

.video-grid,
.video-middle {
    margin: 30px auto;
}

.video-grid {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .video-grid > * {
        width: 100%;
        max-width: 50%;
        padding: 5px;
    }

.video-middle {
    width: 100%;
    max-width: 800px;
}

.video-initial {
    display: block;
    margin: auto;
    max-height: 315px;
    max-width: 560px;
}

@media (max-width:629px) {
    .vid {
        display: table;
        float: none;
        margin: 15px auto !important;
        max-width: 100% !important;
    }

    .video-grid {
        display: block;
    }

        .video-middle,
        .video-grid > * {
            max-width: 600px;
        }
}

@media (max-width:590px) {
    main ul li {
        margin-left: 10px;
    }

    .video-initial {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }

        .video-initial iframe,
        .video-initial object,
        .video-initial embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .elem-left,
    .elem-right {
        display: table;
        float: none;
        margin: 15px auto !important;
        max-width: 100%;
    }
}

h1#interior,
.h1-small {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.8;
    color: #1d7ebb;
    letter-spacing: 2px;
    display: block;
}

    h1#interior + h2 {
        font-size: 50px;
        line-height: 1.2;
        color: #4a504c;
        font-weight: 300;
        margin: 0 auto;
    }

header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    line-height: 1;
    background: #fff;
}

    header .container {
        max-width: 1340px;
        padding: 0;
    }

    header .flex-ed {
        -webkit-box-pack: justify;
        /* -webkit-justify-content: space-between; */
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    header article {
        background-color: #009ce0;
        color: #fff;
        font-size: 13px;
        /*letter-spacing: 0.08em;*/
    }

        header article a,
        header article span {
            color: #fff;
            display: inline-block;
            vertical-align: middle;
        }

        header article a {
            padding: 7px 6px 10px;
        }

        header article span {
            margin: 0 4px;
        }

    header .logo {
        margin: 6px;
        max-width: 400px;
    }

    header .phy br {
        display: none;
    }

    header .pho {
        font-size: 32px;
        color: #f79f9a;
        margin: 6px;
        padding-left: 28px;
        background: none;
    }

        header article a:hover,
        header .pho:hover {
            color: #ffccc9;
            text-decoration: none;
        }

    header .pho-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

@media (min-width:1270px) {
    header {
        height: 155px;
    }
}

@media (min-width:861px) and (max-width:1239px) {
    header .pho-container {
        display: flex;
        /* flex-direction: inherit; */
        /* align-items: center; */
    }
}

@media (min-width:861px) {
    nav,
    nav ul li,
    nav ul li a {
        position: relative;
    }

        nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            nav ul li a {
                display: block;
            }

        nav > ul {
            font-size: 0;
        }

            nav > ul > li {
                display: inline-block;
                vertical-align: middle;
            }

                nav > ul > li > a {
                    padding: 12px 6px;
                    font-size: 15px;
                    color: #009ce0;
                }

                nav > ul > li:hover > a {
                    background-color: #329ce0;
                    color: #fff;
                }

                    nav > ul > li:hover > a:hover {
                        background-color: transparent;
                        color: #f79f9a;
                    }

        nav ul li:hover > ul {
            display: block;
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
            -webkit-animation-duration: .25s;
            animation-duration: .25s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }

        nav ul ul {
            display: none;
            min-width: 200px;
            width: 100%;
            position: absolute;
            z-index: 3;
            left: 0;
            text-align: left;
            background-color: #03a6e4;
            box-shadow: 10px 17.3px 25px rgba(0, 0, 0, 0.2);
        }

        nav > ul > li:last-child ul {
            right: 0;
            left: auto;
        }

        nav ul ul ul {
            left: 100%;
            top: 0;
            background-color: #585858;
        }

            nav ul ul ul li > a {
                color: #fff;
            }

        nav ul ul li > a {
            padding: 10px 12px;
            font-size: 15px;
            color: #fff;
        }

            nav ul ul li:hover > a,
            nav ul ul li > a:hover {
                background-color: #f79f9a;
                color: #fff;
            }

    #mobile-header,
    #mobile-footer {
        display: none;
    }
}

@media (min-width:1000px) {
    nav > ul > li > a {
        padding: 12px;
    }

    .fix-nav header {
        position: fixed !important;
        box-shadow: 1.5px 2.6px 10px rgba(0, 0, 0, 0.4);
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
    }

        .fix-nav header .place-nav {
            padding: 6px 0;
        }
}

@media (max-width: 1294px) and (min-width:861px) {
    header .place-nav {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
        -ms-grid-row-align: center;
        align-items: center;
        -ms-grid-column-align: end;
        justify-items: end;
    }

    header .logo {
        display: block;
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        grid-column: 1;
        grid-row: 1 / 3;
        -ms-grid-row-span: 2;
        max-width: 268px;
    }

    header .info {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 2;
        grid-column: 2;
    }

    header nav {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 2;
        grid-column: 2;
    }
}

@media (min-width: 1231px) {
    header .place-nav {
        padding: 11px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    header .pho-container {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    nav > ul > li > a {
        padding: 16px;
    }

    #top-home-special .flex-ed article p.sp-title {
        color: #fff;
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 32px !important;
        text-transform: none;
    }
}

@media (max-width:860px) {
    .mean-container .mean-bar,
    .mean-container .mean-nav {
        background-color: #329ce0;
    }

    #mobile-header {
        background-color: #fff;
        padding: 0 10px;
        min-height: 61px;
        overflow: hidden;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #mobile-header img {
            max-height: 60px;
            max-width: none;
        }

    #mobile-footer {
        color: #fff;
        padding: 20px 5px 10px;
        margin-top: auto;
        line-height: 1.76;
    }

        #mobile-footer h4 {
            color: #fff;
        }

        #mobile-footer .hours {
            margin: 0 auto;
        }

    body,
    header,
    .mean-container .mean-nav {
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    body {
        right: 0;
    }

    header {
        position: absolute;
        box-shadow: 1.5px 2.6px 10px rgba(0, 0, 0, 0.4);
    }

        header #desktop-nav {
            display: none !important;
        }

    .attach header {
        position: fixed;
    }

        .attach header article {
            display: none !important
        }

    body.mean-active.attach header {
        left: -80%;
    }

    body.mean-active {
        overflow: hidden;
        right: 80%;
    }

        body.mean-active:before {
            z-index: 98;
            content: '';
            opacity: .7;
            background-color: #000;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

        body.mean-active .mean-container .mean-nav {
            right: 0;
        }

    .mean-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .mean-container .mean-bar {
            margin: 8px;
        }

        .mean-container a.meanmenu-reveal {
            display: block;
            color: #fff;
            font-size: 20px;
            line-height: 45px;
            width: 45px;
        }

            .mean-container a.meanmenu-reveal.meanclose {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        .mean-container .mean-bar i {
            display: block;
        }

        .mean-container a.meanmenu-reveal i:before {
            margin: 0 !important;
        }

        .mean-container .mean-nav {
            font-size: 16px;
            position: fixed;
            right: -80%;
            margin: 0;
            top: 0;
            bottom: 0;
            width: 80%;
            overflow: auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: column;
            -ms-flex-flow: column;
            flex-flow: column;
        }

            .mean-container .mean-nav ul {
                padding: 0;
                margin: 0;
                width: 100%;
                list-style-type: none;
            }

                .mean-container .mean-nav ul li {
                    position: relative;
                    width: 100%;
                }

                    .mean-container .mean-nav ul li a {
                        display: block;
                        padding: 1em 5%;
                        padding-right: 58px !important;
                        margin: 0;
                        text-align: left;
                        color: #fff;
                        border-top: 1px solid rgba(255,255,255,.5);
                        text-decoration: none;
                        text-transform: uppercase;
                    }

                    .mean-container .mean-nav ul li li a {
                        padding: 1em 10%;
                        border-top: 1px solid #f1f1f1;
                        border-top: 1px solid rgba(255,255,255,.25);
                        opacity: .75;
                        filter: alpha(opacity=75);
                        text-shadow: none !important;
                        visibility: visible;
                    }

                    .mean-container .mean-nav ul li.mean-first a {
                        border-top: none;
                        margin-top: 0;
                    }

                    .mean-container .mean-nav ul li.mean-last a {
                        border-bottom: none;
                        margin-bottom: 0;
                    }

                    .mean-container .mean-nav ul li li li a {
                        padding: 1em 15%;
                    }

                    .mean-container .mean-nav ul li li li li a {
                        padding: 1em 20%;
                    }

                    .mean-container .mean-nav ul li li li li li a {
                        padding: 1em 25%;
                    }

                    .mean-container .mean-nav ul li a:hover {
                        background: #252525;
                        background: rgba(255,255,255,.1);
                    }

                    .mean-container .mean-nav ul li a.mean-expand {
                        width: 48px;
                        line-height: 49px;
                        font-size: 20px;
                        padding: 0 !important;
                        text-align: center;
                        position: absolute;
                        right: 0;
                        top: 0;
                        z-index: 2;
                        background: rgba(255,255,255,.1);
                        border: none !important;
                        border-left: 1px solid rgba(255,255,255,.4) !important;
                        border-bottom: 1px solid rgba(255,255,255,.4) !important;
                    }

                        .mean-container .mean-nav ul li a.mean-expand:before {
                            content: '\e825';
                            font-family: 'fontello';
                            font-weight: 400;
                            margin: 0;
                            font-style: normal;
                        }

                        .mean-container .mean-nav ul li a.mean-expand.mean-clicked:before {
                            content: '\e83a';
                        }

    .mean-remove {
        display: none !important;
    }
}

@media (max-width:750px) {
    header .logo img {
        width: 230px;
    }

    header .pho {
        font-size: 20px;
        padding: 0;
        background-image: none;
    }

    header article .links > *:nth-child(-n+2) {
        display: none;
    }
}

@media (max-width:500px) {
    header article a {
        margin: 0 auto;
    }

    header article .links {
        margin: 0 auto;
        text-align: center;
        display: none;
    }

    header .pho,
    header article div.links span {
        display: none;
    }
}

#fixed-tabs {
    position: fixed;
    right: 0;
    text-align: center;
    line-height: 1;
    font-size: 0;
    text-transform: uppercase;
}

    #fixed-tabs a {
        font-size: 14px;
        color: #fff;
        position: relative;
        overflow: hidden;
    }

    #fixed-tabs i {
        font-size: 16px;
    }

        #fixed-tabs i,
        #fixed-tabs i:before {
            display: block;
            margin: 0 auto !important;
        }

    #fixed-tabs em {
        font-size: 11px;
        margin-top: 7px;
        font-style: normal;
        display: none;
    }

    #fixed-tabs .ra {
        background-color: #329ce0;
    }

    #fixed-tabs .fm {
        background-color: #585858;
    }

    #fixed-tabs .fb {
        background-color: #4d70a8;
    }

    #fixed-tabs .gp {
        background-color: #dc4e41;
    }

    #fixed-tabs .call {
        background-color: #f39f9a;
    }

    #fixed-tabs .map {
        background-color: #585858;
    }

@media (min-width: 731px) {
    #fixed-tabs a.call,
    #fixed-tabs a.map {
        display: none;
    }
}

@media (min-width:1001px) {
    #page {
        padding: 0 50px;
        max-width: 1078px;
    }

    #fixed-tabs {
        position: fixed;
        top: 160px;
    }

        #fixed-tabs a {
            display: block;
            text-align: left;
            margin-left: auto;
            border: 1px solid white;
            border-right-width: 0;
            box-shadow: 1.5px 2.6px 10px rgba(0, 0, 0, 0.4);
        }

            #fixed-tabs a + a {
                margin-top: 10px;
            }

            #fixed-tabs a,
            #fixed-tabs a span:first-child,
            .fix-nav #fixed-tabs a,
            .fix-nav #fixed-tabs a span:first-child {
                width: 34px;
            }

                #fixed-tabs a span {
                    display: block;
                }

                    #fixed-tabs a span:first-child {
                        text-align: center;
                        padding: 7px 0;
                    }

                    .fix-nav #fixed-tabs a span:last-child,
                    #fixed-tabs a span:last-child {
                        position: absolute;
                        left: 40px;
                        top: 50%;
                        width: 240px;
                        -webkit-transform: translate(0, -50%);
                        transform: translate(0, -50%);
                        -webkit-transition: width .3s;
                        transition: width .3s;
                    }

                .fix-nav #fixed-tabs a:hover,
                #fixed-tabs a:hover {
                    width: 260px;
                }
}

@media (min-width:1150px) {
    #fixed-tabs a,
    #fixed-tabs a span:first-child {
        width: 73px;
    }

        #fixed-tabs a span:last-child {
            left: 76px;
        }

        #fixed-tabs a:hover {
            width: 300px;
        }

    #fixed-tabs i {
        font-size: 26px;
    }

    #fixed-tabs em {
        display: block;
    }

    #fixed-tabs .gp,
    #fixed-tabs .fb {
        background-color: #585858;
    }

        #fixed-tabs .fb:hover {
            background-color: #4d70a8;
        }

        #fixed-tabs .gp:hover {
            background-color: #dc4e41;
        }

    .fix-nav #fixed-tabs a,
    .fix-nav #fixed-tabs a span:first-child {
        width: 34px;
    }

    .fix-nav #fixed-tabs i {
        font-size: 16px;
    }

    .fix-nav #fixed-tabs em {
        display: none;
    }
}

@media (max-width: 1000px) {
    #copy p {
        padding-bottom: 40px;
    }
    #fixed-tabs {
        display: block;
        bottom: 0;
        width: 100%;
        box-shadow: 1.5px 2.6px 10px rgba(0, 0, 0, 0.4);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

        #fixed-tabs a {
            padding: 12px 0;
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            #fixed-tabs a span {
                display: inline-block;
                vertical-align: middle;
            }

                #fixed-tabs a span:last-child {
                    margin-left: 5px;
                }

            #fixed-tabs a strong {
                display: none;
            }

            #fixed-tabs a.fm {
                display: none;
            }

    footer,
    .modal {
        padding-bottom: 40px !important;
    }

    .mean-container .mean-nav {
        bottom: 40px;
    }
}

@media (max-width: 730px) {
    #fixed-tabs a.ra {
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

    #fixed-tabs a.gp,
    #fixed-tabs a.fb {
        display: none;
    }
}

#top-home-special a {
    background: #96c8e8;
    display: block;
}

    #top-home-special a:hover {
        background: #329ce0;
    }

#top-home-special .flex-ed {
    justify-content: center;
    align-content: center;
    border-top: 12px solid #585858;
    
}
#inner_page #top-home-special .flex-ed {
    border-bottom: 12px solid #585858;
}

#inner_page #banner {
   
    margin-top: -13px;
}
   #top-home-special .flex-ed figure {
        margin-right: 20px;
    }

    #top-home-special .flex-ed article {
        padding-top: 16px;
    }

        #top-home-special .flex-ed article p {
            margin: 0;
            line-height: 1.2;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 18px;
            color: #17120b;
        }

#top-home-special a:hover .flex-ed article p {
    color: #fff;
}

#top-home-special .flex-ed article p.sp-title {
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 22px;
    text-transform: none;
}

#top-home-special .flex-ed article p span {
    display: block;
    font-size: 13px;
    font-weight: 300;
}

#banner {
    position: relative;
    text-align: center;
    color: #fff;
}

    #banner figure {
        padding-top: 12px;
        margin: 0 -24% 0 -15%;
    }

    #banner article {
        padding: 5px 10px 10px;
        background-color: #329ce0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    #banner h1 {
        color: #fff;
        font-size: 56px;
        line-height: 2;
        text-shadow: 1px 0px #333;
    }
    #banner .banner_text {
        color: #fff;
        font-size: 56px;
        font-weight: 800;
        line-height: 1;
        text-shadow: 1px 0px #333;
    }

#banner small {
   
    font-weight: 500;
}
    #banner .banner_text :after {
        content: '';
        display: block;
        margin: 16px auto 0;
        width: 100%;
        max-width: 400px;
        height: 1px;
        background-color: white;
    }
        #banner h1 small {
            font-size: 58%;
            color: #fff;
            font-weight: 800;
        }

@media (min-width:701px) {
    #banner figure {
        margin: 0 auto
    }

    #banner article {
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: transparent;
    }

    #banner h1:after {
        content: '';
        display: block;
        margin: 16px auto 0;
        width: 100%;
        max-width: 400px;
        height: 1px;
        background-color: white;
    }
}

@media (min-width:1150px) {
    #banner {
        //height: 50vh;
    }
}

.contain {
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}

#callouts {
    margin: 40px auto;
    text-align: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    #callouts > a,
    #callouts div {
        background-color: #fff;
        color: #222;
        padding: 12px;
        max-width: 370px;
        width: calc(100% / 3 - 7px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #callouts div a p {
            color: #222;
        }

        #callouts a h3,
        #callouts div a h3 {
            padding: 24px 0 12px;
        }

        #callouts a p,
        #callouts div a p {
            max-width: 275px;
            margin: auto;
        }

        #callouts a:hover h3,
        #callouts div a:hover h3 {
            color: #f79f9a;
        }

    #callouts:hover a:not(:hover),
    #callouts:hover div:not(:hover) {
        opacity: 0.5;
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

#reviews {
    color: #fff;
    text-align: center;
    padding: 50px 10px 20px;
    background: url(/img/bg-reviews.jpg) no-repeat center center;
    background-size: cover;
}

    #reviews h2 span {
        color: #fff;
    }

    #reviews .pager {
        display: block;
        margin-top: 30px;
    }

    #reviews .slides {
        width: 100%;
        max-width: 1260px;
        margin: 15px auto;
    }

    #reviews p {
        position: relative;
        max-width: 930px;
        margin: 0 auto;
        font-size: 18px;
        line-height: 1.66;
    }

        #reviews p i {
            position: absolute;
            z-index: -1;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0.5;
            font-size: 128px;
            line-height: 1;
        }

            #reviews p i.icon-gplus {
                color: #dd4b39;
            }

            #reviews p i.icon-facebook {
                color: #4d70a8;
            }

    #reviews star {
        letter-spacing: 0.12em;
    }

    #reviews author {
        font-size: 22px;
        display: block;
    }

#split .flex-ed {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

#split.t-r article {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

#split article {
    padding: 10px;
    margin: 0 auto;
}

    #split article p {
        max-width: 615px;
    }

#split.dds {
    background-color: #fff;
}

    #split.dds article h2 span {
        color: #009ce0;
        display: block;
    }

    #split.dds article .btn {
        margin-left: 0;
    }

    #split.dds figure {
        position: relative;
    }

        #split.dds figure img:nth-of-type(2) {
            position: absolute;
            top: 45px;
            z-index: 1;
            right: 40px;
        }

#split.love {
    background-color: #fff;
    text-align: center;
}

    #split.love #title {
        background-color: #009ce0;
        padding: 10px;
        min-height: 100px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #split.love h2 span {
        color: #fff;
    }

    #split.love p {
        margin-top: 0;
    }

#switch {
    text-align: center;
    background-color: #009ce0;
    padding: 0 10px;
}

    #switch > h2 {
        color: #fff;
        padding: 10px 0;
    }

    #switch .rotation {
        display: block;
    }

    #switch #split {
        background-color: #fff;
        text-align: left;
    }

        #switch #split h2 span {
            color: #009ce0;
            display: block;
        }

        #switch #split article p {
            max-width: 660px;
        }

    #switch #nav li #split {
        text-align: center;
    }

        #switch #nav li #split .flex-ed {
            display: block;
        }

        #switch #nav li #split figure,
        #switch #nav li #split {
            display: none;
        }

    #switch #nav {
        margin: 0;
    }

        #switch #nav li {
            margin: 0;
            padding: 0;
            background-image: none;
        }

            #switch #nav li + li {
                margin-top: 10px;
            }

            #switch #nav li > span {
                cursor: pointer;
                font-size: 14px;
                line-height: 1.57;
                letter-spacing: 0.08em;
                color: #fff;
                min-height: 40px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-flex-flow: column;
                -ms-flex-flow: column;
                flex-flow: column;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
            }

                #switch #nav li > span br {
                    display: none;
                }

@media (min-width:751px) {
    #switch {
        padding: 0;
    }

        #switch .rotation {
            display: block;
        }

        #switch #nav {
            margin: 25px auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
        }

            #switch #nav li {
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;
            }

                #switch #nav li + li {
                    position: relative;
                    margin: 0;
                }

                    #switch #nav li + li:before {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        bottom: 0;
                        width: 1px;
                        opacity: 0.3;
                        background-color: white;
                    }

                #switch #nav li > span {
                    min-height: 56px;
                }

                    #switch #nav li > span br {
                        display: block;
                    }

            #switch #nav:hover li + li:before {
                display: none;
            }

            #switch #nav:hover li:not(:hover) {
                opacity: 0.5;
                -webkit-transform: scale(0.9);
                transform: scale(0.9)
            }
}

#assoc {
    background-color: #fbfbfb;
    padding: 28px 0;
}

#inquire {
    text-align: center;
    color: #fff;
}

    #inquire h2 {
        color: #fff;
    }

    #inquire p {
        margin: 0 auto 20px;
    }

    #inquire #map {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border: 5px solid #7d7d7dc4;
    }

        #inquire #map iframe {
            height: inherit;
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 auto;
            -ms-flex: 1 0 auto;
            flex: 1 0 auto;
        }

    #inquire #quest {
        padding: 10px;
        min-height: 450px;
        width: 500px;
        max-width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #inquire #quest .simple {
            max-width: 380px;
        }

.arrow,
.pager,
.pager > * {
    display: inline-block;
    vertical-align: middle;
}

.arrow {
    font-size: 47px;
    color: #003466;
}

    .arrow span {
        display: block;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        width: 50px;
    }

    .arrow:hover {
        color: #6892ba;
    }

    .arrow i:before {
        display: block;
        margin: 0 auto;
    }

    .arrow:hover span img {
        opacity: 0;
    }

    .arrow#prev:hover span {
        background-image: url(/img/deco-arrow-left.png);
    }

    .arrow#next:hover span {
        background-image: url(/img/deco-arrow-right.png);
    }

.pager {
    font-size: 0;
}

    .pager span {
        cursor: pointer;
        margin: 0 11px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #6892ba;
    }

        .pager span:hover {
            background-color: #585858;
        }

        .pager span.cycle-pager-active {
            background-color: #003466;
        }

#reviews .pager span {
    opacity: 0.2;
    background-color: white;
}

    #reviews .pager span.cycle-pager-active {
        opacity: 1;
    }

#tour {
    text-align: center;
    margin: 20px auto;
}

#carousel {
    max-width: 858px;
    width: 100%;
    margin: 12px auto;
}

#cycle-2 {
    display: none;
    font-size: 0;
}

    #cycle-2 .cycle-carousel-wrap {
        width: 100%;
        height: 100%;
    }

        #cycle-2 .cycle-carousel-wrap .cycle-slide {
            cursor: pointer !important;
        }

    #cycle-2 .cycle-slide img {
        min-width: 100%;
        max-width: none;
        max-height: 137px;
        margin-left: -22%
    }

    #cycle-2 .cycle-slide:hover img {
        opacity: 0.5;
    }

    #cycle-2 .cycle-slide span {
        display: block;
        overflow: hidden;
        position: relative;
        margin: 0 6px;
        background-color: #003466;
    }

    #cycle-2 .cycle-slide-active span:before {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        border: 4px solid #6892ba;
    }

#cycle-1 {
    position: relative;
    overflow: visible !important;
}

    #cycle-1 figure:first-child {
        z-index: 200 !important;
        display: block;
    }

.default {
    text-align: center;
    margin: 20px auto;
}

    .default .pager {
        width: 0;
        height: 0;
        overflow: hidden;
    }

    .default .cycle-slideshow:first-child {
        margin-bottom: 15px;
    }

    .default .cycle-slideshow:last-child {
        margin-top: 15px;
    }

@media (min-width:701px) {
    .slides {
        position: relative;
        display: table;
        margin-left: auto;
        margin-right: auto;
        padding: 0 55px;
    }

        .slides .arrow {
            position: absolute;
            margin: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .slides #prev {
            left: 0;
        }

        .slides #next {
            right: 0;
        }

    .default .pager {
        width: auto;
        height: auto;
    }

    #cycle-2 {
        display: block;
    }
}

@media (min-width:860px) {
    .arrow span {
        width: inherit;
    }

    #switch > h2 {
        padding-top: 45px;
    }

    #reviews .slides {
        padding: 0 120px;
        margin: 50px auto 70px;
    }

    #reviews author {
        font-size: 32px;
        margin-top: 30px;
    }
}

.faq {
    margin: 20px auto;
}

    .faq:hover h3:not(:hover) {
        opacity: 0.5;
    }

    .faq h3 {
        position: relative;
        cursor: pointer;
        margin-top: 17px;
        padding-left: 22px;
    }

        .faq h3:before {
            position: absolute;
            top: 0;
            left: 0;
            color: #6892ba;
            line-height: 31px;
        }

        .faq h3.active {
            opacity: 1 !important;
        }

            .faq h3.active:before {
                color: #585858;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
            }

    .faq > p,
    .faq > div {
        display: none;
        margin: 0 0 0 22px;
        padding: 17px 0;
    }

        .faq > div p {
            margin-top: 0;
        }

        .faq > div ul {
            margin-bottom: 0;
        }

.services {
    margin: 20px auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .services > div {
        margin: 13px;
        background-color: #fff;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 370px;
        -ms-flex: 0 1 370px;
        flex: 0 1 370px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }

        .services > div > a {
            padding: 12px;
            text-align: center;
        }

            .services > div > a img {
                margin-bottom: 24px;
            }

            .services > div > a:hover {
                background-color: #585858;
            }

                .services > div > a:hover h3 {
                    color: #fff;
                }

    .services ul {
        margin: 0;
        padding: 0 12px 24px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

        .services ul li {
            margin-left: 20px;
        }

            .services ul li a {
                color: #222;
            }

                .services ul li a:hover {
                    color: #87aed4;
                }

.contact {
    margin-top: 10px;
}

    .contact p {
        margin-top: 0;
    }

.contact-map iframe {
    height: 230px;
}

.hours {
    display: table;
    margin: 0;
    text-align: left !important;
}

    .hours label {
        width: 110px;
        display: inline-block;
    }

@media (min-width:550px) {
    .contact {
        display: inline-block;
        vertical-align: top;
        width: 33%;
    }

    .contact-map iframe {
        height: 350px;
    }
}

.simple {
    line-height: 1;
    font-size: 0;
    margin: 0 auto;
}

    .simple input,
    .simple textarea,
    .simple select {
        box-sizing: border-box !important;
        border: 0;
        border-radius: 0;
        line-height: 1;
        font-size: 14px;
        letter-spacing: 0.06em;
        width: 100%;
        max-width: 100%;
        padding: 0 7px;
        margin-bottom: 10px;
        height: 40px;
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0.2);
        box-shadow: 0 3px 0 #3b6e8f;
    }

::placeholder {
    color: #ffffff !important;
}
#ADS-CF-3 .form-group ::placeholder {
    color: #000 !important;
}
#ADS-CF-3 .simple input, .simple textarea, .simple select {
    color: #000 !important;
}

#pop-up .form-group ::placeholder {
    color: #000 !important;
}
.simple textarea {
   
    padding: 7px;
}

        .simple input:focus,
        .simple textarea:focus,
        .simple select:focus {
            outline: 0;
            background-color: #3b6e8f;
            color: #fff;
        }

::-webkit-input-placeholder {
    color: #fff;
}

:-moz-placeholder {
    color: #fff;
}

::-moz-placeholder {
    color: #fff;
}

:-ms-input-placeholder {
    color: #fff;
}

.contact .simple input:focus,
.simple textarea:focus {
    outline: 0;
    background-color: #3b6e8f;
    color: #fff;
}

.contact ::-webkit-input-placeholder {
    color: black;
}

.contact :-moz-placeholder {
    color: black;
}

.contact ::-moz-placeholder {
    color: black;
}

.contact :-ms-input-placeholder {
    color: black;
}

.social {
    font-size: 0;
    text-align: center;
}

    .social a {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        color: #009ce0;
        border-radius: 50%;
        border: 2px solid #009ce0;
    }

        .social a i:before {
            display: block;
            margin: 0 auto;
            width: 46px;
            line-height: 46px;
        }

        .social a + a {
            margin-left: 20px;
        }

    .social .fb:hover {
        background-color: #4d70a8;
    }

    .social .gp:hover {
        background-color: #dc4e41;
    }

    .social .yp:hover {
        background-color: #b62717;
    }

    .social .tw:hover {
        background-color: #00acee;
    }

    .social .yt:hover {
        background-color: #FF0000;
    }

    .social .pt:hover {
        background-color: #E60023;
    }

    .social .mobile-pay:hover {
        background-color: #585858;
    }

    .social a:hover {
        border-color: transparent;
        color: #fff;
    }

header .social a {
    font-size: 16px;
    color: #329ce0;
    border-color: #329ce0;
}

    header .social a + a {
        margin-left: 10px;
    }

    header .social a i:before {
        width: 36px;
        line-height: 36px;
    }

.social .mobile-pay {
    display: none;
}

@media screen and (max-width:1000px) {
    .social .mobile-pay {
        display: block;
        border-radius: inherit;
        margin-left: 0;
        margin: 10px auto;
        padding: 0 5px;
    }

    .social a.mobile-pay i {
        display: inline-flex;
    }

        .social a.mobile-pay i:before {
            width: 36px;
        }
}

footer {
    position: relative;
    font-size: 14px;
    line-height: 2;
    background-color: #fff;
    color: #009ce0;
}

    footer .container {
        padding: 40px 0;
        letter-spacing: 0.06em;
    }

    footer .flex-ed {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        footer .flex-ed > * {
            padding: 10px;
        }

    footer .col-flex-ed {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: center;
    }

        footer .col-flex-ed > *:last-child {
            padding-top: 10px;
            margin: auto;
        }

    footer #info > a {
        display: table;
        margin-bottom: 10px;
    }

    footer .phy {
        line-height: 1.71;
        color: #009ce0;
        text-align: center;
    }

    footer .pho {
        font-size: 32px;
        line-height: 1.08;
        color: #009ce0;
        letter-spacing: 0;
    }

    footer .hours {
        margin-top: 28px;
    }

    footer ul {
        list-style: none;
        padding: 0;
        margin: 16px 0 0;
        max-width: 300px;
    }

        footer ul li {
            display: inline-block;
            vertical-align: middle;
            width: 295px;
        }

            footer ul li a {
                display: block;
                color: #009ce0;
            }

                footer #info > a:hover,
                footer ul li a:hover {
                    color: #f79f9a !important;
                }

    footer #copy {
        color: #fff;
        background-color: #009ce0;
        /*font-family: Arial;*/
        font-size: 14px;
        padding: 34px 10px;
        text-align: center;
    }

        footer #copy a {
            color: #fff;
        }

            footer #copy a:hover {
                text-decoration: underline;
            }
    footer .col-flex-ed .p-txt {
        font-weight: 600;
    }


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #split.love #title, #switch #nav li > span {
        height: 10px;
    }
}

x {
    -webkit-animation: animate 2s 1;
    animation: animate 2s 1;
}

@-webkit-keyframes animate {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes animate {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

x {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

x {
    -webkit-animation-name: hvr-bob-float,hvr-bob;
    animation-name: hvr-bob-float,hvr-bob;
    -webkit-animation-duration: .3s,1.5s;
    animation-duration: .3s,1.5s;
    -webkit-animation-delay: 0s,.3s;
    animation-delay: 0s,.3s;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

.styled-form {
    margin-top: 15px;
    margin-bottom: 30px;
}

    .styled-form .drei {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        .styled-form .drei + .drei {
            margin-top: 5px;
        }

    .styled-form .input-content,
    .styled-form .inline {
        width: calc(100% / 3 - 5px);
        min-height: 52px;
    }

    .styled-form .inline,
    .input-content {
        background-color: #363636;
    }

.input__label-content strong,
.input__label-content strong a {
    color: #363636;
}

.input-content,
.styled-form .inline label,
.styled-form .inline,
.input--filled .input__label .input__label-content strong,
.input--filled .input__label .input__label-content a {
    color: #fff !important;
}

.styled-form .drei:first-of-type {
    line-height: 1 !important;
}

.styled-form .inline {
    padding: 8px 16px 12px;
}

    .styled-form .inline span input {
        margin-right: 4px;
    }

    .styled-form .inline span {
        display: block;
        line-height: 1.4;
    }

.styled-form .hear {
    margin: 10px 0;
}

    .styled-form .hear label {
        display: inline-block;
        margin-right: 8px;
    }

.input-content {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.input__field {
    -webkit-appearance: none;
    position: absolute;
    z-index: 2;
    display: block;
    float: right;
    border: none;
    border-radius: 0;
    padding: 0 14px;
    margin-top: 1.2em;
    height: 29px;
    width: 100%;
    background: transparent;
    color: #fff;
}

    .input__field:focus {
        outline: none;
    }

.input__label {
    display: inline-block;
    float: right;
    padding: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .input__label::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0 solid transparent;
        -webkit-transition: border-width 0.3s,border-color 0.3s;
        transition: border-width 0.3s,border-color 0.3s;
    }

.input__label-content {
    position: relative;
    display: block;
    width: 100%;
    padding: 1.1em 1em;
    text-rendering: geometricPrecision;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s,color 0.3s;
    -webkit-transition: color 0.3s,-webkit-transform 0.3s;
    transition: color 0.3s,-webkit-transform 0.3s;
    transition: transform 0.3s,color 0.3s;
    transition: transform 0.3s,color 0.3s,-webkit-transform 0.3s;
}

    .input__label-content strong {
        float: right;
        font-weight: normal;
    }

.input__field:focus + .input__label::before,
.input--filled .input__label::before {
    border-width: 5px;
    border-color: #003466;
    border-top-width: 1.2em;
}

.input__field:focus + .input__label .input__label-content,
.input--filled .input__label .input__label-content {
    color: #fff;
    font-size: 14px;
    padding: .85em 1em;
    -webkit-transform: translate3d(0,-.65em,0);
    transform: translate3d(0,-.65em,0);
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: transparent !important;
}

@media (max-width:650px) {
    .styled-form .input-content,
    .styled-form .inline {
        width: 100%;
        display: block;
    }

        .styled-form .input-content + .input-content {
            margin-top: 5px;
        }
}

@media (max-width:1150px) {
    #inquire #quest {
        width: 100% !important;
    }
    h2,
    .more-to-explore h6 {
        font-size: 36px;
    }

    h3 {
        font-size: 20px;
    }

    h4,
    #switch #split h2 {
        font-size: 28px;
    }

    .btn,
    .btn-alt {
        padding: 18px;
    }

    #banner h1 {
        font-size: 32px;
    }

    #callouts {
        margin: 10px auto;
    }

    footer {
        text-align: center;
    }

        footer .flex-ed {
            -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
            justify-content: space-around;
        }

        footer #info > a {
            margin-left: auto;
            margin-right: auto;
        }

        footer ul {
            max-width: 900px;
        }

    #split.dds figure img:nth-of-type(2) {
        top: 10px;
        right: 10px;
    }

    #assoc img {
        height: 55px;
    }
}

@media (max-width:860px) {
    .deco {
        padding: 0;
    }

        .deco:before {
            display: none;
        }

    #callouts h3 br {
        display: none;
    }

    #split .flex-ed {
        display: block;
        text-align: center;
    }

    #split article p {
        max-width: 100% !important;
    }

    #split figure {
        display: table;
        margin: 0 auto;
    }

        #split figure img:first-child {
            width: 400px;
        }

    #reviews {
        padding: 20px 10px;
    }

        #reviews p i {
            font-size: 100px;
        }

    #assoc img {
        height: 45px;
    }

    #inquire #quest {
        width: 100%;
    }

    .page-divider {
        padding-top: 20px;
    }

    #block {
        padding: 20px 0 15px;
    }

    #split.dds figure img:nth-of-type(2) {
        width: 20px;
    }

    #callouts > a,
    #callouts div {
        width: 100%;
        margin: 20px auto;
    }
}

@media screen and (max-width:768px) {
    header .pho {
        font-size: 22px;
    }

    header .logo {
        max-width: 300px;
    }

    header img[alt="Book Now"] {
        max-width: 100px;
    }
}

@media (max-width:700px) {
    #inquire #quest { 
        width: 100% !important;
    }
        body {
        font-size: 15px;
    }

    .btn,
    .btn-alt {
        font-size: 14px;
        padding: 16px;
        min-width: 250px;
    }

    h1 {
        font-size: 30px;
    }

    h2,
    .more-to-explore h6 {
        font-size: 24px;
    }

    h4,
    #switch #split h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 16px;
    }

    #banner h1 {
        font-size: 32px;
    }

    #callouts > a,
    .services > div > a {
        padding: 6px;
    }

    #callouts a h3 {
        padding: 6px 0 0;
    }

    .services > div {
        margin: 10px 0;
    }

        .services > div > a img {
            margin-bottom: 12px;
        }

    #reviews p {
        font-size: 16px;
    }

    #reviews star {
        display: block;
    }

    #reviews author {
        font-size: 18px;
    }

    #inquire {
        display: block;
    }

        #inquire #quest {
            min-height: inherit;
            width: 100%;
        }

        #inquire #map {
            display: none;
        }
}

@media (max-width:619px) {
    #top-home-special {
        text-align: center;
    }
}

@media (max-width:590px) {
    .btn.hd-bt {
        display: none;
    }

    h1 {
        font-size: 28px;
    }

    #page h1:first-child {
        padding-left: 15px;
    }

        #page h1:first-child:before {
            top: 0;
            bottom: 0;
        }

    #banner h1,
    #banner h1 small {
        font-size: 22px;
    }

    #callouts {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #callouts a {
            width: 100%;
            max-width: 358px;
        }

            #callouts a + a {
                margin-top: 10px;
            }

            #callouts a p {
                display: block;
            }

    #assoc {
        display: none;
    }

    footer .container {
        padding: 10px 0;
    }

    footer .col-flex-ed {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
        width: 100%;
    }

    footer .logo img {
        width: 100%;
    }

    footer #copy {
        padding: 10px;
    }

        footer #copy span {
            display: block;
            height: 0;
            overflow: hidden;
        }

    #mobile-header {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #mobile-header > a {
            display: none;
        }

    #mobile-footer .hours {
        font-size: 14px;
    }
}

.mob-book {
    display: none;
}

@media screen and (max-width:430px) {
    .mob-book {
        display: block;
        background: #87aed6;
    }

    .desk-book {
        display: none;
    }

    header img[alt="Book Now"] {
        max-width: 100%;
        margin: 0 auto !important;
    }
    .contact-form .inline-box {
        display: inline-block !important;
    }
}

.contact-form .intl-tel-input {
    width: 100%;
}

.contact-form .form-control-static {
    font-size: 10px !important;
    text-align: right;
    margin-bottom: 20px !important;
    color: #fff;
}

.contact-form p.form-control-static.form-inline.f-clr {
    color: #999;
}

.contact-form .help-block {
    font-size: 12px;
}

.contact-form .form-control-static .input-sm {
    height: auto;
    padding: 1px 2px;
    text-align: center;
    font-size: 10px;
    display: inline-block;
    width: auto;
}

.contact-form ul li {
    margin: 0;
}

    .contact-form ul li span {
        /*background: #7a7a7a;*/
        color: #000;
    }
.contact-form option {
    background: #ccc !important;
}
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
    font-size: 10px;
}
.contact-form .inline-box {
    display: flex;
   
}
    .contact-form .inline-box .btn-alt {
        min-width: 150px;
        margin-bottom: 4px;
    }

#recaptcha1 , #recaptcha2 , #recaptcha3 , #recaptcha4 {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}

/* ADA accessibility */
.acess-container, .acess-container[data-placement-position=bottom-right] {
    bottom: 60px;
    right: 10px
}

#accessibility-button i, #accessibility-button.opened i {
    background: #777777;
    -webkit-transition: all .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    -o-transition: all .6s ease-in-out 0s;
    color: #fff
}

#acess-icons li:last-child, #acess-icons li:nth-child(2n+2) {
    border-right: 1px solid rgba(0,0,0,.08)
}

.acess-container {
    display: inline-table;
    position: fixed;
    z-index: 99999
}

    .acess-container[data-placement-position=bottom-left] {
        left: 10px;
        bottom: 60px
    }

    .acess-container[data-placement-position=top-right] {
        top: 60px;
        right: 10px
    }

    .acess-container[data-placement-position=top-left] {
        top: 60px;
        left: 10px
    }

#accessibility-button {
    position: absolute;
    display: inherit;
    right: 0;
    bottom: -50px;
    cursor: pointer
}

.acess-container[data-placement-position=bottom-left] #accessibility-button {
    left: 0;
    bottom: -50px
}

.acess-container[data-placement-position=bottom-right] #accessibility-button {
    right: 0;
    bottom: -50px
}

.acess-container[data-placement-position=top-right] #accessibility-button {
    top: -50px;
    right: 0
}

.acess-container[data-placement-position=top-left] #accessibility-button {
    top: -50px;
    left: 0
}

#accessibility-button i {
    font-size: 30px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50px;
    position: relative;
    box-shadow: 0 0 0 11px rgba(255,255,255,0) inset,0 0 30px -10px #000;
    transition: all .6s ease-in-out 0s
}

#accessibility-button.opened i {
    border-radius: 8px;
    box-shadow: 0 0 0 2px #fff inset, 0 0 35px -10px #000;
    transition: all .6s ease-in-out 0s
}

#accessibility-button.accessibilityFeatureActivated i:after {
    content: "";
    position: absolute;
    background: #5fdba7;
    width: 5px;
    height: 5px;
    right: 6px;
    top: 6px;
    border-radius: 50px;
    box-shadow: 0 0 0 3px #fff,0 0 5px 1px #5fdba7;
    -webkit-transition: all .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    -o-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s
}

#acess-icons {
    display: none;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    box-shadow: 0 0 30px -10px #000;
    margin-bottom: 10px;
    -webkit-transition: display .6s ease-in-out 0s;
    -moz-transition: display .6s ease-in-out 0s;
    -o-transition: display .6s ease-in-out 0s;
    transition: display .6s ease-in-out 0s
}

.acess-container[data-placement-position=top-right] #acess-icons, .acess-container[data-placement-position=top-left] #acess-icons {
    margin-top: 10px
}

#acess-icons .accessibility-title {
    background: #777777;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px 8px 0 0;
    margin: 0
}

    #acess-icons .accessibility-title button.close {
        font-size: 22px;
        opacity: .2;
        color: #000
    }

        #acess-icons .accessibility-title button.close:focus, #acess-icons .accessibility-title button.close:hover {
            outline: 0;
            opacity: .5
        }

#acess-icons ul {
    padding: 15px;
    margin: 0;
    width: 360px;
    display: inline-table
}

#acess-icons li {
    display: block;
    width: 50%;
    background: rgba(0,0,0,.01);
    color: #000;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    float: left;
    padding: 10px;
    border-top: 1px solid rgba(0,0,0,.08);
    border-left: 1px solid rgba(0,0,0,.08);
    cursor: pointer
}

    #acess-icons li:first-child {
        border-radius: 4px 0 0
    }

    #acess-icons li:nth-child(2) {
        border-radius: 0 4px 0 0
    }

    #acess-icons li:last-child {
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,.08);
        padding: 5px;
        border-radius: 0 0 4px 4px
    }

        #acess-icons li:last-child i {
            color: #b15d12;
            display: inline-block;
            vertical-align: initial;
            margin-right: 4px;
            font-size: 18px
        }

    #acess-icons li i {
        color: #f69f9a;
        display: block;
        text-align: center;
        height: 25px;
        line-height: 25px;
        font-size: 25px;
        margin: 0 auto
    }

        #acess-icons li i span {
            display: inline-block;
            margin-left: 4px
        }

            #acess-icons li i span i {
                font-size: 18px;
                line-height: 18px;
                height: auto
            }

    #acess-icons li:focus, #acess-icons li:hover {
        background: #e8e8e8;
        outline: rgba(255,255,255,.75) dotted 1px;
        outline-offset: -8px
    }

        #acess-icons li:focus i, #acess-icons li:hover i {
            color: #000
        }

#acess-icons .accessibility-footer {
    padding: 0 15px 15px
}

    #acess-icons .accessibility-footer a.btn-link {
        padding: 0;
        display: block;
        text-align: left;
        color: #329ce0;
        outline: 0
    }

    #acess-icons .accessibility-footer a.btn.btn-link {
        border: none;
        text-align: left;
        margin: 0;
    }

    #acess-icons .accessibility-footer a.btn-link:focus, #acess-icons .accessibility-footer a.btn-link:hover {
        color: #777777;
        outline: 0;
        text-decoration: none
    }

.activeState {
    background: rgba(106,120,197,.3) !important;
    outline: #6a78c5 dotted 1px;
    outline-offset: -8px
}

    .activeState i {
        color: #000 !important
    }

#resetAll.resetAllDeactivated, #resetAll.resetAllDeactivated i {
    color: rgba(0,0,0,.2) !important
}

#resetAll.resetAllDeactivated {
    background: rgba(0,0,0,.01) !important;
    pointer-events: none;
    cursor: not-allowed
}

#resetAll.resetAllActivated {
    background: rgba(0,0,0,.08) !important;
    color: #b15d12 !important;
    cursor: pointer
}

    #resetAll.resetAllActivated:focus, #resetAll.resetAllActivated:focus i, #resetAll.resetAllActivated:hover, #resetAll.resetAllActivated:hover i {
        color: #000 !important
    }

.keyboardNavActivated a:focus {
    outline: #c00 dashed 4px !important;
    outline-offset: 4px !important
}

.bigCursorActivated {
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyOS4xODhweCIgaGVpZ2h0PSI0My42MjVweCIgdmlld0JveD0iMCAwIDI5LjE4OCA0My42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI5LjE4OCA0My42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0Q5REFEOSIgc3Ryb2tlLXdpZHRoPSIxLjE0MDYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIyLjgsNC41NDkgMjYuODQ3LDE5LjkwMiAxNi45NjQsMjIuNzAxIDI0LjIzOSwzNy43NDkgMTguMjc4LDQyLjAxNyA5Ljc0MSwzMC43MjQgMS4xMzgsMzUuODA5ICIvPjxnPjxnPjxnPjxwYXRoIGZpbGw9IiMyMTI2MjciIGQ9Ik0yOS4xNzUsMjEuMTU1YzAuMDcxLTAuNjEzLTAuMTY1LTEuMjUzLTAuNjM1LTEuNTczTDIuMTY1LDAuMjU4Yy0wLjQyNC0wLjMyLTAuOTg4LTAuMzQ2LTEuNDM1LTAuMDUzQzAuMjgyLDAuNDk3LDAsMS4wMywwLDEuNjE3djM0LjE3MWMwLDAuNjEzLDAuMzA2LDEuMTQ2LDAuNzc2LDEuNDM5YzAuNDcxLDAuMjY3LDEuMDU5LDAuMjEzLDEuNDgyLTAuMTZsNy40ODItNi4zNDRsNi44NDcsMTIuMTU1YzAuMjU5LDAuNDgsMC43MjksMC43NDYsMS4yLDAuNzQ2YzAuMjM1LDAsMC40OTQtMC4wOCwwLjcwNi0wLjIxM2w2Ljk4OC00LjU4NWMwLjMyOS0wLjIxMywwLjU2NS0wLjU4NiwwLjY1OS0xLjAxM2MwLjA5NC0wLjQyNiwwLjAyNC0wLjg4LTAuMTg4LTEuMjI2bC02LjM3Ni0xMS4zODJsOC42MTEtMi43NDVDMjguNzA1LDIyLjI3NCwyOS4xMDUsMjEuNzY4LDI5LjE3NSwyMS4xNTV6IE0xNi45NjQsMjIuNzAxYy0wLjQyNCwwLjEzMy0wLjc3NiwwLjUwNi0wLjk0MSwwLjk2Yy0wLjE2NSwwLjQ4LTAuMTE4LDEuMDEzLDAuMTE4LDEuNDM5bDYuNTg4LDExLjc4MWwtNC41NDEsMi45ODVsLTYuODk0LTEyLjMxNWMtMC4yMTItMC4zNzMtMC41NDEtMC42NC0wLjk0MS0wLjcyYy0wLjA5NC0wLjAyNy0wLjE2NS0wLjAyNy0wLjI1OS0wLjAyN2MtMC4zMDYsMC0wLjU4OCwwLjEwNy0wLjg0NywwLjMyTDIuOCwzMi41OVY0LjU0OWwyMS41OTksMTUuODA2TDE2Ljk2NCwyMi43MDF6Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==),auto !important
}

.darkContrastActivated {
    background-color: #000 !important;
    color: #FFF !important
}

.lightContrastActivated {
    background-color: #fff !important;
    color: #000 !important
}

.invertColorsActivated, .invertColorsActivated .acess-container {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%)
}

.desaturateActivated {
    -webkit-filter: saturate(0);
    -moz-filter: saturate(0);
    -ms-filter: saturate(0);
    -o-filter: saturate(0);
    filter: saturate(0)
}

    .desaturateActivated .acess-container {
        -webkit-filter: saturate(100%) !important;
        -moz-filter: saturate(100%) !important;
        -ms-filter: saturate(100%) !important;
        -o-filter: saturate(100%) !important;
        filter: saturate(100%) !important
    }

.legibleFontActivated:not(i) {
    font-family: Arial,serif !important
}

.highlightLinksActivated a {
    text-decoration: underline !important;
    color: #ff0 !important;
    background-color: #000 !important
}

.currentSpeakingElement {
    color: #000 !important;
    background-color: #ff0 !important;
    outline: #c00 dashed 2px;
    outline-offset: 4px;
    box-shadow: 0 0 0 4px #ff0;
    -webkit-transition: display .6s ease-in-out 0s;
    -moz-transition: display .6s ease-in-out 0s;
    -o-transition: display .6s ease-in-out 0s;
    transition: display .6s ease-in-out 0s
}

.zoomPageActivated {
    zoom: 130%;
    -moz-transform: scale(1.3)
}

.readPageActivated {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAF76W4GAAAAPFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADQLyYwAAAAE3RSTlMADBAYMDxIYGt3gIOPm6ezv8/v0l70agAAALtJREFUGBmtwQFOg0AUQMGHUCgI8sq//11ld6WsSUmM6QxFdEIopymECAE5jEBEqOzuLcgVIaJZlIhAhQhUQGgEVv5oVWCKBDNgiwQzKrNK4ReZFG3DPzRK5aay22LXDSZAZBZAZBZAZBbAIxILTp07MiVZlGyWbJTCmV963m5UrrSLO17qZguSj0c8NdZItjhhjSQqWCOZ4oQ1immLH3TdsHjgtOonh9tqwqlVB56aUaXSqz3XBtc7b/UNKeIU60vmhncAAAAASUVORK5CYII=),auto !important
}

@media(max-width:767.98px) {
    #inner_page #banner {
        height: auto;
    }
    small {
        font-size: 48%;
    }
    #banner article {       
        top: 0 !important;
    }
        #accessibility-button i {
        font-size: 26px;
        line-height: 35px;
        width: 35px;
        height: 35px
    }

    .s-screen {
        color: #7b7b7b !important;
        letter-spacing: 1px;
        margin: 0 auto;
        font-weight: 600;
        display: block;
    }

    .l-screen {
        display: none;
    }

    #accessibility-button.opened i {
        box-shadow: 0 0 0 8px #fff inset,0 0 35px -10px #000
    }

    .acess-container[data-placement-position=bottom-left], .acess-container[data-placement-position=bottom-right] {
        bottom: 55px
    }

    .acess-container[data-placement-position=top-right], .acess-container[data-placement-position=top-left] {
        top: 55px
    }

        .acess-container[data-placement-position=top-right] #acess-icons, .acess-container[data-placement-position=top-left] #acess-icons {
            margin-top: 0
        }

    #acess-icons {
        margin-bottom: 0
    }

        #acess-icons ul {
            padding: 8px;
            width: 250px
        }

        #acess-icons li {
            line-height: 18px;
            font-size: 13px;
            padding: 6px
        }

            #acess-icons li i {
                height: 24px;
                line-height: 20px;
                font-size: 20px
            }

                #acess-icons li i span i {
                    font-size: 14px;
                    line-height: 14px
                }

            #acess-icons li:focus, #acess-icons li:hover, .activeState {
                outline-offset: -4px
            }

    #accessibility-button.accessibilityFeatureActivated i:after {
        width: 4px;
        height: 4px;
        right: 4px;
        top: 4px;
        box-shadow: 0 0 0 2px #fff,0 0 5px 0 #5fdba7
    }

    #acess-icons li:last-child i {
        font-size: 14px;
        height: auto
    }

    #acess-icons .accessibility-title {
        padding: 5px 8px;
        font-size: 15px
    }

        #acess-icons .accessibility-title button.close {
            font-size: 18px
        }

    #acess-icons .accessibility-footer {
        padding: 0 8px 8px
    }
}

@media(min-width:768px) and (max-width:991.98px) {
  
        #inner_page #banner {
        height: auto;
    }
    #accessibility-button i {
        font-size: 37px;
        line-height: 37px;
        width: 37px;
        height: 37px
    }
    .box-col {
        width: 47%;
       }
    ._1_tp_cmn {
        height: 110px;
    }

    .col-xs-12.col-sm-3.pad-rl {
        padding-right: 5px;
        padding-left: 5px;
    }

    #hexGrid li.hex:hover {
        transform: scale(2);
    }

    #accessibility-button.opened i {
        box-shadow: 0 0 0 8px #fff inset,0 0 35px -10px #000
    }

    .acess-container[data-placement-position=bottom-left], .acess-container[data-placement-position=bottom-right] {
        bottom: 57px
    }

    .acess-container[data-placement-position=top-right], .acess-container[data-placement-position=top-left] {
        top: 57px
    }

        .acess-container[data-placement-position=top-right] #acess-icons, .acess-container[data-placement-position=top-left] #acess-icons {
            margin-top: 0
        }

    #acess-icons {
        margin-bottom: 0
    }

        #acess-icons ul {
            padding: 10px;
            width: 300px
        }

        #acess-icons li {
            line-height: 20px;
            font-size: 15px;
            padding: 8px
        }

            #acess-icons li i {
                height: 26px;
                line-height: 22px;
                font-size: 22px
            }

                #acess-icons li i span i {
                    font-size: 16px;
                    line-height: 16px
                }

            #acess-icons li:focus, #acess-icons li:hover, .activeState {
                outline-offset: -4px
            }

    #accessibility-button.accessibilityFeatureActivated i:after {
        width: 5px;
        height: 5px;
        right: 4px;
        top: 4px;
        box-shadow: 0 0 0 2px #fff,0 0 5px 0 #5fdba7
    }

    #acess-icons li:last-child i {
        font-size: 16px;
        height: auto
    }

    #acess-icons .accessibility-title {
        padding: 5px 10px;
        font-size: 15px
    }

        #acess-icons .accessibility-title button.close {
            font-size: 18px
        }

    #acess-icons .accessibility-footer {
        padding: 0 10px 10px
    }
}

#write_a_review img {
    margin: 10px auto !important;
    box-shadow: none !important;
    border: none !important;
}

#write_a_review p {
    text-align: center !important;
    text-transform: uppercase !important;
    background: #2379bf;
    margin-bottom: 0px;
    padding: 20px 0px;
    color: #fff !important;
    letter-spacing: 2px;
    font-weight: 700 !important;
}


#write_a_review .thumbnail {
    padding: 0px;
    background: #fff;
    border: 1px solid #e8efde;
    border-radius: 0px;
    margin-bottom: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(-0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

    #write_a_review .thumbnail:hover p {
        background: #329ce0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        color: #fff;
    }

    #write_a_review .thumbnail:hover {
        border: 1px solid #e8efde;
        box-shadow: none !important;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }

#write_a_review .thumbnail {
    width: 100%;
}