.header-nav li a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: Montserrat, sans-serif
}

.copyright a,
.news-list a,
a,
ul.low-low-list li a {
    text-decoration: none
}

.site,
body,
html {
    height: 100%
}

.pp-wrap li,
.wrap,
body {
    position: relative
}

.header-nav .menu,
.hero-content h1,
.hero-content h2 .off-canvas li a,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase
}

.book-head,
.off-canvas li a,
h4 {
    font-style: italic
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

*,
:after,
:before {
    box-sizing: inherit;
    z-index: 1
}

a {
    color: #f78e1e;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.dot,
.home header,
.page-template header,
.page-template-default header,
.scrolled header,
.single header,
header {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out
}

.content a,
.eco-content a,
.inner-content a,
footer a {
    color: #f78e1e;
    text-decoration: underline
}

.content a:hover,
.eco-content a:hover,
.inner-content a:hover,
footer a:hover {
    color: #054990
}

a img {
    border: 0
}

.clear {
    clear: both
}

html {
    box-sizing: border-box
}

body {
    font-size: 100%;
    overflow-x: hidden;
    font-weight: 200
}

input {
    -webkit-appearance: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff
}

h1 {
    font-size: 3em;
    font-weight: 500;
    color: #f78e1e
}

h2 {
    font-size: 2.5em;
    color: #2b567b
}

h3 {
    font-size: 2em
}

h4 {
    color: #004990;
    font-size: 1.3rem;
    font-weight: 600
}

h5 {
    font-size: 1em
}

h6 {
    font-size: .7em
}

p {
    margin: 5px 0 15px;
    line-height: 1.5;
    color: #fff;
    font-weight: 200
}

.wrap {
    width: 1140px;
    margin: 0 auto
}

.wrap:after {
    content: "";
    display: table;
    clear: both
}

strong {
    font-weight: 600
}

.content ul,
.why ul {
    margin: 30px 0;
    display: block
}

.content li,
.inner-content li,
.landing-left li,
.low-content li,
.why li {
    color: #fff;
    margin: 12px 0 12px 20px;
    list-style: none;
    position: relative
}

.inner-content li {
    color: #111
}

.pp-wrap li {
    margin: 12px 0 12px 30px;
    list-style: none
}

.content li:before,
.inner-content li:before,
.landing-left li:before,
.low-content li:before,
.pp-wrap li:before,
.why li:before {
    content: "\f138";
    font-family: Fontawesome;
    font-weight: 400;
    position: absolute;
    left: -22px;
    top: 2px;
    color: #f78e1e
}

.content img {
    width: 100%;
    height: auto
}

header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    border-top: 2px solid #f78e1e
}

.call,
.logo {
    position: relative
}

.home header,
.page-template header,
.page-template-default header,
.scrolled header,
.single header,
header {
    background: #2b567b;
    transition: background .3s ease-in-out
}

.logo {
    background: url(images/logo.svg) no-repeat;
    text-indent: -9999em;
    z-index: 9
}

.home.scrolled .header-logo,
.page-template .header-logo,
.page-template-default .header-logo,
.scrolled .header-logo,
.single .header-logo {
    margin: 10px 0 0 20px;
    -webkit-transition: margin .3s ease-in-out .3s;
    -moz-transition: margin .3s ease-in-out .3s;
    -ms-transition: margin .3s ease-in-out .3s;
    -o-transition: margin .3s ease-in-out .3s;
    transition: margin .3s ease-in-out .3s
}

.header-logo,
.home .header-logo {
    float: left;
    width: 150px;
    display: block;
    background-size: 80%;
    height: 50px;
    margin: 10px 0 0 -135px;
    -webkit-transition: margin .3s ease-in-out;
    -moz-transition: margin .3s ease-in-out;
    -ms-transition: margin .3s ease-in-out;
    -o-transition: margin .3s ease-in-out;
    transition: margin .3s ease-in-out
}

.book-head,
.call {
    float: right
}

.book-head {
    background: #f78e1d;
    background: -moz-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: -webkit-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: linear-gradient(to bottom, #f78e1d 0, #f38006 100%);
    color: #fff;
    font-weight: 600;
    padding: 21px 39px;
    height: 62px
}

.book-head:hover {
    color: #2b567b
}

#top-ham,
.call a,
.why {
    float: left
}

.call a {
    color: #f78e1e;
    font-weight: 600;
    padding: 21px 25px
}

.call a:before {
    font-family: Fontawesome;
    content: "\f095";
    font-size: 1.6rem;
    position: absolute;
    top: 18px;
    visibility: hidden
}

.home.scrolled .call p,
.page-template .call p,
.page-template-default .call p,
.scrolled .call p,
.single .call p {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.call p,
.home .call p {
    padding: 21px 0;
    position: absolute;
    margin: 0;
    color: #fff;
    font-size: .9rem;
    opacity: 1;
    visibility: visible;
    top: 0;
    left: -140px;
    -webkit-transition: opacity .3s ease-in-out .2s, visibility .3s ease-in-out .2s;
    -moz-transition: opacity .3s ease-in-out .2s, visibility .3s ease-in-out .2s;
    transition: opacity .3s ease-in-out .2s, visibility .3s ease-in-out .2s
}

.header-nav {
    position: relative;
    float: left
}

.header-nav .menu {
    position: relative;
    font-size: 14px;
    z-index: 90;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    right: 0;
    text-align: center
}

.header-nav .menu:after {
    content: "";
    display: table;
    clear: both
}

.header-nav li {
    position: relative;
    display: inline-block;
    list-style: none
}

.header-nav li a {
    padding: 22px 20px;
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: .9rem;
    height: 62px;
    vertical-align: middle
}

.header-nav a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header-nav ul ul li a:after,
.header-nav ul>li>ul {
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.header-nav li:hover>a {
    color: #2b567b;
    background: #f78e1e;
    cursor: pointer
}

.header-nav ul>li>ul {
    text-align: left;
    width: auto;
    opacity: 0;
    visibility: hidden;
    background: #f78e1d;
    background: -moz-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: -webkit-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: linear-gradient(to bottom, #f78e1d 0, #f38006 100%);
    position: absolute;
    z-index: 9999999;
    box-shadow: 0 4px 6px rgba(1, 1, 1, .15)
}

.header-nav ul li ul li {
    display: inline-block;
    position: relative
}

#top-ham,
.header-nav ul li ul li:last-child:after {
    display: none
}

.header-nav ul li ul li:after {
    bottom: 0;
    content: '';
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    height: 1px;
    width: 90%;
    left: 5%;
    position: absolute
}

.header-nav ul>li:hover>ul {
    opacity: 1;
    visibility: visible
}

.header-nav ul ul li a,
.header-nav ul ul ul li a {
    min-width: 360px;
    font-size: .8rem;
    padding: 22px 45px 0 20px;
    color: #fff;
    font-weight: 600;
    font-style: italic;
    font-family: Montserrat, sans-serif
}

.header-nav ul ul li:hover a,
.header-nav ul ul ul li:hover a {
    background: #f78e1e
}

.header-nav ul ul li a:after {
    opacity: 0;
    visibility: hidden;
    content: '\f105';
    font-family: Fontawesome;
    font-size: 20px;
    position: absolute;
    top: 20px;
    right: 30px;
    color: #fff
}

.header-nav ul ul li a:hover:after {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.header-nav ul>li>ul>li>ul {
    text-align: left;
    opacity: 0;
    visibility: hidden;
    background: #2c3946;
    position: absolute;
    top: 0;
    left: 230px;
    z-index: 9999999;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header-nav ul>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible
}

.header-nav ul>li>ul>li>ul>li>ul {
    text-align: left;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, .9);
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 9999999;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.book-bin,
.book-bin h3,
.book-inner,
.eco h2,
.feat-item,
.feat-wrap,
.hero-content,
.mob-toggle span,
.test,
.why h2 {
    text-align: center
}

.header-nav ul>li>ul>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible
}

#top-ham {
    width: 30px;
    height: 30px;
    position: relative;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 999;
    padding: 10px;
    margin: 19px 0 0
}

#top-ham span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

#top-ham span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#top-ham span:nth-child(2) {
    top: 9px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#top-ham span:nth-child(3) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

#top-ham.open span:nth-child(1) {
    -webkit-transform: translate(8px, -2px) rotate(45deg);
    -moz-transform: translate(8px, -2px) rotate(45deg);
    -o-transform: translate(8px, -2px) rotate(45deg);
    transform: translate(8px, -2px) rotate(45deg)
}

#top-ham.open span:nth-child(2) {
    width: 0%;
    opacity: 0
}

#top-ham.open span:nth-child(3) {
    -webkit-transform: translate(8px, 1px) rotate(-45deg);
    -moz-transform: translate(8px, 1px) rotate(-45deg);
    -o-transform: translate(8px, 1px) rotate(-45deg);
    transform: translate(8px, 1px) rotate(-45deg)
}

.off-canvas {
    width: 350px;
    height: 100%;
    position: fixed;
    left: -350px;
    top: 60px;
    background: #003b73;
    z-index: 2;
    border-right: 2px solid #f78e1e;
    -webkit-transition: left .5s ease-in-out;
    -moz-transition: left .5s ease-in-out;
    -ms-transition: left .5s ease-in-out;
    -o-transition: left .5s ease-in-out;
    transition: left .5s ease-in-out;
    padding: 30px 10px 150px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden
}

.mob-clicked .off-canvas {
    left: 0
}

.off-canvas ul {
    list-style: none
}

.off-canvas ul li {
    cursor: pointer
}

.off-canvas .current-menu-item {
    border: none;
    margin-bottom: 0
}

.off-canvas ul ul {
    padding: 0 0 0 10px
}

.off-canvas li a {
    font-weight: 600;
    font-size: 1rem;
    font-family: Montserrat, arial, sans-serif;
    padding: 20px 60px 14px 15px;
    height: 60px;
    display: block;
    color: #fff;
    overflow: hidden;
    position: relative
}

.off-canvas li a:after {
    bottom: 0;
    content: '';
    height: 1px;
    width: 98%;
    background: rgba(255, 255, 255, .1);
    position: absolute;
    left: 1%
}

.off-canvas li a:hover {
    background: rgba(240, 240, 240, .08)
}

.off-canvas ul ul li a {
    font-size: .8rem;
    color: #fff;
    font-weight: 300;
    font-style: normal
}

.feat-item h2,
.hero-text,
.inner-test-text,
.test h2,
.who h1,
.who h2,
.why h2 {
    font-style: italic
}

.off-canvas ul ul ul li a {
    color: #fff
}

.off-canvas ul .menu-item-has-children {
    position: relative
}

.off-canvas .menu-item-has-children .menu-item span {
    display: none
}

.off-canvas ul ul .menu-item-has-children.menu-item>span {
    display: inline-block
}

.off-canvas .menu-item-has-children span {
    display: inline-block;
    z-index: 999;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 9px;
    padding: 5px 15px;
    width: 40px;
    height: 40px;
    border-radius: 2px
}

.off-canvas .down:before,
.off-canvas .up:before {
    font-family: Fontawesome;
    position: absolute;
    color: #fff;
    font-size: 28px;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    left: 0
}

.off-canvas .down:before {
    content: '\f107';
    background: #f78e1d;
    background: -moz-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: -webkit-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: linear-gradient(to bottom, #f78e1d 0, #f38006 100%);
    padding: 5px 8px 5px 11px;
    top: 0
}

.off-canvas .up:before {
    content: '\f106';
    background: #ff6f00;
    padding: 4px 9px 5px 11px;
    top: 0
}

.slide,
.slide:after {
    width: 100%;
    height: 100%
}

.off-canvas .sub-menu {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    max-height: 0
}

.off-canvas .open .sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 3000px;
    -webkit-transition: max-height .3s ease-in-out;
    -moz-transition: max-height .3s ease-in-out;
    -ms-transition: max-height .3s ease-in-out;
    -o-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out
}

.off-canvas .open .sub-menu .sub-menu {
    visibility: hidden;
    opacity: 0;
    display: none
}

.off-canvas .open .sub-menu .open .sub-menu {
    visibility: visible;
    opacity: 1;
    display: block
}

.off-canvas ul .menu-item-has-children:hover:after {
    color: #ed1c2e
}

.off-canvas .menu-main-menu-container {
    padding: 0 10px
}

.mob-toggle span {
    display: block;
    font-size: 12px;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.hero-content,
.pp-wrap {
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.mob-toggle:hover span {
    color: #ffaf00
}

.slide {
    background-size: cover;
    background-position: center;
    z-index: 2;
    position: relative
}

.slide:after {
    content: '';
    position: absolute;
    top: 0;
    background: rgba(0, 52, 103, .8)
}

.hero-logo {
    width: 662px;
    height: 220px;
    display: block;
    margin: 0 0 20px 70px
}

.hero-content {
    position: absolute;
    padding: 0 0 80px;
    bottom: 0;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.scrolled .hero-content {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-in-out .4s, visibility .3s ease-in-out .4s;
    -moz-transition: opacity .3s ease-in-out .4s, visibility .3s ease-in-out.4s;
    -o-transition: opacity .3s ease-in-out .4s, visibility .3s ease-in-out .4s;
    transition: opacity .3s ease-in-out .4s, visibility .3s ease-in-out .4s
}

.hero-content h1,
.hero-content h2 {
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 2rem;
    font-style: italic;
    margin: 30px 0 0;
    display: block
}

.hero-text,
.inner-test-text {
    font-family: Montserrat, arial, sans-serif
}

.feat-item h2,
.hero-but,
.hero-text,
.orange-text,
.test h2,
.who h1,
.who h2,
.why h2 {
    font-weight: 600
}

.hero-text {
    font-size: 1.1rem;
    margin: 0 0 10px;
    color: #fff;
    text-transform: none
}

.book-inner .gform_page_footer .button,
.copyright,
.hero-but,
.ui-datepicker-title,
ul.low-low-list li {
    text-transform: uppercase
}

.hero-but {
    background: #f78e1d;
    background: -moz-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: -webkit-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: linear-gradient(to bottom, #f78e1d 0, #f38006 100%);
    padding: 15px 40px;
    margin: 20px 0 0;
    display: inline-block;
    color: #fff;
    border-radius: 3px
}

.hero-but:hover {
    color: #2b567b
}

.slides-wrap {
    top: 0;
    width: 100%;
    height: 85%;
    z-index: 9
}
@media (max-width: 400px) {
    .slides-wrap {
        height: 100%;
    }
}

.home .slider {
    position: fixed;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100%
}

.rslides_nav {
    top: 50%
}

.rslides1_nav.prev {
    right: 0
}

.home .cycle-next,
.home .cycle-prev {
    width: 25px;
    height: 200px;
    display: block;
    opacity: .7;
    text-indent: -9999px;
    margin: 0 50px 0 0;
    position: fixed;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    top: 50%;
    z-index: 999
}

.inner-form input[type=radio],
.pp-wrap {
    opacity: 0
}

.home .cycle-prev:before {
    content: "\f104";
    font-family: Fontawesome;
    left: 10px
}

.home .cycle-next:before {
    content: "\f105";
    font-family: Fontawesome;
    right: 10px;
    top: 0;
    position: absolute;
    width: 100px;
    height: 100px;
    color: #fff;
    font-size: 40px
}

.dot,
.orange-text:after,
.who-img:after {
    content: ''
}

.scrolled .rslides1_nav.next,
.scrolled .rslides1_nav.prev {
    margin: 0;
    opacity: 0
}

.pager {
    display: block;
    position: fixed;
    bottom: 0;
    padding: 0 0 80px;
    left: 45px;
    z-index: 1;
    margin: 5px;
    list-style: none
}

.feat-item,
.feat-wrap {
    position: relative
}

.pager span {
    color: #fff;
    width: 20px;
    height: 20px;
    font-size: 30px
}

.cycle-pager-active {
    color: #f1ea0c;
    width: 20px;
    height: 20px;
    text-indent: 100%;
    overflow: hidden
}

.feat-wrap {
    background-color: #fff;
    padding: 40px 0
}

.feat-item {
    width: 280px;
    display: inline-block;
    height: 300px;
    background-size: cover
}

.dot,
.feat-item .icon {
    width: 100px;
    height: 100px;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute
}

.feat-item .icon {
    background-repeat: no-repeat;
    background-size: 27px;
    z-index: 999;
    background-position: center
}

.feat-item:nth-child(2) .icon {
    background-size: 55px
}

.feat-item:nth-child(4) .icon {
    background-size: 40px
}

.dot {
    border-radius: 75px;
    background-image: linear-gradient(0deg, #002b54 0, #00386e 100%, #004990 100%);
    border: 2px solid #fff;
    z-index: 0;
    transition: background .3s ease-in-out
}

.feat-item:hover .dot {
    background: #f78e1d;
    background: -moz-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: -webkit-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: linear-gradient(to bottom, #f78e1d 0, #f38006 100%);
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.feat-content {
    margin: 37px 0 0;
    height: 110px;
    position: relative
}

.feat-item h2 {
    color: #2b567b;
    font-size: 1.2rem;
    margin: 0 0 15px
}

.feat-item p {
    color: #2b567b;
    font-size: .8rem;
    padding: 0 15px
}

.orange-text {
    color: #f78e1e;
    font-size: .9rem;
    margin: 15px 0 0;
    display: block;
    position: relative;
    z-index: 9
}

.orange-text:after {
    height: 2px;
    background: #f78e1e;
    position: absolute;
    width: 90%;
    top: -20px;
    left: 5%;
    z-index: -1;
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

.who,
.why {
    position: relative;
    padding: 100px 0
}

.feat-item:hover .orange-text:after {
    height: 56px;
    -webkit-transition: height .3s ease-in-out;
    -moz-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

.feat-item:hover .orange-text {
    color: #fff
}

.why {
    width: 100%
}

.why h2 {
    color: #f78e1e;
    font-size: 1.9rem
}

.why-content {
    float: right;
    width: 50%;
    margin: 40px 0 0
}

.test,
.who,
.why-img {
    float: left
}

.why-img {
    width: 50%;
    height: 300px;
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat
}

.who {
    width: 100%;
    background: #fff;
    overflow: hidden
}

.who-img,
.who-img:after {
    display: block;
    top: 0;
    position: absolute
}

.book-bin,
.book-inner,
.eco,
.test {
    position: relative
}

.who-content {
    float: left;
    width: 50%;
    z-index: 9;
    padding: 0 40px 0 0
}

.who h1,
.who h2 {
    color: #004990;
    font-size: 1.9rem;
    margin: 0 0 30px
}

.who p {
    color: #111
}

.who-img {
    width: 50%;
    height: 100%;
    background-position: center;
    background-size: cover;
    left: 50%;
    z-index: 0
}

.who-img:after {
    background: #fff;
    bottom: 0;
    width: 200px;
    left: -150px;
    transform: skewX(-9deg);
    transform-origin: 100%
}

.low-item.text-logo,
.test-stars {
    background-position: center;
    background-repeat: no-repeat
}
.low-item.name-stars span {
	color: #FFF;
	font-weight: 700;
}

.low-item,
.test-content,
.test-stars {
    display: inline-block
}

.test {
    width: 100%;
    padding: 100px 0
}

.test h2 {
    color: #f78e1e;
    font-size: 1.8rem;
    margin: 0 0 15px
}

.test-stars {
    width: 200px;
    height: 13px;
    margin: 10px 0 0
}

.five-star {
    background-image: url(images/stars/five-star.svg)
}

.four-star {
    background-image: url(images/stars/four-star.svg)
}

.three-star {
    background-image: url(images/stars/three-star.svg)
}

.two-star {
    background-image: url(images/stars/two-star.svg)
}

.one-star {
    background-image: url(images/stars/one-star.svg)
}

.test-lower {
    width: 100%
}

.test-content {
    margin: 0 auto;
    float: none
}

.inner-test-text {
    color: #fff;
    font-weight: 300
}

.test .cycle-slideshow {
    text-align: center;
    width: 900px;
    margin: 0 auto
}

.low-item.text-logo {
    height: 105px;
    background-size: 70%;
    width: 200px
}

.low-item {
    width: 250px;
    vertical-align: middle
}

.book-bin p,
.eco h2,
.land-form p,
.low-content h3,
.low-content li {
    display: block
}

.low-content ul {
    -webkit-columns: 560px 2;
    -moz-columns: 560px 2;
    columns: 560px 2;
    margin: 0 0 30px
}

.low-content li {
    height: 32px;
    font-size: 1.1rem;
    margin: 0 0 0 35px;
    padding: 0 0 0 6px
}

.book-bin,
.eco {
    padding: 100px 0
}

.page-template-testimonials .test-inner {
    width: 59%
}

.page-template-testimonials .inner-test-text p {
    color: #111
}

.page-template-testimonials .test-stars {
    background-position: left
}

.book-inner,
.eco {
    background: #fff
}

.page-template-testimonials .test-content {
    margin: 20px auto
}

.page-template-testimonials .low-item {
    margin: 0 0 20px;
    width: 100%
}

.page-template-testimonials .low-item h5 {
    color: #004990;
    font-size: 1.3rem;
    font-weight: 600;
    font-style: italic
}

.book-bin h3,
.eco h2 {
    font-weight: 600;
    font-style: italic;
    font-size: 1.9rem
}

.book-bin select {

	appearance: none;
	-webkit-appearance: none;
	background-color: #f78e1c;
	color: white;
	border: 0;
	padding: 0.75rem 1rem;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23FFFFFF%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-size: 12px;
	background-position: calc(100% - 20px) center;
	background-repeat: no-repeat;
	font: inherit;
	font-weight: 600;
}

.eco {
    float: left;
    width: 100%
}

.eco h2 {
    color: #004990;
    margin: 0 0 40px;
    width: 100%
}

.eco p {
    color: #002b54
}

.eco-content {
    width: 50%;
    float: left
}

.eco-img {
    width: 50%;
    float: right;
    height: 200px;
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat
}

.book-bin {
    width: 100%;
    float: left
}

.book-bin h3 {
    color: #f78e1e
}

.land-form h4 {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 600
}

.land-form h4 {
    color: #2b567b
}

.book-bin p {
    color: #fff;
    margin: 5px 0 35px
}

.land-form p {
    color: #111;
    margin: 8px 0 20px
}

.book-bin .book,
.land-form .book {
    background: -moz-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: -webkit-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: linear-gradient(to bottom, #f78e1d 0, #f38006 100%);
    color: #fff;
    font-weight: 600;
    font-style: italic;
    padding: 21px 59px;
    height: 62px
}

.land-form .book {
    width: 100%;
    display: block
}

.book-bin .book:hover,
.land-form .book:hover {
    color: #2b567b
}

.book-inner {
    width: 900px;
    margin: -160px auto 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 100%);
    padding: 3rem 2rem;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .05), 0 2px 6px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .025)
}

.book-inner .gfield_total {
    color: #fff;
    position: absolute;
    bottom: 0;
    top: 0;
    align-self: flex-end;
    font-weight: 600;
    visibility: hidden;
    width: auto;
    left: 100%
}

.book-inner .gfield_total .ginput_container_total {
    padding: 1rem;
    background: rgba(0, 0, 0, .05);
    position: -webkit-sticky;
    position: sticky;
    top: calc(100% - 8rem);
    text-align: left;
    visibility: visible
}

@media (max-width:375px) {
    .book-inner .gfield_total .ginput_container_total {
        padding: 1rem;
        background: red;
        position: relative;
        top: initial;
        text-align: left;
        visibility: visible
    }

    .book-inner .gfield_total {
        color: #fff;
        position: relative;
        bottom: 0;
        top: 0;
        align-self: stretch;
        visibility: hidden;
        width: auto;
        left: 0
    }
}

.book-inner .gfield_total .ginput_total {
    font-size: 1.5rem;
    font-weight: 600;
    font-style: italic;
    white-space: nowrap;
    color: #f78e1c
}

.book-inner .gfield_total .ginput_total:before {
    content: 'Total: ';
    display: block;
    color: #004890
}

.book-inner .gfield_total:before {
    content: 'Total:';
    position: relative;
    color: #004990
}

.low-wrap:after,
.mob-banner:after,
.page-banner:after {
    content: ''
}

.book-inner .gform_heading {
    display: none
}

.book-inner {
    color: #111
}

.book-inner .gf_progressbar {
    background: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px
}

.book-inner .gf_progressbar_percentage {
    background: #f78e1e;
    font-size: 0;
    height: 100%;
    color: transparent
}

.book-inner .gf_progressbar_title {
    color: #2b567b;
    font-weight: 800;
    font-style: italic
}

.book-inner .gform_wrapper {
    width: 100%
}

.book-inner p {
    display: block;
    color: inherit
}

.book-inner input,
.book-inner select,
.book-inner textarea {
    appearance: none;
    -webkit-appearance: none;
    padding: 1em;
    min-height: 48px;
    display: block;
    border: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
    font: inherit;
    border-radius: 0
}

.book-inner input,
.book-inner select {
    width: 100%
}

.book-inner select {
    -webkit-appearance: none;
    appearance: none
}

.book-inner textarea {
    font-size: .8rem
}

.book-inner select,
.book-inner textarea {
    width: 100%;
    background: #fff
}

.book-inner .ginput_container_checkbox,
.book-inner .ginput_container_radio {
    margin: -1rem
}

.book-inner input[type=checkbox],
.book-inner input[type=radio] {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    box-shadow: none
}

.book-inner input:focus,
.book-inner select:focus,
.book-inner textarea:focus {
    outline: 0;
    box-shadow: 0 0 0 4px rgba(85, 93, 102, .1)
}

.book-inner .button:focus {
    outline: 0;
    box-shadow: 0 0 0 4px rgba(247, 142, 29, .2)
}

.book-inner input[type=checkbox]:checked+label,
.book-inner input[type=radio]:checked+label {
    background: #f78e1c;
    color: #fff
}

.book-inner input[type=checkbox]+label,
.book-inner input[type=radio]+label {
    width: 100%;
    height: 100%;
    margin: 0;
    font-weight: 600;
    transition: 150ms ease;
    font-style: italic;
    text-transform: capitalize;
    color: #004890;
    user-select: none;
    padding: 1em;
    background: #fff;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .05), 0 2px 6px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .025)
}

.book-inner .gform_wrapper .gform_body {
    margin-top: 2rem
}

.inner-form__alert {
    display: inline-block;
    /*padding: .5rem 1rem;*/
    /*font-weight: 600;*/
    color: #f78e1e;
    /*background-color: rgba(243, 24, 73, .2)*/
}

.book-inner .gfield_total label {
    display: none !important
}

#ui-datepicker-div {
    display: none !important
}

.book-box.top #ui-datepicker-div {
    z-index: 101 !important
}

div#ui-datepicker-div a {
    color: #fff;
    text-align: center;
    font-family: Gotham-book, sans-serif
}

div#ui-datepicker-div a.ui-state-active {
    color: #fff
}

.ui-datepicker table {
    width: 100%
}

.ui-datepicker-header {
    line-height: 30px
}

.ui-datepicker-title {
    text-align: center;
    font-size: .9rem
}

.ui-datepicker-next,
.ui-datepicker-prev {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    background-image: url(images/arrow.png);
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden
}

.ui-datepicker-prev {
    float: left;
    background-position: center -30px
}

.ui-datepicker-next {
    float: right;
    background-position: center 0
}

.ui-datepicker thead {
    background-color: #e7e7e8
}

.ui-datepicker th {
    font-size: 8px;
    padding: 5px 0;
    color: #383838
}

.ui-datepicker tbody td {
    padding: 0;
    border: none
}

.ui-datepicker tbody td:last-child,
.ui-datepicker tbody tr:last-child {
    border: none
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666
}

.ui-datepicker-calendar .ui-state-default {
    background: #3b78ab
}

.ui-datepicker-calendar .ui-state-hover {
    background: -moz-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: -webkit-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: linear-gradient(to bottom, #f78e1d 0, #f38006 100%)
}

.ui-datepicker-calendar .ui-state-hover a {
    color: #b4b3b3
}

.ui-datepicker-calendar .ui-state-active {
    background: #f78e1d;
    background: -moz-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: -webkit-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: linear-gradient(to bottom, #f78e1d 0, #f38006 100%)
}

.ui-datepicker-calendar .ui-state-active a {
    color: #fff
}

.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3
}

.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0
}

.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0
}

.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0
}

.book-inner li {
    position: relative;
    list-style: none;
    cursor: pointer;
    min-width: 128px;
    min-height: 48px;
    width: 100%
}

.book-inner li+li {
    margin-top: 3rem
}

.book-inner #gform_fields_3_4 .gfield_html_formatted {
    display: none
}

.book-inner li.hidden_label+li.hidden_label {
    margin-top: 1rem
}

.book-inner .gsection {
    display: none
}

.book-inner .gfield_checkbox li,
.book-inner .gfield_radio li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 1em;
    width: auto
}

