/* gray version*/
/* add <link href="https://fonts.googleapis.com/css?family=Comfortaa|Josefin+Sans:300" rel="stylesheet"> to index.php */
html {
  scroll-behavior: smooth;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 /* services boxes */
.services-boxes{
width:30%;margin:7px 1%;
display:inline-block;
vertical-align:top;
border:1px solid #ccadac;
min-width:200px;
background: rgba(0, 0, 0, 0.3)
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
box-shadow: 0px 1px 11px #c55061;
}
.services-boxes:hover{
background: rgba(0, 0, 0, 0.2)
}
.services-boxes h3{margin-bottom:12px;margin-top:12px;font-size:150%}

.djslider-loader-default{box-shadow:0px 0px 40px #9d9d9d}
.no-shadow .djslider-loader-default{box-shadow:0px 0px 0}

blockquote{margin-left:1%;padding-left:1%;border-left:1px solid #c5707e}

body {
font-family: 'Montserrat', 'Helvetica', arial, serif;
font-size: 1.1em;
line-height: 28px;
color: #5e5e5e;
background-color:#fff;
}
h1, h2, h3, h4 {font-family: 'Raleway', 'Helvetica', arial, serif;color:#c5707e;}
h2 {font-size: 185%;line-height: 102%;}
h3{font-size: 185%;line-height: 100%;margin-bottom: -3px;margin-top: 52px;}
a {color: #98a597;text-decoration:none;}
a:hover {color:#718A6F;}
.readon{background-color: #8ea78c;color:#fff;border-bottom: 2px solid #6c886a;}
.readon:hover{background-color: #6c886a;color:#fff;border-bottom: 2px solid #536d51;}
.readonp{background-color:#db98a2;color:#fff;border-bottom: 2px solid #cf7e8a;border-radius: 3px;
  -webkit-border-radius:3px;-moz-border-radius: 3px;padding:10px 15px;}
.readonp:hover{background-color: #cf7e8a;color:#fff;border-bottom: 2px solid #b96773;}


#verytop {color:#bac7b9;font-size: 80%;text-transform: uppercase;text-align:right;}
#verytop a{}
#verytop a:hover{}
#verytop-a.width-95{width:100%;}


#header-surround{background-color:#fff;}
#header{background-color:#fff;padding:0px 4%;height:0px;}
#header-height{height:0px;}

.logo-bkg{width:100%;max-width:182px;margin-top:-30px;margin-left:-12px;position: relative;
z-index: 22;}

#drawer-holder{background-color:#fff;padding:16px 1% 14px;}
#drawer{padding:21px 4%;}

#showcase{}
#showcase a{}
#showcase-a.width-45{width:50%;margin: -18px 0 -25px;}
#showcase-b.width-45{width:50%;margin: -18px 0 -25px;}


#top{
background-image: url(../images/patterns/logo-bkg.png);
color: #000000;
background-color:#c5707e;
border-top: 1px solid #dde0e7;
border-bottom: 1px solid #dde0e7;
position: relative;
box-shadow:inset 0 7px 27px -7px rgba(0,0,0,0.2);
}
#top h2, #top h3, #top h4{color:#fff}
#top::after {color:#c5707e;text-shadow: 0px 2px 0 #c5707e;
    content: '\f0d7';
    font-family: FontAwesome;
    font-size: 2.9em;
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -15px;
}




#utility{color: #2C2C2C;background-color: #FFFFFF;}
#utility h2, #utility h3, #utility h4{color:#c5707e}
#utility a{color:#c5707e;}
#utility a:hover {color:#3E7EAB;}

#feature{color: #FFF;margin-top:0px;
background-image: url(../images/patterns/logo-bkg.png);
box-shadow:inset 0 7px 27px -7px rgba(0,0,0,0.2);
background-color:#8ea78c;}
#feature::after {color:#8ea78c;text-shadow: 0px 2px 0 #8ea78c;} /*dropdown triangle */
#feature h2, #feature h3, #feature h4{color:#fff}

#maintop{color: #424242;background-color: #f5f6f8;}
#maintop h2, #maintop h3, #maintop h4{color:#656565}
#maintop-a{text-align: left;}
#maintop-b{text-align: right;}

#expandedtop{background-color: #FFFFFF;color: #2C2C2C;}
#expandedtop h2, #expandedtop h3, #expandedtop h4{color:#656565}
#content-top{background-color:#fff;color: #6E6E6E;padding-bottom:40px;}
#content-top h2, #content-top h3, #content-top h4{color:#656565}
#content-top h3{font-size:150%;}
#mainbody{background-color:#fff;color: #2C2C2C;}
#sidebar-a{
background-color: #fff; /* or AFAFAF #78bf57 or #888888*/
}
#sidebar-b{background-color: #fff; /* #AFAFAF or #78bf57 or #888888*/
color: #5e5e5e;
font-size:80%;
}
#content-bottom{color: #6E6E6E;background-color: #FFFFFF;}
#content-bottom h2, #content-bottom h3, #content-bottom h4{color:#4D3A38}
#content-bottom-boxes {border-top: 1px solid #ccc;padding-top: 53px;}

#expandedbottom{
color: #fff;
background:linear-gradient(100deg, #c5707e, #8ea78c);
border-top: 1px solid #dde0e7;
box-shadow:0px 58px 78px #bac7b9;
}
#expandedbottom::after {color: #F5F6F8;text-shadow: 0px 2px 0 #120000;}
#expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color: #fff;}

.expandedbottom-image-glow{float:right;margin:7px 0 0 30px;width:36%;max-width:500px;box-shadow:0px 0px 40px #bac7b9;}


#mainbottom{background-color: #FFFFFF;color: #6E6E6E;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}

#extension{
background-image: url(../images/patterns/noise.png), linear-gradient(0deg, #a0bb70e0, #bac7b9);
color: #fff;
animation: bkg-animation 20s infinite;
-webkit-animation: bkg-animation 20s infinite; 
}
@-webkit-keyframes bkg-animation{ 
0% {background-position:top;}
100% {background-position:bottom;}
}
@keyframes bkg-animation{ 
0% {background-position:top;}
100% {background-position:bottom;}
}
#extension a{color:#f0cb6a}
#extension h2, #extension h3, #extension h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}


#fullwidth{color: #6E6E6E;background-color: #FFFFFF;margin-bottom:-10px;}
#fullwidth h2, #fullwidth h3, #fullwidth h4{color:#656565}
#bottom{
background-image: url(../images/patterns/noise.png);
background-color:#bac7b9;
color: #f1f1f1;
font-size:122%;
text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
#bottom h2, #bottom h3, #bottom h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#footer{
color: #fff;
background-color: #8ea78c;
padding-top:69px;
}
#footer a{color:#fff;text-decoration:none;}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#copyright{
color: #fff;
background-color:#8ea78c;
}
#copyright h2, #copyright h3, #copyright h4{color:#787878;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}
#copyright a{color:#fff;text-decoration:none;font-size:80%;}


/* Features - Layout Slideshow - Navigation */
.layout-slideshow .sprocket-features-arrows .arrow {position: absolute;display: block;width: 40px;height: 40px;top: 50%;margin-top: -12px;opacity: 0.7;cursor: pointer;z-index: 100;text-align: center;font-size: 24px;line-height: 38px;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;border-radius: 3px;}
.layout-slideshow .sprocket-features-arrows .arrow span {display: none;}
.layout-slideshow .sprocket-features-arrows .prev {left: 15px;}
.layout-slideshow .sprocket-features-arrows .next {right: 15px;}
.layout-slideshow .sprocket-features-arrows .arrow.next:before {content: '\f105';font-family: FontAwesome;}
.layout-slideshow .sprocket-features-arrows .arrow.prev:before {content: '\f104';font-family: FontAwesome;}
.arrows-onhover .sprocket-features-arrows .arrow {opacity: 0;}
.sprocket-features.arrows-onhover .sprocket-features-arrows .arrow {opacity: 0;}
.sprocket-features.arrows-onhover:hover .sprocket-features-arrows .arrow {opacity: 1;}
.layout-slideshow .sprocket-features-pagination {position: absolute;left: 50%;margin-left: -22px;bottom: 15px;z-index: 10;}
.layout-slideshow .sprocket-features-pagination li {display: inline-block;padding: 7px;margin: 0 3px;opacity: 0.8;border-radius: 1em;cursor: pointer;}

/* Custom */
.layout-slideshow .sprocket-features-content {color: #ffffff;background: rgba(0, 0, 0, 0.5);padding: 15px;}
.layout-slideshow .sprocket-features-arrows .arrow {color: #ffffff;background: rgba(0, 0, 0, 0.5);}
.layout-slideshow .sprocket-features-pagination li {background: rgba(0, 0, 0, 0.7);}
.layout-slideshow .sprocket-features-pagination li.active {background: #000000;}

.layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {
    box-shadow: none;
}

/*********** end adjust slider arrows */



/* full width slider */
#showcase-a.width-95{width:100%;}




.fp-round-image-bottom-first-image{display:inline-block;margin:1%;width:220px;vertical-align:top;}
.lnee p{margin:0 0 15px} 


/*Changes to menu*/
.mobilemenuck-bar-button{top:-26px;}
div#maximenuck197{float:none;text-align:right;}
div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > span.separator {
font-size: 16px;
font-weight: 500;
}
div#maximenuck197 ul.maximenuck{margin-top:0;}
div#maximenuck197 ul.maximenuck li.maximenuck.level1{margin-right:24px;}
div#maximenuck197 ul.maximenuck li.maximenuck.last.level1{margin-right:0px;}
div#maximenuck197 .maxiFancybackground{height:1px;top:23px;background-color:transparent;border-top:2px solid #bac7b9;}


/*Menu text color*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck197 ul.maximenuck li.maximenuck.level1 > span.separator{
text-shadow:none;
text-transform:uppercase;
font-size:16px;

}
/*Active menu item color*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > span.separator {
color: #db98a2;}

/* submenu */
div#maximenuck197 ul.maximenuck li.level1.parent > a:after, div#maximenuck197 ul.maximenuck li.level1.parent > span.separator:after{
right:-7px;} /*dropdown arrow position*/
div#maximenuck197 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck197 ul.maximenuck2 li.maximenuck{
padding-bottom:8px;}

/* submenu background and border */
div#maximenuck197 div.floatck{ 
border:1px; 
border-color:#fff;
background:#fff;
margin-top:24px;
padding-left:6px;
padding-top:8px;
}


/* submenu  link color */
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{
color:#666;} 

/* Changes menu hover color */
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a,  div#maximenuck197 ul.maximenuck2 li:hover > h2 a, div#maximenuck197 ul.maximenuck2 li:hover > h3 a{
color:#ccc;text-transform:uppercase;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck197 ul.maximenuck2 li:hover > a{
color:#000;}

/* sets dropdown arrow color */
div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > span.separator:after{
    border-color:#666 transparent transparent transparent; }
    

    



.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}
.show767{display:none;}
.show524{display:none;}

@media only screen and (max-width: 1200px) {
.show-over-1200{display:none;}
.show1200{display:block;}
.fp-round-image-bottom-first-image{display:none;}
}

@media only screen and (max-width: 960px) {
.show960{display:block;}
.hide960{display:none;}
}

@media only screen and (max-width: 767px) {
.show767{display:block;}
.hide767{display:none;}
#header-height {height:45px;}
#verytop {text-align:center;}
.logo-bkg{width:100%;max-width:182px;margin:13px auto 0;}

}

@media only screen and (max-width: 524px) {
.show524{display:block;}
.hide524{display:none;}
#showcase-a{width:90%;display:block;margin:0 auto;}
#showcase-a.width-45{width:100%;margin:10px 0;}
#showcase-b, #showcase-c {width:90%;display:block;margin:104px auto 0;}
#showcase-b.width-45{width:100%;margin:24px 0 -25px}
#maximenuck197 .maximenumobiletogglericonck{
margin-bottom:12px;}
.mobilemenuck-bar-button {top: -49px;}
}

@media (max-width: 480px) {
.logo-bkg{max-width:142px;margin:6px auto 0;}
#header-height {height: 73px;}
}