/* remove rounded corners from black text boxes */
.panel {-moz-border-radius:0; border-radius:0; }

.nowrap { white-space: nowrap; }

.relative { position: relative !important; }

/* inquiry form */
.page79 #com_contact_form {padding:22px 0;}

/* ---- FOOTER STUFF ---- */


.side-nav ul { padding-bottom:6px; }

/* logo in footer */
.HWS-footer-logo{ max-width:150px !important;clear:both;margin:12px auto;}

footer .footer-map {font-size:.9em !important; border-bottom:2px solid #EDEDED; padding-bottom:8px;}

footer .footer-map p {margin:0; padding:0 0 5px 0}

/*hide the HOME tab from the footer links */
#footer-map1 {display:none;}

/* affiliate logos in footer */
#footer-block .col-sm-9 img {margin:6px 0;}

/* style for the footer link lists */
.footer-list1, .footer-list1 li {list-style:none; margin:0; padding:2px 0;}

.footer-list1 { line-height:110%; }

/* container class for each box in the footer, used to set padding */
.footer-box2 {padding:2px .5% 8px .5%;margin:0;}

.footer-text2 {text-align:center;}
#features2 li {position:relative;}

#features2 .thumb {width:100%; /*height:160px;*/ overflow:hidden; text-align:center;
/* border:15px solid white; background:white; box-shadow:0px 0px 2px #000; -moz-box-shadow:0px 0px 2px #000;*/}


#features2 .thumb img {width:100% !important; max-width:100% !important; height:auto;}

/* #features2 .thumb img {width:auto !important; max-width:200% !important; height:160px;} */

#features a, #features2 a {text-decoration:none !important;display:block; position:relative;}
#features a .learn-more { z-index:99; display:none; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; color:#FFF; background:black; background:rgba(0,0,0,0.68); border-radius:14px; -moz-border-radius:14px; padding:2px 8px; text-align:center; position:absolute; top:50px;left:50%; margin-left:-52px; width:auto;}

#features2 a .learn-more  { z-index:99; display:none; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; color:#FFF; background:black; background:rgba(0,0,0,0.68); border-radius:14px; -moz-border-radius:14px; padding:2px 8px; text-align:center; position:absolute; top:110px;left:50%; margin-left:-52px; width:auto;}


#features a:hover .learn-more, #features2 a:hover .learn-more { display:block; }

#features2 h3 {font-size:1.2em; color:#111; text-align:center;font-weight:700;}
#features2 p {font-size:.9em; color:#111;}
#features2 h1 span, #features2 h1 {text-align:center; font-size:87px; }
/*-- set default styles for various elements --*/
img { max-width: 100% !important; }

hr { clear: none; border:none; border-top:2px solid #EDEDED; margin:18px 0; }

table { width: auto !important; }

#content { padding:30px 0 15px; }

/* --- HEADER CLOCKS --- */

#header-clocks { width:300px; position:absolute; right:2%; top:10px; }

#header-clocks div {width:150px; text-align:center; float:right;}

#header-clocks p, #header-clocks a {color:#0081B8; margin:0;}

#header-clocks a.contact-link1 {padding:89px 0 0 0;display:block;}



/*dropshadow stuff in header */
.navbar-toggle {-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.15);box-shadow:1px 1px 3px rgba(0,0,0,0.15);background:#EEEEFF; border:1px solid #666 !important; top:-55px;}

.navbar {z-index:100;}

/* #sidebar-title, #sidebar .side-nav { display: none; } */

#sidebar {}


#banners1 { padding-bottom: 0; padding-top: 5px; }

#banners1 a { display: inline-block; width: 100%; padding:5px 0; text-align:center; }

#banners1 img {margin:0 auto;}
#banners1 a:first-child { padding-left: 0 !important; }

#banners1 a:last-child { padding-right: 0 !important; }

#banners1 a:hover, #banners1 a:active { -moz-opacity: 0.87; -khtml-opacity: 0.87; opacity: 0.87; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=87); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
}

.sy-pager li a { background-color: #ccc; }

#features .sm-grid-2 {margin-right:0 !important; margin-left:0 !important;}

#features { margin:0 auto; padding: 18px 15px 0 15px; box-sizing: border-box; }

#features li { padding-right: 15px; min-height:170px;}

#features2 {padding-top:24px;}
#features2 .panel { margin-bottom:0;  }

#features li>a {opacity: 1.0 !important;
filter: alpha(opacity =100) !important; }

#features li>a { height:170px; overflow:hidden;;position:relative; }

