

.PopPeach {color: #d8bba0;}
.PopBlue {color: #29a8e0;}
.GreyText {color: #333333;}
strong {font-weight: 700;}

.clear10 {height: 10px;}
.clear20 {height: 20px;}

.c1-text {color: #333;}
.c3-text {color: #4f585a; font-weight: 600;}
a {color: #29a8e0;}
html.no-touch a:hover {color: #d8bba0;}
p {line-height: 1.5;}
h1 {color: #4f585a; font-weight: 600; font-size: 30px;}
h1 strong {font-weight: 700;}
h2 {color: #4f585a; font-weight: 700; font-size: 20px;}
h5 {color: #4f585a; font-weight: 700; font-size: 20px; border-top: 1px dotted #bf9f7d; padding-top:10px; margin-top:30px;}
h5 a {display: block; width:100%; padding: 15px; background-color: #4f585a; color:#fff; border-top: none !important;}
h5 a:hover {background-color: #BF9F7D; color: #4f585a !important;}

li {     margin-bottom: 5px;
    padding-left: 8px;}
ol {margin-top: 25px; margin-bottom: 25px;}

.secondary-heading {text-transform: initial; font-family: 'filson-soft', sans-serif !important; font-size: 25px; font-weight: 700;}

.heading, h1 {color: #333; font-weight: 600; font-size: 30px;}


blockquote::before {color: #BF9F7D;}
.item.image-pod { margin-top: 51px;}


.PaddingLeft30 {padding-left: 30px;}
.PaddingLeft30 li { background-color: #29a8e0 !important;}
.PaddingRight30 {padding-right: 30px;}



header #logo {top: 11px;}
header #logo a { width: 290px !important; height: 94px !important;}
header #logo a {background-size: 290px 84px !important;}
header::before {top: 115px; background-color: #29a8e0;}
header::after {top: 120px;; background-color: #333;}



/*Grid Bullets*/
.umb-grid ul {list-style: none;}
.umb-grid li {background-color: #d8bba0; margin-left: -20px; padding:20px; color: #fff;}
/*Grid Bullets*/


/*NAVIGATION*/
.navigation nav.main {top: 120px;}
header nav.cta-link {top: 126.5px;}
header .site-search {top: 36px;}
header nav.cta-link a.btn { padding-top: 13px; height: 50px; font-size: 18px;}
.navigation nav.top {top: 37px;}
.navigation nav.main {background-color: #333;}
.navigation nav.main>ul>li>span.active, html.touch .navigation nav.main>ul>li.open, html.no-touch .navigation nav.main>ul>li:hover {background-color: #29a8e0;}
.navigation nav.main>ul>li.has-child ul {background-color: #29a8e0;}
html.no-touch .navigation nav.main ul li ul li span:not(.active)>a:hover, .navigation nav.main ul li ul li span:not(.active)>a:focus {background-color: #d8bba0;}
nav.main {font-family: 'Raleway', 'sans-serif'; font-weight: 600;}
.navigation nav.main>ul>li>span a { padding: 28px 30px; letter-spacing: 0px;}

html.no-touch .navigation nav.main ul li.has-child ul li span.active a:hover::before, .navigation nav.main ul li.has-child ul li span.active a::before {background-color: #4f585a;}

.navigation nav.top ul>li {margin: 0 10px 0 10px;}
.navigation nav.top li a {color: #333;}
.navigation nav.top li a i {color: #d8bba0;}
html.no-touch .navigation nav.top li a:hover, .navigation nav.top li a:focus, .navigation nav.top li a:active {color: #d8bba0;}
.navigation nav.top>ul {font-size: 14px; font-weight: 600;}

nav.sub p.heading {border-color: #333; background-color: #333;}
nav.sub p.heading a {color: #fff; font-weight: 700;}
nav.sub.categories p.heading {color: #fff; font-weight: 700;}
/*NAVIGATION*/

/*NAVIGATION AFTER SCROLL*/
html.nav-up header {top: -115px ;}
html.no-touch .btn.c1-bg:hover, .btn.c1-bg:active, .btn.c1-bg:focus { color: #fff; border-color: #d8bba0; background-color: #d8bba0;}
/*NAVIGATION AFTER SCROLL*/


/*Banner*/
.apc.banner .info .heading.main { color: #fff; font-weight: 700; letter-spacing: -1px; font-size: 42px;}
.apc.banner .info .text :last-child {color: #ccc; padding-top: 5px;}
.apc.banner {margin: 40px 0px 0px;}
.apc.banner .secondary-heading {color: #bf9f7d;}
.apc .medium a.btn.c1-bg { background-color: #d8bba0; border-color: #d8bba0;}
.apc .medium a.btn.c1-bg:hover { background-color: #29a8e0; border-color: #29a8e0;}
.slick-prev, .slick-next { background-color: #29a8e0;}
.slick-prev:hover { background-color: #d8bba0 !important;}
.slick-next:hover { background-color: #d8bba0 !important;}

.apc.banner ul.slick-dots { top: 50px;    height: 25px;}

.apc.banner .col-md-8.col-xs-12.text-left { background-color: rgba(51, 51, 51, 0.8); padding: 35px; border-radius: 34px;}

.apc .heading.main { font-size: 40px; line-height: 41px; padding-bottom: 10px;}
/*Banner*/


/*Home Blog Posts*/
.homeBlogPosts .text.base-text { display: none;}
.homeBlogPosts .categories { display: none;}
.homeBlogPosts.apc .heading.main { font-size: 22px;}
/*Home Blog Posts*/


/*Testimonials*/
.spc.blockquotes .heading.main {font-size: 23px !important; text-transform: uppercase; letter-spacing: 1px;}
.spc.blockquotes blockquote p { font-size: 18px;
    line-height: 26px;
    color: #29a8e0;
    font-weight: 800;}
ul.slick-dots li.slick-active button {background-color: #333;}
/*Testimonials*/


/*Gallery*/
.spc.gallery .row:not(.overview):not(.outro) .item { padding: 30px;}
.aboutGallery .row:not(.overview):not(.outro) .item { padding: 0px !important;}
/*Gallery*/


/*Buttons*/
.btn.c1-bg { border-color: #29a8e0;}
.c1-bg {background-color: #29a8e0;}
.btn.c5-bg { border-color: #29a8e0; background-color: #29a8e0;}
html.no-touch .btn.c5-bg:hover { border-color: #d8bba0; background-color: #d8bba0;}
/*Buttons*/


/*Listings*/
.listing .item .heading { font-size: 20px; color: #4f585a; font-weight: 700;}
nav.sub ul li.active>a {color: #ccc;}
nav.sub ul li.active>a:hover {color: #4f585a;}
/*Listings*/


/*Test with Slideshow*/
.text-with-slideshow { margin-top: 30px;}
#pos_1209 { margin-top: 0px;}
/*Test with Slideshow*/


/*Grid Section*/
.grid-section .clearfix { margin-bottom: 25px;}
/*Grid Section*/

/*Accordian Section*/
.spc.accordion .heading:not(.main) a {background-color: #4f585a; box-shadow:none;}
.spc.accordion .heading:not(.main) a.collapsed {font-weight: 700;}
.spc.accordion .heading:not(.main) a:not(.collapsed) {color: #4f585a;}
.spc.accordion .heading:not(.main) i {color: #BF9F7D;}
/*Accordian Section*/


/*FOOTER*/
footer {background-color: #333;}
footer .heading {color: #d8bba0; font-weight: 700;} 
html.no-touch footer a:hover {color: #29a8e0;}
footer nav.footer ul li.site-credit a {color: #29a8e0; font-weight: 600;}
html.no-touch footer nav.footer ul li.site-credit a:hover {color: #fff;}
footer ul.row { margin-top: 26px;}
footer .quick-links ul li {width: 50%;}
/*FOOTER*/


#pos_1209 {background-attachment: fixed;}


/*Call to Action Box*/
.cta-strip .secondary-heading {color: #fff;}
.cta-strip .heading {color: #d8bba0;}
.cta-strip .intro {color: #ccc;}
.cta-strip html.no-touch .btn.c6-bg:hover {border-color: #29a8e0; background-color: #29a8e0}
/*Call to Action Box*/


/*Contact Page*/
.forms .heading {color: #4f585a !important;}
/*Contact Page*/




body {font-family: 'filson-soft', sans-serif !important;}
p {font-family: 'filson-soft', sans-serif !important;}
h1 {font-family: 'filson-soft', sans-serif !important;}
h2 {font-family: 'filson-soft', sans-serif !important;}
h3 {font-family: 'filson-soft', sans-serif !important;}
h4 {font-family: 'filson-soft', sans-serif !important;}
h5 {font-family: 'filson-soft', sans-serif !important;}
h6 {font-family: 'filson-soft', sans-serif !important;}





/* Responsive Styles */


/*Phone*/
@media screen and (max-width: 750px) and (min-width: 100px) {

#site {margin-top: 36px;}

header #logo { width: 250px !important; height: 120px;}

header #logo a { width: 250px !important; height: 80px !important;}
header #logo a {background-size: 250px 80px !important;}
header {    min-height: 104px;}
header nav.cta-link { margin: 40px 14px 14px;}
header .site-search { top: 0px;}
.navigation nav.top { top: -17px; margin-left: -9px;}
.navigation nav.top ul>li { margin: 8px 10px 0 10px; font-size: 20px;}

.apc.banner { margin: 34px 0px 0px;}
.apc.banner .item .image { background-position: -182px;}
.apc.banner .info .heading.main { font-size: 32px; line-height: 33px;}
.apc.banner .secondary-heading {line-height: 29px;}

.video .table { padding: 36px;}

.homeBlogPosts.apc .heading.main { font-size: 17px;}

.PaddingLeft30 { padding-left: 0px;}
.intro { font-size: 110%;}

.spc.blockquotes blockquote p { font-size: 15px; line-height: 22px; text-align: left;}

#pos_1433 { padding: 25px;}
#pos_1433 .heading { font-size: 35px;}
#pos_1433 h4 { font-size: 15px;}


}
/*Phone*/






/*Tablet Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (orientation : portrait) { 

    #site {margin-top: 36px;}

    header #logo { width: 250px !important; height: 120px;}
    
    header #logo a { width: 250px !important; height: 80px !important;}
    header #logo a {background-size: 250px 80px !important;}
    header {    min-height: 104px;}
    header nav.cta-link { margin: 40px 14px 14px;}
    header .site-search { top: 0px;}
    .navigation nav.top { top: -17px; margin-left: -9px;}
    .navigation nav.top ul>li { margin: 8px 10px 0 10px; font-size: 20px;}
    
    .apc.banner { margin: 34px 0px 0px;}
    .apc.banner .item .image { background-position: -182px;}
    .apc.banner .info .heading.main { font-size: 32px; line-height: 33px;}
    .apc.banner .secondary-heading {line-height: 29px;}
    
    .video .table { padding: 36px;}
    
    .homeBlogPosts.apc .heading.main { font-size: 17px;}
    
    .PaddingLeft30 { padding-left: 0px;}
    .intro { font-size: 110%;}
    
    .spc.blockquotes blockquote p { font-size: 15px; line-height: 22px; text-align: left;}
    
    #pos_1433 { padding: 25px;}
    #pos_1433 .heading { font-size: 35px;}
    #pos_1433 h4 { font-size: 15px;}

}
/*Tablet Portrait*/





/*Tablet Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (orientation : landscape) { 


}
/*Tablet Landscape*/