.book-inner .gfield_label {
    font-weight: 600;
    margin-bottom: 1rem;
    opacity: .8;
    display: block
}

.book-inner .gform_validation_container,
.book-inner .hidden_label .gfield_label,
.book-inner .screen-reader-text {
    visibility: hidden;
    opacity: 0;
    margin: -1px;
    height: 0;
    width: 0;
    padding: 0;
    display: block;
    min-height: 0
}

.book-inner .button {
    display: inline-block;
    background: #f78e1d;
    color: #fff;
    font-weight: 600;
    border: none;
    width: auto;
    font-weight: 600;
    font-style: italic;
    min-width: 128px;
    filter: brightness(100%);
    transition: filter .2s ease;
    box-shadow: 0 0 0 1px transparent
}

.book-inner .button:hover {
    filter: brightness(110%)
}

.book-inner .gform_page_footer {
    width: 100%;
    display: inline-block;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.book-inner .gform_previous_button.button {
    background: #004890
}

.gform_ajax_spinner {
    position: absolute;
    width: 20px;
    bottom: 20px;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.book-inner .validation_message {
    color: #fff;
    background: #f31849;
    font-family: Montserrat, sans-serif;
    font-size: .9rem;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    padding: .75rem 1.5rem;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%)
}

.book-inner #gform_fields_3_2 .gfield_radio li:before {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    z-index: -1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    content: ''
}