#features li>a:hover, #features li>a:active  {  opacity: 0.80;
filter: alpha(opacity =80); }

/* #features li.current>a {  opacity: 1.0;
filter: alpha(opacity =100); } */

#features .thumb { height: 140px; position:absolute; z-index:0; top:0; left:0; margin-bottom:30px;  }

#features .thumb img { height:140px; max-width:200% !important; width: auto !important;min-width:100%;  }


#features a .thumb {opacity: 1.0;
filter: alpha(opacity =100);} 

#features a:hover .thumb, #features a:active .thumb {opacity: .80;
filter: alpha(opacity =80);} 

#features .panel {background-color:black;background-color:rgba(0,0,0,0.7);position:absolute; bottom:0; left:0; width:100%;z-index:2;padding:10px 0 0 0;height:auto;}
#features .panel h3 {font-weight:700; font-size:16px;color:#FFF !important; text-align:center; line-height:1; padding:0; margin:0; text-shadow:1px 1px 1px rgba(0,0,0,0.4); }

/*#features #feature1 a {border-right:8px solid #fa6282;border-top:8px solid #fa6282; border-left:8px solid #fa6282;}*/
#features #feature1 .panel {background:#fa6282; }

/*#features #feature2 a {border-right:8px solid #f9ce03; border-top:8px solid #f9ce03; border-left:8px solid #f9ce03;}*/
#features #feature2 .panel {background:#f9ce03; }

/*#features #feature3 a {border-right:8px solid #9bb24d; border-left:8px solid #9bb24d; border-top:8px solid #9bb24d;}*/
#features #feature3 .panel {background:#9bb24d; }
/*
#features #feature4 a {border-right:8px solid #5b5ff9; border-top:8px solid #5b5ff9;border-left:8px solid #5b5ff9;}*/
#features #feature4 .panel {background:rgb(138,246,249) ; }

#footer { padding:0; }

#footer-block { font-size: 1.1em; padding: 20px 15px 15px 15px; /*background: url('/content/library/websitemountainsunrise.jpg') no-repeat center bottom; background-size: cover;*/ min-height: 550px; border:15px solid #FFF;  }

p, h1, h2, h3, h4, h5 { margin: 0; padding: 5px 0; }

h1 {padding:0 0 8px;}

#footerlinks1 a { text-transform: uppercase; font-weight:600; }

#footer-block #affiliates { padding-top: 15px; padding-bottom: 20px;min-height:100px; }

#footer-block #affiliates a { display: inline-block; width: auto !important; height: 50px !important; max-width: 200% !important; margin: 5px; }

#footer-block .purple-box { padding: 10px; background-color: #8D7BB2; background-color: rgba(140,123,178,0.7); }

#footer-block #bottom a { text-decoration: underline; }

#footer-block .green-box { padding: 10px; background-color: #8D7BB2; background-color: rgba(69,107,51,0.7); }

#footer-block #bottom, #footer-block .blue-box { padding: 10px; background-color: #474EAF; background-color: rgba(71,78,175,0.7); }

