#testimonialBox *, .cookie-bar__inner, .cookie-bar__inner a, .social-icon-circle i{color:var(--HighSectBackColor)!important}
#smallbanner, h4{font-weight:1000}
h1, h2, h3, h4, h5{color:var(--NormSectTextColor)}
#contact a, .VIAContent a, .copyright a, .footer h2, .main-nav a, .phone-number a{font-weight:700}
.link, .main-nav li a, .phone-number a{display:inline-block}
.main-nav li a, .main-nav li a:hover{text-decoration:none; color:var(--HeaderTextColor)}
.Aligner, .AlignerLM{align-items:center; display:flex}
.clear, .clearfix:after{clear:both}
a, h1{text-decoration:underline}
.Portfolio-nav li a, .main-nav li a{line-height:20px; text-transform:uppercase}
#aboutus h2, h1{text-align:left}
.header, .para1, .para2, .para3, header{background-repeat:no-repeat}
.Portfolio-nav li a, .accordion-pageContent, .cd-hero-slider .input-btn, .main-nav li a, h1, h2, h3{text-transform:uppercase}
#smallbanner, .cd-hero-slider .input-btn:hover{background-color:var(--NormSectSecTextColor)!important}
body>div, footer, html, section{overflow-x:hidden!important; position:relative; margin:auto!important}
h1, h2{letter-spacing:-1px; margin:0 0 15px}
h3, h4, h5{margin:0 0 5px}
:root{--NormSectTextColor:#505749; --NormSectSecTextColor:#ffffff; --NormSectBackColor:#ffffff; --HighSectTextColor:#ffffff; --HighSectSecTextColor:#ffffff; --HighSectBackColor:#505749; --BttnPrimaryColor:#d1a242; --BttnSecondaryColor:#ffffff; --HeaderTextColor:#d1a242; --HeaderBackColor:#505749; --FooterTextColor:#ffffff; --FooterBackColor:#505749; --HeaderFont:'Mukta', sans-serif; --CopyFont:'Mukta', sans-serif}
.dot, .dropdown{cursor:pointer}
h1, h2, h3, h4, h5{font-family:var(--HeaderFont); letter-spacing:-1px}
#contact h2, #viewOpenHouses h2, .cookie-bar__inner, .input-text, a, b, h4, i, p{font-family:var(--CopyFont)}
#call .VIAContent, #call .col-md-10, #contactForm, #errormessage, #sendmessage, #smallbanner, .Portfolio-box, .Portfolio-nav, .cAlert, .charity, .checkboxes, .header, .main-nav, .social-link li a, .socials, h2, header{text-align:center}
.cookie-bar__inner{background-color:var(--HighSectSecTextColor)!important; text-align:center; border-style:solid; border-color:var(--HighSectBackColor)!important; border-radius:0 10px}
#NewHomes-desk h3 a, .Portfolio-box h3 a, .Portfolio-nav li a, .cd-hero-slider .input-btn, .main-nav li a{font-family:var(--HeaderFont)}
.HighlightSection .horseleft, .HighlightSection hr, .social-icon-circle{border-color:var(--HighSectTextColor)!important}
.cookie-bar__btn{background-color:var(--NormSectSecTextColor); color:var(--HighSectSecTextColor)!important}
.cookie-bar__btn, .cookie-bar__btn1{transition:.25s; border-style:none}
.cookie-bar__btn1:hover, .cookie-bar__btn:hover{background-color:var(--HighSectBackColor)!important; color:var(--HighSectSecTextColor)!important}
.social-icon-circle{border-style:solid; border-radius:20px; background-color:var(--HighSectTextColor)!important; padding:0; font-size:12px; margin-bottom:10px!important}
.social-link.col-md-6{width:35%!important}
@media(max-width:1200px){.social-link.col-md-6{width:100%!important}
}
.social-link{padding:4px!important; margin-bottom:5px!important; min-height:25px!important}
#phoneIcon{padding-top:1px!important; padding-bottom:1px!important}
h1{font-size:55px; line-height:50px; text-decoration-thickness:1px; text-underline-offset:10px}
h3{font-size:20px}
h4{font-size:23px; color:var(--BttnPrimaryColor)!important}
h5{font-size:25px; font-weight:500}
.contact, .normalSection, body{background-color:var(--NormSectBackColor)}
.charity p, .contact b, .contact i, .contact p, .normalSection * b, .normalSection * hr, .normalSection * i, .normalSection * p{color:var(--NormSectTextColor)}
.contact h1, .contact h2, .contact h3, .contact h4, .contact h5, .hr-vertical, .normalSection * h1, .normalSection * h2, .normalSection * h3, .normalSection * h4, .normalSection * h5, hr{color:var(--NormSectTextColor)}
.HighlightSection, .copyright, .fade .col-md-12, .mySlides{background-color:var(--HighSectBackColor)}
.HighlightSection * b, .HighlightSection * i, .HighlightSection * li, .HighlightSection * p, .HighlightSection * td, .HighlightSection * th, .inpStyle, .inpStyle:focus{color:var(--HighSectSecTextColor)}
#NewHomes-desk h3 a, #call a, #hoursBanner b, .HighlightSection * h1, .HighlightSection * h2, .HighlightSection * h3, .HighlightSection * h4, .HighlightSection * h5, .HighlightSection em, .HighlightSection strong{color:var(--HighSectTextColor)}
#submit-button, .btn, .input-btn, .link, .phone-number a, .servicelink {
  background-color: var(--BttnSecondaryColor) !important;
  color: var(--BttnPrimaryColor) !important;
  text-transform: uppercase;
  font-family: var(--HeaderFont);
  border: 1px solid;
  font-size: 14px;
  padding: 8px;
  border-radius: 5px 0px 0px 0px;
  transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
}
#errormessage, #sendmessage{padding:15px; font-weight:600; margin-bottom:15px; display:none}
#submit-button:hover, .btn:hover, .input-btn:hover, .link:hover, .phone-number a:hover{background-color:var(--BttnPrimaryColor)!important; color:var(--BttnSecondaryColor)!important; text-decoration:none}
.donate-btn{background-color:var(--BttnPrimaryColor)!important; color:var(--BttnSecondaryColor)!important; border:1px solid; padding:8px; font-size:14px; transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out}
.link, p{font-size:16px}
.donate-btn:hover{background-color:var(--BttnSecondaryColor)!important; color:var(--BttnPrimaryColor)!important; text-decoration:none}
.link{padding:15px 35px; font-weight:400; border-radius:3px; line-height:25px; margin-bottom:20px}
.phone-number a{font-size:11pt; height:100%; width:100%; line-height:55px!important; padding:0 10px}
.phone-number{margin-left:-13px}
#contactForm .inpStyle{margin:auto; max-width:600px}
#contactForm, .normalSection .row{margin-bottom:10px}
#contact .col-md-8{padding:10px 0 0; background-color:#fff}
#contactBttn p{margin-top:-8px!important; color:#fff}
.dropdown-menu{background-color:var(--HighSectBackColor); border-style:solid; border-color:var(--BttnPrimaryColor); border-width:0 0 3px}
.dropdown-menu a{color:var(--HighSectTextColor)!important; font-weight:700!important; border-style:none!important}
.accordion *, .accordion-button, .accordion-header *, .desktopmenu, .desktopmenu .row, .dropdown-menu a:hover{background-color:transparent!important}
.dropdown-menu:hover{background-color:none}
.main-nav li{position:relative!important; display:inline; margin:0 1px}
nav{height:auto!important}
.header, header{padding:40px 0; position:relative; background-image:url("img/meadowHero.jpg")!important; min-height:100%!important; background-attachment:fixed; background-position:center; background-size:cover}
.mobilemenu, .scroll-to-fixed-fixed .s{min-height:50px}
@media only screen and (max-device-width:1366px){.header,header{background-attachment:scroll!important}
}
.para1, .para2, .para3, .parallax-container{background-attachment:fixed; background-position:center; background-size:cover}
.main-nav-outer{padding:0; position:relative; background-color:var(--HeaderBackColor)}
.main-nav{margin:0 0 5px; padding:0; list-style:none}
.main-nav .bttn{margin-top:5px!important}
@media(max-width:767px){.main-nav .bttn{display:none}
}
.VIAContent a.bttn *, .main-nav .bttn *{margin-top:-10px!important}
.main-nav li a{margin:0 13px; transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out}
.res-nav_click{line-height:38px; font-family:'FontAwesome'; font-size:38px; text-decoration:none!important; color:#777; font-style:normal; display:none; width:42px; height:27px; margin:20px auto; transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out}
#NewHomes-desk a, #call a, #interior-title h1, #testimonialHome a, .Portfolio-box h3 a:hover, .Portfolio-nav li a.current, .Portfolio-nav li a:hover, .bttn, .bttn *, .bttn a:hover, .bttn2 a:hover, .bttn2:hover, .bttn:hover, .cd-hero-slider .input-btn, .cd-slider-nav a, .copyright, .copyright *, .footer a, .main-nav a, .portfolioContainer a, .portfolioFilter a, .social-link li a:focus, .social-link li a:hover{text-decoration:none}
.res-nav_click:active, .res-nav_click:focus, .res-nav_click:hover{color:var(--QuadaryColor)!important}
#header-image-left, #header-image-right{display:none; position:absolute; height:90%; top:5%; bottom:5%}
#header-image-right{top:0; bottom:0; height:100%; display:none; right:20px}
@media only screen and (min-width:768px){#header-image-left{display:block; left:50%; top:50%; right:unset; height:auto; transform:translate(-50%,-50%)}
.main-nav li:not(img){margin-top:15px!important}
}
@media only screen and (min-width:992px){#header-image-left{left:20px; top:5%; bottom:5%; height:90%; transform:none}
#header-image-right{display:block}
}
.footer{background-color:var(--FooterBackColor); padding:35px 0}
.footer * h3, footer a, footer b, footer p{color:var(--FooterTextColor)!important}
.copyright, .copyright * a:hover, .credits, .credits * a:hover, .footer * a, .footer * b, .footer * i, .footer * p, .footer .special{color:var(--FooterTextColor)}
.footer hr{background-color:var(--FooterTextColor)}
.footer-logo{margin:15px auto 35px; width:76px}
.copyright, .credits{font-size:14px; display:block; text-align:center; overflow-y:hidden}
.copyright * a, .credits * a{color:var(--FooterTextColor)!important; font-weight:600; text-decoration:none; transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out}
.VIAContent{margin:auto!important; max-width:1200px}
@media only screen and (min-width:767px){.HighlightSection,.normalSection,.section{padding:10px 0}
}
.slideshow-container{min-width:100%}
.res-nav_click{margin-right:20px!important}
#call, .figure, p{margin:0}
.mobilemenu{background-color:#231f20!important}
#navbarNav, .collapse, .navbar-collapse, table{width:100%}
.HighlightSection th:first-of-type, .normalSection th:first-of-type{border-radius:10px 0 0}
.HighlightSection th:last-of-type, .normalSection th:last-of-type{border-radius:0 10px 0 0}
.normalSection th{background-color:var(--HighSectBackColor); padding:5px; color:var(--HighSectTextColor)}
.normalSection * tr td:not(first-of-type){border-style:solid; border-color:var(--HighSectBackColor); border-width:0 2px 2px 0}
.HighlightSection * tr td:last-of-type, .normalSection * tr td:last-of-type{border-width:0 0 2px}
.HighlightSection * tr:last-of-type td, .normalSection * tr:last-of-type td{border-width:0 0 0 2px}
.HighlightSection * tr:last-of-type td:first-of-type, .normalSection * tr:last-of-type td:first-of-type{border-width:0}
.HighlightSection th{background-color:var(--HighSectTextColor)}
.HighlightSection * tr td:not(first-of-type){border-style:solid; border-color:var(--HighSectTextColor); border-width:0 2px 2px 0}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}
}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}
}
@media (min-width:1200px){.hidden-lg{display:none!important}
}
.Aligner{justify-content:center}
.AlignerLM{justify-content:left}
.AlignerRM{display:flex; align-items:center; justify-content:flex-end}
.clear, .clearfix:after, .clearfix:before{display:block; visibility:hidden; overflow:hidden}
.Aligner-item{flex:1}
.Aligner-item--top{align-self:flex-start}
.Aligner-item--bottom{align-self:flex-end}
.Aligner-item--fixed{flex:none; max-width:50%}
.fl-lt{float:left}
.fl-rt{float:right}
.no-pad{padding:1px}
.clearfix:after, .clearfix:before{content:'\0020'; width:0; height:0}
.footer a{color:#7ac675}
a, a:active, a:hover{outline:0!important}
p{line-height:18px}
.logo{width:130px; margin:0 auto 35px}
.small-logo{padding:0 32px}
.small-logo>a>img{height:100%}
.main-nav img{height:70px!important; margin-top:-15px}
.checkboxes *{display:inline-block; margin:0 10px}
.checkboxes{width:100%; accent-color:var(--HighSectBackColor)}
i{font-family:'FontAwesome'!important}
.main-section.alabaster{background:#3d2565; background:-moz-linear-gradient(-45deg,#3d2565 10%,var(--PrimaryColor) 50%,#3d2565 90%); background:-webkit-linear-gradient(-45deg,#3d2565 10%,var(--PrimaryColor) 50%,#3d2565 90%); background:linear-gradient(135deg,#3d2565 10%,var(--PrimaryColor) 50%,#3d2565 90%); color:var(--TernaryColor)}
.bttn, .bttn2, .main-nav .bttn, hr{background-color:var(--NormSectSecTextColor)}
.bttn, .bttn *, .bttn2, .bttn2 *, .main-nav .bttn, .sessions *{color:var(--HighSectTextColor)!important}
.Portfolio-nav{padding:0; margin:0 0 45px; list-style:none}
.Portfolio-nav li{margin:0 10px; display:inline}
.Portfolio-nav li a, .bttn a, .social-link{display:inline-block}
.Portfolio-nav li a{padding:10px 22px; font-size:14px; color:var(--SecondaryColor); border-radius:4px; background:#f7f7f7; margin-bottom:15px; transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out}
.Portfolio-nav li a:hover{background:var(--QuadaryColor); color:var(--TernaryColor)}
.portfolioContainer{margin:0 auto; padding-left:15px; max-width:1140px}
.Portfolio-box{margin-bottom:30px; height:260px; width:350px; overflow:hidden; float:left; padding:0}
#NewHomes-desk, .borp, .borp .slideText, .slideshow-container h1, .social-link a, body>.fade h1{text-align:center!important}
.Portfolio-box img{margin-bottom:25px; transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out}
.bttn, .bttn2, .main-nav .bttn{position:relative; text-decoration:none!important; transition:.3s; padding:0 20px!important; display:inline-block}
.Portfolio-box img:hover, .transparentEffect{opacity:.6}
.active, .demo:hover, button[type=search]:hover, footer hr, hr{opacity:1}
.Portfolio-nav li a.current{background:var(--HeaderTextColor); color:var(--HeaderBackColor)}
.Portfolio-box b, .Portfolio-box h3 a:hover, section a{color:var(--BttnPrimaryColor)}
.Portfolio-box b{font-weight:1000; margin-right:5px}
.bttn, .main-nav .bttn{border:0 solid transparent; border-radius:0; border-top:25px solid transparent; border-bottom:25px solid transparent; border-left:20px solid var(--BttnPrimaryColor); height:0; font-weight:700}
.bttn2{border:0 solid transparent; border-radius:0; border-top:25px solid transparent; border-bottom:25px solid transparent; border-left:20px solid var(--BttnPrimaryColor); height:auto; width:120px}
#testimonialBox-2, .facebook{background-color:var(--HighSectBackColor)!important}
.bttn2 *{position:absolute!important; font-weight:700}
.bttn a{padding:0; background-color:transparent; color:var(--HighSectTextColor); margin-top:-10px!important}
.VIAContent a.twoline *, .bttn.twoLineSpecial a{margin-top:-20px!important}
.bttn2:hover, .bttn:hover{background-color:var(--BttnPrimaryColor); border-left:20px solid var(--NormSectSecTextColor); color:var(--HighSectTextColor); box-shadow:0 5px 10px #0008}
img{max-width:100%}
.isotope .isotope-item{-webkit-transition-duration:.6s; -moz-transition-duration:.6s; transition-duration:.6s; -webkit-transition-property:-webkit-transform,opacity; -moz-transition-property:-moz-transform,opacity; transition-property:transform,opacity}
.social-link{overflow:hidden; list-style:none}
#footerImages .col-md-8, .HighLightSection{overflow:visible!important}
.social-link li{float:left; margin-right:8px}
.social-link li a{display:block; width:28px; height:27px; line-height:28px; font-size:20px; color:var(--BttnSecondaryColor); background:var(--BttnPrimaryColor); border-radius:50%; transition:.3s ease-in-out}
.twitter a:hover{background:#55acee}
.facebook a:hover{background:#3b5998}
.pinterest a:hover{background:#cb2026}
.linkedin a:hover{background:#0072b1}
.gplus a:hover{background:#dd4b39}
.dribbble a:hover{background:#ea4c89}
@media (max-width:767px){.hidden-xs{display:none!important}
.Portfolio-nav{width:130%; margin-left:-15%}
.Portfolio-nav a{padding:10px 5px!important}
#socialmediaContact{display:none}
.phoneStuff{display:inline-block; width:100%; margin-bottom:10px!important}
.contactStuff{display:inline-block!important; width:100%}
.col-md-6 .facebook, .col-sm-12 .twitter{display:none; visibility:hidden}
}
.facebook{border-color:var(--HighSectBackColor)!important; padding:1px 6px!important; font-size:20px!important}
.form{margin:10px 66px 0 30px}
.input-text{padding:15px 16px; border:1px solid #ccc; width:100%; height:50px; display:block; border-radius:4px; font-size:15px; color:#aaa; margin:0 0 15px; transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out}
#sendmessage, .input-text:focus{border:1px solid var(--QuadaryColor)}
.input-text:focus{outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,197,118,.3); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,197,118,.3); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124,197,118,.3)}
.input-text.text-area{height:165px; resize:none; overflow:auto}
.validation{color:red; display:none; margin:0 0 20px; font-weight:400; font-size:13px}
#sendmessage{color:var(--QuadaryColor)}
#errormessage{color:red; border:1px solid red}
#errormessage.show, #sendmessage.show, .nav-item.dropdown:hover .dropdown-menu, .show{display:block}
@media (min-width:767px){.contactStuff,.phoneStuff{display:inline}
.cookie-bar__inner{width:450px; margin-left:50px; margin-bottom:40px}
}
.cookie-bar__buttons, .cookie-bar__message{position:relative; display:inline-block!important; clear:both!important; width:100%}
#viewOpenHouses h2, .borp .slideText, .cd-hero-slider, .col-md-3 video, .mySlides img, hr{width:100%!important}
.cookie-bar__btn1{color:#000}
.delay-02s{animation-delay:.2s; -webkit-animation-delay:.2s}
.delay-03s{animation-delay:.3s; -webkit-animation-delay:.3s}
.delay-04s{animation-delay:.4s; -webkit-animation-delay:.4s}
.delay-05s{animation-delay:.5s; -webkit-animation-delay:.5s}
.delay-06s{animation-delay:.6s; -webkit-animation-delay:.6s}
.delay-07s{animation-delay:.7s; -webkit-animation-delay:.7s}
.delay-08s{animation-delay:.8s; -webkit-animation-delay:.8s}
.delay-09s{animation-delay:.9s; -webkit-animation-delay:.9s}
.delay-1s{animation-delay:1s; -webkit-animation-delay:1s}
.delay-12s{animation-delay:1.2s; -webkit-animation-delay:1.2s}
.cAlert{background-color:var(--QuadaryColor); font-size:16px; font-weight:400; font-family:var(--HeaderFont) line-height:25px; padding:20px 0}
#contact h2, .checkboxes *{font-weight:600}
.cAlert h3{color:var(--TernaryColor); text-transform:unset!important}
.portfolio{margin:30px 0}
.fb-page *{width:auto!important}
#call .VIAContent *, #call .col-md-10 *{margin:0 5px}
.roundBottom{border-radius:0 0 50% 50%/10% 10% 40% 40%}
.roundRight{border-radius:0 45% 45% 0/10% 50% 50% 10%}
.roundLeft{border-radius:45% 0 0 45%/50% 0 0 50%!important}
#Horses img, #aboutus img{margin-bottom:20px; margin-top:20px}
.text-center{margin:10px 0!important}
.parallax{min-height:300px}
.parallax h1{color:var(--HighSectTextColor); padding:100px; text-shadow:2px 2px 2px #aaaaa}
.para1{background-image:url("/images/Parallax-Images/horses-meadow.jpg")}
.para2{background-image:url("/images/Parallax-Images/horse-girl.jpg")}
.para3{background-image:url("/images/Parallax-Images/horses-grazing.jpg")}
.sessions{padding:20px; background-color:var(--HighSectBackColor)}
.charity img{height:100px}
footer{margin-bottom:0!important; padding-bottom:0!important}
.copyright, .copyright *{color:var(--HighSectSecTextColor)!important}
#contact h2{color:var(--HeaderTextColor); font-size:20px}
#contact label, .modelImages, .mySlides, .slideshow-container>div{display:none}
#contactBttn div{margin-top:-8px!important; color:#fff!important}
input, textarea{color:var(--HeaderTextColor)!important; font-weight:700}
::placeholder{color:var(--HeaderTextColor); font-weight:600}
@media only screen and (max-width:767px){.HighlightSection,.normalSection,.section{padding:10px 20px}
.fa-bars, .res-nav_click{display:inline-block!important; z-index:100!important; right:0; margin-top:3px}
.main-nav a{display:inline-block!important; width:100%; margin-left:-1px!important}
.servicelink{display:inline-block; clear:both; width:100%!important}
h1{font-size:39px}
.donate-btn, .input-btn{display:block}
.main-nav{display:none; position:absolute; left:0; width:100%; top:50px; margin:0 auto; float:none; background-color:#fff!important; z-index:99; border-top:1px solid #eee}
.main-nav li a{display:block; padding:12px 32px; margin:4px 0; border-bottom:1px solid #f3f3f3}
.footer{margin:0; padding:0}
.footer .col-md-6.VIAContent .col-md-6{padding:0 50px}
footer *{text-align:center}
.col-md-5 h1, .col-md-8 h1{font-size:50px!important}
}
.borp .slideText, .dot, .footer h2 *{display:inline-block}
#call{height:auto; padding:3px 0 0}
#buttonInNav{margin:0 20px!important}
@media(min-width:1666px){.main-nav{margin-left:11%}
}
.main-nav .donate-btn{padding-top:5px; margin-top:10px!important}
@media (max-width:767px){.cookie-bar__inner{width:90%; margin:25px 0 25px 25px}
.main-nav-outer .container{background-color:var(--HighSectBackColor)}
.fa-bars{filter:brightness(200%)}
#mobile-title{color:#fff; font-size:30px; text-decoration:none; font-family:var(--HeaderFont)}
.caret{position:absolute!important; top:7px}
#viewOpenHouses, #viewOpenHouses *{width:100%}
#hero-image{margin-top:50px; width:100%!important; max-width:100%; object-fit:contain; height:auto}
}
@media (min-width:767px){.main-nav{height:32px!important}
.main-nav-outer{padding-top:5px; height:80px!important}
.main-nav-outer *{text-align:left!important}
.accordion-body .nav-link{margin-left:10px!important}
.main-nav-outer .small-logo img{height:70px!important; width:auto!important}
#mobile-title{visibility:hidden; display:none}
.caret{position:absolute!important; top:-8px}
.desktopContent{display:inline; visibility:visible}
.mobileContent{display:none; visibility:hidden}
.imageframed img{height:350px}
}

.spacer{width:100%; height:50px}
#message, .inpStyle{width:100%; border-style:solid; border-color:var(--NormSectSecTextColor); color:var(--HighSectSecTextColor); border-width:3px; border-radius:0}
#interiorimage-border, hr{border-color:var(--NormSectSecTextColor)!important}
.main-nav-outer .container{position:absolute; z-index:20}

#tagline{margin-top:20px; font-weight:500; font-size:45px}
#tagline b{font-family:var(--HeadFont); letter-spacing:1px}
.hoverUpon button{width:50%}
#pageTitle * h1, #pageTitle h1{font-size:30px; font-family:'Mukta',sans-serif; color:var(--BttnPrimaryColor)!important; margin-top:-50px}
@media(max-width:767px){#pageTitle * h1,#pageTitle h1{margin-left:-15px; margin-top:-40px}
}
#pageTitle{margin-top:50px!important}
.hr-vertical{border-style:solid; border-width:0 5px 0 0}
.home-img-frame, .home-info{border-style:none}
.clear{height:40px; width:100%}
hr{background-color:var(--NormSectSecTextColor)!important; color:var(--NormSectSecTextColor)!important; height:1px; border-width:1px!important}
.home-info{width:100%; background-color:var(--Creme)}
.selectionImage{cursor:pointer; height:125px; object-fit:contain}
#interiorHeroImage, .hero_floorplan, .imageframed img{object-fit:cover; object-fit:cover}
.hero_floorplan{width:100%; height:531px}
.interiorButtonPullup{margin-bottom:-50px!important}
#pageTitle h1{margin-top:0; padding:0; border-style:solid; border-color:var(--HighSectBackColor)!important; border-width:5px 0 0; width:fit-content; font-size:40px; font-weight:600}
.normalSection h1{font-size:35px!important}
.normalSection p{color:#231f20!important; margin-bottom:7px}
#call, .copyright{background-color:var(--FooterTextColor)!important; color:var(--FooterBackColor)!important}
.copyright, .copyright *, .footer .special::after, .footer a{color:var(--FooterBackColor)}
#call, #call *{color:var(--FooterTextColor)!important; font-weight:700!important}
#call *, .centertxtvertically, .imageframed .accordion-container{margin:auto}
#contact{background-color:var(--FooterBackColor); padding:50px 0!important}
#contact.HighLightSection .col-md-8{box-shadow:0 0 20px #000}
#footerImages .col-md-8{background-color:transparent; box-shadow:none!important; margin-bottom:20px; margin-top:-100px}
.cd-hero, .cd-hero ul, .panel-pageContent, body>div{overflow:hidden}
.footer a{font-weight:700; font-size:14px}
.footer .special::after{content:">"}
.dot{height:15px; width:15px; margin:0 2px; background-color:#bbb; border-radius:50%; transition:background-color .6s}
.active, .dot:hover{background-color:#717171}
.cd-slider-nav .cd-marker, footer hr{background-color:var(--NormSectSecTextColor)}
.fade{animation-name:fade; animation-duration:6s}
@keyframes fade{0%,100%{opacity:.1}
10%, 20%, 30%, 40%, 5%, 50%, 60%, 70%, 80%, 90%, 95%{opacity:1}
}
.greenRow{background-color:var(--HighSectBackColor); color:var(--HighSectTextColor); border-color:var(--HighSectBackColor)}
.rightimg iframe, .rightimg img{min-height:300px; border-radius:0 0 0 50px}
.leftimg iframe, .leftimg img{min-height:300px; border-radius:0 0 50px}
.desktopmenu{position:absolute; z-index:100; width:100%}
.main-nav li a{color:#fff}
.cd-full-width{filter:brightness(50%); position:absolute!important; z-index:200000!important}
.centertxtVertically{padding:60px 0}
#call *, .cd-hero-slider .input-btn:hover, .copyright, .upper-Nav a{color:#fff!important}
.borp .slideText{position:absolute!important; z-index:10000000000; top:35%; left:0; color:#fff; max-width:100%}
@media (max-width:767px){#newhomes img{height:45vw!important; width:60vw!important}
#main-image{display:none!important}
.selectionImage{cursor:auto; height:auto; width:auto}
.transparentEffect{opacity:1}
.col-md-4 li{text-align:left!important}
#mobile-title, .mySlides h1, h1{font-size:20px!important}
.footer .col-md-2{margin:30px 0}
.normalSection h1, h1, h2, h3{font-size:22px!important}
.borp p{left:0}
.cd-hero{overflow:hidden}
.desktopContent{display:none; visibility:hidden}
.mobileContent{display:inline-block; visibility:visible; padding:20px}
.mobileContent img{margin-bottom:20px}
.mobileContent iframe{width:100%; height:300px; margin-bottom:20px}
}
.parallax-container{display:flex; min-height:40vh; flex-direction:column; align-items:center; justify-content:center; background-image:url(https://newwoldhuis.viastaging.net/source/homepage/woldhuis-farms-massive-selection.webp); color:var(--color); row-gap:4rem; text-align:center}
.rightimg{text-align:right}
.leftimg{text-align:left!important; margin:0; padding:0}
body>.row .rightimg{margin:0!important; padding:0!important}
.dropdown-menu, .dropdown-menu *{width:100%; padding:0}
.accordion-body, .accordion-body .nav-link, .accordion-button, .dropdown-menu .nav-link{color:var(--HighSectSecTextColor)!important; font-size:12px!important; text-decoration:none; margin:5px 0!important; padding:0!important}
.cd-slider-nav .cd-marker, .cd-slider-nav .selected i, .cd-slider-nav a::before{color:var(--NormSectBackColor)}
.navbar-nav .nav-item{padding:0 7px}
.dropdown-divider{background-color:var(--HighSectTextColor)!important}
.accordion-button:not(.collapsed){box-shadow:none}
.accordion [aria-expanded=true]{border:none!important}
.accordion-item{border:none}
.cd-hero, .parallax-container{border-style:solid; border-width:3px 0; border-color:var(--HighSectBackColor)!important}
@media (max-width:990px){.spacer{height:10px!important}
.navbar, .navbar *{background-color:var(--HighSectBackColor)!important}
.navbar{top:-30px}
.navbar *{color:var(--NormSectBackColor)}
.dropdown-divider{background-color:var(--HighSectTextColor)!important}
.navbar img{margin:10px 0; height:75px}
.accordion-button, button{text-align:center!important}
}
.cd-slider-nav{background:0 0!important}
.cd-slider-nav a{padding:20px; color:var(--NormSectSecTextColor)}
.cd-marker{border-radius:10px 10px 0 0}
.cd-slider-nav i{display:block; margin:10px 10px 0p 0!important; height:30px; font-size:20px}
.cd-slider-nav .cd-marker{position:absolute; bottom:0; left:0; height:100%; box-shadow:inset 0 2px 0 currentColor; -webkit-transition:-webkit-transform .2s,box-shadow .2s}
#hoursBanner{background-color:var(--HighSectBackColor)!important; text-align:center; font-weight:700; border-radius:0 0 10px 10px; color:var(--HighSectSecTextColor); padding:5px}
@media(min-width:767px){.underlineLink:after{content:''; position:absolute; width:100%; transform:scaleX(0); height:3px; top:20px; left:0; background-color:var(--HighSectBackColor)!important; transform-origin:bottom right; transition:transform .25s ease-out}
.underlineLink:hover:after{transform:scaleX(1); transform-origin:bottom left}
.bttn.twoLine a{margin-top:-20px!important}
.leftp{margin-right:10px}
.rightp{margin-left:10px}
}
.copyright{box-shadow:0 -10px 30px #228b22ff; font-weight:700; padding:6px}
@media(min-width:990px){#footer-bottom-padding{min-height:250px; width:100%}
footer .navbar-nav{margin:0 10% 0 0!important; position:absolute!important; left:0}
}
@media(max-width:767px){.cd-slider-nav a{padding:5px 0 0}
}
.accordion-pageContent{text-align:center!important; font-weight:700; background-color:#fff; color:var(--NormSectSecTextColor); cursor:pointer; padding:18px; width:100%; border:1px solid; outline:0; font-size:15px; transition:.4s; border-color:var(--NormSectSecTextColor)}
.accordion-container, .imageframed img{border-style:solid}
.accordion-container, .accordion-pageContent:last-of-type, .panel-pageContent:last-of-type{border-radius:0 0 10px 10px}
.accordion-container, .imageframed img{max-width:700px; border-color:var(--NormSectSecTextColor); border-width:3px}
.accordion-pageContent:hover{background-color:#228b2233}
.panel-pageContent{padding:0 18px; background-color:#fff; max-height:0; transition:max-height .2s ease-out}
#interiorHeroImage{filter:brightness(50%); min-height:300px; max-height:300px; width:100%; margin-bottom:-2px}
#interior-title{position:absolute; z-index:10; width:100%; top:175px}
#interior-title h1{text-align:center!important; color:#fff}
@media(max-width:990px){#footer-bottom-padding{min-height:0}
footer nav *{color:#fff!important}
footer .VIAContent .desktopmenu{z-index:100000000000000000000000000!important; position:relative!important}
.navbar img{height:50px}
}
.imageframed img{width:100%; max-height:400px; text-align:center; border-radius:0 0 20px 20px}
.imageframed{text-align:center; margin-bottom:30px}
.panel-pageContent p{padding:10px; text-align:left}
h1, h2, h3{font-weight:700}
h2{font-size:30px; font-weight:500;text-align:left;}
.leftimg iframe, .leftimg img, .rightimg iframe, .rightimg img{width:100%; object-fit:cover; height:500px!important}
.VIAContent nav{left:0!important}
footer b{color:#000!important; font-weight:700}
footer hr{height:5px}
@media (min-width:991px){.mainnavlink{font-size:15px!important; width:100px}
}
.socials a{margin:10px}
body li, body p{margin-bottom:10}
body ul{list-style-type:circle; margin-left:35px}
.accordion-body .nav-link{margin-left:10px!important}
.cd-hero ul{width:100%!important; padding:0!important; margin:0!important}
.VIAContent ul .accordion, .desktopContent ul, .mobileContent ul{list-style:normal!important}
.VIAContent ul li::before:not(footer .VIAContent ul li::before), .desktopContent ul li::before, .mobileContent ul li::before{content:"2022"; color:#228b22; font-weight:700; display:inline-block!important; width:4em!important; margin-left:-1em!important; margin-bottom:-2em!important}
.panel-pageContent ul li{text-align:left; margin-left:- 10px}
.panel-pageContent ul li::before{content:"2022"; color:#228b22; font-weight:700; display:inline-block!important; width:4em!important; margin-left:1em!important; margin-right:-2.8em!important; margin-bottom:-2em!important}
.active{background-color:#228b2222}
.VIAContent h1{font-weight:500!important}
.VIAContent ol{list-style:normal; text-align:left; padding:20px}
.VIAContent ol li{padding:5px; margin-left:35px}
body>.bg-light .dropdown-menu{width:110%!important}
.dropdown-menu{position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:10rem; padding:.5rem 0; margin:.125rem 0 0; font-size:1rem; color:#212529; text-align:left; list-style:none; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0,0,0,.15); border-radius:.25rem}
.main-nav-outer{max-height:100%; height:auto!important; margin-top:30px}
@media(min-width:991px){.main-nav-outer{text-align:center!important}
.main-nav-outer .container-fluid{max-width:1200px!important}
#navbarNav{text-align:right!important; position:relative}
#navbarNav .navbar-nav{position:absolute; right:0}
#navbarNav li a{color:#fff; color:var(--HeaderTextColor); font-size:22px}
#navbarNav li a:hover{color:var(--NormSectSecTextColor)}
.dropdown-menu, .dropdown-menu .container{background-color:var(--NormSectSecTextColor); width:100%; border-radius:0 0 5px 5px; padding-bottom:5px}
}
@media(max-width:991px){.dropdown-menu,.dropdown-menu *{position:relative!important; height:auto!important}
}
.accordion-button, .main-nav-outer button{border-style:none; border-radius:none; background-color:#aaa0}
footer #header-logo{max-height:125px}
//Styles for delivery page input[type=search]{text-indent:-200px!important; overflow:hidden; border-radius:inherit; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='margin-left:10px;    ' width='46' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") left no-repeat!important; cursor:pointer; opacity:.7}
.dropdown-menu .container .accordion-header, .dropdown-menu .container .nav-link{padding-left:5px!important; padding-right:5px!important}
.accordion-item:first-of-type .accordion-button:after{background-color:#f8d307!important}
.accordion-item:last-of-type .accordion-button.collapsed::after{border-bottom-right-radius:var(--bs-accordion-inner-border-radius); border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}
@media (max-width:767px){.imageframed #desktopimg{display:none; visibility:hidden}
.imageframed #mobileimg{display:inline-block; visibility:visible}
.imageframed img{max-height:100%!important; height:100%}
}
@media (min-width:767px){.imageframed #desktopimg{display:inline-block; visibility:visible}
.imageframed #mobileimg{display:none; visibility:hidden}
.imageframed img{max-height:100%!important; height:500px}
}
.cd-hero-slider .slideText, .slideText *t{width:100%!important; max-width:100%!important; text-align:center!important}
.cd-hero-slider .input-btn{margin-top:50px!important; background-color:transparent !important border-color:#fff!important; padding:15px; font-weight:700; background-color:transparent!important; color:#fff!important; border:2px solid; border-radius:5px; box-shadow:0 5px 5px 5px #0006}
.cd-hero-slider p{margin-bottom:50px!important}
#interior-title, .cd-hero-slider h2, .cd-hero-slider p{text-shadow:2px 2px 5px #000a}
#interiorimage-border{border-style:solid; border-width:0 0 3px}
.imageframed img{object-fit:contain!important; height:auto}
.socials i{ font-size:30px;  margin-top:-50px !important;  transition:.25s}
.socials i:hover{ color:#eccf09}

 @media(max-width:990px){ body >.bg-light .dropdown-menu,.VIAContent .dropdown-menu{ width:80% !important;   margin:auto}

 .nav-item, .dropdown-menu .container, .nav-item{text-align:left!important}
}
body >.bg-light .container *, body >.bg-light .dropdown-menu{ background-color:transparent !important}

body >.bg-light .dropdown-menu, body >.bg-light .container{ background-color:#000c}
body >.bg-light .dropdown-menu{ border:none}
@media (max-width:767px){ .accordion-header{ min-height:33px!important }
}

.imageframed img{ object-fit:cover !important;  height:auto !important;  width:100% !important}

@media (min-width:990px){ .main-nav-outer.footernav .container-fluid{position:absolute; top:50%; left:50%; transform:translate(-50%,-10%)}
}

@media(max-width:767px){ .cd-slider-nav{ margin-bottom:-10px !important }
 .cd-hero-slider .input-btn{ margin-top:-40px !important }
}

 
 
@media only screen and (max-width:600px){ table.dataframe{ width:100%}
 table.dataframe thead::before{ display:block;  content:"Table Legend";  color:#000;  text-align:center;  margin-bottom:10px;  font-weight:700 }
 table.dataframe thead{ display:block}
 table.dataframe tr{ border-bottom:1px solid #ddd;  display:block;  margin-bottom:10px}
 table.dataframe th{ border-bottom:1px solid #ddd;  display:block;  margin-bottom:px}
 table.dataframe td{ border:solid;  border-width:1px !important;  display:flex;  flex-direction:column;  text-align:center }
 table.dataframe td::before{ content:attr(data-label);  font-weight:bold;  margin-bottom:5px}
 table.dataframe td:nth-child(1){ font-weight:bold}
}
@media (min-width:767px){ .main-nav-outer h1{ display:none }
}
.navbar img{ height:70px}
.main-nav-outer{ height:105px !important;  margin-top:0px;  background-color:var(--HeaderBackColor) !important}
.nav-item *{ color:var(--HeaderTextColor) !important;  text-decoration:none;  font-weight:700px }

.smahll-logo img{width:100px !important;  margin-top:-15px}
.HighlightSection h2{ }
.portfolioFilter{ border-style:solid;  border-color:#3c2565;  background-color:#fff;  border-width:3px;  border-radius:10px !important;  padding:30px !important;  height:auto!important;  max-height:160px}

.portfolioFilter a{ border-style:solid;  border-color:#3c2565;  background-color:#fff;  border-width:3px;  border-radius:5px !important}

@media(max-width:767px){  .portfolioFilter a{font-size:12px !important; font-weight:700}
 
}

a.nav-item:hover {
  box-shadow: 0px 5px 5px #3c256555;         
  border-color:;
}
.cd-hero, .cd-hero-slider{height:800px}
.cd-hero-slider .cd-full-width {
  background-color: var(--HighSectBackColor) !important;
  filter:brightness(100%);
}
.cd-hero-slider p{
  color:#fff !important;
  font-size: 50px;
  text-align:left !important;
  width: 50% !important;
  max-width: 100%;
}
.cd-hero-slider * {
  width:100% !important;
}

#interior-title, .cd-hero-slider h2, .cd-hero-slider p {
  text-shadow: 0px !important;
}

.cd-hero-slider h2, .cd-hero-slider p {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

}
.cd-hero-slider *{
  border-color:var(--HighSectBackColor) !important;
}
.cd-hero,  .cd-hero *:not(.cd-hero p):not(.cd-hero a){
  border-color:var(--HighSectBackColor) !important;
  background-color: var(--HighSectBackColor) !important;
}
.slideText p{
  width:800px !important;
  left:0px !important;
  font-size: 70px;
}
.slideText strong{
 color:var(--NormSectSecTextColor) !important;
}

#via-benefits{
  background-color: var(--NormSectBackColor) !important;
  font-size:20px !important;
  width:1000x !important;
  position: absolute !important;
  z-index: 100000!important;
  top:420px;
  box-shadow: -300px -0px 0px 0px inset var(--HighSectBackColor) ;
  
}
.slideText{
  position: absolute !important;
  z-index: 1000000!important;
  top:120px !important;
  text-align: left !important
}

@media (max-width:1425px){
  #via-benefits{
      box-shadow: -200px -0px 0px 0px inset var(--HighSectBackColor) ;
  }
}
@media (max-width:1225px){
  #via-benefits{
      box-shadow: -100px -0px 0px 0px inset var(--HighSectBackColor) ;
  }
 
}
@media (max-width:1050px){
  #via-benefits{
      box-shadow: -10px -0px 0px 0px inset var(--HighSectBackColor) ,10px -0px 0px 0px inset var(--HighSectBackColor);
  }
   .slideText p{
      font-size:8vw;
       padding:15px;
       line-height:9vw !important;
  }
  #via-benefits p{
      font-size:4.4vw !important;padding:15px;
  }
  #via-benefits a{font-size:4vw !important;}
  .cd-hero,.cd-hero-slider{height:120vw}
  #via-benefits{
      top:67vw;
  }
  .slidetext{
    top:3vw;
 }
  .cd-hero-slider p {
  margin-bottom: 0px !important;
      line-height:5vw;
}
}

#via-benefits p{
  text-align: left !important;
  font-size: 41px;
  color:var(--NormSectSecTextColor) !important;
  font-weight: 700;
  width:800px !important
}
#via-benefits a{
  text-decoration: none;
  transition: .2s;
  color:var(--HighSectBackColor) !important
}
#via-benefits a:after{
  content:' >';
  transition: .2s;
  color:var(--HighSectBackColor) !important;
  filter:opacity(0%);
}
#via-benefits a:hover,#via-benefits a:hover:after{
  text-decoration: none;
  color:var(--NormSectSecTextColor) !important;
  filter:opacity(100%);
}
#sidebar-cms {
  z-index: 10000

}
.header
{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8f5e9+24,2a344f+25 */
    background: #2a344f; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8f5e9 24%, #2a344f 24%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f8f5e9 24%,#2a344f 24%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f8f5e9 24%,#2a344f 24%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f5e9', endColorstr='#2a344f',GradientType=0 ); /* IE6-9 */
    position:relative;
}

#header-image-left,
#header-image-right
{
    display:none;
    position:absolute;
    height:90%;
    top:5%;
    bottom:5%;
}

#header-image-right
{
    top:0;
    bottom:0;
    height:100%;
}

#header-image-right
{
    display:none;
    right:20px;
}

@media only screen and (min-width:767px)
{
    #header-image-left
    {
        display:block;
        left:50%;
        top:50%;
        right:unset;
        height:auto;
        transform:translate(-50%, -50%);
    }
}

@media only screen and (min-width:992px)
{
    #header-image-left
    {
        left:20px;
        top:5%;
        bottom:5%;
        height:90%;
        transform:none;
    }

    #header-image-right
    {
        display:block;
    }

}


#pitch{
    max-width:1200px !important;
    text-align: center !important;
    margin:auto;
}

#anotherOne{
    width:100% !important;
    text-align: center !important;
}


.normalSection p{
color:var(--NormSectTextColor)  !important;
}

.fa-bars {
font-size: 35px;
color:var(--BttnPrimaryColor);
}


#models p.calltoaction, .HighlightSection .calltoaction, #contact strong, #contact{
font-size:25px;
font-weight:500;
text-align:center;
margin:20px 0px;
line-height:30px;

}
.HighlightSection.special,.HighlightSection.special *{
background-color: var(--BttnPrimaryColor)!important
}
.HighlightSection .calltoaction {

}

.modelHeader,.modelHeader *, .modelName {
margin:0px;
padding:0px;
}

.modelName * {
width:100%;
display:inline;
position: relative;
}
.modelName .modelHeader h2{

padding:0px 10px;
margin:auto !important;
font-size:15px;
font-weight:700;

}
.modelName .modelHeader h2, .modelName .modelDetails p{
color: var(--HighSectTextColor) !important;
 
}
.modelName .modelHeader{
background-color: var(--BttnPrimaryColor);
width:200px !important;
}
.modelName .modelDetails p{
font-size:10px;
}
.modelDetails,.modelHeader{
background-color: var(--HighSectBackColor);
max-width: 100%  !important;
width: 100%  !important;
}



.accordion {
background-color: var(--BttnPrimaryColor);
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}

.active, .accordion:hover {
background-color: var(--BttnSecondaryColor); 
}

.panel {
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
}

@media (max-width: 990px) {
.navbar, .navbar * {
background-color: var(--HighSectBackColor)  !important ;
}


.navbar-nav.show,.navbar-collapse, .nav-item, .navbar-nav.show,.navbar-collapse, .nav-item, .nav-link 
{
background-color:var(--BttnPrimaryColor) !important;
}
.nav-link {
color:var(--HeaderBackColor) !important;
font-weight:700;
}
.main-nav-outer{
height:70px !important;
padding:30px 0px;
}

}

@media (max-width: 767px) {
.fa-bars {
filter: brightness(100%);
}
.modelHeader h2 {
font-size: 13px !important;
padding:0px 20px !important;
}
.VIAContent, #models{
margin:auto !important;
padding:0px !important;
}

}
#footerlogos .VIAContent,  #map .VIAContent, #disclaimer{
text-align: center !important;
margin:auto !important;
}

.nav-link {
font-size: 15px !important;
font-weight: 700
}

.accordion {
background-color: var(--BttnPrimaryColor);
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}

.active, .accordion:hover {
background-color: var(--BttnSecondaryColor); 
}

.panel {
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
}
.w3-modal {
text-align: center;
}
.w3-modal img{
width:100% !important;

}
.homeBox .btn{
position: absolute;
right:0px;
bottom:24px;
z-index: 1;

}
.homeBox {
position: relative;
}


.modelName .modelHeader h2,.modelName .modelHeader {
padding:2px 0px 6px 1px !important;
}
.modelName .modelDetails p {
margin-left:5px !important
}
h2 {letter-spacing:1px;}
.modelName {

}
#models .w3-modal img{
max-width:700px !important;

}
@media(max-width:990px){
#toplogo {
 margin-top: -60px !important;
margin-bottom: 25px !important;
display:inline;
margin-left:auto !important;
margin-right:auto !important;
text-align: center !important;
}
}

.calltoaction{
text-transform: uppercase;
}



#models img{
max-width: 360px !important;
margin:auto;
}



.homeBox{
max-width: 360px !important;
margin:auto;
}
.modelName{
width:100%;
max-width: 360px !important;
background-color: var(--HighSectBackColor);
padding:3px 0px 0px 0px !important;
margin-top:-2px !important;

}



.accordion{
background-color:var(--BttnPrimaryColor) !important;
}
.accordion p{
display: inline-block
}
.accordion b{
transition:.5s;
}
.accordion.active .arrow {
transform: rotate(90deg);
}
@media (min-width: 767px) {
.main-nav-outer * {
text-align: center !important;
margin: auto !important;

}

}
@media (min-width: 991px) {
#navbarNav .navbar-nav {
position: relative;
}
}

@media (min-width: 767px) {
#toplogo{
margin: -40px  0px 20px 0px !important;

}
.w3-display-bottomright {
background-color: #fff;
top:125px;
right:400px;
bottom:auto;
}
}

@media (max-width: 767px) {
.w3-display-bottomright {
background-color: #000;
color:#fff;
top:50px;
right:0px;
bottom:auto;
}
h2,p {text-align: center; padding:0px 10px}
}


#id05 img {
max-width:1100px !important
}

.special a {
color:#fff;

}

.navbar-toggler {
margin-top:-18px !important    
}