.book-inner #field_3_1 .gfield_radio li:before {
    background-image: url(images/bins/2m3.jpg)
}

.book-inner #field_3_1 .gfield_radio li:nth-child(2):before {
    background-image: url(images/bins/3m3.jpg)
}

.book-inner #field_3_1 .gfield_radio li:nth-child(3):before {
    background-image: url(images/bins/4m3.jpg)
}

.book-inner #field_3_1 .gfield_radio li:nth-child(4):before {
    background-image: url(images/bins/5m3.jpg)
}

.book-inner #field_3_1 .gfield_radio li:nth-child(5):before {
    background-image: url(images/bins/6m3.jpg)
}

.book-inner #field_3_1 .gfield_radio li:nth-child(6):before {
    background-image: url(images/bins/8m3.jpg)
}

.book-inner #field_3_1 .gfield_radio li:nth-child(7):before {
    background-image: url(images/bins/10m3.jpg)
}

.book-inner #field_3_1 .gfield_radio li:nth-child(8):before {
    background-image: url(images/bins/15m3.jpg)
}

.book-inner #input_3_26.gfield_radio li:first-child:before {
    background-image: url(images/hazibags/1m3.png)
}

.book-inner #input_3_26.gfield_radio li:nth-child(2):before {
    background-image: url(images/hazibags/1.5m3.png)
}

