#footerwrap {text-align:center;width:100%;}
body { margin: 0px; padding:0px; text-align:left; font-size:12px; font-family:Arial;} 
body table { text-align:left;}
#searchContainer { position:absolute; top:10px; right:10px; float:left;} 
#pageContainer { width:1630px;margin:0 auto;} 
#leftcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:left;} 
#rightcolumn { width:150px; padding:0px 0px 20px 0px; position:relative; display:none; float:right;} 
#footer { width:1630px; height:75px; display:block; clear:both;} 
#Navigation-20790 ul li a.hover {cursor:pointer;}
/*------ Keeps admin panel styling from being overridden ------*/

mce-tinymce *, #editBar *, .editMenuItems li, .rtbText {color: #000 !important;}
/*---- General universal ---*/

/* large gallery image border fix */

div#colorbox * {-webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important;}

/* Text field focus border reset */

*:focus {outline: unset; outline-color: unset; outline-style: unset; outline-width: unset;}

@media only screen and (min-width: 801px)
#map .responsive-iframe-container {position: relative; max-width: 100%; height: 0; padding-top: 56.25%; overflow: hidden;}

html, body {overflow-x: hidden;}
body {min-width: 306px; font-family: 'Montserrat', sans-serif; font-size: 18px; color: #6f6f6f;}
input, textarea, select, button {font-family: 'Montserrat', sans-serif;}
img {max-width: 100%; height: auto;}
#columnsContainer {width: 100% !important; max-width: 100% !important;}
#maincolumn {width: 100%; min-height: 600px; max-width: 1170px !important; margin: auto; padding: 24px 15px;}
#maincolumn.maincol-home {max-width: unset !important; padding: 0;}
#maincolumn.maincol-height-remove {min-height: 0;}
h1, h2, h3, h4, h5 {font-weight: unset;}
h1, h2, h3, h4, h5, li, a {font-family: 'Raleway', sans-serif; color: #35478c;}
h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.167em;}
h5 {font-size: 1em;}
a {text-decoration: none;}
a:hover {opacity: 0.75;}
i.fas {color: #35478c; margin-right: .5em;}
span.text-breakpoint {display: inline-block;}
.logo a:hover {opacity: unset;}
iframe {max-width: 100%;}
.container-1170.page {margin: 24px auto;}

@media (max-width: 800px) {
h1, h2, h3, h4, h5 {text-align: center;}
p {text-align: justify; text-align-last: center;}
.mobile-hide {display: none;}
}

@media (max-width: 600px) {
body {font-size: 16px;}
}


/* Container system */

.container-1170 {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin: auto;}
.container-1170 {max-width: 1170px;}
div.sub-20, div.sub-25, div.sub-33, div.sub-50, div.sub-66, div.sub-75, div.sub-100 {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin: 12px 15px;}
div.sub-20 {max-width: calc(20% - 30px);}
div.sub-25 {max-width: calc(25% - 30px);}
div.sub-33 {max-width: calc(33.33% - 30px);}
div.sub-50 {max-width: calc(50% - 30px);}
div.sub-66 {max-width: calc(66.66% - 30px);}
div.sub-75 {max-width: calc(75% - 30px);}
div.sub-100 {max-width: 1170px;}
div.strip-100 {display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%;}

@media (max-width:800px) {
div.sub-25, div.sub-75, div.sub-33, div.sub-66, div.sub-50 {max-width: calc(100% - 30px); padding; 12px 15px; text-align: center;}
}

/* Transitions */

a, a.my-btn, #buckets a, #contactForm input.buttonSubmit, #contactForm input, div#contactForm textarea, div#contactForm select {webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out}

/* Mobile Phone Number Link

a[href^=tel] {color: inherit; text-decoration: none;}

@media handheld, only screen and (min-width:801px) {
a.phone {text-decoration: none; pointer-events: none; cursor: default;}
} */

/* Buttons */

a.my-btn, #contactForm input.buttonSubmit {display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; width: 100%; max-width: 260px; margin-top: 24px; padding: 14px; background: #4e7ac7; font-size: 1em; color: #fff; text-decoration: none; text-transform: uppercase; border: none; border-radius: 4px;}
a.my-btn:hover, #contactForm input.buttonSubmit:hover {opacity: unset; filter: saturate(150%);}

@media (max-width: 800px) {
a.my-btn, #contactForm input.buttonSubmit {margin: 24px auto 0;}
}

@media (max-width: 480px) {
a.my-btn, #contactForm input.buttonSubmit {max-width: 220px; padding: 12px;}
}


/*--- Header ---*/

/* Top strip */

#searchContainer {display: none;}
#header {max-width: 100%;}
#header-top-strip {background: #4c7bb0;}
#header-top-strip > div {-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center;}
#header-top-strip > div {padding: 12px 15px;}
#social i {margin-right: 12px; font-size: 1.167em;}
#header a.phone {font-size: 1em; color: #fff;}

@media (max-width: 480px) {
#header a.phone i {display: none;}
}

/* Main */

#header-main-strip {background: #4c7bb0;}
#header-main-strip > div {position: relative; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center;}
#header-main-strip > div:before {content: ""; position: absolute; top: 0; right: calc(100% - 1px); width: 100%; height: 100%; background: #fff; z-index: 999999999;}
#header-logo {position: relative; padding: 36px; background: #fff;}

@media (max-width: 800px) {
#header-logo {width: 100%; text-align: center;}
}


/* Nav */

.ddsmoothmenu-h {flex: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 700px;}
.ddsmoothmenu-h, .ddsmoothmenu-h > ul {height: 100%;}
.ddsmoothmenu-h > ul {display: -webkit-box; display: -ms-flexbox; display: flex;}
.ddsmoothmenu-h > ul > li {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.ddsmoothmenu-h ul li a {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: 100%; padding: 15px; text-align: center; font-size: 1em; color: #fff;}
.ddsmoothmenu-h ul li a:hover {opacity: unset; color: #4e7ac7;}
.ddsmoothmenu-h ul li ul {top: 100% !important;}
#main-nav-container {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 15px;}

@media handheld, only screen and (max-width:800px) {
div#main-nav-container {display: none;}
}

/* Mobile nav */

.slicknav_menu, .slicknav_btn {background: #16193b;}
.slicknav_menu .slicknav_icon-bar {background: #fff;}
.slicknav_nav {background: #2f2f2f;}
.slicknav_nav ul li {border: none;}
.slicknav_nav a:hover {background: rgba(255, 255, 255, 0.1);}


/*--- Footer ---*/

#footerwrap {width: 100%; max-width: 100%; text-align: unset; background: #16193b;}
#footer {display: -webkit-box; display: -ms-flexbox; display: flex;  justify-content: space-between;width: 100%; max-width: 1170px; height: unset; min-height: 150px;}
#footer:after {content: ""; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #fff; z-index: 999999999;}
#footer-contact, #logo-footer {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 24px 15px;}
#footer-contact a {color: #fff;}
#logo-footer {background: #fff;}
.webDugoutLink, .webDugoutLink a {font-size: 0.55rem; color: #afafaf; text-align: center;}
.webDugoutLink::before {display: block; content: "Copyright 2021 Anchor Homes, Inc.  All Rights Reserved.";}

@media (max-width: 800px) {
#footer {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: unset; text-align: center;}
#footer-contact, #logo-footer {-webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center;}
#footer-contact {-webkit-box-ordinal-group: 3; -ms-flex-order: 1; order: 2;}
#logo-footer {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;}
}


/*--- Page - Home ---*/

/* Slideshow */

@media (min-width: 801px) {
#sliderContainer {-webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
}

#UpdatePanel1 #sliderContainer {display: none;}
#slider-container-strip {position: relative; background-image: url('/Images/121739/layout/web-hero-bg.jpg'); background-size: cover; background-blend-mode: multiply; background-color: #4c4c4c; background-position: center;}
#sliderContainer {width: 100%; max-width: 66.66%; background: #000;}
#slider {opacity: 0.75;}

@media (max-width: 1201px) and (min-width: 800px) {
#slider {min-width: 800px; left: 50%; transform: translateX(-50%);}
}

@media only screen and (max-width: 800px) {
#sliderContainer {max-width: 100%;}
}

/* Home contact form - universal styling below in contact page section */

#form-bg {width: 33.33%; padding: 24px 30px; background: #4c7bb0;}
#form-bg h3 {color: #4e7ac7;}
#form-bg h5 {margin-top: 6px; font-size: 12px; color: rgba(255, 255, 255, 0.5);}
#form-bg #contactForm span.cformlabel {color: #fff;}

@media (max-width: 800px) {
#form-bg {width: 100%;}
#contactForm {width: 100%; max-width: 500px; margin: 24px auto 0;}
}

/* Buckets */

#buckets-strip {background: #efefef;}
#buckets {margin: auto;}
#buckets > div {position: relative; width: 33%; padding: 48px 30px;}
#buckets h3 {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center;}
#buckets h3 i {font-size: 1.167em; color: #c7c7c7;}
#buckets a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: auto; border-radius: 30px;}
#buckets a:hover {box-shadow: inset 0 0 0 12px #efefef, inset 0 0 0 14px #d4d4d4;}

@media (max-width: 800px) {
#buckets {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#buckets > div {width: 100%; margin: auto;}
#buckets h3 {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#buckets h3 i {-webkit-box-ordinal-group: 3; -ms-flex-order: 1; order: 2; margin-right: unset; font-size: 1em; transform: rotate(90deg);}
#buckets p {max-width: 400px; margin: auto;}
}

/* Intro */

@media (min-width: 801px) {
#intro-strip .sub-50 {padding: 24px 0;}
}

#intro-strip {background: #16193b;}
#intro-strip {color: #fff;}
#intro-strip .sub-50 {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#intro-strip h3 {color: #4e7ac7;}
div#intro-strip img {border-radius: 12px;}

@media (max-width: 800px) {
#intro-strip {padding: 24px 0;}
#intro-strip .sub-50 {-webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center;} 
}

/* Contact section */

div#home-contact-strip {background: #eee; padding: 48px 0; overflow: hidden;}
div#home-contact-strip .container-1170 {position: relative;}
div#home-contact-strip .container-1170 {z-index: 1;}
div#home-contact-strip i {position: absolute; top: -80%; bottom: 0; left: -80px; font-size: 300px; transform: rotate(-10deg); color: #e4e4e4;}

@media (max-width: 800px) {
div#home-contact-strip i {top: unset;}
}


/*--- Page - contact ---*/

@media (min-width: 500px) {
#page-contact-info a:nth-child(-n+2) {width: 100%; max-width: calc(50% - 12px);}
}

#page-contact-info {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px 0;}
#page-contact-info a {width: 100%; margin: 12px 6px;}
div#map {border-radius: .5em; overflow: hidden;}

@media (max-width: 800px) {
#page-contact > div {padding: 24px 0;}
#form-container {-webkit-box-ordinal-group: 3; -ms-flex-order: 1; order: 2;}
}

/* Contact form */

#UpdatePanel1 div#contactForm {display: none;}
#contactForm {width: 100%; max-width: 500px; margin: 24px auto;}
#contactForm .fRow {position: relative; margin: 0;}
#contactForm input, div#contactForm textarea, div#contactForm select {width: 100%; margin: 4px 0; font-size: 1em; border: none; border-radius: 4px;}
#contactForm input:not([type="submit"]):focus, div#contactForm textarea:focus, div#contactForm select:focus {box-shadow: inset 0px 0px 0px 2px #4e7ac7;} 
#contactForm textarea {height: 32px !important;}
#contactForm textarea:focus {height: 75px !important;}
#contactForm span.cformlabel {font-size: .8em; width: 100%;}
#contactForm .errorRequired {position: absolute; top: 0; right: 0;}


/*--- Page - Gallery ---*/

/* Gallery Cards */

#UpdatePanel1 #galleryImages li {width: 139px !important;}
#UpdatePanel1 #galleryImages li img {position: unset; width: unset; height: auto !important;}
#UpdatePanel1 #galleryImages ul li a {padding-top: 10px;}
/*#galleryImages {width: 100%; max-width: 1170px; margin: 24px -15px 0;}
#galleryImages ul {display: -webkit-box; display: -ms-flexbox; display: flex;display: -ms-flex-wrap: wrap; flex-wrap: wrap;}
#galleryImages li {margin: 12px 15px; width: 100% !important; max-width: calc(50% - 30px); border: 0; overflow: hidden;}
#galleryImages > ul > li > div:first-child {background: #e6e6e6;}
#galleryImages ul li a {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 0; padding-top: 56.25%;}
#galleryImages img {position: absolute; top: 0; width: 100%; height: 100% !important; padding: 0; -o-object-fit: cover; object-fit: cover; border-radius: 0 !important;}
.galleryCaption {display: none;}

@media only screen and (max-width:800px) {
#galleryImages {margin-left: auto; margin-right: auto;}
#galleryImages li {max-width: calc(50% - 30px); margin: 12px 15px !important;}
}

@media only screen and (max-width:480px) {
#galleryImages li {max-width: 100%;}
}*/

#galleryImages ul {display: -webkit-box; display: -ms-flexbox; display: flex;}
#galleryImages li {width: 100% !important; max-width: 50%; border: none;}
#maincolumn #galleryImages img {border-radius: 0;} 

@media (max-width: 800px) {
#galleryImages ul {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#galleryImages li {max-width: 100%; margin: 0 !important;}
}

/*////////// Overrides //////////*/


/*/// Dark color ///*/

#header-main-strip, .slicknav_menu, .slicknav_btn, #footerwrap, #intro-strip {background: #7790AC;}


/*/// Mid color (can be accent color if no third color available) ///*/

h1, h2, h3, h4, h5, li, a, i {color: #1D3E6B;}
#contactForm input:not([type="submit"]):focus, div#contactForm textarea:focus, div#contactForm select:focus {box-shadow: inset 0px 0px 0px 2px #1D3E6B;} /* Change color only */


/*/// Accent color ///*/

a.my-btn, #contactForm input.buttonSubmit {background: #1D3E6B;}
#social i, #header a.phone i, #intro-strip h3, #footer-contact a i, #form-bg h3 {color: #1D3E6B;}

/* Change for this site */

#UpdatePanel1 .container-1170:before, #UpdatePanel1 #logo-footer:after {display: none;}
#maincolumn {padding: 60px 0;}
#maincolumn img {border-radius: 12px;}
#header-top-strip {background: #1D3E6B;}
#header-main-strip {background: #4c7bb0}
#header .logo {padding: 2em 2em 2em 15px;}
.ddsmoothmenu-h ul li a:hover {color: #fff; opacity: 0.85;}
#header a.phone i, #form-bg h3, #intro-strip h3 {color: #fff;}
#form-bg {background: #7790ac;}
h1.pageName {position: relative; margin-bottom: 1em; padding: 0 15px 12px;}
h1.pageName:after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translate(-50%); width: calc(100% - 30px); height: 1px; background: lightgrey;}
a.my-btn, #contactForm input.buttonSubmit {width: auto; max-width: max-content; padding: .75em 2em;}
#intro-strip {background: #fff;}
#intro-strip *:not(.my-btn) {color: initial;}
#intro-strip h3 {font-size: 2em;}
#intro-strip h2 {font-size: 1.15em;}
#footerwrap {background: #1d3e6b;}
#footer i.fas {color: #fff;}
#footer-contact, #logo-footer {line-height: 2;}
.webDugoutLink {line-height: initial;}
#goodMessage {background: none; color: #fff; padding: 0; margin-top: 1em;}
#maincolumn.m-fix {max-width: 100% !important; padding: 0;}

@media (max-width: 800px) {
ul {padding: 0;}
li {text-align: center; list-style-position: inside;}
#header-top-strip .container-1170 {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
}

/* Buttons */

#contactForm > div > div .fRow:last-child {overflow: visible;}
.my-btn:hover, input.buttonSubmit:hover {transform: translateY(-4px); box-shadow: 0px 7px 25px -10px rgba(0,0,0,0.25)}

/* Phone field fix */

#contactForm .RadInput {
  width: 100% !important;
  height: auto !important;
  font-size: 1em;
}

#contactForm .RadInput input {
  width: 100% !important;
  height: auto !important;
}

#contactForm .phoneField {
  height: auto;
  font-family: open-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  border: 1px solid #cccccc;
}

/* Logo slide */

#header-logo img {-webkit-animation: 2s ease-out 0s 1 slideUp; animation: 2s ease-out 0s 1 slideUp;}

@keyframes slideUp {
    0% {transform: translateY(50%); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
  }

/* Body fade in */
body {
  animation: fadein 2s;
  -moz-animation: fadein 2s;
  -webkit-animation: fadein 2s;
  -o-animation: fadein 2s;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}




/*--- Leave this comment for space above ---*/