/* PAGE BACKGROUND STYLES */
.bg-aqua, .bg2-aqua { background: #8AF6F9 !important; }

.bg-pink, .bg2-pink{ background: #E4576A !important; }

.bg-orange, .bg2-orange{ background: #FFC938 !important; }

.bg-green, .bg2-green{ background: #9bb24d !important; }

.bg-blue, .bg2-blue{ background: #5b5ff9 !important; }

.bg-purple, .bg2-purple{ background: #9F45B0 !important; }

.bg-lime, .bg2-lime{ background: #D8FE98 !important; }

.bg-red, .bg2-red{ background: #fa6282 !important; }

.bg-yellow, .bg2-yellow{ background: #f9ce03 !important; }

#page-content p, #page-content li { font-size: 1.1em; }


#page-content {padding-bottom:20px !important;}


#navigation1 {display:none;}

#navigation2 {display:block;}





/* ------------ AT LEAST 768px WIDE ------------ */

@media screen and (min-width: 768px) {

#navigation1 {display:block;}

#navigation2 {display:none;}

.HWS-footer-logo{ margin:12px 0; }

footer #footer-block .col-sm-9 {border-right:2px solid #EEDED; }
.footer-list1 { min-height:200px;}
.footer-box2 {padding:2px .5%;}
.footer-text2 {text-align:right; font-size:.9em;}
.footer-text2 .btn {margin:10px 0;}


/* LINK BOXES --- RELATED PAGES----- */

#features2 {padding:50px 15px 0 15px;}

#features2 li {}

#features2 .lg-grid-3 > li { padding: 40px 1% 40px 1%;}


#features2 .thumb {width:100%; /*height:140px;*/ overflow:hidden; text-align:center;}
/* #features2 .thumb img {width:auto !important; max-width:100% !important; height:140px;}*/


#logo { width: 45%; margin:20px 0 0 30px; }

header { background-size: cover !important; background-position: center -120px !important; padding: 0; height: 180px; }

#bg1 header { background: #FFF; }

#nav { background: #FFF; position: absolute; z-index: 99; left: 0; bottom: 0; width: 100%; padding-top: 0; margin-bottom: 0; min-height: 42px; -moz-border-radius: 0; border-radius: 0; }

#nav .navbar-nav>li { font-size: .8em; }

.nav>li>a { padding: 10px 15px; -moz-border-radius: 0; border-radius: 0; }

#toptab1, #toptab2, #toptab3, #toptab4, #toptab5 { text-transform: uppercase; white-space: nowrap !important; }

#nav2 { padding: 8px 15px 0 15px; }

#nav2 a {font-size:.85em; font-weight: 700 !important; padding-top: 10px; padding-bottom: 10px; }

#nav2 .narrow a { padding-left: 6px; padding-right: 6px; }

#nav2 #toptab6 a { margin-left: 20px; }

#nav2 li.active a { -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.15); box-shadow: inset 1px 1px 3px rgba(0,0,0,0.15); }


#header-search { padding:0; margin-right:20px; width: 150px; }

#header-search input.search-field {width:101px !important;}

#features li { padding: 0 10px; box-sizing: border-box; }

#features li:first-child { padding-left: 0 !important; }

#features li:last-child { padding-right: 0 !important; }

#wrapper { margin: 0 auto -550px }

footer, #push { height: 550px; }

/* -------------- COLOR THEME STYLES ---------------- */
.bg-aqua { background: #8AF6F9 url('../img/bg-aqua.jpg') no-repeat center top !important; background-size: cover !important; }

.bg-pink { background: #E4576A url('../img/bg-pink.jpg') no-repeat center top !important; background-size: cover !important; }

.bg-orange { background: #FFC938 url('../img/bg-orange.jpg') no-repeat center top !important; background-size: cover !important; }

.bg-green { background: #9bb24d url('../img/bg-green.jpg') no-repeat center top !important; background-size: cover !important; }

.bg-blue { background: #5b5ff9 url('../img/bg-blue.jpg') no-repeat center top !important; background-size: cover !important; }

.bg-purple { background: #9F45B0 url('../img/bg-purple.jpg') no-repeat center top !important; background-size: cover !important; }

.bg-lime { background: #D8FE98 url('../img/bg-lime.jpg') no-repeat center top !important; background-size: cover !important; }

.bg-red { background:  #fa6282 url('../img/bg-red.jpg') no-repeat center top !important; background-size: cover !important; }

.bg-yellow { background: #f9ce03 url('../img/bg-yellow.jpg') no-repeat center top !important; background-size: cover !important; }


.bg2-aqua { background: #8AF6F9 url('../img/bg-aqua.jpg') no-repeat center top !important; background-size: cover !important; }

.bg2-pink { background: #E4576A url('../img/bg-pink.jpg') no-repeat center top !important; background-size: cover !important; }

.bg2-orange { background: #FFC938 url('../img/bg-orange.jpg') no-repeat center top !important; background-size: cover !important; }

.bg2-green { background: #9bb24d url('../img/bg-green.jpg') no-repeat center top !important; background-size: cover !important; }

.bg2-blue { background: #5b5ff9 url('../img/bg-blue.jpg') no-repeat center top !important; background-size: cover !important; }

.bg2-purple { background: #9F45B0 url('../img/bg-purple.jpg') no-repeat center top !important; background-size: cover !important; }

.bg2-lime { background: #D8FE98 url('../img/bg-lime.jpg') no-repeat center top !important; background-size: cover !important; }

.bg2-red { background: #fa6282 url('../img/bg-red.jpg') no-repeat center top !important; background-size: cover !important; }

.bg2-yellow { background: #f9ce03 url('../img/bg-yellow.jpg') no-repeat center top !important; background-size: cover !important; }



.bg-aqua .nav-pills>li.active>a { background: #8AF6F9 url('../img/bg-aqua.jpg') no-repeat center -80px !important; }

.bg-pink .nav-pills>li.active>a { background: #E4576A url('../img/bg-pink.jpg') no-repeat right -80px !important; color: #FFF !important; }

.bg-red .nav-pills>li.active>a { background: #AD1D30 url('../img/bg-red.jpg') no-repeat right -80px !important; color: #FFF !important; }

.bg-orange .nav-pills>li.active>a { background: #FFC938 url('../img/bg-orange.jpg') no-repeat left -80px !important; }

.bg-green .nav-pills>li.active>a { background: #A2B542 url('../img/bg-green.jpg') no-repeat center -80px !important; color: #FFF !important; }

.bg-blue .nav-pills>li.active>a { background: #64A5EF url('../img/bg-blue.jpg') no-repeat left -80px !important; color: #FFF !important; }

.bg-lime .nav-pills>li.active>a { background: #D8FE98 url('../img/bg-lime.jpg') no-repeat right -80px !important; }

.bg-yellow .nav-pills>li.active>a { background: #FFC938 url('../img/bg-yellow.jpg') no-repeat center -80px !important; }

.bg-purple .nav-pills>li.active>a { background: #A2B542 url('../img/bg-purple.jpg') no-repeat left -80px !important; color: #FFF !important; }

.colorbox { padding: 15px; margin-bottom: 5px; }

.bg-aqua .colorbox { background: #8AF6F9 !important; }

.bg-pink .colorbox { background: #E4576A !important; color: #FFF !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }

.bg-red .colorbox { background: #AD1D30 !important; color: #FFF !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }

.bg-orange .colorbox { background: #FFC938 !important; }

.bg-green .colorbox { background: #A2B542 !important; color: #FFF !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }

.bg-blue .colorbox { background: #64A5EF !important; color: #FFF !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }

.bg-lime .colorbox { background: #D8FE98 !important; }

.bg-yellow .colorbox { background: #FFC938 !important; }

.bg-purple .colorbox { background: #A2B542 !important; color: #FFF !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }


#banners1 a { display: inline-block; width: 25%; padding: 0.5%; }


}

/* ------------ AT LEAST 940px WIDE ------------ */
@media screen and (min-width: 940px) {

header { background-position: center -120px !important; height:180px; }

.nav>li>a { padding: 10px 22px; }

#header-search { padding-top: 0; width: 180px; }

#header-search input.search-field {width:131px !important;}

#nav .navbar-nav>li { font-size: .9em; }

#nav2 { padding: 12px 15px 0 15px; }

#nav2 a {font-size:1em; font-weight: 700 !important; padding-top: 8px; padding-bottom: 8px; }

#nav2 #toptab6 a { margin-left: 36px; }

#bg1 #content, #bg1 .header-wrapper, #bg1 header, #bg1 footer, #bg1 #footer-block {max-width:100% !important; }

#bg1 #logo {max-width:420px;}

h1, p , h2 , h3, h4, h5, h6 {max-width:800px;}

#features .thumb{height:135px;}
#features .thumb img { height:auto;  width: 100% !important; min-height:135px; }


#features2 .thumb {width:100%; /*height:212px;*/ overflow:hidden; text-align:center; }
/* #features2 .thumb img {width:auto !important; max-width:100% !important; height:180px;} */


}

/* ------------ AT LEAST 1200px WIDE ------------ */
@media screen and (min-width: 1200px) {

.nav>li>a { font-size:1em; padding: 10px 20px; }



}

/* ------------ AT MOST 767px WIDE ------------ */
@media screen and (max-width: 767px) {

#logo {margin:0; text-align:left; }

#footerlinks1 a {font-size:1.2em; line-height:200%;}

header { height:138px; background:#FFF; }

#footer-block .row, #footer-block #emailsignup1 { margin: 15px 0; }

#nav2 { display: none; }


}

/* ------------ AT MOST 670px WIDE ------------ */
@media screen and (max-width: 670px) {
#logo {width:65%;}
header {height:190px; position:relative; }
#header-search {top:-11px;width:45%;}
#header-clocks {top:85px;width:200px;}
.navbar {margin-top:50px;}
.navbar-toggle {top:-110px;}
.navbar .container-fluid, .navbar-collapse { z-index:11 !important; }
.contact-link1 {display:none !important;}
}

/* ------------ AT MOST 500px WIDE ------------ */
@media screen and (max-width: 500px) {

#banners1 {padding-top:30px;}
#features li>a {
    height: 150px;
    }
#features .thumb img {
    height: 120px;
    max-width: 200% !important;
    width: auto !important;
    min-width: 100%;
}

#features .thumb {
    height: 120px !important;
}
}