.book-inner #input_3_26.gfield_radio li:nth-child(3):before {
    background-image: url(images/hazibags/2.4m3.png)
}

.book-inner #input_3_26.gfield_radio li:nth-child(4):before {
    background-image: url(images/hazibags/3m3.png)
}

.book-inner #gform_page_3_2 .gfield_radio {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

.book-inner #gform_page_3_2 .gfield_radio li {
    flex: 1;
    flex-basis: 200px;
    min-height: 256px;
    background: rgba(0, 0, 0, .1);
    flex-flow: column;
    border-radius: 4px;
    transition: transform 150ms ease
}

.book-inner #gform_page_3_2 .gfield_radio li:nth-child(1),
.book-inner #gform_page_3_2 .gfield_radio li:nth-child(2) {
    flex-basis: 40%
}

.book-inner #gform_page_3_2 .gfield_radio li:only-child {
    max-width: 300px
}

.book-inner #gform_page_3_2 .gfield_radio li label {
    flex: 1;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 1.5rem
}

.book-inner #gform_page_3_2 .gfield_radio input:checked {
    background: 0 0
}

.book-inner #gform_fields_3_2 .gfield_radio li p {
    position: absolute;
    bottom: 0;
    left: 50%;
    color: #004990;
    font-size: 1.3rem;
    font-weight: 600;
    font-style: italic;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

.book-inner #gform_page_3_3 .gfield_checkbox,
.book-inner #gform_page_3_3 .gfield_radio {
    display: flex;
    flex-flow: row wrap
}

.book-inner #gform_page_3_3 .gfield_checkbox li,
.book-inner #gform_page_3_3 .gfield_radio li {
    flex: 1
}

.book-inner #gform_page_3_2 .gfield_radio li:after,
.book-inner #gform_page_3_3 .gfield_checkbox label,
.book-inner #gform_page_3_3 .gfield_checkbox label:after,
.book-inner #gform_page_3_3 .gfield_radio label,
.book-inner #gform_page_3_3 .gfield_radio label:after {
    display: flex;
    align-items: center;
    justify-content: center
}

.book-inner #gform_page_3_2 .gfield_radio li:after,
.book-inner #gform_page_3_3 .gfield_checkbox label:after,
.book-inner #gform_page_3_3 .gfield_radio label:after {
    content: '\f00c';
    position: absolute;
    font-family: Fontawesome;
    font-style: normal;
    width: 32px;
    height: 32px;
    color: #fff;
    background: #004990;
    top: 0;
    right: 0;
    border-radius: 50%;
    opacity: 0;
    transform: translate(25%, -25%) scale(0);
    transform-origin: center;
    transition: transform .2s ease, opacity 150ms ease
}

.book-inner #gform_page_3_2 .gfield_radio li.selected:after,
.book-inner #gform_page_3_3 .gfield_checkbox input[type=checkbox]:checked+label:after,
.book-inner #gform_page_3_3 .gfield_radio input[type=radio]:checked+label:after {
    opacity: 1;
    transform: translate(25%, -25%) scale(1)
}

.book-inner .ginput_complex {
    display: flex;
    flex-flow: row wrap
}

.book-inner .ginput_complex .ginput_full {
    flex-basis: 100%;
    position: relative
}

.book-inner .ginput_complex span label {
    padding: .5rem 0;
    display: block;
    text-align: left;
    font-size: .9rem;
    font-weight: 600;
    opacity: .75
}

.book-inner .ginput_container_address {
    margin: -.5rem
}

.book-inner .ginput_container_address>span {
    margin: 0 .5rem;
    flex: 1
}

.book-inner .ginput_complex .address_line_2 {
    flex-basis: 50%
}

.book-inner .ginput_complex .address_zip {
    flex-basis: 25%
}

.book-inner #field_3_41 {
    margin-top: 2rem;
    border-top: 1px solid rgba(0, 0, 0, .1);
    text-align: left;
    padding-top: 2rem
}
.book-inner #field_3_43 {
	display: block !important;
	background: #f78e1e;
	color: #fff;
	padding: 1rem;
}
.book-inner #field_3_41 label {
    background: 0 0;
    box-shadow: none;
    text-transform: initial
}

.book-inner #field_3_41 input {
    appearance: checkbox;
    -webkit-appearance: checkbox;
    display: initial
}

.book-inner #field_3_41 li {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0 1rem;
    align-items: center
}

.book-inner #field_3_41 li label {
    position: relative;
    margin: 0;
    margin-left: calc(32px + 12px);
    color: #4a4a4a;
    font-weight: 400;
    font-style: normal;
    display: flex;
    align-items: center
}

@supports (display:grid) {
    .book-inner #field_3_41 input {
        display: none
    }

    .book-inner #field_3_41 li label:after,
    .book-inner #field_3_41 li label:before {
        content: '';
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        left: calc(-32px - 12px);
        border-radius: 50%;
        transform: scale(1);
        transition: all .4s ease;
        -webkit-transition-timing-function: cubic-bezier(.44, 0, .070, 1);
        -webkit-transition-timing-function: cubic-bezier(.44, -.195, .070, 1.285);
        -moz-transition-timing-function: cubic-bezier(.44, -.195, .070, 1.285);
        -o-transition-timing-function: cubic-bezier(.44, -.195, .070, 1.285);
        transition-timing-function: cubic-bezier(.44, -.195, .070, 1.285)
    }

    .book-inner #field_3_41 li label:before {
        background: 0 0;
        border: 2px solid #004890;
        transform: scale(1)
    }

    .book-inner #field_3_41 li label:after {
    	top: 50%;
        color: #fff;
        transform: scale(0) translateY(-50%);
        content: '\f00c';
        font-size: 1em;
        transform-origin: top;
        font-family: Fontawesome;
    }

    .book-inner #field_3_41 input:checked+label:before {
        transform: scale(1.25);
        background: #004990;
        color: #f78e1c
    }

    .book-inner #field_3_41 input:checked+label:after {
        transform: scale(1) translateY(-50%);
    }
}

.book-inner #field_3_34 {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 2rem;
    margin-top: 2rem
}

.book-inner .ginput_container_creditcard {
    margin: -.5rem
}

.book-inner .ginput_container_creditcard>span {
    margin: 0 .5rem
}

.book-inner .ginput_cardextras span {
    display: block
}

.book-inner .ginput_container_creditcard .ginput_cardextras {
    display: flex;
    flex-flow: row wrap;
    margin: 0
}

.book-inner .ginput_cardextras .ginput_cardinfo_right {
    flex: 1;
    position: relative;
    min-width: 125px
}

.book-inner .ginput_cardextras .ginput_cardinfo_left {
    flex: 2;
    min-width: 2
}

.book-inner .ginput_cardextras .ginput_cardinfo_left,
.book-inner .ginput_cardextras .ginput_cardinfo_right {
    margin: 0 .5rem
}

.book-inner .ginput_card_expiration_container.ginput_card_field {
    display: flex;
    flex-flow: row wrap
}

.book-inner .ginput_card_expiration_container.ginput_card_field select {
    flex: .5
}

.book-inner .ginput_card_expiration_container.ginput_card_field label {
    flex-basis: 100%
}

.inner-content h2,
.inner-left h1 {
    font-size: 1.9rem;
    font-style: italic
}

.home .main {
    width: 100%;
    background: rgba(1, 1, 1, .6);
    padding: 100px;
    position: relative;
    color: #fff
}

.content {
    width: 60%;
    float: left;
    color: #fff
}

.sidebar {
    width: 40%;
    float: right;
    padding: 0 0 0 70px
}

.mob-banner,
.page-banner {
    width: 100%;
    background-size: cover;
    background-position: center;
    position: fixed;
    height: 100%
}

.mob-banner:after,
.page-banner:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 52, 103, .8)
}

.inner-top {
    padding: 150px 0 100px;
    float: left;
    position: relative;
    width: 100%
}

.inner-left {
    width: 59%
}

.inner-left h1 {
    font-weight: 700;
    color: #f78e1e;
    margin: 0 0 10px
}

.inner-left h5 {
    display: block;
    font-style: italic
}

.inner-main {
    padding: 100px 0;
    float: left;
    position: relative;
    width: 100%;
    background: #fff
}

.inner-content {
    width: 59%
}

.inner-content h2 {
    color: #004990;
    font-weight: 600;
    margin: 0 0 30px
}

.inner-content p {
    color: #111
}

.inner-form label {
    position: absolute;
    visibility: hidden;
    height: 0;
    width: 0;
    margin: -1px;
    opacity: 0
}

.inner-form .gfield {
    display: block;
    width: 100%
}

.inner-form input,
.inner-form textarea {
    font: 200 .8rem Montserrat, serif;
    color: #111;
    background: #fff;
    height: 62px;
    line-height: 24px;
    margin: 0 0 10px;
    padding: 10px 15px;
    width: 100%;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 2px 3px rgba(1, 1, 1, .15);
    border: 0
}

::-webkit-input-placeholder {
    color: #777
}

::-moz-placeholder {
    color: #777
}

:-ms-input-placeholder {
    color: #777
}

textarea::-webkit-input-placeholder {
    font-weight: 100
}

td {
    font-size: 13px;
    padding: 8px;
    border: 1px solid #efefef
}

.gform_card_icon_container {
    height: 32px;
    position: absolute;
    top: 10px;
    right: 1rem
}

div.gform_card_icon {
    text-indent: -9000px;
    background-image: url(images/gf-creditcard-icons.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 32px;
    overflow: hidden;
    float: left
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa {
    background-position: 0 0
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
    background-position: 0 -32px
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
    background-position: 0 -64px
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard {
    background-position: -36px 0
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
    background-position: -36px -32px
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
    background-position: -36px -64px
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex,
.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover,
.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex,
.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
    display: none
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
    background-position: -108px -32px
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
    background-position: -108px -64px
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro {
    background-position: -144px 0
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
    background-position: -144px -32px
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
    background-position: -144px -64px
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb {
    background-position: -180px 0
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
    background-position: -180px -32px
}

.gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
    background-position: -180px -64px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa {
    background-position: 0 -192px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
    background-position: 0 -224px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
    background-position: 0 -256px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard {
    background-position: -36px -192px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
    background-position: -36px -224px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
    background-position: -36px -256px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex {
    background-position: -72px -192px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
    background-position: -72px -224px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
    background-position: -72px -256px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover {
    background-position: -108px -192px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
    background-position: -108px -224px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
    background-position: -108px -256px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro {
    background-position: -144px -192px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
    background-position: -144px -224px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
    background-position: -144px -256px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb {
    background-position: -180px -192px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
    background-position: -180px -224px
}

.gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
    background-position: -180px -256px
}

.ginput_complex .ginput_cardinfo_right span.ginput_card_expiration_container {
    position: relative
}

.ginput_complex select.ginput_card_expiration.ginput_card_expiration_month,
.ginput_complex select.ginput_card_expiration.ginput_card_expiration_year {
    display: -moz-inline-stack
}

.ginput_complex select.ginput_card_expiration.ginput_card_expiration_month {
    margin-right: 1rem
}

.ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
    width: 32px;
    height: 24px;
    background-image: url(images/gf-creditcard-icons.png);
    background-repeat: no-repeat;
    background-position: 0 -128px;
    position: relative;
    top: 2px;
    right: 1rem;
    transform: translateY(50%);
    position: absolute;
    display: -moz-inline-stack;
    display: block
}

div.gfield_creditcard_warning_message {
    display: none !important
}

.gfield_creditcard_warning {
    width: 100%;
    float: left;
    margin: 20px 0 40px
}

#gform_fields li.credit_card_setting.field_setting ul li {
    padding: 2px 0 4px
}

.wp-media-buttons {
    padding: 0 !important;
    line-height: 3px !important
}

.wp-media-buttons select {
    padding: 1px !important;
    font-size: 10px !important;
    line-height: 2.2rem
}

.landing-top {
    padding: 150px 0 100px;
    float: left;
    position: relative;
    width: 100%
}

.landing-left {
    width: 60%
}

.landing-left h1 {
    font-weight: 700;
    font-style: italic;
    color: #f78e1e;
    font-size: 1.9rem;
    margin: 0 0 10px
}

.landing-left h5 {
    margin: 0 0 35px;
    display: block;
    font-style: italic
}

.landing-left li {
    font-weight: 400;
    font-size: 1.1rem
}

.inner-form,
.land-form {
    width: 370px;
    text-align: center;
    position: absolute;
    top: -260px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 100%);
    right: 0;
    padding: 30px;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(1, 1, 1, .3);
    -webkit-transition: top .3s ease-in-out;
    -moz-transition: top .3s ease-in-out;
    -o-transition: top .3s ease-in-out;
    transition: top .3s ease-in-out
}

.scrolled .land-form {
    top: -65px;
    -webkit-transition: top .3s ease-in-out .3s;
    -moz-transition: top .3s ease-in-out .3s;
    -o-transition: top .3s ease-in-out .3s;
    transition: top .3s ease-in-out .3s
}

.copyright a,
.inner-form .gform_footer input[type=submit],
.land-form .gform_footer input[type=submit] {
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out
}

.inner-form .gform_title,
.land-form .gform_title {
    color: #004990;
    font-size: 1.5rem;
    font-weight: 600;
    font-style: italic
}

.inner-form .gform_description,
.land-form .gform_description {
    margin: 20px 0;
    display: block;
    font-size: .9rem
}

.land-form .gform_wrapper select {
    font: 200 17px/30px Montserrat, serif;
    color: #111;
    background: #fff;
    height: 62px;
    line-height: 24px;
    margin: 0 0 15px;
    padding: 10px 15px;
    width: 100%;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 2px 3px rgba(1, 1, 1, .15);
    border: 1px solid #eee
}

.inner-form .gform_footer input[type=submit],
.land-form .gform_footer input[type=submit] {
    border-radius: 3px;
    font: 900 14px/50px Montserrat, serif;
    display: block;
    background: #f78e1d;
    background: -moz-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: -webkit-linear-gradient(top, #f78e1d 0, #f38006 100%);
    background: linear-gradient(to bottom, #f78e1d 0, #f38006 100%);
    color: #fff;
    text-transform: uppercase;
    border: none;
    width: 100%;
    height: 62px;
    line-height: 46px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    transition: color .3s ease-out
}

.land-main,
.low-wrap {
    float: left;
    position: relative;
    padding: 100px 0;
    width: 100%
}

.land-main {
    background: #fff
}

.low-wrap {
    background-size: cover;
    background-position: center
}

.low-wrap:after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: -moz-linear-gradient(top, rgba(0, 73, 144, .9) 0, rgba(0, 43, 84, .9) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 73, 144, .9) 0, rgba(0, 43, 84, .9) 100%);
    background: linear-gradient(to bottom, rgba(0, 73, 144, .9) 0, rgba(0, 43, 84, .9) 100%);
    z-index: -1
}

.low-content h3 {
    font-weight: 600;
    font-style: italic;
    color: #f78e1e;
    font-size: 1.9rem;
    margin: 0 0 30px
}

.error404 .main .wrap .content * {
    color: #2b567b
}

.faq-box:first-child {
    padding: 0 0 30px
}

.faq-box {
    padding: 50px 0 30px;
    border-bottom: #efefef solid 2px
}

.faq-box:last-child {
    border-bottom: none
}

.error404 .book-bin {
    background: #2b567b
}

.error404 .main {
    height: calc(100% - 400px)
}

.error404 .main .wrap {
    width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.error404 .main .wrap .content {
    width: 100%;
    padding: 120px 50px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 float: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.file-list-wrap a,
.news-image {
    float: left;
    background-repeat: no-repeat;
    background-position: center
}

.gform_wrapper .gform_validation_container {
    display: none
}

.gform_wrapper {
    font-weight: 300;
    margin: 0 auto
}

.gform_fields {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: column;
    align-items: center
}

.gform_wrapper textarea {
    height: 120px;
    overflow: auto
}

.validation_message {
    color: #f78e1e;
    font: 900 .8rem Montserrat, serif;
    padding: 0 0 5px;
    font-style: italic;
    text-align: left
}

.file-list-wrap a {
    height: 200px;
    margin: 5px;
    width: 23%;
    position: relative
}

.pp-wrap {
    position: fixed;
    background-color: rgba(255, 255, 255, .93);
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow: hidden;
    left: 0;
    top: 0;
    visibility: hidden;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.pp-wrap .fa-times {
    position: absolute;
    right: 100px;
    top: 50px;
    color: #f78e1e;
    cursor: pointer;
    z-index: 99
}

.accounts-click .pp-wrap,
.privacy-click .pp-wrap,
.tc-click .pp-wrap {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out
}

.accounts,
.privacy,
.tc {
    width: 80%;
    margin: 0 auto;
    padding: 100px 0;
    height: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.accounts-click .accounts,
.privacy-click .privacy,
.tc-click .tc {
    opacity: 1;
    visibility: visible
}

.accounts-click .privacy,
.accounts-click .tc,
.privacy-click .accounts,
.privacy-click .tc,
.tc-click .accounts,
.tc-click .privacy {
    top: -100%
}

.accounts p,
.privacy p,
.tc p {
    color: #111
}

.news-image {
    width: 200px;
    height: 150px;
    background-size: contain;
    margin: 0 20px 0 0
}

.news-text {
    float: right;
    width: 64%
}

.news-list a {
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 30px 20px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(246, 246, 246, 1) 100%);
    box-shadow: 0 2px 6px rgba(1, 1, 1, .3)
}

footer {
    position: relative;
    z-index: 1;
    background: #fff;
    width: 100%;
    overflow: hidden;
    margin: 0;
    color: #000
}

.footer-map {
    width: 50%;
    position: relative;
    z-index: 20;
    clip-path: polygon(0 0, 100% 0, calc(100% - 150px) 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 150px) 100%, 0 100%)
}

#map,
.location-map,
.map-wrap {
    position: relative
}

.map-wrap {
    height: 100%;
    z-index: 0;
    width: 100%;
    margin: 0 auto;
    display: flex
}

#map {
    background: url(images/map-under.gif) center no-repeat;
    display: block;
    background-size: cover;
    height: 100%
}

.centraldot,
.wave {
    background: rgba(247, 142, 29, 1)
}

.location-map {
    height: 436px
}

.foot-dot {
    width: 300px;
    height: 300px;
    position: absolute;
    left: calc(50% + 10px);
    top: 50%;
    transform: translateX(-50%) translateY(-52.5%);
    cursor: pointer
}

.centraldot,
.wave,
.wave2 {
    transform-origin: 50% 50%;
    position: absolute
}

.centraldot {
    width: 6px;
    height: 6px;
    border-radius: 30px;
    left: 147px;
    top: 147px;
    animation: animationDotCentral linear 3s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite
}

.wave,
.wave2 {
    width: 260px;
    height: 260px;
    border-radius: 200px;
    left: 20px;
    top: 20px;
    opacity: 0
}

.wave {
    animation: animationWave cubic-bezier(0, .54, .53, 1) 3s;
    animation-fill-mode: forwards;
    animation-delay: .9s;
    animation-iteration-count: infinite
}

.wave2 {
    background: rgba(247, 142, 29, .4);
    animation: animationWave cubic-bezier(0, .54, .53, 1) 3s;
    animation-fill-mode: forwards;
    animation-delay: 1.07s;
    animation-iteration-count: infinite
}

@keyframes animationDotCentral {
    0% {
        transform: scale(0);
        opacity: 0
    }

    5% {
        transform: scale(2)
    }

    10% {
        transform: scale(.9);
        opacity: 1
    }

    11% {
        transform: scale(1.5)
    }

    12% {
        transform: scale(1)
    }

    28%,
    31%,
    35% {
        background: #f78e1d
    }

    29%,
    33% {
        background: rgba(255, 255, 255, 1)
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animationWave {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    1% {
        opacity: 1
    }

    10% {
        background: rgba(247, 142, 29, .3)
    }

    100% {
        transform: scale(1);
        background: rgba(32, 150, 243, 0)
    }
}

.footer-deets {
    position: relative;
    z-index: 50;
    align-items: center;
    display: flex;
    height: auto;
    width: 50%;
    flex-flow: row wrap;
    text-align: left;
    padding: 50px
}

.footer-deets h2 {
    font-size: 1.9rem;
    font-weight: 600;
    font-style: italic;
    margin: 0 0 20px;
    flex-basis: 100%;
}

.footer-deets p,
ul.low-low-list li a {
    color: #111
}

.deets {
    flex: 1;
    margin: 15px
}

.deets p {
    font-size: .9rem
}

.deets span {
    margin: 10px 0 5px;
    display: block
}

.social a {
    width: 20px;
    display: inline-block
}

.lower-deets {
    display: flex;
    flex-flow: row wrap;
    margin: -15px;
    width: 100%;
    width: calc(100% + 30px)
}

.low-low-deets {
    width: 100%;
    margin-top: 20px
}

.deets .hours {
    list-style-type: none;
    font-size: .9em
}

.deets .hours strong {
    margin-right: 15px
}

.deets .hours li+li {
    margin-top: .25em
}

.hours li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

ul.low-low-list {
    width: 65%;
    float: right;
    list-style: none;
    font-size: .6rem;
    text-align: right
}

ul.low-low-list li {
    display: inline-block;
    padding: 0 5px;
    position: relative;
    cursor: pointer
}

.copyright a {
    color: #ccc;
    margin: 3px 0 0;
    display: block;
    transition: color .3s ease-out
}

.copyright a:hover {
    color: #f78e1e;
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out
}

.low-low-list li:after {
    position: absolute;
    content: '|';
    right: -3px;
    top: -1px
}

.low-low-list li:last-child:after {
    display: none
}

.copyright {
    float: left;
    width: 35%;
    font-weight: 600;
    font-size: .7rem
}

@media(max-width:1250px) {
    .landing-left {
        width: 100%
    }

    .header-nav {
        display: none
    }

    #top-ham {
        display: block
    }

    .wrap {
        width: 90%
    }

    .hero-content {
        width: 100%
    }

    .hero-logo {
        width: 400px;
        margin: 0 auto 20px;
        height: 140px
    }

    .test .cycle-slideshow {
        width: 100%
    }

    .inner-content,
    .page-template-testimonials .test-inner {
        width: 58%;
        float: left
    }

    .inner-form {
        width: 38%;
        float: right;
        top: auto;
        position: relative;
        padding: 30px 20px
    }

    .inner-left {
        width: 100%
    }

    .land-form,
    .scrolled .land-form {
        width: 400px;
        top: -160px;
        right: 50%;
        transform: translateX(50%)
    }

    .page-template-landing .inner-content {
        padding: 200px 0 0
    }

    .low-content ul {
        margin: 30px auto;
        width: 70%
    }

    .low-content h3 {
        text-align: center
    }

    .low-content li {
        height: auto;
        margin: 10px 0 15px
    }
}

@media(max-width:1024px) {
    .book-inner {
        width: 100%
    }

    .deets-bg {
        display: none
    }

    .inner-form {
        width: 400px;
        float: none;
        clear: both;
        margin: 0 auto
    }

    .inner-content,
    .page-template-testimonials .test-inner {
        width: 100%;
        margin: 0 auto 40px
    }

    .low-content ul {
        width: 90%
    }

    .pp-wrap .fa-times {
        right: 5%
    }

    .book-inner .gfield_total {
        left: initial;
        position: absolute;
        top: initial
    }

    .map-wrap {
        flex-flow: column
    }

    .footer-map {
        height: 300px;
        width: 100%;
        clip-path: none;
        -webkit-clip-path: none
    }

    .footer-deets {
        width: 100%
    }
}

@media(max-width:768px) {

    #sel,
    span.ginput_card_expiration_container.ginput_card_field {
        width: 100%
    }

    .call p,
    .who-img {
        display: none
    }

    .home.scrolled .header-logo,
    .page-template .header-logo,
    .page-template-default .header-logo,
    .scrolled .header-logo,
    .single .header-logo {
        width: 130px;
        margin: 14px 0 0 15px;
        background-size: 90%
    }

    .book-inner .gform_wrapper textarea,
    .book-inner .ginput_container.ginput_container_select {
        width: 100%
    }

    .hero-content h1 {
        font-size: 1.8rem;
        width: 90%;
        margin: 0 auto
    }

    .hero-text {
        font-size: 1rem;
        width: 90%;
        margin: 0 auto
    }

    .book-bin .gform_wrapper,
    .eco-content,
    .eco-img,
    .who-content,
    .why-content,
    .why-img {
        width: 100%
    }

    .call {
        height: 40px
    }

    .book-head {
        padding: 21px 10px
    }

    .eco-img,
    .why-img {
        background-size: 90%
    }

    .eco-img {
        margin: 20px 0 0
    }

    .who-content {
        padding: 0
    }

    .call a:before {
        visibility: visible
    }

    .call a {
        visibility: hidden;
        width: 30px;
        margin: 0 15px 0 0
    }
}

@media(max-width:650px) {

    .book-inner .ginput_full,
    .ginput_left,
    .ginput_right {
        width: 100%
    }

    .book-bin .gform_footer,
    .book-inner .gfield_total {
        position: relative;
        align-self: center
    }

    .book-inner .gfield_total .ginput_container_total {
        text-align: center;
        background-color: transparent;
        padding: 0
    }

    .book-inner .gform_page_footer .gform_previous_button.button {
        margin: 0 0 10px
    }

    .book-bin .gform_footer input[type=submit] {
        display: inline-block;
        margin: 15px 0 0;
        border-radius: 3px;
        width: 200px
    }

    .book-bin .gform_wrapper .gform_body {
        margin: 0;
        width: 100%
    }

    .book-bin .ginput_container.ginput_container_select {
        width: 100%
    }

    .copyright,
    .deets,
    ul.low-low-list {
        float: left;
        width: 100%;
        display: block
    }

    ul.low-low-list {
        text-align: left
    }

    .copyright,
    ul.low-low-list {
        margin: 10px 0
    }

    ul.low-low-list li:first-child {
        padding: 0
    }

    .inner-form,
    .land-form {
        width: 100%
    }

    .call a {
        padding: 20px 10px
    }

    .off-canvas {
        width: 100%;
        left: -100%
    }

    .land-form,
    .scrolled .land-form {
        width: 90%
    }

    .page-template-landing .inner-content {
        padding: 240px 0 0
    }

    .footer-deets {
        padding: 50px 30px
    }
}

@media(max-width:550px) {
    .page-template-book .inner-main {
        padding: 0
    }

    .page-template-book .inner-main .wrap {
        width: 100%
    }

    .page-template-book .inner-main .book-inner {
        margin: 0;
        box-shadow: none
    }

    .error404 .main .wrap {
        align-items: flex-start;
        padding-top: calc(5% + 64px)
    }

    .error404 .main .wrap .content {
        background: 0 0;
        box-shadow: none;
        border-radius: 0;
        padding: 60px 25px
    }

    .error404 .main .wrap .content * {
        text-align: center
    }

    .error404 .main .wrap .content h2 {
        font-size: 2em
    }

    .book-inner .gform_page_footer .button {
        width: 100%
    }

    .gform_ajax_spinner {
        position: absolute;
        width: 20px;
        top: auto;
        bottom: 20px;
        left: 30px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .home.scrolled .header-logo,
    .page-template .header-logo,
    .page-template-default .header-logo,
    .scrolled .header-logo,
    .single .header-logo {
        width: 90px
    }
}

@media(max-width:450px) {
    .hero-logo {
        width: 260px;
        height: 90px
    }

    .book-inner #gform_fields_3_2 .gfield_radio li {
        flex-basis: 150px
    }
}

@media(max-width:450px) {
    #ui-datepicker-div {
        display: none !important
    }
}

@media(min-width:1250px) {
    .mob-clicked .off-canvas {
        left: -500px
    }
}