*{ outline:none !important;}


body{
	margin:0;
	font-family: 'Roboto', sans-serif;
	background:#ffffff;overflow-x:hidden;overflow-y: scroll !important;
}
body a{

}

.clearfix:before,
.clearfix:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after {
  content: " ";
  display: table;
}
.clearfix:after,
.navbar:after,
.navbar-header:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* general styles */
a,
button {
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  transition: all 0s ease-out;
}
a i.fa,
button i.fa {
  margin: 0 5px 0 0;
}
.clickable {
  cursor: pointer !important;
}
.required {
  color: #38a7bb;
}
.accent {
  color: #38a7bb;
}
.text-uppercase {
  text-transform: uppercase;
  letter-spacing: normal;
}
p.lead {
  margin-bottom: 40px;
}
section,
div.section {
  margin-bottom: 0px;
}
.no-mb {
  margin-bottom: 0 !important;
}
.mb-small {
  margin-bottom: 20px !important;
}
.heading {
  margin-bottom: 40px;
}
.heading h1,
.heading h2,
.heading h3,
.heading h4,
.heading h5 {
  display: inline-block;
  border-bottom: solid 5px #38a7bb;
  line-height: 1.1;
  margin-bottom: 0;
  padding-bottom: 10px;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing:normal;
}
.heading h1 i.fa,
.heading h2 i.fa,
.heading h3 i.fa,
.heading h4 i.fa,
.heading h5 i.fa {
  display: inline-block;
  background: #38a7bb;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 30px;
  border-radius: 15px;
}
.icon2 {
  display: inline-block;
  width: 80px;
  height: 80px;
  color: #fff;
  line-height: 80px;
  border-radius: 40px;
  border: solid 1px #fff;
  font-size: 20px;
}
.icon.icon-lg {
  font-size: 30px;
  border-width: 2px;
}
.ul-icons {
  padding-left: 10px;
}
.ul-icons li {
  list-style-type: none;
  line-height: 20px;
  margin-bottom: 20px;
}
.ul-icons li i {
  width: 20px;
  height: 20px;
  background: #38a7bb;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  line-height: 20px;
  margin-right: 10px;
}
ul.list-style-none {
  list-style: none;
}
#text-page h1,
#text-page h2,
#text-page h3 {
  font-weight: 700;
}
#error-page {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 100px;
}
#error-page h4 {
  margin-bottom: 40px;
}
#error-page p.buttons {
  margin-top: 40px;
}
.pages-listing .item {
  text-align: center;
}
.pages-listing .item h3 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
  letter-spacing:normal;
}
.pages-listing .item h3 a {
  color: #555555;
}
.pages-listing .item .text {
  margin-bottom: 20px;
}
.pages-listing .item .text p {
  color: #999999;
  font-size: 12px;
  margin-bottom: 20px;
}
.banner {
  margin-bottom: 30px;
  text-align: center;
}
.banner img {
  margin: 0 auto;
}
.banner a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.pages {
  text-align: center;
}
.pages .loadMore {
  text-align: center;
}
.pages .pagination {
  text-align: center;
}
.features-buttons button {
  margin-bottom: 20px;
}














h3,
h6,
.h2,
.h3,
.h6 {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1em; margin-bottom:0px;
  color: #222222; font-size:1.6em; text-shadow:0px 1px 1px #ffffff;
}

h2{
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.1em; margin-bottom:0px;
  color: #1b1b1b; font-size:1.55em; text-shadow:0px 1px 1px #ffffff;
}

h4, h5 {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.1em; margin-bottom:0px;
  color: #1b1b1b; font-size:1.5em; text-shadow:0px 1px 1px #ffffff;
}

h2 span {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: .8em;
  color: #cc0000; font-size:.6em !important;
}






.btn-groups{font-size:.85em; font-family:'Roboto', Helvetica, sans-serif; font-weight:400; text-transform:uppercase; color: #ffffff; margin:0px 0 0px 0; padding:1px 1% 3px 1%;text-align:right;text-shadow:0px 1px 1px #333333;}

.btn-groups button{background: none; font-family:'Roboto', Helvetica, sans-serif; border: none;color: #ffffff; font-weight:300;text-shadow:0px 1px 1px #333333;border:0px solid #666666;}


/* breadcrumbs */
.breadcrumb {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size:1em; line-height:1em; font-weight:400; margin:0; padding:3px 0 0 0;
  color: #ffffff; text-shadow:0px 1px 1px #333333;
}

.breadcrumb > li + li:before {
  content: "\25b6"; font-size:.7em; float:left; padding-top:0px;
  color: #ffffff;text-shadow:0px 1px 1px #333333;
}
.breadcrumb > li > a {
  color: #FFFF66 !important;text-shadow:0px 1px 1px #333333;
}

.breadcrumb a:hover { text-decoration: underline;
}

.decrease-me{ padding:0 2px 0 2px; font-size:.7em;  }
.increase-me{ padding:0 2px 0 2px; font-size:.7em; }



.maindept{ margin:25px 0 0px 0px; padding:0;
}

.maindept li{ list-style:none; font-family:'roboto', Helvetica, sans-serif; font-weight:500; color: #222222; text-shadow:0px 1px 1px #ffffff; margin:0px 0px 30px 0;padding:0 0 0px 0; font-size:1.3em; line-height:1.1em; text-align: left;
}






.tabs2 {background-color:rgba(0,0,0,0.6); margin-top:0em; float:left;}

.tabs242342 { width:100% !important; margin:0px 0 0 0; background-color:rgba(0,0,0,0); border-bottom:1px solid #eeeeee;}


.contact-info{background-color:#ffffff;height:40vh; padding-top:0px; border-right:4px solid #e8e8e8;}
.contact-info2{background-color:#ffffff;height:44vh; padding-top:0px;}
.contact-info3{background-color:#ffffff;height:47vh; padding-top:0px;}






h1.w3ls-title.w3ls-title1 {
 color: #ffffff; text-shadow:0px 1px 1px #222222; margin:25px 0 10px 0px; padding-top:0px; font-family:'roboto', Helvetica, sans-serif; font-size:4.4em !important; line-height:1em; font-weight:400;text-transform:; text-align: center !important; background:none; }



.social-icons{ margin:0px 0 0 0px; padding:0;
}
  
.social-icons ul{margin:0; padding:0 0 20px 0 !important;text-align: center !important;
}

.social-icons ul li {
    display:inline !important; font-family:'roboto', Helvetica, sans-serif; font-weight:400; color: #ffffff; text-shadow:0px 1px 1px #444444; margin: 0 20px 5px 0; padding:0 0px 0px 0px; font-size:1.4em; line-height:1.2em; 
}
.social-icons ul li:last-child{margin:0 0px 0px 0 !important; 
}

.social-icons ul li p{ line-height:1.05em; font-size:1.1em;  color: #1b1b1b; text-shadow:0px 1px 1px #ffffff; margin-bottom:0px;
}

.social-icons h5 {
    display:block; font-family:'roboto', Helvetica, sans-serif; font-weight:400; color: #1b1b1b; text-shadow:0px 1px 1px #ffffff;margin:0 0px 0 0;padding:0 0 0px 0; font-size:1.4em; line-height:1.2em; width:100% !important; text-align:left;
}

.social-icons h4 {
    display:block; font-family:'Work Sans', Helvetica, sans-serif; font-weight:300; color: #1b1b1b; text-shadow:0px 1px 1px #fffffff;margin:0 0px 0px 0;padding:0 0 0px 0px; font-size:1.8em; line-height:1em; width:100% !important; text-align: center;
}

.social-icons ul li strong{
    display:block; font-family:'roboto', Helvetica, sans-serif; font-weight:400; color: #333333; text-shadow:0px 1px 1px #ffffff;margin:0 0px 0 0;padding:0 0 3px 0; font-size:1.4em; line-height:1em; width:100% !important; text-align:center !important;
}

.social-icons ul li a{
    color: #ffffff !important;text-shadow:0px 1px 1px #1b1b1b;font-weight:400;
}  
.social-icons ul li a:hover{ text-decoration:underline;
}  


.green{ color:#1b9b5d;}
.blue{ color:#0273c7;}
.dkorange{color: #d24726;}
.purple{color:#81397b;}
.dkblue{color:#2b5699;}
.dkred{color: #a43639;}
.dkpurple{color:#5458af;}
.dkyellow{color: #FFBA1A;}


/*   background-size:cover; background-color: #006dc4;   */
 .products{width:100%; height:250px;background-color: #006dc4;
 background-image:url(../img/tumblr_o0lmsovZxo1u93ezoo1_1280.png); background-repeat:no-repeat; background-size:cover;}


ul.nav-pills { width:100%; margin:10px 0px 0 0; padding:0 5% 0 5%;}

.nav-pills li{margin:0px 0 0px 0 !important; padding:10px 0 5px 0 !important; text-shadow:0px 1px 1px #ffffff; }



.nav-pills li:first-child{border-left:0px solid #cccccc;}

.nav-pills li:last-child{border-right:0px solid rgba(255,255,255,0.4);}


.nav-pills > li > a { font-family:'roboto', Helvetica, sans-serif; color:#555555 !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:1.1em !important; line-height:1.7em; font-weight:300 !important;text-align:center;}

.nav-pills > li > a i{ font-size:2.5em; padding-bottom:2px;}


.nav-pills > li > a:hover { font-family:'roboto', Helvetica, sans-serif; color:#555555 !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:1.1em !important; line-height:1.7em; font-weight:300 !important;text-align:center;
}


.nav-pills > li a:focus{
color:#222222 !important; text-shadow:0px 1px 1px #ffffff !important;
}

.nav-pills > li:active > a:hover {
color:#222222 !important; text-shadow:0px 1px 1px #ffffff !important; 
}


.nav-pils > li.active > a:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 6px solid #1b1b1b;
  border-left: 10px solid rgba(0,0,0,0);
  border-right: 10px solid rgba(0,0,0,0);
  left: 44.5%;
  bottom:-6px;
  transition:none !important;
  -webkit-transition: none !important;
  -o-transition:none !important;
  -moz-transition:none !important;
  -ms-transition:none !important; border:none  !important;

}








        #eventlist {width:100% !important; margin:-2px 0px 0px 0; padding:0px 0px 0px 0px; border:none;overflow: hidden;}


        #eventlist li {width:100% !important; display:inline; padding:0px 0px 3px 0px; margin:0 0 3px 0;font-family:'roboto', Helvetica, sans-serif; border:none;border-bottom:1px dashed rgba(255,255,255,0.4); position:inherit; float:left;color: rgba(255,255,255,0.85);}

        #eventlist li:first-child { line-height:.95em; margin-top:1px;}

        #eventlist li:last-child {border-bottom:0px dashed #999999; }

	
		.eventtitle{ width:80%; font-family:'roboto', Helvetica, sans-serif; text-align:left !important; margin:0; padding:0px 5px 0 0;
			overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; float:left !important;
		}				
		
	.cal{ display:inline !important; width:24px;font-family:'roboto', Helvetica, sans-serif;float:left; color:#ffffff;border-right:1px solid #ffffff;padding:0px 1px 0px 0px;font-size:1em;margin:0px 2px 0px 0px;font-weight:300;text-align: center; font-size:.8em; line-height:1.1em; font-weight:400; text-transform: uppercase; letter-spacing:0.03em;}
	

.cal_num{font-family:'oswald', Helvetica, sans-serif;font-size:1.3em;line-height:1em;font-weight:700; color:#ffffff; margin:0px 0 0 0; padding:0 0 0px 0;}

		.dat{ font-family:'roboto', Helvetica, sans-serif;text-align:left !important; font-size:.85em; line-height:1.1em;font-weight:400; }


		.summary{font-family:'roboto', Helvetica, sans-serif; margin:0px !important;text-align: left !important;}


        .location {font-family:'roboto', Helvetica, sans-serif; margin:1px 0px 0px 0px;padding:0px; }		
		
        .location2 {width:100% !important; font-family:'roboto', Helvetica, sans-serif; font-size:.7em; margin:3px 0px 0px 0px; padding:0px; color: #ffffff; line-height:1.2em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%; display:none;}


        .description { font-family:'roboto', Helvetica, sans-serif; width:100%; font-size:.95em; line-height:1em;}


        #eventlist li a{font-family:'roboto', Helvetica, sans-serif;color: #FFFF66 !important;  margin-left:-2px; font-size:.9em;}
#eventlist li a:before{content:'';
}

        #eventlist li a:hover{ text-decoration: underline;  }		









        #eventlist4 {width:100% !important; margin:-2px 0px 0px 0; padding:0px 0px 0px 0px; border:none;overflow: hidden;}


        #eventlist4 li {width:100% !important; display:inline; padding:0px 0px 4px 0px; margin:0 0 4px 0;color: rgba(255,255,255,0.85);font-family:'roboto', Helvetica, sans-serif; border:none; border-bottom:1px dashed rgba(255,255,255,0.4); position:inherit; float:left;}

        #eventlist4 li:first-child { line-height:.95em;}

        #eventlist4 li:last-child {border-bottom:0px dashed #999999; }

	
		.eventtitle4{width:30% !important; font-family:'roboto', Helvetica, sans-serif; text-align:left !important; margin:0; padding:0px 0 0 0;font-size:.95em;}				
		
	.cal4{ width:24px; display:inline !important;font-family:'roboto', Helvetica, sans-serif;float:left; background-color:rgba(255,76,59,0);color:rgba(255,255,255,0.85);border-right:1px solid rgba(255,255,255,0.4);padding:0px 1px 0px 0px;font-size:1em;margin:0px 2px 0px 0px;font-weight:300;text-align: center; font-size:.8em; line-height:1.1em; font-weight:400; text-transform: uppercase; letter-spacing:0.03em;}
	

.cal_num4{font-family:'oswald', Helvetica, sans-serif;font-size:1.35em;line-height:1em;font-weight:700; color:rgba(255,255,255,0.85); margin:0px 0 0 0; padding:0 0 0px 0;}

		.dat4{ font-family:'roboto', Helvetica, sans-serif;text-align:left !important; font-size:.85em; line-height:1.1em;font-weight:400; }


		.summary4{width:72.5% !important;font-family:'roboto', Helvetica, sans-serif; margin:-13px 0px 0px 70px !important;text-align: left !important; font-size:.9em;		
					overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


        .location {font-family:'roboto', Helvetica, sans-serif; margin:1px 0px 0px 0px;padding:0px; }		
		
        .location4 {width:100% !important; font-family:'roboto', Helvetica, sans-serif; font-size:.7em; margin:3px 0px 0px 0px; padding:0px; color: #ffffff; line-height:1.2em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%; display:none;}


        .description4 { font-family:'roboto', Helvetica, sans-serif; width:100%; font-size:.95em; line-height:1em;}


        #eventlist4 li a{font-family:'roboto', Helvetica, sans-serif;color: #FFFF66 !important;  margin-left:-2px; font-size:.9em;}
#eventlist4 li a:before{content:'';
}

        #eventlist4 li a:hover{ text-decoration: underline;  }		




/*
        #eventlist4 {margin:0 6.5% 0 6.5% !important;padding:0px !important; overflow: hidden; background-color:rgba(122,122,122,0);height:100px; position: absolute;
}


        #eventlist4 li {width:25% !important; display:inline; padding:0px 3px 0px 3px; margin:0 0 0px 0;color: #1b1b1b;font-family:'roboto', Helvetica, sans-serif; border-right:1px dashed #666666; float: left !important;background-color: #f8f8f8; height:100%; 			
}

#eventlissssssst4 li:first-child { background: none;width:17% !important;border-right:0px dashed #ffffff;background-color:rgba(0,0,0,0); }


#eventlist4 li:last-child { margin-right:0px;border-right:0px dashed #ffffff; }
	
		.eventtitle4{font-family:'roboto', Helvetica, sans-serif; text-align:left !important; margin:0; padding:0px 5px 0 5px;display:inline; }				
		
	.cal4{ display:inline !important;font-family:'roboto', Helvetica, sans-serif;float:left; background-color:rgba(255,255,255,0);color: #659CEF; padding:0px 3px 0px 3px;font-size:1em;margin:0px 2px 0px 0px;font-weight:700 !important; text-align: center; font-size:1em; line-height:1.1em; font-weight:400; text-transform: uppercase; letter-spacing:0.03em; border:0px solid #cc0000;text-shadow:0px 1px 1px #ffffff; }
	

.cal_num4{font-family:'oswald', Helvetica, sans-serif;font-size:1.6em;line-height:.8em;font-weight:700; color: #659CEF; margin:0px 0 0 0; padding:0 0 3px 0;text-shadow:0px 1px 1px #ffffff;}

		.dat4{ font-family:'roboto', Helvetica, sans-serif;text-align:left !important; font-size:.9em; line-height:.9em;font-weight:400;margin:-18px 0px 0px 0px; padding:0px;}


		.summary4{width:100% !important;font-family: 'roboto', Helvetica, sans-serif; margin:-20px 0px 0px 0px; padding:0px;text-align: left !important; font-size:.9em; line-height:1em; font-weight:500; }


        .location {font-family:'roboto', Helvetica, sans-serif; margin:1px 0px 0px 0px; padding:0px; }		
		
        .location4 {width:100% !important; font-family:'roboto', Helvetica, sans-serif; font-size:.7em; margin:3px 0px 0px 0px; padding:0px; color: #ffffff; line-height:1.2em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%; display:none;}


        .description4 { font-family:'roboto mono', Helvetica, sans-serif; width:100%; font-weight:400; font-size:.9em; line-height:1em; float:left; color:#555555;}		
	





        #eventlist4 li a{font-family:'roboto', Helvetica, sans-serif;color: #0066cc !important; font-weight:400; text-shadow:0px 1px 1px #ffffff; font-size:1em;}
		
#eventlist li a:before{content:'';
}

        #eventlist4 li a:hover{ text-decoration: underline;  }		

*/
/*

#eventlist {margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; width:100%; float:left; overflow: visible;}


.eventtitle{ color:#ffffff;}

        #eventlist li {	width:18.3%;height: 165px; display:inline-block; padding:0px 0px 0px 0px; margin:10px 20px 10px 0; background-color:rgba(255,255,255,1); color:#1b1b1b;font-family:'Roboto', Helvetica, sans-serif; font-size:1em; line-height:.9em; float:left; border:1px solid rgba(0,0,0,0.7); text-align:center; position:relative;}
	
	#eventlist li:last-child { margin-right:0 !important;}

        #eventlist li a{color: #ffffff;font-weight:400; font-size:1.1em; background:#CC3333;margin:5px 0 0 5px;
  padding: 3px 12px;text-shadow:0px 1px 1px #990000; position:absolute; bottom:5px; left:35%;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center; float:left;
}
        
		
#eventlist li a:hover{ background-color:#990000;}		

		
.eventtitle{}
		
.cal{font-family:'Roboto', Helvetica, sans-serif; width:100%; font-size:1.1em; line-height:.8em; padding:3px 0 0px 0;
margin:0px 0px -15px 0px;float:left;text-align: center;text-transform: uppercase; color:#ffffff; font-weight:500; border:0px solid #666666; background-color: #003366;text-shadow:0px 1px 1px #1b1b1b; height:65px;}

.cal_num{font-family:'Roboto', Helvetica, sans-serif; width:100%; font-size:2.3em; line-height:1em; margin:0px 0px 0px 0px; padding:0px 0 0px 0;text-align: center;text-transform:uppercase; color:#ffffff; font-weight:700; float:left;text-shadow:0px 1px 1px #1b1b1b;}

.dat{font-family:'Roboto', Helvetica, sans-serif; display:inline-block; font-size:.9em; line-height:.7em; font-weight:500; margin:0px 0px 0px 0px; padding:0px 0 0 0; color: #ffffff;text-shadow:0px 1px 1px #1b1b1b; text-transform:uppercase;}


		.summary{font-family:'Roboto Condensed', Helvetica, sans-serif; font-size:1.15em; line-height:.95em; font-weight:400; margin:-8px 0px 3px 0px; padding:0px 3px 0px 3px;text-align: left !important; color: #1b1b1b;text-shadow:0px 1px 1px #ffffff;}

        .location { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px 0px 1px;padding:0px 0px 0px 3px; color: #666666; line-height:1.1em; text-align: left; font-weight:400;text-shadow:0px 1px 1px #ffffff;}
        .location2 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px 0px 1px; padding:0px 0px 0px 3px; color: #666666; line-height:1.1em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;}

*/

.btn-padd1{padding-left:3.7%;}
.btn-lg {
  padding: 8px 14px;
  font-size: 33px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-lg:hover{ background-color:#0066CC;color:#ffffff !important; text-shadow:0px 1px 1px #1b1b1b;
}
.btn-lg:last-child{ margin-right:0 !important;}


.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}


.searchbox{background-color:rgba(0,0,0,0); height:86px; padding:12px 12px 10px 12px; border:0px solid #666666; border-radius:0px; margin:0% 0% 0 0%;}


.searchbox2{background-color:rgba(0,0,0,0.5); height: auto; padding:5px 5px 1px 5px; border:1px solid #666666; border-radius:0px; margin:0 15% 0 15%;}


.alert {
 padding:5px 10px; margin:10px 10px 0 0 !important; position: absolute; right:0;
  border: 1px solid transparent;
  border-radius: 4px;
}


.alert-dismissable,
.alert-dismissible {
  padding-right: 5px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -10px;
  right: 0px;
  color: inherit;
}

.alert h4 {font-family:'Roboto', Helvetica, sans-serif; font-weight:500;
  margin-top: 0; margin-bottom:0px; font-size:1.8em; background:none;
  color: #ffffff;  text-shadow:0px 1px 1px #990000;
}

.alert-danger {
  color: #ffffff;text-shadow:0px 1px 1px #990000; font-family:'Roboto', Helvetica, sans-serif;
  background-color: #cc0000;
  border-color: #990000;
}

.alert > ul {margin:0px; padding:0px;
}

.alert > ul > li{ margin:0 0 0px 0; padding:0 0px 0px 0; list-style:none;
}

.alert > ul > li a{ margin:0px 0 5px 0; padding:0 0px 7px 0; line-height:1.1em; font-size:1em;  font-weight:400; font-family:'Roboto', Helvetica, sans-serif; color:#FFFFFF;text-shadow:0px 1px 1px #990000; list-style:none;
}

.alert > ul > li:last-child {border-bottom:0px dashed #ffffff;margin-bottom:0px; padding-bottom:5px;
}

.alert > ul > li a:hover{ color:#FFFF33; }
.close {
  float: right;
  font-size: 2.8em; font-family:'Roboto', Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #333333;
}
.close:hover,
.close:focus {
  color: #FFFF00 !important;
  text-decoration: none;
  cursor: pointer;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; color:#FFFF00 !important;
}

/*-- footer --*/



/*-- footer --  #085DAD  */
.w3-agile-footer {
    background-color:#085DAD; width:100%; margin:0px; 
    padding:0px; height: auto; position: static;
    left: 0;bottom:0 !important;
    text-decoration: none;
}


.footer-grid{ border-right:0px solid rgba(255,255,255,0.4); margin:5px 0 0 0; box-shadow: 0px 0px 0px #999999;}
.footer-grid2{  border-left:1px solid rgba(255,255,255,0.4); margin:5px 0 0 0; box-shadow: 0px 0px 0px #999999;}
.footer-grid3{  border-left:1px solid rgba(255,255,255,0.4); border-right:1px solid rgba(255,255,255,0.4); margin:5px 0 0 0; box-shadow: 0px 0px 0px #999999;}

.footer-grid-heading h4{font-family: 'oswald', Helvetica, sans-serif; font-weight:500; width:100%; border-bottom:0px solid #ffffff;color: #ffffff !important;text-shadow:0px 1px 1px #085DAD; text-transform: ;font-size: 1.3em; line-height:1em; margin:-2px 0 5px 0;padding:0px;
}

.footer-grid-heading h6{
font-family:'Roboto', Helvetica, sans-serif; font-weight:500;
    color: #ffffff; text-transform: uppercase;letter-spacing:normal;
    font-size: 1.1em; line-height:1em; text-shadow:0px 1px 1px #000000; margin: 0 0 -3px 0; padding:0px;	}



.footer-grid-info ul{
	padding:0;margin:0px 0 0 0;
}

.footer-grid-info ul li{
	display:block !important;color: #999999; text-align:left;font-family: 'roboto', Helvetica, sans-serif; font-weight:; margin:0px 0px 0px 0px; padding:1px 0 6px 0; font-size:1em; line-height:1em;
}

.footer-grid-info ul li a:before{content:'\2022'; margin-right:2px; font-size:.95em;color: #eeeeee;
}


.footer-grid-info ul li:last-child{
border-bottom:0px;
}

.footer-grid-info ul li p{
	display:inline-block; text-align:left;text-shadow:0px 1px 1px #000000;color:#cccccc; margin:1px 0 0 0; padding:0px; font-size:1em; line-height:1.1em;text-align:justify;
}

.footer-grid-info ul li p img{
	float:left; width:78px; margin:0px; padding:0px;
}


.footer-grid-info ul li a{font-family: 'roboto', Helvetica, sans-serif;color: #c8c8c8 !important; text-shadow:0px 0px 0px #000000; font-weight:400;
}
.footer-grid-info ul li a:hover{ color:#ffffff !important; text-decoration:none;
}




.footer-grid-info2 ul{
	padding:0;margin:5px 0 0 0;
}
.footer-grid-info2 ul li{
display:block !important; font-family: 'roboto', Helvetica, sans-serif; font-weight:400;color:rgba(255,255,255,0.85);text-shadow:0px 1px 1px #085DAD; text-align:left;margin:0px 0px 0px 0px; padding:1px 0 5px 0; font-size:1em; line-height:1.05em;
}

.foter-grid-info2 ul li:first-child{
font-size:1.4em; line-height:.9em; color: #c8c8c8 !Important; font-family: 'Roboto', Helvetica, sans-serif; font-weight:400;
}

.footer-grid-ino2 ul li:nth-child(2){ padding-left:18px;}


.footer-grid-info2 ul li p{
	display:inline-block; text-align:left;text-shadow:0px 1px 1px #000000;margin:1px 0 0 0; padding:0px; font-size:1em; line-height:1.1em;text-align:justify;
}

.footer-grid-info2 ul li p img{
	float:left; width:78px; margin:0px; padding:0px;
}

.footer-grid-info2 ul li a:before{content:'\2022'; margin-right:2px; font-size:1em; color: #ffffff;
}

.footer-grid-info2 ul li a{color: rgba(255,255,255,0.85);text-shadow:0px 1px 1px #0066cc;line-height:1.1em;
}
.footer-grid-info2 ul li a:hover{ color: #FFFF33; text-decoration: none !important;
}





.footer-grid-heading3 h4{font-family:'Roboto', Helvetica, sans-serif; font-weight:400;
    color: #ffffff; text-transform: uppercase;letter-spacing:normal; 
    font-size: 1.15em; line-height:1.1em; text-shadow:0px 1px 1px #000000;margin: 0;
}
.footer-grid-heading3 h6{
    color: #ffffff; text-shadow:0px 1px 1px #333333;
    font-size: 1em; font-weight:400;
    margin: 0;
    font-family: 'Roboto', serif;
}






h4 span a {font-family:'Roboto', Helvetica, sans-serif !important; font-weight:400;font-size:.75em !important; margin:0 0 0 10px; padding:0; color: #FFFF66;text-shadow:0px 1px 1px #333333 !important; }

h4 span a:before{content:'';}

h4 span a:hover{color: #FF9933;text-shadow:0px 1px 1px #333333 !important; text-decoration:none;}

.mainpage{width:100%; height:150px; margin-bottom:0px;}

.tab-content { margin:20px 0 15px 0; padding:10px 0 0px 0;
}
.tab-content > .active {
  display: block; padding-bottom:0px;
}

.tab-pane { margin:0 0 0 0px; padding:0 0 0px 0;
}
.tab-pane li h3{font-size:1.7em;line-height:1em; font-family:'Roboto Condensed', Helvetica, sans-serif; font-weight:700;
}

.tab-pane li h3 a{font-size:1em;line-height:1.2em; font-family:'Roboto Condensed', Helvetica, sans-serif; font-weight:700; color:#222222; text-shadow:0px 1px 1px #ffffff;
}

.tab-pane li h3 a:hover{ text-decoration:underline;}

.tab-pane li h4{ color:#555555;
}


.smallpage{ margin:-20px 0 10px 0; padding:0px 0 0px 0;
}


.smallpage li{ margin:0px 0px 0 0; padding:0px 10px 0 0;
}

.tab-pane li.smallpage p{ margin:0px 0 15px 0px; padding:0px 0 0 0px; font-size:.95em; line-height:1.1em !important; font-family:'roboto', Helvetica, sans-serif; font-weight:500; color:#333333; text-shadow:0px 1px 1px #ffffff;
}

.smallpage li:last-child{ padding-right:0px !important;
}


.tab-pane li:first-child{border-bottom:0px solid #999999;}

.tab-pane li:last-child{border-bottom:0px solid #999999; }

.tab-pane a{ color:#0067b7;
}

.heightpanel{ min-height:700px;}

.dept-img{float:left; margin:0px 0px -10px -30px; padding:0px; width:130px; height:340px;}



.font-xs{ font-size:.8em !important;}

.font-sm{ font-size:1em !important; line-height:1.4em !important;}

.font-md{ font-size:.85em !important; line-height:1.05em !important; font-weight:500; color:#555555;text-shadow:0px 1px 1px #ffffff !important;}

.font-lg{ font-size:1.2em !important; line-height:1.2em !important; font-weight:500; color:#1b1b1b !important;text-shadow:0px 1px 1px #ffffff !important;}

.font-xlg{ font-size:140% !important; line-height:130% !important; font-family:'roboto', Helvetica, sans-serif !important; font-weight:300;border:0px solid #444444 !important; text-shadow:0px 1px 1px #1b1b1b !important; padding:3px 0 3px 6px !important;}


 .searchbox{background-color:rgba(0,0,0,0); height:86px; padding:12px 12px 10px 12px; border-top:1px solid #cccccc; border-radius:0px; margin:20px 10% 0 10%;}
 
 
.header-text {background-color:rgba(0,0,0,0.35); margin:120px 120px 0 120px; padding:20px 0 0 0px;
border:1px solid rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px #ffffff;
-webkit-box-shadow: 0px 0px 20px #ffffff;
box-shadow: 0px 0px 20px #ffffff;}


.header-text1{font-size:1.3EM; color:#FFFFFF; text-shadow:0px 1px 1px #1b1b1b; margin:0 0 -8px 35px;}

.header-text2{font-size:5.4EM; font-family:'Work Sans', Helvetica, sans-serif; font-weight:900; color:#FFFFFF; text-align:center;}

.header-text3{font-size:1.3EM; color:#FFFFFF; text-shadow:0px 1px 1px #1b1b1b; margin:-8px 35px 0px 0px; text-align:right;}


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


.searchbox{background-color:rgba(0,0,0,0); height:86px; padding:12px 12px 10px 12px; border-top:1px solid #cccccc; border-radius:0px; margin:20px 40px 0 40px;}

.header-text {background-color:rgba(0,0,0,0.35); margin:100px 50px 0 50px; padding:20px 0 0 0px;
border:1px solid rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px #ffffff;
-webkit-box-shadow: 0px 0px 20px #ffffff;
box-shadow: 0px 0px 20px #ffffff;}

.header-text1{font-size:1.3EM; color:#FFFFFF; text-align:center;text-shadow:0px 1px 1px #1b1b1b; margin:0 300px -8px 0px;}

.header-text2{font-size:5.4EM; font-family:'Work Sans', Helvetica, sans-serif;text-shadow:0px 1px 1px #1b1b1b; font-weight:900; color:#FFFFFF; text-align:center;}

.header-text3{font-size:1.3EM; color:#FFFFFF; text-shadow:0px 1px 1px #1b1b1b;text-shadow:0px 1px 1px #1b1b1b; margin:-8px 0px 0px 240px; text-align:center;}

.alert {
  padding:5px 10px; margin:15% 0 0 0; position:absolute; z-index:3 !important;
  border: 1px solid transparent;
  border-radius: 4px;
}

}


@media only screen and (max-width:1599px) {

.w3-agile-footer {
    background-color:#085DAD; width:100%; margin:0px; 
    padding: 0em 0px 0em 0px; height: auto; position:static;
    left: 0;bottom:0 !important;
    text-decoration: none;
}

 .products{width:100%; height:220px;background-color: #006dc4; 
 background-image:url(../img/tumblr_o0lmsovZxo1u93ezoo1_1280.png); background-repeat:no-repeat; background-size:cover;}

h1.w3ls-title.w3ls-title1 {
 color: #ffffff; text-shadow:0px 0px 0px #1b1b1b; margin:9px 0 0px 0px !important; padding-top:0px; font-family:'roboto', Helvetica, sans-serif; font-size:3.8em !important; line-height:1.2em; font-weight:400;text-transform:; text-align: center !important; background:none; }

.searchbox{background-color:rgba(0,0,0,0); height:86px; padding:12px 12px 10px 12px; border-top:1px solid #cccccc; border-radius:0px; margin:20px 40px 0 40px;}

.header-text {background-color:rgba(0,0,0,0.35); margin:90px 50px 0 50px; padding:20px 0 0 0px;
border:1px solid rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px #ffffff;
-webkit-box-shadow: 0px 0px 20px #ffffff;
box-shadow: 0px 0px 20px #ffffff;}


.header-text1{font-size:1.3EM; color:#FFFFFF; text-shadow:0px 1px 1px #1b1b1b; margin:0 0 -8px 25px;}

.header-text2{font-size:5.2EM; text-shadow:0px 1px 1px #1b1b1b; font-family:'Work Sans', Helvetica, sans-serif; font-weight:900; color:#FFFFFF; text-align:center;}

.header-text3{font-size:1.3EM; color:#FFFFFF; text-shadow:0px 1px 1px #1b1b1b; margin:-8px 25px 0px 0px; text-align:right;}

.alert {
  padding:5px 10px; margin:15% 0 0 0; position:absolute; z-index:3 !important;
  border: 1px solid transparent;
  border-radius: 4px;
}

}


/*
@media only screen 
   and (max-width : 1280px) 
   and (max-height : 720px) {



.header-text {background-color:rgba(0,0,0,0.35); margin:10px 30px 0 30px !important; padding:20px 0 0 0px;
border:1px solid rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px #ffffff;
-webkit-box-shadow: 0px 0px 20px #ffffff;
box-shadow: 0px 0px 20px #ffffff;}


}
*/
@media only screen and (max-width:1366px) {
.nav-pills > li > a { font-family:'roboto condensed', Helvetica, sans-serif; color:#444444 !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:1.05em !important; letter-spacing:-0.03em; line-height:1.7em; font-weight:300 !important;text-align:center;}

.nav-pills > li > a:hover {font-family:'roboto condensed', Helvetica, sans-serif; color:#444444 !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:1.05em !important; letter-spacing:-0.03em; line-height:1.7em; font-weight:300 !important;text-align:center;
}

}
@media only screen and (max-width:1280px) {
.tab-content { margin:20px 0 80px 0; padding:10px 0 0px 0;
}

.contact-info2{background-color:#ffffff;height:48vh; padding-top:0px;}
.contact-info3{background-color:#ffffff;height:51.5vh; padding-top:0px;}

.searchbox{background-color:rgba(0,0,0,0); height:86px; padding:12px 12px 10px 12px; border-top:1px solid #cccccc; border-radius:0px; margin:20px 20px 0 20px;}

.header-text {background-color:rgba(0,0,0,0.35); margin:90px 30px 0 30px; padding:20px 0 0 0px;
border:1px solid rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px #ffffff;
-webkit-box-shadow: 0px 0px 20px #ffffff;
box-shadow: 0px 0px 20px #ffffff;}

.header-text1{font-size:1.3EM; color:#FFFFFF; text-shadow:0px 1px 1px #1b1b1b; margin:0 0 -8px 50px;}

.header-text2{font-size:5EM; font-family:'Work Sans', Helvetica, sans-serif;text-shadow:0px 1px 1px #1b1b1b; font-weight:900; color:#FFFFFF; text-align:center;}

.header-text3{font-size:1.3EM; color:#FFFFFF; text-shadow:0px 1px 1px #1b1b1b; margin:-8px 50px 0px 0px; text-align:right;}

.alert { width:auto;
  padding:5px 10px; margin:18% auto 0 auto;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 5px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -10px;
  right: 0px;
  color: inherit;
}

.alert h4 {font-family:'Roboto', Helvetica, sans-serif; font-weight:500;
  margin-top: 0; margin-bottom:0px; font-size:1.8em; background:none;
  color: #ffffff;  text-shadow:0px 1px 1px #990000;
}

.alert-danger {
  color: #ffffff;text-shadow:0px 1px 1px #990000; font-family:'Roboto', Helvetica, sans-serif;
  background-color: #cc0000;
  border-color: #990000;
}

.alert > ul {margin:0px; padding:0px;
}

.alert > ul > li { margin:0 0 5px 0; padding:0 0px 6px 0; line-height:1.2em; border-bottom:1px dashed #ffffff; font-size:1.2em;  font-weight:400; font-family:'Roboto', Helvetica, sans-serif; color:#FFFFFF;text-shadow:0px 1px 1px #990000; list-style:none;
}

.alert > ul > li:last-child {border-bottom:0px dashed #ffffff;margin-bottom:0px; padding-bottom:5px;
}
.close {
  float: right;
  font-size: 2.8em; font-family:'Roboto', Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #333333;
}
.close:hover,
.close:focus {
  color: #FFFF00 !important;
  text-decoration: none;
  cursor: pointer;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; color:#FFFF00 !important;
}

.box2{background-color:rgba(255,255,255,0.85); height:48px; padding:0px 0 0 0; position: relative; top:0; font-size:.83em; line-height:1.07em; font-family: Arial, Helvetica, sans-serif;}

.btn-lg {
 margin:10px 15px 15px 0;
}

.maindept{ margin:25px 0 0px 0px; padding:0;
}

.maindept li{ list-style:none; font-family:'roboto', Helvetica, sans-serif; font-weight:500; color: #222222; text-shadow:0px 1px 1px #ffffff; margin:0px 0px 35px 0;padding:0 0 0px 0; font-size:1.3em; line-height:1.1em; text-align: left;
}

.w3-agile-footer {
    background-color:#085DAD; width:100%; margin:0px; 
    padding: 0em 0px 0em 0px; height: auto; position:static;
    left: 0;bottom:0 !important;
    text-decoration: none;
}

.footer-grid-heading h4{font-family:'oswald', Helvetica, sans-serif; font-weight:400; width:100%; border-bottom:0px solid #ffffff;color: #ffffff; text-transform: ;font-size: 1.2em; line-height:1em; text-shadow:0px 0px 0px #000000;margin:-2px 0 0px 0;padding:0px;
}

.footer-grid-info ul{
	padding:0;margin:4px 0 0 0;
}

.footer-grid-info ul li{
	display:block !important;color: #cccccc; text-align:left;font-family: 'Roboto', Helvetica, sans-serif !important; font-weight:300; margin:0px 0px 0px 0px; padding:4px 0 4px 0; font-size:.9em; line-height:1em;
}

.footer-grid-info ul li a:before{content:'\2022'; margin-right:2px; font-size:.95em;color: #eeeeee;
}
.footer-grid-info2 ul li a:before{content:'\2022'; margin-right:2px; font-size:.95em;color: #eeeeee;
}


.footer-grid-info ul li:last-child{
border-bottom:0px;
}

.footer-grid-info ul li p{
	display:inline-block; text-align:left;text-shadow:0px 1px 1px #000000;color:#cccccc; margin:1px 0 0 0; padding:0px; font-size:1em; line-height:1.1em;text-align:justify;
}

.footer-grid-info ul li p img{
	float:left; width:78px; margin:0px; padding:0px;
}


.footer-grid-info ul li a{font-family: 'Roboto', Helvetica, sans-serif;color: #cccccc; font-weight:;text-shadow:0px 0px 0px #000000;
}
.footer-grid-info ul li a:hover{ color:#ffffff; text-decoration:none;
}

.footer-grid-info2 ul{
	padding:0;margin:5px 0 0 0;
}
.footer-grid-info2 ul li{
display:block !important; font-family: 'roboto', Helvetica, sans-serif; font-weight:400;color:rgba(255,255,255,0.85);text-shadow:0px 1px 1px #085DAD; text-align:left;margin:0px 0px 0px 0px; padding:1px 0 5px 0; font-size:.95em; line-height:1.1em;
}

.foter-grid-info2 ul li:first-child{
font-size:1.2em;
}





 .products{width:100%; height:200px;background-color: #006dc4; 
 background-image:url(../img/tumblr_o0lmsovZxo1u93ezoo1_1280.png); background-repeat:no-repeat; background-size:cover;}


h1.w3ls-title.w3ls-title1 {
 color: #ffffff; text-shadow:0px 0px 0px #1b1b1b; margin:0px 0 0px 0px !important; padding-top:0px; font-family:'roboto', Helvetica, sans-serif; font-size:3.8em !important; line-height:1.2em; font-weight:400;text-transform:; text-align: center !important; background:none; }

ul.nav-pills { width:100%; margin:12px 0px 0 0; padding:0 .5% 0 .5%;background-color:#ffffff !important;}

.nav-pills li{margin:0px 0 0px 0 !important; padding:10px 0 0px 0 !important;text-shadow:0px 1px 1px #ffffff;}

.nav-pills li:last-child{border-right:0px solid rgba(255,255,255,0.4);}


.nav-pills > li > a { font-family:'roboto condensed', Helvetica, sans-serif; color:#555555 !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:1em !important; line-height:1.7em; font-weight:300 !important;text-align:center;}


.nav-pills > li > a:hover {font-family:'roboto condensed', Helvetica, sans-serif; color:#555555 !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:1em !important; line-height:1.7em; font-weight:300 !important;text-align:center;
}

 
 .nav-pils > li.active > a:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 6px solid #555555;
  border-left: 10px solid rgba(0,0,0,0);
  border-right: 10px solid rgba(0,0,0,0);
  left: 43.5%;
  bottom:-6px;
  transition:none !important;
  -webkit-transition: none !important;
  -o-transition:none !important;
  -moz-transition:none !important;
  -ms-transition:none !important;

}


        #eventlist {width:100% !important; margin:0px 0px 0px 0; padding:0px 0px 0px 0px; border:none;overflow: hidden;}


        #eventlist li {width:100% !important; display:inline; padding:0px 0px 3px 0px; margin:0 0 3px 0;font-family:'roboto', Helvetica, sans-serif; border:none;border-bottom:1px dashed rgba(255,255,255,0.4); position:inherit; float:left;color: rgba(255,255,255,0.85);}

        #eventlist li:first-child { line-height:.95em; margin-top:2px;}

        #eventlist li:last-child {border-bottom:0px dashed #999999; }

	
		.eventtitle{width:27% !important; font-family:'roboto', Helvetica, sans-serif; text-align:left !important; margin:0; padding:0px 0 0 0;}				
		
	.cal{ display:inline !important;font-family:'roboto', Helvetica, sans-serif;float:left; color:#ffffff;border-right:1px solid #ffffff;padding:0px 1px 0px 0px;font-size:1em;margin:0px 2px 0px 0px;font-weight:300;text-align: center; font-size:.8em; line-height:1.1em; font-weight:400; text-transform: uppercase; letter-spacing:0.03em;}
	

.cal_num{font-family:'oswald', Helvetica, sans-serif;font-size:1.3em;line-height:1em;font-weight:700; color:#ffffff; margin:0px 0 0 0; padding:0 0 0px 0;}

		.dat{ font-family:'roboto', Helvetica, sans-serif;text-align:left !important; font-size:.85em; line-height:1.1em;font-weight:400; margin:0px; padding:0px; }


		.summary{width:72.5% !important;font-family:'roboto', Helvetica, sans-serif;font-weight:400; margin:-12px 0px 0px 72px !important;text-align: left !important;}


        .location {font-family:'roboto', Helvetica, sans-serif; margin:1px 0px 0px 0px;padding:0px; }		
		
        .location2 {width:100% !important; font-family:'roboto', Helvetica, sans-serif; font-size:.7em; margin:3px 0px 0px 0px; padding:0px; color: #ffffff; line-height:1.2em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%; display:none;}


        .description { font-family:'roboto', Helvetica, sans-serif; width:100%; font-size:.95em; line-height:1em;}


        #eventlist li a{font-family:'roboto', Helvetica, sans-serif;color: #FFFF66 !important;  margin-left:-2px; font-size:.9em;}
#eventlist li a:before{content:'';
}

        #eventlist li a:hover{ text-decoration: underline;  }		









        #eventlist4 {width:100% !important; margin:2px 0px 0px 0; padding:0px 0px 0px 0px; border:none;overflow: hidden;}


        #eventlist4 li {width:100% !important; display:inline; padding:0px 0px 4px 0px; margin:0 0 4px 0;color: rgba(255,255,255,0.85);font-family:'roboto', Helvetica, sans-serif; border:none; border-bottom:1px dashed rgba(255,255,255,0.4); position:inherit; float:left;}

        #eventlist4 li:first-child { line-height:.95em; margin-top:2px;}

        #eventlist4 li:last-child {border-bottom:0px dashed #999999; }

	
		.eventtitle4{ font-family:'roboto', Helvetica, sans-serif; text-align:left !important; margin:0; padding:0px 0 0 0; font-size:1em;}				
		
	.cal4{display:inline !important; width:24px; font-family:'roboto', Helvetica, sans-serif;float:left; background-color:rgba(255,76,59,0);color:rgba(255,255,255,0.85);border-right:1px solid rgba(255,255,255,0.4);padding:0px 1px 0px 0px;font-size:1em;margin:0px 2px 0px 0px;font-weight:300;text-align: center; font-size:.8em; line-height:1.1em; font-weight:400; text-transform: uppercase; letter-spacing:0.03em;}
	

.cal_num4{font-family:'oswald', Helvetica, sans-serif;font-size:1.4em;line-height:1em;font-weight:700; color:rgba(255,255,255,0.85); margin:0px 0 0 0; padding:0 0 0px 0;}

		.dat4{ font-family:'roboto', Helvetica, sans-serif;text-align:left !important; font-size:.85em; line-height:1.1em;font-weight:400; }


		.summary4{width:72.5% !important;font-family:'roboto', Helvetica, sans-serif;font-weight:400; margin:-12px 0px 0px 68px !important;text-align: left !important; font-size:.9em;}


        .location {font-family:'roboto', Helvetica, sans-serif; margin:1px 0px 0px 0px;padding:0px; }		
		
        .location4 {width:100% !important; font-family:'roboto', Helvetica, sans-serif; font-size:.7em; margin:3px 0px 0px 0px; padding:0px; color: #ffffff; line-height:1.2em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%; display:none;}


        .description4 { font-family:'roboto', Helvetica, sans-serif; width:100%; font-size:.95em; line-height:1em; padding-top:1px;}


        #eventlist4 li a{font-family:'roboto', Helvetica, sans-serif;color: #FFFF66 !important;  margin-left:-2px; font-size:.9em;}
#eventlist4 li a:before{content:'';
}

        #eventlist4 li a:hover{ text-decoration: underline;  }		



  }









#top {
  background: #222222;
  color: #eeeeee;
  padding: 1px 0 0 25px; margin:0px; 
}
#top p {
  margin: 0; text-transform:uppercase;
 font-family:'Roboto', Helvetica, sans-serif; font-size:.85em; font-weight:700;line-height:1.8em; letter-spacing:0.04em;
}
#top .social {
  float: right;
  text-align: right; margin-right:25px;
}
#top .social a {
  color: #999999;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  vertical-align: bottom;
}
#top .social a:hover {
  color: #fff;
}
#top .social a:hover.facebook {
  background-color: #4460ae;
}
#top .social a:hover.gplus {
  background-color: #c21f25;
}
#top .social a:hover.twitter {
  background-color: #3cf;
}
#top .social a:hover.instagram {
  background-color: #cd4378;
}
#top .social a:hover.email {
  background-color: #4a7f45;
}
#top .login {
  float: right;
}
#top .login a {
  font-size: 12px;
  color: #eeeeee;
  margin-right: 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: normal;
}
@media (max-width: 767px) {
  #top .login {
    float: left;
  }
}
#top.light {
  background: #fff;
  color: #999999;
  border-bottom: solid 1px #eeeeee;
}
#top.light .login a {
  color: #555555;
}
@media (max-width: 768px) {
  .navbar ul.nav > li.active > a,
  .navbar ul.nav > li.open > a {
    border-top-color: transparent;
  }
  .navbar ul.nav > li > a:hover {
    border-top-color: transparent;
  }
}
@media (max-width: 767px) {
  .navbar ul.dropdown-menu li a:hover {
    left: 0;
  }
}
.navbar .yamm-content h3 {
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-top: 5px;
  border-bottom: dotted 1px #555555;
  letter-spacing: normal;
}
@media (max-width: 767px) {
  .navbar .yamm-content h3 {
    font-size: 14px;
  }
}
.navbar .navbar-buttons {
  float: right;
}
.navbar .navbar-buttons button,
.navbar .navbar-buttons a.btn,
.navbar .navbar-buttons .btn-default.navbar-toggle {
  margin-top: 11px;
  margin-bottom: 11px;
  margin-left: 0;
  margin-right: 5px;
}
.navbar .btn-default,
.navbar .btn-default.navbar-toggle {
  color: #999999;
  background-color: #fff;
  margin-left: 7px;
  margin-right: 0;
}
.navbar .btn-default:hover,
.navbar .btn-default.navbar-toggle:hover,
.navbar .btn-default:focus,
.navbar .btn-default.navbar-toggle:focus {
  background-color: #fff;
  border-color: #38a7bb;
  color: #38a7bb;
}
.navbar #search {
  clear: both;
  border-top: solid 1px #38a7bb;
  text-align: right;
}
.navbar #search form {
  float: right;
}
.navbar #search form .input-group {
  width: 500px;
}
@media (max-width: 768px) {
  .navbar #search form .input-group {
    width: 100%;
  }
}
.navbar #basket-overview a {
  margin-left: 7px;
}
.navbar-affixed-top {
  top: -32px;
}
.navbar-affixed-top.affix-top {
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.navbar-affixed-top.affix {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
  -webkit-box-shadow: 0 0 5px #cccccc;
  box-shadow: 0 0 5px #cccccc;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
body.boxed .navbar-affixed-top.affix {
  position: static;
}
#login-modal {
  overflow: hidden;
}
#login-modal .modal-header h4 {
  text-transform: uppercase;
}
#login-modal form {
  margin-bottom: 20px;
}
#login-modal a {
  color: #38a7bb;
}
#login-modal p {
  font-weight: 300;
  margin-bottom: 20px;
  font-size: 13px;
}
/* buttons  */
.btn {
  font-weight: 500;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: normal;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.42857143;
  border-radius: 0;
}
.input-group .btn {
  font-size: 14px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-template-main {
  color: #38a7bb;
  background-color: #ffffff;
  border-color: #38a7bb;
}
.btn-template-main:hover,
.btn-template-main:focus,
.btn-template-main:active,
.btn-template-main.active,
.open > .dropdown-toggle.btn-template-main {
  color: #38a7bb;
  background-color: #e6e6e6;
  border-color: #2a7d8c;
}
.btn-template-main:active,
.btn-template-main.active,
.open > .dropdown-toggle.btn-template-main {
  background-image: none;
}
.btn-template-main.disabled,
.btn-template-main[disabled],
fieldset[disabled] .btn-template-main,
.btn-template-main.disabled:hover,
.btn-template-main[disabled]:hover,
fieldset[disabled] .btn-template-main:hover,
.btn-template-main.disabled:focus,
.btn-template-main[disabled]:focus,
fieldset[disabled] .btn-template-main:focus,
.btn-template-main.disabled:active,
.btn-template-main[disabled]:active,
fieldset[disabled] .btn-template-main:active,
.btn-template-main.disabled.active,
.btn-template-main[disabled].active,
fieldset[disabled] .btn-template-main.active {
  background-color: #ffffff;
  border-color: #38a7bb;
}
.btn-template-main .badge {
  color: #ffffff;
  background-color: #38a7bb;
}
.btn-template-main:hover,
.btn-template-main:focus,
.btn-template-main:active,
.btn-template-main.active {
  background: #38a7bb;
  color: #ffffff;
  border-color: #38a7bb;
}
.btn-template-transparent-primary {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.btn-template-transparent-primary:hover,
.btn-template-transparent-primary:focus,
.btn-template-transparent-primary:active,
.btn-template-transparent-primary.active,
.open > .dropdown-toggle.btn-template-transparent-primary {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #e0e0e0;
}
.btn-template-transparent-primary:active,
.btn-template-transparent-primary.active,
.open > .dropdown-toggle.btn-template-transparent-primary {
  background-image: none;
}
.btn-template-transparent-primary.disabled,
.btn-template-transparent-primary[disabled],
fieldset[disabled] .btn-template-transparent-primary,
.btn-template-transparent-primary.disabled:hover,
.btn-template-transparent-primary[disabled]:hover,
fieldset[disabled] .btn-template-transparent-primary:hover,
.btn-template-transparent-primary.disabled:focus,
.btn-template-transparent-primary[disabled]:focus,
fieldset[disabled] .btn-template-transparent-primary:focus,
.btn-template-transparent-primary.disabled:active,
.btn-template-transparent-primary[disabled]:active,
fieldset[disabled] .btn-template-transparent-primary:active,
.btn-template-transparent-primary.disabled.active,
.btn-template-transparent-primary[disabled].active,
fieldset[disabled] .btn-template-transparent-primary.active {
  background-color: transparent;
  border-color: #ffffff;
}
.btn-template-transparent-primary .badge {
  color: transparent;
  background-color: #ffffff;
}
.btn-template-transparent-primary:hover,
.btn-template-transparent-primary:focus,
.btn-template-transparent-primary:active,
.btn-template-transparent-primary.active {
  background: #fff;
  color: #38a7bb;
  border-color: #fff;
}
.btn-template-transparent-black {
  color: #ffffff;
  background-color: transparent;
  border-color: #ffffff;
}
.btn-template-transparent-black:hover,
.btn-template-transparent-black:focus,
.btn-template-transparent-black:active,
.btn-template-transparent-black.active,
.open > .dropdown-toggle.btn-template-transparent-black {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #e0e0e0;
}
.btn-template-transparent-black:active,
.btn-template-transparent-black.active,
.open > .dropdown-toggle.btn-template-transparent-black {
  background-image: none;
}
.btn-template-transparent-black.disabled,
.btn-template-transparent-black[disabled],
fieldset[disabled] .btn-template-transparent-black,
.btn-template-transparent-black.disabled:hover,
.btn-template-transparent-black[disabled]:hover,
fieldset[disabled] .btn-template-transparent-black:hover,
.btn-template-transparent-black.disabled:focus,
.btn-template-transparent-black[disabled]:focus,
fieldset[disabled] .btn-template-transparent-black:focus,
.btn-template-transparent-black.disabled:active,
.btn-template-transparent-black[disabled]:active,
fieldset[disabled] .btn-template-transparent-black:active,
.btn-template-transparent-black.disabled.active,
.btn-template-transparent-black[disabled].active,
fieldset[disabled] .btn-template-transparent-black.active {
  background-color: transparent;
  border-color: #ffffff;
}
.btn-template-transparent-black .badge {
  color: transparent;
  background-color: #ffffff;
}
.btn-template-transparent-black:hover,
.btn-template-transparent-black:focus,
.btn-template-transparent-black:active,
.btn-template-transparent-black.active {
  background: #fff;
  color: #000;
  border-color: #fff;
}
.btn-template-primary {
  color: #ffffff;
  background-color: #38a7bb;
  border-color: #38a7bb;
}
.btn-template-primary:hover,
.btn-template-primary:focus,
.btn-template-primary:active,
.btn-template-primary.active,
.open > .dropdown-toggle.btn-template-primary {
  color: #ffffff;
  background-color: #2c8494;
  border-color: #2a7d8c;
}
.btn-template-primary:active,
.btn-template-primary.active,
.open > .dropdown-toggle.btn-template-primary {
  background-image: none;
}
.btn-template-primary.disabled,
.btn-template-primary[disabled],
fieldset[disabled] .btn-template-primary,
.btn-template-primary.disabled:hover,
.btn-template-primary[disabled]:hover,
fieldset[disabled] .btn-template-primary:hover,
.btn-template-primary.disabled:focus,
.btn-template-primary[disabled]:focus,
fieldset[disabled] .btn-template-primary:focus,
.btn-template-primary.disabled:active,
.btn-template-primary[disabled]:active,
fieldset[disabled] .btn-template-primary:active,
.btn-template-primary.disabled.active,
.btn-template-primary[disabled].active,
fieldset[disabled] .btn-template-primary.active {
  background-color: #38a7bb;
  border-color: #38a7bb;
}
.btn-template-primary .badge {
  color: #38a7bb;
  background-color: #ffffff;
}
#intro {
  background: url('../img/home.jpg') no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#intro .item {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  height: 100%;
}
#intro .item h1 {
  text-transform: uppercase;
  font-size: 50px;
  color: #fff;
  margin-bottom: 40px;
  letter-spacing: normal;
}
@media (max-width: 991px) {
  #intro .item h1 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  #intro .item h1 {
    font-size: 25px;
  }
}
#intro .item h3 {
  color: #fff;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  #intro .item h3 {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
#intro .item .btn {
  text-transform: none;
}
@media (max-width: 991px) {
  #intro .item .btn {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  #intro .item .carousel-caption {
    left: 10%;
    right: 10%;
  }
}
#intro .container,
#intro .row {
  height: 100%;
  position: relative;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 0;
  position: relative;
  background: url('../img/photogrid.jpg') center center repeat;
  background-size: cover;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.jumbotron .dark-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #38a7bb;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.jumbotron h1,
.jumbotron h2,
.jumbotron h3,
.jumbotron p,
.jumbotron ul {
  color: #fff;
}
.jumbotron h1,
.jumbotron h2,
.jumbotron h3 {
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: normal;
}
.jumbotron p {
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: 400;
}
.jumbotron p.text-uppercase {
  font-weight: 700;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron {
  border-radius: 0;
}
.jumbotron .container {
  max-width: 100%;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 46px;
  }
}
#categoryMenu h3 {
  padding: 20px;
  background: #f7f7f7;
  margin: 0;
  border-bottom: solid 1px #eeeeee;
  text-transform: uppercase;
  letter-spacing: normal;
}
.panel.sidebar-menu h3 {
  padding: 5px 0;
  margin: 0;
}
.panel.sidebar-menu {
  background: transparent;
}
.panel.sidebar-menu .panel-heading {
  text-transform: uppercase;
  margin-bottom: 10px;
  background: none;
  padding: 0;
  letter-spacing: normal;
  border-bottom: none;
}
.panel.sidebar-menu .panel-heading h1,
.panel.sidebar-menu .panel-heading h2,
.panel.sidebar-menu .panel-heading h3,
.panel.sidebar-menu .panel-heading h4,
.panel.sidebar-menu .panel-heading h5 {
  display: inline-block;
  border-bottom: solid 5px #38a7bb;
  line-height: 1.1;
  margin-bottom: 0;
  padding-bottom: 10px;
}
.panel.sidebar-menu .panel-heading .btn.btn-danger {
  color: #fff;
  margin-top: 5px;
}
.panel.sidebar-menu .panel-body {
  padding: 0;
}
.panel.sidebar-menu .panel-body span.colour {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: solid 0px #555555;
  vertical-align: top;
  margin-top: 2px;
  margin-left: 5px;
}
.panel.sidebar-menu .panel-body span.colour.white {
  background: #fff;
}
.panel.sidebar-menu .panel-body span.colour.red {
  background: red;
}
.panel.sidebar-menu .panel-body span.colour.green {
  background: green;
}
.panel.sidebar-menu .panel-body span.colour.blue {
  background: blue;
}
.panel.sidebar-menu .panel-body span.colour.yellow {
  background: yellow;
}
.panel.sidebar-menu .panel-body label {
  color: #999999;
  font-size: 12px;
}
.panel.sidebar-menu .panel-body label:hover {
  color: #555555;
}
.panel.sidebar-menu ul.nav.category-menu {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: normal;
}
.panel.sidebar-menu ul.nav.category-menu li a {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.panel.sidebar-menu ul.nav ul {
  list-style: none;
  padding-left: 0;
}
.panel.sidebar-menu ul.nav ul li {
  display: block;
}
.panel.sidebar-menu ul.nav ul li a {
  position: relative;
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  text-transform: none !important;
  display: block;
  padding: 10px 15px;
  padding-left: 30px;
  font-size: 12px;
  color: #999999;
}
.panel.sidebar-menu ul.nav ul li a:hover,
.panel.sidebar-menu ul.nav ul li a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.panel.sidebar-menu ul.tag-cloud {
  list-style: none;
  padding-left: 0;
}
.panel.sidebar-menu ul.tag-cloud li {
  display: inline-block;
}
.panel.sidebar-menu ul.tag-cloud li a {
  display: inline-block;
  padding: 5px;
  border: solid 0px #eeeeee;
  border-radius: 0;
  color: #38a7bb;
  margin: 5px 5px 5px 0;
  text-transform: uppercase;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 12px;
}
.panel.sidebar-menu ul.tag-cloud li a:hover {
  color: #38a7bb;
  text-decoration: none;
  border-color: #38a7bb;
}
.panel.sidebar-menu ul.popular,
.panel.sidebar-menu ul.recent {
  list-style: none;
  padding-left: 0;
  padding: 20px 0;
}
.panel.sidebar-menu ul.popular li,
.panel.sidebar-menu ul.recent li {
  margin-bottom: 10px;
  padding: 5px 0;
  border-bottom: dotted 1px #eeeeee;
}
.panel.sidebar-menu ul.popular li:before,
.panel.sidebar-menu ul.recent li:before,
.panel.sidebar-menu ul.popular li:after,
.panel.sidebar-menu ul.recent li:after {
  content: " ";
  display: table;
}
.panel.sidebar-menu ul.popular li:after,
.panel.sidebar-menu ul.recent li:after {
  clear: both;
}
.panel.sidebar-menu ul.popular li:before,
.panel.sidebar-menu ul.recent li:before,
.panel.sidebar-menu ul.popular li:after,
.panel.sidebar-menu ul.recent li:after {
  content: " ";
  display: table;
}
.panel.sidebar-menu ul.popular li:after,
.panel.sidebar-menu ul.recent li:after {
  clear: both;
}
.panel.sidebar-menu ul.popular li img,
.panel.sidebar-menu ul.recent li img {
  width: 50px;
  margin-right: 10px;
}
.panel.sidebar-menu ul.popular li h5,
.panel.sidebar-menu ul.recent li h5 {
  margin: 0 0 10px;
}
.panel.sidebar-menu ul.popular li h5 a,
.panel.sidebar-menu ul.recent li h5 a {
  font-weight: normal;
}
.panel.sidebar-menu ul.popular li p.date,
.panel.sidebar-menu ul.recent li p.date {
  float: right;
  font-size: 12px;
  color: #999999;
}
.panel.sidebar-menu ul.popular li:last-child,
.panel.sidebar-menu ul.recent li:last-child {
  border-bottom: none;
}
.panel.sidebar-menu .text-widget {
  font-size: 12px;
}
/* ribbons for product sales etc. */
.ribbon {
  position: absolute;
  top: 50px;
  padding-left: 51px;
  font-weight: 700;
  letter-spacing: normal;
}
.ribbon .ribbon-background {
  position: absolute;
  top: 0;
  right: 0;
}
.ribbon .theribbon {
  position: relative;
  width: 80px;
  padding: 6px 20px 6px 20px;
  margin: 30px 10px 10px -71px;
  color: #fff;
  background-color: #38a7bb;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.ribbon .theribbon:before,
.ribbon .theribbon:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
}
.ribbon .theribbon:after {
  left: 0px;
  top: 100%;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #000000 #000000 transparent transparent;
}
.ribbon.sale {
  top: 0;
}
.ribbon.new {
  top: 50px;
}
.ribbon.new .theribbon {
  background-color: #5bc0de;
  text-shadow: 0px 1px 2px #bbb;
}
.ribbon.new .theribbon:after {
  border-color: #2390b0 #2390b0 transparent transparent;
}
.ribbon.gift {
  top: 100px;
}
.ribbon.gift .theribbon {
  background-color: #5cb85c;
  text-shadow: 0px 1px 2px #bbb;
}
.ribbon.gift .theribbon:after {
  border-color: #357935 #357935 transparent transparent;
}
.owl-carousel .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page.active span,
.owl-carousel .owl-controls.clickable .owl-page:hover span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #38a7bb;
}
.owl-carousel .owl-controls .owl-buttons,
.owl-theme .owl-controls .owl-buttons {
  position: absolute;
  top: 5px;
  right: 0;
}
.owl-carousel .owl-controls .owl-buttons div,
.owl-theme .owl-controls .owl-buttons div {
  width: 26px;
  height: 26px;
  line-height: 25px;
  margin: 0 5px 0 0;
  font-size: 18px;
  color: #38a7bb;
  padding: 0;
  background: #fff;
  border-radius: 13px;
  vertical-align: middle;
  text-align: center;
  opacity: 1;
  filter: alpha(opacity=100);
}
.home-carousel {
  position: relative;
  background: url('../img/photogrid.jpg') center center repeat;
  background-size: cover;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.home-carousel .dark-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #38a7bb;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.home-carousel .owl-carousel {
  padding-top: 60px;
  padding-bottom: 20px;
}
.home-carousel .owl-theme .owl-controls .owl-page span {
  background: #666;
}
.home-carousel .owl-theme .owl-controls .owl-page.active span {
  background: #fff;
}
.home-carousel .owl-theme .owl-controls .owl-page:hover span {
  background: #fff;
}
@media (max-width: 767px) {
  .home-carousel {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .home-carousel .right {
    text-align: right;
  }
}
.home-carousel h1,
.home-carousel h2,
.home-carousel h3,
.home-carousel p,
.home-carousel ul {
  color: #fff;
}
.home-carousel h1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 46px;
  letter-spacing: normal;
}
@media (max-width: 991px) {
  .home-carousel h1 {
    font-size: 36px;
  }
}
.home-carousel h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 40px;
  letter-spacing: normal;
}
.home-carousel ul,
.home-carousel p {
  font-size: 18px;
  font-weight: 700;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: normal;
}
@media (max-width: 991px) {
  .home-carousel ul,
  .home-carousel p {
    font-size: 14px;
  }
}
.home-carousel ul li {
  margin-bottom: 10px;
}
.customers {
  padding: 0;
  margin-bottom: 40px;
}
.customers .item {
  list-style-type: none;
  text-align: center;
  margin: 0 20px;
}
.customers .item img {
  display: inline-block;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.customers .item img:hover {
  max-width: auto;
  filter: none;
  -webkit-filter: none;
}
.testimonials {
  padding: 0;
  margin-bottom: 40px;
}
.testimonials .item {
  list-style-type: none;
  margin: 0 5px;
  background: #fff;
  padding-bottom: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.testimonials .item .testimonial {
  position: relative;
  padding: 20px;
}
.testimonials .item .testimonial:before,
.testimonials .item .testimonial:after {
  content: " ";
  display: table;
}
.testimonials .item .testimonial:after {
  clear: both;
}
.testimonials .item .testimonial:before,
.testimonials .item .testimonial:after {
  content: " ";
  display: table;
}
.testimonials .item .testimonial:after {
  clear: both;
}
.testimonials .item .testimonial .text {
  color: #999999;
  margin-bottom: 40px;
}
.testimonials .item .testimonial .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  height: 50px;
}
.testimonials .item .testimonial .bottom .icon {
  color: #38a7bb;
  font-size: 30px;
  float: left;
  width: 20%;
}
.testimonials .item .testimonial .name-picture {
  float: right;
  width: 80%;
  text-align: right;
}
.testimonials .item .testimonial .name-picture h5 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: normal;
}
.testimonials .item .testimonial .name-picture p {
  color: #999999;
  margin: 0;
  font-size: 12px;
}
.testimonials .item .testimonial .name-picture img {
  float: right;
  width: 60px;
  border-radius: 30px;
  margin-left: 10px;
}
.team-member {
  text-align: center;
  margin-bottom: 40px;
}
.team-member h3 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: normal;
}
.team-member h3 a {
  color: #555555;
}
.team-member p.role {
  color: #999999;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: normal;
}
.team-member .social {
  margin-bottom: 20px;
}
.team-member .social a {
  margin: 0 10px 0 0;
  color: #fff;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  line-height: 26px;
  font-size: 15px;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  vertical-align: bottom;
}
.team-member .social a i {
  vertical-align: bottom;
  line-height: 26px;
}
.team-member .social a.facebook {
  background-color: #4460ae;
}
.team-member .social a.gplus {
  background-color: #c21f25;
}
.team-member .social a.twitter {
  background-color: #3cf;
}
.team-member .social a.instagram {
  background-color: #cd4378;
}
.team-member .social a.email {
  background-color: #4a7f45;
}
.team-member .text p {
  color: #999999;
  font-size: 12px;
}
.team-member .social,
.team-member-detail .social {
  margin-bottom: 20px;
}
.team-member .social a,
.team-member-detail .social a {
  margin: 0 10px 0 0;
  color: #fff;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  line-height: 26px;
  font-size: 15px;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  vertical-align: bottom;
}
.team-member .social a i,
.team-member-detail .social a i {
  vertical-align: bottom;
  line-height: 26px;
}
.team-member .social a.facebook,
.team-member-detail .social a.facebook {
  background-color: #4460ae;
}
.team-member .social a.gplus,
.team-member-detail .social a.gplus {
  background-color: #c21f25;
}
.team-member .social a.twitter,
.team-member-detail .social a.twitter {
  background-color: #3cf;
}
.team-member .social a.instagram,
.team-member-detail .social a.instagram {
  background-color: #cd4378;
}
.team-member .social a.email,
.team-member-detail .social a.email {
  background-color: #4a7f45;
}

















.search-main{position: absolute; top:30%;
}

.box2{ width:100%; background-color:rgba(255,255,255,0.85) !important; height:48px; padding:0px 0 0 0; margin:0px; position: relative; bottom:0;font-size:.83em; line-height:1.07em; font-family: 'Roboto', Helvetica, sans-serif;}



.box-simple {
  text-align: center; padding:5px 0 0 0;height:48px; width:12.5%; display:inline-block;
  margin:0px 0 0px 0; float:left; 
}

.box-simple:hover{
  text-align: center; padding:5px 0 0 0;height:48px; width:12.5%; display:inline-block;
  margin:0px 0 0px 0; float:left; background-color:rgba(255,255,255,0.6);
}

.box-simple a .icon {
   margin: 3px auto 8px auto; padding:0; text-shadow:0px 1px 1px #ffffff; text-align:center;
  border: none; font-size:1.3em;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.box-simple a .icon:hover {
   margin: 3px auto 8px auto; padding:0; text-shadow:0px 1px 1px #ffffff; text-align:center;
  border: none; font-size:1.3em;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.box-simple a{ font-family:'Roboto', Helvetica, sans-serif; text-transform: none;
  color: #555555;text-shadow:0px 1px 1px #ffffff;padding:0; margin:0;
}
.box-simple a:hover { text-decoration:none; color:#222222;text-shadow:0px 1px 1px #ffffff; }

.box-simple:hover .icon { color:#1b1b1b;
}




















































.box-image {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 15px 0;
}
.box-image .bg {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #38a7bb;
}
.box-image .name {
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #fff;
  padding: 0 20px;
}
.box-image h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: normal;
}
.box-image h3 a {
  color: #fff;
  text-decoration: none;
}
.box-image .text {
  position: absolute;
  width: 100%;
  height: 50%;
  top: 0;
  -webkit-transform: translate(0, -150%);
  -ms-transform: translate(0, -150%);
  -o-transform: translate(0, -150%);
  transform: translate(0, -150%);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #fff;
  padding: 0 20px;
}
.box-image:hover .bg {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.box-image:hover .name {
  position: absolute;
  -webkit-transform: translate(0, -75%);
  -ms-transform: translate(0, -75%);
  -o-transform: translate(0, -75%);
  transform: translate(0, -75%);
}
.box-image:hover .text {
  position: absolute;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
























/* universal box */
.box {
  background: #fff;
  margin: 0 0 30px;
  border: solid 0px #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0;
  border-left: none;
  border-right: none;
}
.box .box-header {
  background: #f7f7f7;
  margin: -20px 0 20px;
  padding: 20px;
  border-bottom: solid 1px #eeeeee;
  text-transform: uppercase;
  letter-spacing: normal;
}
.box .box-header:before,
.box .box-header:after {
  content: " ";
  display: table;
}
.box .box-header:after {
  clear: both;
}
.box .box-header:before,
.box .box-header:after {
  content: " ";
  display: table;
}
.box .box-header:after {
  clear: both;
}
.box .box-footer {
  background: #f7f7f7;
  margin: 30px 0 -20px;
  padding: 20px;
  border-top: solid 1px #eeeeee;
}
.box .box-footer:before,
.box .box-footer:after {
  content: " ";
  display: table;
}
.box .box-footer:after {
  clear: both;
}
.box .box-footer:before,
.box .box-footer:after {
  content: " ";
  display: table;
}
.box .box-footer:after {
  clear: both;
}
@media (max-width: 991px) {
  .box .box-footer .btn {
    margin-bottom: 20px;
  }
}
.box.no-border {
  border: none;
}
#heading-breadcrumbs.no-mb {
  margin-bottom: 0;
}
#heading-breadcrumbs h1 {
  color: #333333;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: normal;
}
@media (max-width: 991px) {
  #heading-breadcrumbs h1 {
    text-align: center;
  }
}
.bar {
  position: relative;
  background: #38a7bb;
  padding: 60px 0;
}
.bar.background-pentagon {
  background: url('../img/texture-bw.png') center center repeat;
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
}
.bar.background-gray {
  background: #eeeeee;
}
.bar.background-gray-dark {
  background: #555555;
}
.bar.background-white {
  background: #fff;
}
.bar.background-image-fixed-1 {
  background: url('../img/fixed-background-1.jpg') center top no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.bar.background-image-fixed-2 {
  background: url('../img/fixed-background-2.jpg') center top no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.bar.color-white h1,
.bar.color-white h2,
.bar.color-white h3,
.bar.color-white h4,
.bar.color-white h5,
.bar.color-white h6,
.bar.color-white p {
  color: #fff;
}
.bar.padding-big {
  padding: 50px 0;
}
.bar.padding-horizontal {
  padding-left: 30px;
  padding-right: 30px;
}
.bar.margin-vertical {
  margin-top: 20px;
  margin-bottom: 20px;
}
.bar .dark-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.portfolio.no-space {
  padding: 0 15px;
}
.portfolio.no-space .box-image {
  margin: 0 -15px;
}
.portfolio-project .project-more h4 {
  color: #555555;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: left;
  font-size: 14px;
  letter-spacing: normal;
}
.portfolio-project .project-more p {
  color: #999999;
  padding: 10px 0;
  margin-bottom: 20px;
  text-align: left;
}
.portfolio-showcase {
  margin: 15px 0 60px;
}
.portfolio-showcase h3 a {
  text-transform: uppercase;
  line-height: 1.5;
  letter-spacing: normal;
}
.portfolio-showcase p.lead {
  color: #555555;
  margin-bottom: 20px;
}
.portfolio-showcase p {
  color: #999999;
}
.portfolio-showcase p.buttons {
  margin-top: 40px;
}
.see-more {
  text-align: center;
  margin-top: 20px;
  padding-top: 20px;
}
.see-more p {
  font-size: 28px;
  font-weight: 100;
  margin-bottom: 20px;
}
.showcase .item {
  text-align: center;
}
.showcase .item .icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  color: #555555;
  line-height: 50px;
  border-radius: 25px;
  border: solid 1px #555555;
}
.showcase .item h4 {
  color: #555555;
  text-transform: uppercase;
  letter-spacing: normal;
  line-height: 1.5;
  font-size: 16px;
}
.showcase .item h4 span {
  font-weight: bold;
  font-size: 51px;
}
.packages {
  background: #fff;
  padding: 5px 0 5px 0 !important;
height: 150px;
}

.packages .package {
  background: #fff;
  margin-top: 0px;
  margin-bottom: 0px; margin-right:5px;
  padding: 0px 0 0px 0 !important;
  text-align: center;
  border: solid 0px #cccccc;
  overflow: hidden; height: 140px;
}
.packages .package .package-header {
  height: 57px;
  color: #fff;
  line-height: 57px;
  background: #38a7bb;
}
.packages .package .package-header h5 {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 57px;
  margin: 0;
  letter-spacing: normal;
}
.packages .package .package-header.light-gray {
  background: #eeeeee;
}
.packages .package .package-header.light-gray h5 {
  color: #555555;
}
.packages .package .price {
 
  height: 80px;
  color: #fff;
  font-weight: 400;
}
.packages .package .price h4 {
  display: inline;
  font-size: 50px;
  line-height: normal;
  margin-bottom: 0;
}
.packages .package .price .period {
  line-height: normal;
  color: #999999;
}
.packages .package ul {
  padding: 0px;
}
.packages .package ul li {
  list-style-type: none;
  padding: px;
  width: 100%; font-family:'Roboto', Helvetica, sans-serif; text-align: center;
  margin: auto; color:#FFFFFF; line-height:1em;
  border-bottom: 0px dotted #ccc;
}
.packages .package ul li:last-child {
  border-bottom: 0;
}
.packages .package ul li i {
  font-size: 13px;
  margin-right: 5px;
}
.packages .best-value .package {
  margin-top: 0;
  padding-bottom: 40px;
}
.packages .best-value .package .package-header {
  height: 72px;
  padding-top: 17px;
  height: 82px !important;
}
.packages .best-value .package .package-header h5 {
  font-weight: bold;
  line-height: 29px;
  text-transform: uppercase;
  letter-spacing: normal;
}
.packages .best-value .package .package-header .meta-text {
  font-size: 13px;
  line-height: 15px;
}
#map {
  height: 300px;
}
#map.with-border {
  border-top: solid 1px #38a7bb;
  border-bottom: solid 1px #38a7bb;
}
#blog-listing-big .post,
#blog-homepage .post {
  margin-bottom: 60px;
}
#blog-listing-big .post h2,
#blog-homepage .post h2,
#blog-listing-big .post h4,
#blog-homepage .post h4 {
  text-transform: uppercase;
  letter-spacing: normal;
}
#blog-listing-big .post h2 a,
#blog-homepage .post h2 a,
#blog-listing-big .post h4 a,
#blog-homepage .post h4 a {
  color: #555555;
}
#blog-listing-big .post h2 a:hover,
#blog-homepage .post h2 a:hover,
#blog-listing-big .post h4 a:hover,
#blog-homepage .post h4 a:hover {
  color: #38a7bb;
}
#blog-listing-big .post .author-category,
#blog-homepage .post .author-category {
  color: #999999;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: normal;
}
#blog-listing-big .post .author-category a,
#blog-homepage .post .author-category a {
  font-weight: 500;
}
#blog-listing-big .post .date-comments a,
#blog-homepage .post .date-comments a {
  color: #999999;
  margin-right: 20px;
}
#blog-listing-big .post .date-comments a:hover,
#blog-homepage .post .date-comments a:hover {
  color: #38a7bb;
}
@media (min-width: 768px) {
  #blog-listing-big .post .date-comments,
  #blog-homepage .post .date-comments {
    text-align: right;
  }
}
#blog-listing-big .post .intro,
#blog-homepage .post .intro {
  text-align: left;
}
#blog-listing-big .post .image,
#blog-homepage .post .image {
  margin-bottom: 10px;
  overflow: hidden;
}
#blog-listing-big .post .image img,
#blog-homepage .post .image img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (max-width: 767px) {
  #blog-listing-big .post .image img.img-responsive,
  #blog-homepage .post .image img.img-responsive {
    min-width: 100%;
  }
}
#blog-listing-big .post .video,
#blog-homepage .post .video {
  margin-bottom: 10px;
}
#blog-listing-big .post .read-more,
#blog-homepage .post .read-more {
  text-align: right;
}
#blog-listing-medium .post {
  margin-bottom: 60px;
}
#blog-listing-medium .post h2 {
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: 24px;
  letter-spacing: normal;
}
#blog-listing-medium .post h2 a {
  color: #555555;
}
#blog-listing-medium .post h2 a:hover {
  color: #38a7bb;
}
#blog-listing-medium .post .author-category {
  float: left;
  color: #999999;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: normal;
}
#blog-listing-medium .post .author-category a {
  font-weight: 500;
}
#blog-listing-medium .post .date-comments {
  float: right;
  font-size: 12px;
}
#blog-listing-medium .post .date-comments a {
  color: #999999;
  margin-right: 20px;
}
#blog-listing-medium .post .date-comments a:hover {
  color: #38a7bb;
}
@media (min-width: 768px) {
  #blog-listing-medium .post .date-comments {
    text-align: right;
  }
}
#blog-listing-medium .post .intro {
  text-align: left;
}
#blog-listing-medium .post .clearfix:before,
#blog-listing-medium .post .clearfix:after,
#blog-listing-medium .post .navbar:before,
#blog-listing-medium .post .navbar:after,
#blog-listing-medium .post .navbar-header:before,
#blog-listing-medium .post .navbar-header:after {
  content: " ";
  display: table;
}
#blog-listing-medium .post .clearfix:after,
#blog-listing-medium .post .navbar:after,
#blog-listing-medium .post .navbar-header:after {
  clear: both;
}
#blog-listing-medium .post .clearfix:before,
#blog-listing-medium .post .clearfix:after,
#blog-listing-medium .post .navbar:before,
#blog-listing-medium .post .navbar:after,
#blog-listing-medium .post .navbar-header:before,
#blog-listing-medium .post .navbar-header:after {
  content: " ";
  display: table;
}
#blog-listing-medium .post .clearfix:after,
#blog-listing-medium .post .navbar:after,
#blog-listing-medium .post .navbar-header:after {
  clear: both;
}
#blog-listing-medium .post .image {
  margin-bottom: 10px;
  overflow: hidden;
}
#blog-listing-medium .post .image img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (max-width: 767px) {
  #blog-listing-medium .post .image img.img-responsive {
    min-width: 100%;
  }
}
#blog-listing-medium .post .video {
  margin-bottom: 10px;
}
#blog-listing-medium .post .read-more {
  text-align: right;
}
.box-image-text.blog .author-category {
  color: #999999;
  text-transform: uppercase;
  letter-spacing: normal;
  font-weight: 300;
  font-size: 12px;
}
.box-image-text.blog .author-category a {
  font-weight: 500;
}
.box-image-text.blog .intro {
  text-align: left;
  margin-bottom: 20px;
}
#blog-homepage .post {
  margin-bottom: 30px;
}
#blog-homepage .post h2,
#blog-homepage .post h4,
#blog-homepage .post .author-category,
#blog-homepage .post .read-more {
  text-align: center;
}
#blog-homepage .post .read-more {
  margin-top: 20px;
}
#blog-post #post-content {
  margin-bottom: 20px;
}
#blog-post .comment {
  margin-bottom: 25px;
}
#blog-post .comment:before,
#blog-post .comment:after {
  content: " ";
  display: table;
}
#blog-post .comment:after {
  clear: both;
}
#blog-post .comment:before,
#blog-post .comment:after {
  content: " ";
  display: table;
}
#blog-post .comment:after {
  clear: both;
}
#blog-post .comment .posted {
  color: #999999;
  font-size: 12px;
}
#blog-post .comment .reply {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
#blog-post .comment.last {
  margin-bottom: 0;
}
#blog-post #comments,
#blog-post #comment-form {
  padding: 20px 0;
  margin-top: 20px;
  border-top: solid 1px #eeeeee;
}
#blog-post #comments:before,
#blog-post #comment-form:before,
#blog-post #comments:after,
#blog-post #comment-form:after {
  content: " ";
  display: table;
}
#blog-post #comments:after,
#blog-post #comment-form:after {
  clear: both;
}
#blog-post #comments:before,
#blog-post #comment-form:before,
#blog-post #comments:after,
#blog-post #comment-form:after {
  content: " ";
  display: table;
}
#blog-post #comments:after,
#blog-post #comment-form:after {
  clear: both;
}
#blog-post #comments h4,
#blog-post #comment-form h4 {
  margin-bottom: 20px;
}
#blog-post #comment-form {
  margin-bottom: 20px;
}
.product {
  background: #fff;
  border-bottom: solid 1px #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 60px;
  overflow: hidden;
  text-align: center;
}
.product .image {
  overflow: hidden;
}
.product .image img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (max-width: 767px) {
  .product .image img.img-responsive {
    min-width: 100%;
  }
}
.product .text {
  padding: 10px;
}
.product .text h3 {
  font-size: 14px;
  font-weight: 700;
  height: 39.6px;
  text-transform: uppercase;
  letter-spacing: normal;
}
.product .text h3 a {
  color: #555555;
}
.product .text h3 a:hover {
  text-decoration: none;
}
.product .text p.price {
  font-size: 18px;
}
.product .text p.price del {
  color: #999999;
}
.product .buttons {
  clear: both;
  position: absolute;
  display: none;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: solid 0px transparent;
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-align: center;
}
.product .buttons .btn {
  margin-bottom: 20px;
}
.product:hover {
  border-bottom: solid 1px #808080;
  top: 0;
}
.product:hover .buttons {
  clear: both;
  position: absolute;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
}
.product:hover .image img {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.goToDescription {
  font-size: 12px;
  text-align: center;
  margin-bottom: 40px;
}
.goToDescription a {
  color: #999999;
  text-decoration: underline;
}
#productMain {
  margin-bottom: 30px;
}
#productMain .sizes {
  text-align: center;
}
#productMain .sizes h3 {
  font-weight: 700;
  letter-spacing: normal;
  text-transform: uppercase;
  margin-bottom: 40px;
}
#productMain .sizes a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #ccc;
  line-height: 40px;
  color: #555555;
  text-align: center;
  text-decoration: none;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
#productMain .sizes a.active,
#productMain .sizes a:hover {
  background: #38a7bb;
  color: #fff;
}
#productMain .sizes input {
  display: none;
}
#productMain .price {
  font-size: 40px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
#thumbs a {
  display: block;
  border: solid 1px transparent;
}
#thumbs a.active {
  border-color: #38a7bb;
}
#product-social {
  text-align: center;
}
#product-social h4 {
  font-weight: 300;
  margin-bottom: 10px;
}
#product-social p {
  line-height: 26px;
}
#product-social p a {
  margin: 0 10px 0 0;
  color: #fff;
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  line-height: 26px;
  font-size: 15px;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  vertical-align: bottom;
}
#product-social p a i {
  vertical-align: bottom;
  line-height: 26px;
}
#product-social p a.facebook {
  background-color: #4460ae;
}
#product-social p a.gplus {
  background-color: #c21f25;
}
#product-social p a.twitter {
  background-color: #3cf;
}
#product-social p a.instagram {
  background-color: #cd4378;
}
#product-social p a.email {
  background-color: #4a7f45;
}
@media (max-width: 991px) {
  #product-social {
    text-align: center;
  }
}
#checkout .nav {
  margin-bottom: 20px;
  border-bottom: solid 1px #38a7bb;
}
#checkout .nav li {
  height: 100%;
}
#checkout .nav li a {
  display: block;
  height: 100%;
}
#order-summary table {
  margin-top: 20px;
}
#order-summary table td {
  color: #999999;
}
#order-summary table tr.total td,
#order-summary table tr.total th {
  font-size: 18px;
  color: #555555;
  font-weight: 700;
}
#checkout .table tbody tr td,
#basket .table tbody tr td,
#customer-order .table tbody tr td {
  vertical-align: middle;
}
#checkout .table tbody tr td input,
#basket .table tbody tr td input,
#customer-order .table tbody tr td input {
  width: 50px;
  text-align: right;
}
#checkout .table tbody tr td img,
#basket .table tbody tr td img,
#customer-order .table tbody tr td img {
  width: 50px;
}
#checkout .table tfoot,
#basket .table tfoot,
#customer-order .table tfoot {
  font-size: 18px;
}
.shipping-method h4,
.payment-method h4 {
  text-transform: uppercase;
  letter-spacing: normal;
}
#customer-orders table tr th,
#customer-orders table tr td {
  vertical-align: baseline;
}
#customer-order .table tfoot th {
  font-size: 18px;
  font-weight: 300;
}
#customer-order .addresses {
  text-align: right;
  margin-bottom: 30px;
}
#customer-order .addresses p {
  font-size: 18px;
  font-weight: 300;
}
#customer-account {
  margin-bottom: 30px;
}
#get-it {
  background: #38a7bb;
  padding: 50px 0 30px;
  color: #fff;
  text-align: center;
}
#get-it h1,
#get-it h2,
#get-it h3,
#get-it h4,
#get-it h5,
#get-it h6 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: normal;
  margin: 0 0 20px;
}
#get-it p {
  margin: 0 0 20px;
}








#footer { 
  background-color: #1b1b1b; position: fixed; bottom:0px; width:100%;
  padding: 0px 0px 5px 0px;margin:0px 0 0 0; border: none;
}
#footer ul {
  padding: 0; margin: 0 0px 0 0px;
  list-style: none; text-align:center;
}
#footer ul li{ margin:0; padding:0; color:#FFFFFF; text-shadow:0px 1px 1px #1b1b1b; font-family: 'roboto condensed', Helvetica, sans-serif; font-size:.9em; font-weight:400;
}
#footer ul li a{ margin:0; padding:0; color:#FFFFFF;
}













#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: #eeeeee;
}
#footer h4 {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: normal;
}
#footer ul a {
  color: #999999;
}
#footer ul a:hover {
  color: #38a7bb;
  text-decoration: none;
}
#footer .photostream div {
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%;
  padding: 7.5px;
  overflow: hidden;
}
#footer .photostream div a {
  border: solid 1 px #eeeeee;
}
#footer .photostream div img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#footer .photostream div:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#footer .blog-entries .item {
  clear: both;
  padding: 5px 0 ;
  margin-bottom: 10px;
  border-bottom: solid 1px #555555;
}
#footer .blog-entries .item .image {
  float: left;
  width: 15%;
  margin-right: 10px;
}
#footer .blog-entries .item .name {
  width: 75%;
  margin-left: 10px;
  display: table-cell;
  vertical-align: middle;
}
#footer .blog-entries .item .name h5 {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: normal;
  font-size: 12px;
}
#footer .blog-entries .item .name h5 a {
  color: #eeeeee;
}
#footer .blog-entries .item .text {
  width: 100%;
  clear: both;
}
#footer .blog-entries .item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
#footer .social a {
  color: #555555;
  font-size: 25px;
  margin: 0 10px 0 0;
}
#footer .social a:hover {
  color: #38a7bb;
}
#copyright {
  background: #333; 
  color: #ccc;
  padding: 50px 0;
  font-size: 12px;
  line-height: 28px;
}
#copyright p {
  margin: 0;
}
@media (max-width: 991px) {
  #copyright p {
    float: none !important;
    text-align: center;
    margin-bottom: 10px;
  }
}
[data-animate] {
  opacity: 0;
  filter: alpha(opacity=0);
}
#style-switch-button {
  position: fixed;
  top: 100px;
  left: 0px;
  border-radius: 0;
}
#style-switch {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  padding: 20px;
  position: fixed;
  top: 140px;
  left: 0;
  background: #fff;
  border: solid 1px #eeeeee;
}
@media (max-width: 991px) {
  #style-switch-button {
    display: none;
  }
  #style-switch {
    display: none;
  }
}
/* Original Boostrap template overwrite */
/* breadcrumbs */






















/* nav */
.nav > li > a {
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus { background:none; color:#1b1b1b; text-decoration:none;
}
.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #38a7bb;
}
.nav-tabs {
  border-bottom: 1px solid #38a7bb; 
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #38a7bb;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #38a7bb;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: solid 1px #38a7bb;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  /*margin-bottom: 5px;*/
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #38a7bb;
}
























@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #38a7bb;
    border-radius: 0 0 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}







.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 0px;
  margin-left: 0;
}




.pnel.sidebar-menu.with-icons ul.nav li.active a:after {
  font-family: 'FontAwesome';
  content: "\f105";
  position: relative;
  top: 0; padding:0;
  float: right;
}

.pnel.sidebar-menu.with-icons ul.nav li.active a:after{
  font-family: 'FontAwesome';
  content: "\f002";
  position: relative;
  top: 0;
  float: right;
}







.nav-justified {
  width: 100%;
  border-bottom: solid 1px #38a7bb;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  /*margin-bottom: 5px;*/
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #38a7bb;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #38a7bb;
    border-radius: 0 0 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
/* navbar */
.navbar {
  position: relative;
  margin-bottom: 0;
  border-bottom: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 0px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-affixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 62px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 14px;
  margin-bottom: 14px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-nav {
  margin: 10.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 14px;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; 
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-btn.btn-sm {
  margin-top: 16px;
  margin-bottom: 16px;
}
.navbar-btn.btn-xs {
  margin-top: 20px;
  margin-bottom: 20px;
}
.navbar-text {
  margin-top: 21px;
  margin-bottom: 21px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color:; 
  border-color: #cccccc;
  border-bottom: none;
}
.navbar-default .navbar-brand {
  color: #555555;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #3b3b3b;
  background-color:;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #38a7bb;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #cccccc;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #555555;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #38a7bb;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #38a7bb;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #555555;
}
.navbar-default .navbar-link:hover {
  color: #555555;
}
.navbar-default .btn-link {
  color: #555555;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #555555;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc;
}
/* scaffolding */
body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #1b1b1b !important;
  
}
a {
  color: #0066cc;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #267280;
  text-decoration:;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

p{
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}

.img-rounded {
  border-radius: 0;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
@media (max-width: 991px) {
  .breadcrumb {
    padding: 20px 0;
    text-align: center;
  }
}
/* dropdowns */
.dropdown-menu {
  z-index: 1000;
  font-size: 14px;
  background-color: #ffffff;
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
  
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  padding: 5px 20px;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
/* labels */
.label {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: normal;
}
/* forms.less */
label {
  font-weight: normal;
}
.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.form-control:focus {
  border-color: #38a7bb;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(56, 167, 187, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(56, 167, 187, 0.6);
}
.form-group {
  margin-bottom: 5px;
}
/* pager*/
.pager {
  margin: 20px 0;
  border-top: solid 1px #eeeeee;
  padding-top: 20px;
  text-transform: uppercase;
  letter-spacing: normal;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  background-color: #ffffff;
  border: 1px solid #38a7bb;
  border-radius: 0;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #38a7bb;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #ffffff;
  border-color: #ddd;
}
/* pagination */
.pagination {
  margin: 20px 0;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  border-radius: 0;
}
.pagination > li > a,
.pagination > li > span {
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #38a7bb;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #38a7bb;
  background-color: #a7dbe5;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #38a7bb;
  border-color: #38a7bb;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: #ffffff;
  border-color: #dddddd;
}
/* responsive utilities */
@media (max-width: 767px) {
  .text-center-xs {
    text-align: center !important;
  }
  .text-center-xs img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-center-sm {
    text-align: center !important;
  }
  .text-center-sm img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

}
/* type */


h2,
.h2,
h3,
.h3 {
	margin:0;	
	font-family: 'Roboto', sans-serif;
}

h1{
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1em;
  color: #333333;
    margin-top: 5px;
  margin-bottom: 5px;
  font-size:2em;

}
.lead {
  margin-bottom: 20px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
.text-small {
  font-size: 12px;
}
.text-large {
  font-size: 18px;
}
.text-italic {
  font-style: italic;
}
.text-primary {
  color: #38a7bb;
}
a.text-primary:hover {
  color: #2c8494;
}
.bg-primary {
  color: #fff;
  background-color: #38a7bb;
}
a.bg-primary:hover {
  background-color: #2c8494;
}
abbr[title],
abbr[data-original-title] {
  border-bottom: 1px dotted #999999;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 14px;
  border-left: 5px solid #38a7bb;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #999999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  border-right: 5px solid #38a7bb;
}
address {
  margin-bottom: 20px;
  line-height: 1.42857143;
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-group {
  margin-bottom: 50px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
  overflow: hidden;
}
.panel-group .panel + .panel {
  margin-top: 0px;
}
.panel-group.accordion .panel {
  border-color: #ccc;
}
.panel-primary { text-align:left; text-shadow:0px 1px 1px #ffffff;
 
}
.panel-primary > .panel-heading {

  background-color: #ffffff;
}




.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #38a7bb;
}
.panel-primary > .panel-heading .badge {
  color: #38a7bb;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #38a7bb;
}
.panel-primary .panel-title { font-weight:300;
 
}
.panel-primary .panel-title a:hover {
  color: #003366;  text-shadow:0px 1px 1px #ffffff;
  text-decoration: none;
}
a.badge:hover,
a.badge:focus {
  color: #003366; text-shadow:0px 1px 1px #1b1b1b;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #38a7bb;
  background-color: #ffffff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.progress-bar-primary {
  background-color: #38a7bb;
}
.progress-striped .progress-bar-primary {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup.use-yamm,
.yamm .dropdown.use-yamm {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 15px;
  right: 15px;
}






@media (min-width: 768px) {
  .navbar-nav {
    float: left; width:70%;
    margin: 0;text-align:center;
  }
  .navbar-nav > li {
    float: left; width:13%;
  }
    .navbar-nav > li > a i{ width:100%; text-align:center; margin:0px; padding:0px; font-size:2em;
  }

  .navbar-nav > li > a {text-align:center; text-decoration:none;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}


/* Logo */
.logo {
margin:0px; padding:0px 0px 0px 8px; font-family:'Roboto', Helvetica, sans-serif; width:30%;
}
.logo a {
margin:0px 0px 0px 0px;  padding:0px 0px 0px 0px; float:left;}
.logo a img { margin:5px -18px 0px 0px; padding:0px 0px 0px 0px; float:left;}


.logo span{
 font-family: 'Roboto', sans-serif;font-size:1.1em; line-height:1.2em; font-weight:400; float:left; text-align:left; color: #ffffff; letter-spacing: normal; margin:0px 0px -1px 2px; padding:0px 0px 0px 0px;text-shadow:0px 0px 1px #003366;}

.logo span p{
color:rgba(255,255,255,0.9);font-size:2.5em; font-weight:700; float:left; text-transform:; letter-spacing:-0.02em; font-family:'oswald', Helvetica, sans-serif; margin:19px 0px 4px 7px;text-shadow:0px 1px 1px #000000;}

.text-rotation {font-size:.75em; float:left; font-family:'Roboto', Helvetica, sans-serif; color:rgba(255,255,255,0.9);text-transform: uppercase; margin:25px -30px 0px 0px; font-weight:500; letter-spacing:0.05em; text-shadow:0px 1px 1px #000000;
                transform: rotate(-90deg);
                -webkit-transform: rotate(-90deg);
                -moz-transform:rotate(-90deg);
				-ms- transform: rotate(-90deg);
}
.logo_sm{color:#FFCC00; font-size:.6em;font-family:'open sans', Helvetica, sans-serif;font-weight:600; letter-spacing:0.06em; float:left; margin:2px 0px 0px 10px; padding:0px;text-shadow:0px 0px 1px #1b1b1b;}





.navbar-default .navbar-nav > li > a {
  color: #ffffff; 
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
background-color:rgba(0,0,0,0.4);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color:rgba(0,0,0,0.9);
}


.navbar {
  border: none;background-color:rgba(0,0,0,0.4); padding:0px 0px 0px 0px;
}

.navbar ul.nav > li > a {
  text-transform:; font-family:'Roboto', Helvetica, sans-serif; font-weight:400; letter-spacing:normal;
  text-decoration: none;margin:15px 0px 0px 0px; padding: 10px 0px 3px 0px; font-size:1.05em; line-height:1.3em;
  border-top: solid 0px transparent;
}
.navbar ul.nav > li > a:hover {
  border-top: solid 0px #38a7bb;
}
.navbar ul.nav > li.active > a,
.navbar ul.nav > li.open > a {
  text-decoration: none !important;
}



.navbar ul.dropdown-menu {
  margin: 0;
  padding: 0;
}
.navbar ul.dropdown-menu li {
  list-style-type: none;
  border-bottom: solid 0px #eeeeee;
  text-transform: uppercase;
  letter-spacing: normal;
  padding:0px;
}
.navbar ul.dropdown-menu li a {
  position: relative;
  color: #999999;
  font-size: 12px;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  left: 0;
}
.navbar ul.dropdown-menu li a:hover {
  color: #38a7bb;
  text-decoration: none;
  background: none;
  left: 0px;
}



.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #FFFFFF !important;
  color: #0066cc;border-color: #FFFFFF !important;
}





.yamm .yamm-content {
  padding:10px; margin:0px;font-family:'Roboto', Helvetica, sans-serif;
}

.navbar .yamm-content h5 {
  text-transform: uppercase;font-family:'Open Sans', Helvetica, sans-serif;
  padding: 0px; margin:0px; color: #222222; font-weight:600; letter-spacing:normal;
  border-bottom: dotted 0px #555555; font-size:1.2em; line-height:1.1em;
}
.navbar .yamm-content ul {
  margin:0px 0px 0px 0px;
  padding: 0;
}
.navbar .yamm-content ul li {
  border-bottom: solid 0px #eeeeee; margin:0px;font-family:'Roboto', Helvetica, sans-serif;
  text-transform: none;line-height:1.15em; font-weight:300;
  padding:0px;
}
.navbar .yamm-content ul li a {
  position: relative; font-family:'Open Sans', Helvetica, sans-serif;
  color: #0088cc;font-weight:400;
  font-size:1.1em; line-height:1.15em;
  display: inline-block;text-shadow: 0px 0px 1px #eeeeee;
}
.navbar .yamm-content ul li a:hover {
  color: #003366;
  text-decoration: none;
}
.navbar .yamm-content .banner {
  margin-bottom: 10px;
}
.navbar .yamm-fw .dropdown-menu {
  padding:0 0 10px 0; border:none;
}

.font-lg span{ display:none;}





.yamm-content .font-lg{font-family:Arial, Helvetica, sans-serif; font-size:1.15em; line-height:1.25em !important; word-spacing:-0.05em; letter-spacing:-0.06em; margin:0px; padding:0px;}

.yamm-content .font-lg span{font-size:.85em !important; font-weight:400;}
.font-lg span i{ line-height:.4em;}







/***Form Styles***/
#search_form {background:rgba(0,0,0,0.4);
position: relative;
display: block; margin-top:20%;
    margin-left: auto;
    margin-right: auto; width:60%;
padding: 10px 170px 10px 10px;
border: 3px solid rgba(0,0,0,0.4);
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
-o-border-radius: 10px; 
border-radius: 10px; 
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5), inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5); 
-moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5), inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5); 
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5), inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

#search_text {font-size: 20px; color: #5e5e5e; float: left; width: 100%; height:55px; margin: 0; padding: 5px 10px 5px 10px; border: none; webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.5);}

#search_text:focus {background: #ecf5fd;}

#search_button {
background:rgba(192,0,0,0.6);
font-size: 20px; line-height: 40px; color: #ffffff; text-shadow: 0px 1px 1px #641010; float: right; width: 130px; height: 55px; margin: 0 -160px 0 0; padding: 0; border: 1px solid rgba(192,0,0,0.9); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);}

#search_button:hover {background: #e03c4c; cursor: pointer;}

/***Clear floats***/
.clearfix:before, .clearfix:after {content: ""; display: table;}

.clearfix:after {clear: both;}

.clearfix {zoom: 1;}

/***Form adjustments for the small screen***/
@media screen and (max-width: 799px), screen and (max-width: 768px) and (orientation: portrait) { 


	#search_form {padding: 10px 120px 10px 10px;}

	#search_text {font-size: 16px; height: 20px;}
	
	#search_button {font-size: 16px; line-height: 30px; width: 80px; height: 30px; margin: 0 -110px 0 0;}

}

















.caret2{
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}




.box-image-text {
  position: relative;
  overflow: hidden;
  text-align: left; padding:0;
  margin: 0px 0 0px 0px;
}
.box-image-text .top {
  position: relative;
  margin-bottom: 0px;
}
.box-image-text .top img{
display:none;
}
.box-image-text img{
width:100%; height:125px;display:none;
}

.box-image-text .top .bg {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #38a7bb;
}
.box-image-text .top .name {
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #fff;
  padding: 0 20px;
}
.box-image-text .top .name h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: normal;
}
.box-image-text .top .name h3 a {
  color: #fff;
  text-decoration: none;
}
.box-image-text .text {
  position: absolute;
  width: 100%;
  top: 0;
  -webkit-transform: translate(0, -150%);
  -ms-transform: translate(0, -150%);
  -o-transform: translate(0, -150%);
  transform: translate(0, -150%);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #fff;
  padding: 0px;
}















.content h3,
.content h4,
.content h4 a {
 line-height:1.2em !important; font-size:1.1em !important; font-family:Arial, Helvetica, sans-serif !important;
  margin:0px; padding:0px; text-transform:none;
  color: #0066cc !important; 
  text-shadow: 0px 0px 1px #ffffff;
}
.content h4 a:hover { text-decoration:underline !important;}

.box-image-text .content p {
  color: #444444;
  font-size:.95em !important;
  text-transform:none;
  line-height:.95em; font-weight:400;
  margin:0px 5px 0px 0px; padding:0px;
}
.box-image-text:hoer .bg {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.box-image-text:hoer .name {
  position: absolute;
  -webkit-transform: translate(0, -75%);
  -ms-transform: translate(0, -75%);
  -o-transform: translate(0, -75%);
  transform: translate(0, -75%);
}
.box-image-text:hoer .text {
  position: absolute;
  -webkit-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
}






.contact{ line-height:1.45em;}







/*
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
 and (orientation: landscape) 
  
   {
 
.box2{background-color:rgba(255,255,255,0.85); height:48px; padding:0px 0 0 0; position: relative; top:0; font-size:.83em; line-height:1.07em; font-family: Arial, Helvetica, sans-serif;}

.margn-top-55{ margin-top:20px !important;}

.products{ height:214px;}



.maindept{ font-size:.9em; line-height:1em;}


h1.w3ls-title.w3ls-title1 {
 color: #ffffff; text-shadow:0px 1px 1px #1b1b1b; margin: 0 0 0 0 !important; font-family: 'roboto', Helvetica, sans-serif; font-size:2em !important; line-height:.7em; font-weight:300;text-transform:; text-align: center !important; background:none; padding-left:7px; }

.social-icons ul li {
    display:inline !important; font-family:'roboto condensed', Helvetica, sans-serif; color: #ffffff; text-shadow:0px 1px 1px #1b1b1b; margin: 0 10px 0 0; padding:0 5px 0px 5px; font-size:1em; line-height:1.1em; width:100% !important; 
}

ul.nav-pills { width:100%; margin:0px 0 0px 0; padding:0 0 0 0;background-color:#318acf;}

.nav-pills > li > a { font-family:'roboto', Helvetica, sans-serif; color:#ffffff !important; text-shadow:0px 1px 1px #666666;  padding:0 5px 0px 5px !important; font-size:1em !important; height:60px; line-height:1.1em; font-weight:400 !important;text-align:center !important; border-radius:0 !important;}


.nav-pills > li > a:hover {color:#ffffff !important;text-shadow:0px 1px 1px #666666;  padding:0 5px 0px 5px !important;  font-size:1em !important; line-height:1.1em; font-weight:400 !important;text-align:center !important; border-radius:0 !important; text-decoration: underline !important;
}

.w3-agile-footer {
    background:#1b1b1b; width:100%; margin:0; height:200px;
    padding: .3em 0 0em 0;position: fixed; z-index:1;
    left: 0;bottom:0em;
    text-decoration: none;
}

.tab-pane h3{font-family: 'Roboto condensed', Helvetica, Arial, sans-serif;
  font-weight: 400;margin:-10px 0 3px 0; color: #1b1b1b; font-size:1.6em; line-height:.9em; text-shadow:0px 1px 1px #ffffff;
}
.alert-warning {
 color: #ffffff; text-shadow:0px 0px 1px #1b1b1b; font-family: 'Roboto condensed', Helvetica, sans-serif; font-weight:400; font-size:1em; line-height:1.1em;
  background-color: rgba(0,0,0,0.7);border-color: #1b1b1b;
}

.footer-grid-info2 ul{
	margin:5px 0px 0px 0px; padding:0px;
}

.footer-grid-info2 ul li{
	display:block !important;color: #cccccc; text-align:left;text-shadow:0px 1px 1px #000000;font-family: 'Roboto', Helvetica, sans-serif; font-weight:400; margin:0px 0px 5px 0px; padding:0px; font-size:1em; line-height:1.1em;
}


        #eventlist {width:100% !important; margin:5px 0px 0px 0; padding:0px 0px 0px 0px; border:none;overflow: hidden;}


        #eventlist li {width:100% !important; height: auto; display:inline; padding:0px 0px 5px 0px; margin:0 0 5px 0;color:#1b1b1b;font-family:'Roboto', Helvetica, sans-serif; border:none; border-bottom:1px dashed #999999; position:inherit; float:left;}

        #eventlist li:last-child {border-bottom:0px dashed #999999;}

	
.eventtitle{width:100% !important; color:#cccccc; text-align:left !important; font-size:.8em; margin:0; padding:0; line-height:1em; font-weight:500;}				
		
	.cal{ display:inline-block !important;font-family:'Roboto', Helvetica, sans-serif;float:left; background-color:;color:#ffffff;text-shadow:0px 1px 1px #1b1b1b;border:1px solid #999999; width:34px; height:38px;padding:2px 0px 0px 0px;font-size:1em;margin:0px 2px 0px 0px;font-weight:500;text-align: center;line-height:1.1em; text-transform: uppercase;}
	

.cal_num{font-family:'roboto condensed', Helvetica, sans-serif;font-size:1.7em;line-height:1em;font-weight:400; color:#ffffff;text-shadow:0px 1px 1px #1b1b1b; margin:0px 0 0 0; padding:0 0 0px 0;}

		.dat{ font-family:'Roboto', Helvetica, sans-serif; color: #999999; font-weight:500;font-size:.7em; line-height:.9em; margin:0px 0 0 0; padding:0;text-shadow:0px 1px 1px #1b1b1b; text-align:left !important; }


		.summary{width:52.5% !important;font-family:'Roboto Condensed', Helvetica, sans-serif;font-weight:400; font-size:.95em; line-height:1em; margin:-12px 0px 0px 43px !important; padding:0px 0px 0px 0px; text-align: left !important; color: #ffffff;text-shadow:0px 1px 1px #1b1b1b; float:left;}


        .location {font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:1px 0px 0px 0px;padding:0px; color: #cccccc; line-height:1.05em; text-align: left; font-weight:400;text-shadow:0px 1px 1px #1b1b1b;}		
		
        .location2 {width:100% !important; font-family:'Roboto Condensed', Helvetica, sans-serif; font-size:.8em; margin:3px 0px 0px 0px; padding:0px; color: #ffffff; line-height:1.2em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%; display:none;}


        .description { width:70%; font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:0px 0px 0px 0px;padding:0px; color: #cccccc !important; line-height:.9em;text-align: left; font-weight:400;text-shadow:0px 1px 1px #1b1b1b; float:left;}


        #eventlist li a{font-family:'Roboto', Helvetica, sans-serif; font-size:1.1em; line-height:1em; font-weight:400; margin:0px 0px 0px 0px; padding:0px;text-align: left !important; color: #FFFF66; text-shadow:0px 1px 1px #1b1b1b;

}
        #eventlist li a:hover{ }		


}
*/









/*
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (orientation: portrait)
   {

body{max-height:100% !important;}


.w3-agile-footer {
    background: #ffffff; width:100%; margin:0em 0 0em 0 !important; position: inherit !important;
    padding: 0em 0 0em 0 !important;
}

.footer-grid{ border-right:0px !important; margin-top:5px; height:0px !important; box-shadow: 0px 0px 0px #999999;}

.footer-grid3{ width:100%; margin:20px 0 0 0px; padding:0px 0 10px 0; background-color:#ffffff; height:160px !important;position: absolute !important; bottom:0 !important; }

}
*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
 and (orientation: portrait) 
  
   {

.contact-info{background-color:#ffffff;height:40vh; padding-top:0px; border-right:4px solid #e8e8e8;}


.box2{ width:100%; background-color:rgba(255,255,255,0.85) !important; height:48px; padding:0px 0 0 0; margin:0px; position: relative; bottom:0;font-size:.83em; line-height:1.07em; font-family: 'Roboto', Helvetica, sans-serif;}



.box-simple {
  text-align: center; padding:5px 0 0 0;height:48px; width:12.5%; display:inline-block;
  margin:0px 0 0px 0; float:left; 
}

.box-simple:hover{
  text-align: center; padding:5px 0 0 0;height:48px; width:12.5%; display:inline-block;
  margin:0px 0 0px 0; float:left; background-color:rgba(255,255,255,0.6);
}

.box-simple a .icon {
   margin: 3px auto 7px auto; padding:0; text-shadow:0px 1px 1px #ffffff; text-align:center;
  border: none; font-size:1.3em;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.box-simple a .icon:hover {
   margin: 3px auto 7px auto; padding:0; text-shadow:0px 1px 1px #ffffff; text-align:center;
  border: none; font-size:1.3em;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.box-simple a{ font-family:'Roboto condensed', Helvetica, sans-serif; text-transform: none;
  color: #555555;text-shadow:0px 1px 1px #ffffff;padding:0; margin:0;
}
.box-simple a:hover { text-decoration:none; color:#222222;text-shadow:0px 1px 1px #ffffff; }

.box-simple:hover .icon { color:#1b1b1b;
}

   
.mainpage{width:100%; height:150px; margin-bottom:10px !important;}

.btn-groups{font-size:.85em; font-family:'Roboto', Helvetica, sans-serif; font-weight:400; text-transform:uppercase; color: #ffffff; margin:0px 0px 0px 0;padding:1px 1% 3px 1%;text-align:right;text-shadow:0px 1px 1px #333333;}

.btn-groups button{background: none; font-family:'Roboto', Helvetica, sans-serif; border: none;color:#ffffff; font-weight:300;text-shadow:0px 1px 1px #333333;}


/* breadcrumbs */
.breadcrumb {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size:1em; line-height:1em; font-weight:400; margin:0px 0 0 0px; padding:3px 0 0 5px;
  color: #ffffff; text-shadow:0px 1px 1px #333333;
}

.breadcrumb > li + li:before {
  content: "\25b6"; font-size:.7em; float:left; padding-top:0px;
  color: #ffffff;text-shadow:0px 1px 1px #333333;
}
.breadcrumb > li > a {
  color: #FFFF66 !important;text-shadow:0px 1px 1px #333333;
}

.breadcrumb a:hover { text-decoration: underline;
}

.decrease-me{ padding:0 2px 0 2px; font-size:.7em; }
.increase-me{ padding:0 2px 0 2px; font-size:.7em; }


.margn-top-55{ margin-top:20px !important;}

.products{ height:190px;}


.maindept{ font-size:.9em; line-height:1em;}

h1.w3ls-title.w3ls-title1 {
 margin: -5px 0 5px 0 !important; padding:0px; font-size:3.2em !important; }




.searchbox{background-color:rgba(0,0,0,0); height:86px; padding:12px 12px 10px 12px; border-top:1px solid #cccccc; border-radius:0px; margin:20px 5px 0 5px;}

.header-text {background-color:rgba(0,0,0,0.3); border:1px solid #CCCCCC; margin:90px 100px 0 100px; padding:20px 0 0 0px;}

.header-text1{font-size:1.3EM; color:#FFFFFF; text-shadow:0px 1px 1px #1b1b1b; margin:0 0 -8px 18px;}

.header-text2{font-size:3.6EM; font-family:'Work Sans', Helvetica, sans-serif; font-weight:900; color:#FFFFFF; text-align:center;}

.header-text3{font-size:1.3EM; color:#FFFFFF; text-shadow:0px 1px 1px #1b1b1b; margin:-8px 18px 0px 0px; text-align:right;}


.alert { 
  padding:5px; margin:25% 0 0 0;
  border: 1px solid transparent;
  border-radius: 4px; background-color:#CC0000;
}
.mainmid{ top:26.5% !important; position:absolute;}

.alert-dismissable,
.alert-dismissible {
  padding-right: 5px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -10px;
  right: 0px;
  color: inherit;
}

.alert h4 {font-family:'Roboto', Helvetica, sans-serif; font-weight:500;
  margin-top: 0; margin-bottom:0px; font-size:1.8em; background:none;
  color: #ffffff;  text-shadow:0px 1px 1px #990000;
}

.alert-danger {
  color: #ffffff;text-shadow:0px 1px 1px #990000; font-family:'Roboto', Helvetica, sans-serif;
  background-color: #cc0000;
  border-color: #990000;
}

.alert > ul {margin:0px; padding:0px;
}

.alert > ul > li { margin:0 0 5px 0; padding:0 0px 6px 0; line-height:1.15em; border-bottom:1px dashed #ffffff; font-size:1.1em;  font-weight:500; font-family:'Roboto', Helvetica, sans-serif; color:#FFFFFF;text-shadow:0px 1px 1px #990000; list-style:none;
}

.alert > ul > li:last-child {border-bottom:0px dashed #ffffff;margin-bottom:0px; padding-bottom:5px;
}
.close {
  float: right;
  font-size: 2.8em; font-family:'Roboto', Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #333333;
}
.close:hover,
.close:focus {
  color: #FFFF00 !important;
  text-decoration: none;
  cursor: pointer;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; color:#FFFF00 !important;
}



.w3-agile-footer { 
    background-color:#085DAD; width:100%; margin:0px; 
    padding:0px; height: auto; position: static;
    left: 0;bottom:0 !important;
    text-decoration: none;
}

.footer-grid-info2 ul{ 
	margin:8px 0px 0px 0px; padding:0px;
}

.footer-grid-info2 ul li{
	display:block !important;color:rgba(255,255,255,0.85);text-shadow:0px 1px 1px #085DAD;text-align:left;font-family: 'Roboto Condensed', Helvetica, sans-serif; font-weight:400; margin:0px 0px 1px 0px; padding:0px 0 4px 0; font-size:1em; line-height:1.1em;
}

.footer-grid-info2 ul li a{
		line-height:1.75em;
}


.footer-grid-heading h4{font-family: 'oswald', Helvetica, sans-serif; font-weight:500; width:100%; border-bottom:0px solid #ffffff;color: #ffffff !important; text-transform: ;font-size: 1.2em; line-height:1em; text-shadow:0px 1px 1px #085DAD;margin:-2px 0 5px 0;padding:0px;
}


h4 span a {font-family:'Roboto', Helvetica, sans-serif !important; font-weight:400;font-size:.7em !important; line-height:1.8em; margin:0px 0 0 0px; padding:0; color: #FFFF66;text-shadow:0px 1px 1px #085DAD !important; }


        #eventlist {width:100% !important; margin:-8px -5px 0px -5px !important; padding:0px 0px 0px 0px !important; border:none; }


        #eventlist li {width:100% !important; display:inline; padding:0px 0px 5px 0px; margin:0 0 5px 0;color:#ffffff;font-family:'roboto', Helvetica, sans-serif; border:none; border-bottom:1px dashed rgba(255,255,255,0.4); position:inherit; height:40px !important;}


        #eventlist li:first-child { line-height:.95em; }


        #eventlist li:last-child {border-bottom:0px dashed #999999; }

	
		.eventtitle{width:100% !important; font-family:'roboto', Helvetica, sans-serif; text-align:left !important; margin:0; padding:0px 0 0 0;}				
		
	.cal{ display:inline !important;font-family:'roboto condensed', Helvetica, sans-serif;float:left; color:#ffffff;border-right:1px solid rgba(255,255,255,0.4);padding:0px 3px 0px 0px;font-size:1em;margin:0px 2px 0px 0px;font-weight:300;text-align: center; font-size:.9em; line-height:1.1em; font-weight:400; text-transform: uppercase; letter-spacing:0.03em;}
	

.cal_num{font-family:'oswald', Helvetica, sans-serif;font-size:1.5em;line-height:1em;font-weight:400; color:#ffffff; margin:0px 0 0 0; padding:0 0 0px 0;}

		.dat{ font-family:'roboto condensed', Helvetica, sans-serif;text-align:left !important; font-size:.85em; line-height:1.1em;font-weight:400; }


		.summary{width:100% !important;font-family:'roboto condensed', Helvetica, sans-serif; font-size:.85em; font-weight:400; margin:0px !important;text-align: left !important;}


        .location {font-family:'roboto', Helvetica, sans-serif; margin:1px 0px 0px 0px;padding:0px; }		
		
        .location2 {width:100% !important; font-family:'roboto', Helvetica, sans-serif; font-size:.7em; margin:3px 0px 0px 0px; padding:0px; color: #ffffff; line-height:1.2em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%; display:none;}


        .description { font-family:'roboto', Helvetica, sans-serif; width:100%; font-size:.95em; line-height:1em; float:left;}


        #eventlist li a{font-family:'roboto', Helvetica, sans-serif;color: #FFFF66 !important;  margin-left:-2px; font-size:.9em; }
		
#eventlist li a:before{content:'';
}

        #eventlist li a:hover{ text-decoration: underline;  }		




        #eventlist4 {width:100% !important; margin:-5px -5px 0px -5px !important; padding:0px 0px 0px 0px; border:none;overflow: hidden;}


        #eventlist4 li {width:100% !important; display:inline; padding:0px 0px 3px 0px; margin:0 0 3px 0px;color:#ffffff;font-family:'roboto', Helvetica, sans-serif; border:none; border-bottom:1px dashed rgba(255,255,255,0.4); position:inherit; height:42px !important;}

        #eventlist4 li:first-child { line-height:.95em;}

        #eventlist4 li:last-child {border-bottom:0px dashed #999999; }

	
		.eventtitle4{width:100% !important; font-family:'roboto', Helvetica, sans-serif; text-align:left !important; margin:0; padding:0px 0 0 0;}				
		
	.cal4{ display:inline !important;font-family:'roboto', Helvetica, sans-serif;float:left; color:#ffffff;border-right:1px solid rgba(255,255,255,0.4);padding:0px 1px 0px 0px;font-size:1em;margin:0px 2px 0px 0px;font-weight:300;text-align: center; font-size:.8em; line-height:1.1em; font-weight:500; text-transform: uppercase; letter-spacing:0.03em;}
	

.cal_num4{font-family:'oswald', Helvetica, sans-serif;font-size:1.3em;line-height:1em;font-weight:700; color:#ffffff; margin:0px 0 0 0; padding:3px 0 11px 0;}

		.dat4{ font-family:'roboto', Helvetica, sans-serif;text-align:left !important; font-size:.9em; line-height:.8em;font-weight:400; padding-bottom:2px; padding-top:0px;}


		.summary4{width:80% !important;font-family:'roboto condensed', Helvetica, sans-serif;margin:0px !important;text-align: left !important; font-size:.85em; line-height:.95em;}


        .location {font-family:'roboto', Helvetica, sans-serif; margin:1px 0px 0px 0px;padding:0px; }		
		
        .location4 {width:100% !important; font-family:'roboto', Helvetica, sans-serif; font-size:.7em; margin:3px 0px 0px 0px; padding:0px; color: #ffffff; line-height:1.2em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%; display:none;}


        .description4 { font-family:'roboto', Helvetica, sans-serif; width:100%; font-size:.95em; line-height:1em;}


        #eventlist4 li a{font-family:'roboto', Helvetica, sans-serif;color: #FFFF66 !important;  margin-left:-2px; font-size:.9em;}
#eventlist4 li a:before{content:'';
}

        #eventlist4 li a:hover{ text-decoration: underline;  }		








.tab-pane li{line-height:1.25em; font-size:1em; color:#555555; font-family: 'Roboto', Helvetica, sans-serif; padding:5px 0px 5px 0; margin:0px 0 0 0; text-shadow:0px 1px 1px #ffffff;}

.tab-pane li p{line-height:1.25em; font-size:1.05em; color:#555555; font-family: 'Roboto', Helvetica, sans-serif; padding:0px 0px 5px 0; margin:0px 0 0 0; text-shadow:0px 1px 1px #ffffff;}


.tab-pane li strong{line-height:1.15em; font-size:1.05em; font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;margin:0px 0 0 0; color: #1b1b1b; text-shadow:0px 1px 1px #ffffff;

}

.tab-pane h2{font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;margin:0px 0 0px 0; color: #1b1b1b; font-size:1.15em; text-shadow:0px 1px 1px #ffffff;
}

.tab-pane h3{font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;margin:0px 0 0px 0; color: #333333; font-size:1.3em !important; line-height:.9em; text-shadow:0px 1px 1px #ffffff;
}

.tab-pane h4{font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 500;margin:0px 0 0px 0; color: #222222; font-size:1.15em; line-height:1em; text-shadow:0px 1px 1px #ffffff;
}

.tab-pane p{font-family: Arial, Helvetica, sans-serif;  color:#555555; text-shadow:0px 1px 1px #ffffff; margin-bottom:2px;line-height:1.5em; 
}

.tab-pane a{font-family: 'Roboto', Helvetica, sans-serif; color:#005B9A; text-shadow:0px 1px 1px #ffffff;
}

ul.nav-pills { width:100%; margin:0px 0px 0px 0; padding:0;}

.nav-pills li{margin:0px 0 -5px 0 !important; padding:13px 0 0px 0 !important;text-shadow:0px 1px 1px #ffffff; height:94px;}

.nav-pills li:last-child{border-right:0px solid rgba(255,255,255,0.4);}


.nav-pills > li > a { font-family:'roboto condensed', Helvetica, sans-serif; color:#555555 !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 5px 0 !important; font-size:1em !important; line-height:1.5em; font-weight:300 !important;text-align:center;}



.nav-pills > li > a:hover { font-family:'roboto condensed', Helvetica, sans-serif; color:#555555 !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:1em !important; line-height:1.5em; font-weight:300 !important;text-align:center;
}

 
.nav-pills > li.active {
color:#1b1b1b !important; text-shadow:0px 1px 1px #ffffff !important;
}

.nav-pills > li.active > a:hover {
color:#1b1b1b !important; text-shadow:0px 1px 1px #ffffff !important;
}

}




@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
 and (orientation: landscape) 
  
   {

  
ul.nav-pills { width:100%; margin:0px 0px 0px 0; padding:0;}

.nav-pills li{margin:0px 0 0px 0 !important; padding:13px 0 10px 0 !important;text-shadow:0px 1px 1px #ffffff; height:94px;}

.nav-pills li:last-child{border-right:0px solid rgba(255,255,255,0.4);}


.nav-pills > li > a { font-family:'roboto condensed', Helvetica, sans-serif; color:#555555 !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:1em !important; line-height:1.5em; font-weight:300 !important;text-align:center;}


.nav-pills > li > a:hover { font-family:'roboto condensed', Helvetica, sans-serif; color:#555555 !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:1em !important; line-height:1.5em; font-weight:300 !important;text-align:center;
}

 
.nav-pills > li.active {
color:#1b1b1b !important; text-shadow:0px 1px 1px #ffffff !important;
}

.nav-pills > li.active > a:hover {
color:#1b1b1b !important; text-shadow:0px 1px 1px #ffffff !important;
}




.mainpage{width:100%; height:150px; margin:-15px 0 10px 0 !important;}

.btn-groups{font-size:.85em; font-family:'Roboto', Helvetica, sans-serif; font-weight:400; text-transform:uppercase; color: #ffffff; margin:0px 0px 0px 0;padding:1px 1% 3px 1%;text-align:right;text-shadow:0px 1px 1px #333333;}

.btn-groups button{background: none; font-family:'Roboto', Helvetica, sans-serif; border: none;color:#ffffff; font-weight:300;text-shadow:0px 1px 1px #333333;}


/* breadcrumbs */
.breadcrumb {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size:1em; line-height:1em; font-weight:400; margin:0px 0 0 0px; padding:3px 0 0 0px;
  color: #ffffff; text-shadow:0px 1px 1px #333333;
}

.breadcrumb > li + li:before {
  content: "\25b6"; font-size:.7em; float:left; padding-top:0px;
  color: #ffffff;text-shadow:0px 1px 1px #333333;
}
.breadcrumb > li > a {
  color: #FFFF66 !important;text-shadow:0px 1px 1px #333333;
}

.breadcrumb a:hover { text-decoration: underline;
}

.decrease-me{ padding:0 2px 0 2px; font-size:.7em; }
.increase-me{ padding:0 2px 0 2px; font-size:.7em; }


.margn-top-55{ margin-top:20px !important;}

.products{ height:180px;}


.maindept{ font-size:.9em; line-height:1em;}

h1.w3ls-title.w3ls-title1 {
 color: #ffffff; text-shadow:0px 0px 0px #1b1b1b; margin:-10px 0 0px 0px !important; padding-top:0px; font-family:'roboto', Helvetica, sans-serif; font-size:3.4em !important; line-height:1.2em; font-weight:400;text-transform:; text-align: center !important; background:none; }





.searchbox{background-color:rgba(0,0,0,0); height:86px; padding:12px 12px 10px 12px; border-top:1px solid #cccccc; border-radius:0px; margin:20px 5px 0 5px;}

.header-text {background-color:rgba(0,0,0,0.3); border:1px solid #CCCCCC; margin:90px 60px 0 60px; padding:20px 0 0 0px;}

.header-text1{font-size:1.3EM; color:#FFFFFF; text-shadow:0px 1px 1px #1b1b1b; margin:0 0 -8px 26px;}

.header-text2{font-size:3.4EM; font-family:'Work Sans', Helvetica, sans-serif; font-weight:900; color:#FFFFFF; text-align:center;}

.header-text3{font-size:1.3EM; color:#FFFFFF; text-shadow:0px 1px 1px #1b1b1b; margin:-8px 26px 0px 0px; text-align:right;}


.mainmid{ top:22.5% !important; position:absolute;}

.alert {
  padding:5px; margin:0 0 0em 0; position:relative;
  border: 1px solid transparent;
  border-radius: 4px; background-color:#CC0000;
}


.alert-dismissable,
.alert-dismissible {
  padding-right: 5px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -10px;
  right: 0px;
  color: inherit;
}

.alert h4 {font-family:'Roboto', Helvetica, sans-serif; font-weight:500;
  margin-top: 0; margin-bottom:0px; font-size:1.8em; background:none;
  color: #ffffff;  text-shadow:0px 1px 1px #990000;
}

.alert-danger {
  color: #ffffff;text-shadow:0px 1px 1px #990000; font-family:'Roboto', Helvetica, sans-serif;
  background-color: #cc0000;
  border-color: #990000;
}

.alert > ul {margin:0px; padding:0px;
}

.alert > ul > li { margin:0 0 5px 0; padding:0 0px 6px 0; line-height:1.15em; border-bottom:1px dashed #ffffff; font-size:1.1em;  font-weight:500; font-family:'Roboto', Helvetica, sans-serif; color:#FFFFFF;text-shadow:0px 1px 1px #990000; list-style:none;
}

.alert > ul > li:last-child {border-bottom:0px dashed #ffffff;margin-bottom:0px; padding-bottom:5px;
}
.close {
  float: right;
  font-size: 2.8em; font-family:'Roboto', Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #333333;
}
.close:hover,
.close:focus {
  color: #FFFF00 !important;
  text-decoration: none;
  cursor: pointer;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; color:#FFFF00 !important;
}

.w3-agile-footer {
    background-color:#085DAD; width:100%; margin:0px; 
    padding:0px; height: auto; position: static;
    left: 0;bottom:0 !important;
    text-decoration: none;
}

.footer-grid-heading h4{font-family: 'oswald', Helvetica, sans-serif; font-weight:500; width:100%; border-bottom:0px solid #ffffff;color: #ffffff !important; text-transform: ;font-size: 1.2em; line-height:1em; text-shadow:0px 1px 1px #085DAD;margin:-2px 0 5px -3px;padding:0px;
}


h4 span a {font-family:'Roboto Condensed', Helvetica, sans-serif !important; font-weight:400;font-size:.75em !important; margin:0 0 0 3px; padding:0; color: #FFFF66;text-shadow:0px 1px 1px #333333 !important;}

.tab-pane h3{font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;margin:0px 0 3px 0; color: #1b1b1b; font-size:1.6em; line-height:.9em; text-shadow:0px 1px 1px #ffffff;
}

.footer-grid-info ul{
	padding:0;margin:8px 0 0 0;
}

.footer-grid-info2 ul{
	margin:12px 0px 0px 0px; padding:0px;
}

.footer-grid-info2 ul li{
	display:block !important;color:rgba(255,255,255,0.85);text-shadow:0px 1px 1px #085DAD;text-align:left;font-family: 'Roboto Condensed', Helvetica, sans-serif; font-weight:400; margin:0px 0px 2px 0px; padding:0px 0 2px 0; font-size:1em; line-height:1.5em;
}


        #eventlist {width:100% !important; margin:8px -5px 0px -5px !important; padding:0px 0px 0px 0px !important; border:none;overflow: hidden;}


        #eventlist li {width:100% !important; display:inline; padding:0px 0px 5px 0px; margin:0 0 5px 0;color:#ffffff;font-family:'roboto', Helvetica, sans-serif; border:none; border-bottom:1px dashed rgba(255,255,255,0.4); position:inherit;  height:35px !important;}


        #eventlist li:first-child { line-height:.95em; }


        #eventlist li:last-child {border-bottom:0px dashed #999999; }

	
		.eventtitle{width:100% !important; font-family:'roboto', Helvetica, sans-serif; text-align:left !important; margin:0; padding:0px 0 0 0;}				
		
	.cal{ display:inline !important;font-family:'roboto condensed', Helvetica, sans-serif;float:left; color:#ffffff;border-right:1px solid rgba(255,255,255,0.4);padding:0px 3px 0px 0px;font-size:1em;margin:0px 2px 0px 0px;font-weight:300;text-align: center; font-size:.9em; line-height:1.1em; font-weight:400; text-transform: uppercase; letter-spacing:0.03em;}
	

.cal_num{font-family:'oswald', Helvetica, sans-serif;font-size:1.5em;line-height:1em;font-weight:400; color:#ffffff; margin:0px 0 0 0; padding:0 0 0px 0;}

		.dat{ font-family:'roboto condensed', Helvetica, sans-serif;text-align:left !important; font-size:.85em; line-height:1.1em;font-weight:400; }


		.summary{width:100% !important;font-family:'roboto condensed', Helvetica, sans-serif; font-size:.85em; font-weight:400; margin:0px !important;text-align: left !important;}


        .location {font-family:'roboto', Helvetica, sans-serif; margin:1px 0px 0px 0px;padding:0px; }		
		
        .location2 {width:100% !important; font-family:'roboto', Helvetica, sans-serif; font-size:.7em; margin:3px 0px 0px 0px; padding:0px; color: #ffffff; line-height:1.2em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%; display:none;}


        .description { font-family:'roboto', Helvetica, sans-serif; width:100%; font-size:.95em; line-height:1em; float:left;}


        #eventlist li a{font-family:'roboto', Helvetica, sans-serif;color: #FFFF66 !important;  margin-left:-2px; font-size:.9em; }
		
#eventlist li a:before{content:'';
}

        #eventlist li a:hover{ text-decoration: underline;  }		




        #eventlist4 {width:100% !important; margin:-5px -5px 0px -5px !important; padding:0px 0px 0px 0px; border:none;overflow: hidden;}


        #eventlist4 li {width:100% !important; display:inline; padding:0px 0px 3px 0px; margin:0 0 3px 0px;color:#ffffff;font-family:'roboto', Helvetica, sans-serif; border:none; border-bottom:1px dashed rgba(255,255,255,0.4); position:inherit; height:41px !important;}

        #eventlist4 li:first-child { line-height:.95em;}

        #eventlist4 li:last-child {border-bottom:0px dashed #999999; }

	
		.eventtitle4{width:100% !important; font-family:'roboto', Helvetica, sans-serif; text-align:left !important; margin:0; padding:0px 0 0 0;}				
		
	.cal4{ display:inline !important;font-family:'roboto', Helvetica, sans-serif;float:left; color:#ffffff;border-right:1px solid rgba(255,255,255,0.4);padding:1px 1px 4px 0px;font-size:1em;margin:0px 2px 10px 0px;font-weight:300;text-align: center; font-size:.8em; line-height:1.1em; font-weight:500; text-transform: uppercase; letter-spacing:0.03em;}
	

.cal_num4{font-family:'oswald', Helvetica, sans-serif;font-size:1.3em;line-height:1em;font-weight:700; color:#ffffff; margin:0px 0 0 0; padding:3px 0 5px 0;}

		.dat4{ font-family:'roboto', Helvetica, sans-serif;text-align:left !important; font-size:.9em; line-height:.8em;font-weight:400; padding-bottom:4px; padding-top:2px;}


		.summary4{width:85% !important;font-family:'roboto condensed', Helvetica, sans-serif;margin:0px !important;text-align: left !important; font-size:.85em; line-height:.95em;}


        .location {font-family:'roboto', Helvetica, sans-serif; margin:1px 0px 0px 0px;padding:0px; }		
		
        .location4 {width:100% !important; font-family:'roboto', Helvetica, sans-serif; font-size:.7em; margin:3px 0px 0px 0px; padding:0px; color: #ffffff; line-height:1.2em; text-align:left; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%; display:none;}


        .description4 { font-family:'roboto', Helvetica, sans-serif; width:100%; font-size:.95em; line-height:1em;}


        #eventlist4 li a{font-family:'roboto', Helvetica, sans-serif;color: #FFFF66 !important;  margin-left:-2px; font-size:.9em;}
#eventlist4 li a:before{content:'';
}

        #eventlist4 li a:hover{ text-decoration: underline;  }		







}









@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 414px)
  and (orientation: portrait)
   {
 .contact-info2{height: auto;}  
html{ overflow-x: hidden !important;
}

body{ width:100% !important; height:100% !important;
	overflow-y: scroll !important;
	overflow-x: hidden !important;
}


.alert-success {
  color: #ffffff; text-shadow:0px 1px 1px #cc0000; font-size:1.1em; line-height:1.2em;
  background-color: #cc0000; border-color: #d6e9c6; padding:5px 0 5px 0;
}


.green{ background-color:#ffffff !important; color:#1b9b5d !important;}
.blue{ background-color:#ffffff !important; color:#0273c7 !important;}
.dkorange{ background-color:#ffffff !important; color:#d24726 !important;}
.purple{ background-color:#ffffff !important; color:#81397b !important;}
.dkblue{ background-color:#ffffff !important; color:#2b5699 !important;}
.dkred{ background-color:#ffffff !important; color:#a43639 !important;}
.dkpurple{ background-color:#ffffff !important; color:#5458af !important;}
.dkyellow{ background-color: #ffffff !important; color:#D5BA00 !important;}



.social-icons ul{margin:0px 0px 0px 0px !important; padding:0 0 0px 0 !important; text-align:center !important;border-bottom:0px solid #999999; 
}

.social-icons ul li {border:0px solid #cccccc; background-color:rgba(0,0,0,0);
 font-family: 'Roboto', Helvetica, sans-serif; font-weight:400;color: #1b1b1b; text-shadow:0px 0px 0px #ffffff;margin:0 2% 0px 0 !important; padding:4px 0px 3px 0px; font-size:1em;line-height:1.6em;text-align: center !important; float:left;
}


.social-icons ul li:first-child{margin-left:0px;border-right:0px solid #CCCCCC;

}

.social-icons ul li:last-child{margin-right:0px !important;border-left:0px solid #CCCCCC;

}

.social-icons ul li a{color: #003366 !important; text-shadow:0px 1px 1px #ffffff !important;
}  

h1.w3ls-title.w3ls-title1 {
 color: #1b1b1b !important; text-shadow:0px 1px 1px #ffffff; margin:0px 0 10px 0px !important; padding-top:0px; font-family:'roboto', Helvetica, sans-serif; font-size:1.7em !important; line-height:1em; font-weight:500;text-transform:; text-align: center !important; }


ul.nav-pills { width:100%; margin:0px 0px 0 0; padding:0 0 0 0;}

.nav-pills li{margin:0px 0 0px 0 !important; padding:1px 0 0px 0 !important; border-right:0px solid #CCCCCC; border-top:0px solid #CCCCCC;text-shadow:0px 1px 1px #ffffff; height:62px; opacity:.5;}

.nav-pills li:first-child{}

.nav-pills li:last-child{}

.nav-pills > li > a {font-family:'roboto', Helvetica, sans-serif; color:#1b1b1b !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:.8em !important; line-height:1em; font-weight:400 !important;text-align:center;}


.nav-pills > li > a:hover {font-family:'roboto', Helvetica, sans-serif; color:#555555 !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:.8em !important; line-height:1em; font-weight:400 !important;text-align:center;
}

 
.nav-pills > li.active {
text-shadow:0px 1px 1px #ffffff !important; opacity:1;text-decoration: none !important;border-right:0px solid #e8e8e8; border-top:0px solid #e8e8e8;
}

.nav-pills > li.active > a:hover {
color:#222222 !important; text-shadow:0px 1px 1px #ffffff !important; opacity:1;border-bottom:0px solid #999999;
}


.nav-pils > li.active > a:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 6px solid #1b1b1b;
  border-left: 10px solid rgba(0,0,0,0);
  border-right: 10px solid rgba(0,0,0,0);
  left: 44.5%;
  bottom:-6px;
  transition:none !important;
  -webkit-transition: none !important;
  -o-transition:none !important;
  -moz-transition:none !important;
  -ms-transition:none !important; border:none  !important;

}

.demoTwo li:first-child{border-bottom:1px solid #999999 !important;}
/* breadcrumbs */
.breadcrumb {
  font-family: "Roboto", Helvetica, Arial, sans-serif; text-align:left;
  font-size:1em; line-height:1em; font-weight:400; margin:0px 0 0 -10px; padding:3px 5px 0 0px;
  color: #555555; text-shadow:0px 1px 1px #ffffff;
}

.breadcrumb > li + li:before {
  content: "\25b6"; font-size:.7em; float:left; padding-top:0px;
  color: #333333;text-shadow:0px 1px 1px #ffffff;
}
.breadcrumb > li > a {
  color: #0066cc !important;text-shadow:0px 1px 1px #ffffff;
}

.breadcrumb a:hover { text-decoration: underline;
}





.alert { width:98% !important; position:absolute; left:0; z-index:99999999999999999999999999999999999;
  padding:5px 10px 5px 5px; margin:-140px auto 0 auto !important;
  border: 0px solid transparent;
  border-radius: 4px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 5px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -10px;
  right: 0px;
  color: inherit;
}

.alert h4 {font-family:'Roboto', Helvetica, sans-serif; font-weight:500;
  margin-top: 0; margin-bottom:0px; font-size:1.8em; background:none;
  color: #ffffff;  text-shadow:0px 1px 1px #990000;
}

.alert-danger {
  color: #ffffff;text-shadow:0px 1px 1px #990000; font-family:'Roboto', Helvetica, sans-serif;
  background-color: #cc0000;
  border-color: #990000;
}

.alert > ul {margin:0px; padding:0px;
}

.alert > ul > li { margin:0 0 5px 0; padding:0 20px 6px 0; line-height:1.1em; border-bottom:1px dashed #ffffff; font-size:1.15em;  font-weight:500; font-family:'Roboto', Helvetica, sans-serif; color:#FFFFFF;text-shadow:0px 1px 1px #990000; list-style:none;
}

.alert > ul > li:last-child {border-bottom:0px dashed #ffffff;margin-bottom:0px; padding-bottom:5px;
}
.close {
  float: right;
  font-size: 2.8em; font-family:'Roboto', Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #333333;
}
.close:hover,
.close:focus {
  color: #FFFF00 !important;
  text-decoration: none;
  cursor: pointer;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; color:#FFFF00 !important;
}


.w3-agile-footer {
    background: none !important; width:100% !important; margin:30px 0px 0 0px !important;
    padding: 0em 0px 0em -10px !important; position: inherit !important; 
}

.footer-grid{width:100% !important; border-right:0px !important; margin:0px; padding:0px;}

.footer-grid-heading h4 { width:100% !important; font-size:1.1em !important; font-family: 'roboto', Helvetica, sans-serif; color:#ffffff !important; text-shadow:0px 0px 1px #00cc33 !important; font-weight:500 !important; margin:0px !important; padding:5px 0 5px 15px !important; line-height:1em !important;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; background-color: #66CC00;
background-image:
    linear-gradient(
      to bottom, 
      rgba(0,0,0,0.01),  
	  rgba(0,0,0,0.1)
    );
}

.font-xs{font-size:1em !important; line-height:1.15em;}




#footer { 
  background-color: #1b1b1b; position: fixed; bottom:0px; width:100%;
  padding: 0px 0px 1px 0px;margin:0px 0 0 0; border: none;
}
#footer ul {
  padding: 0; margin: 0 0px 0 0px;
  list-style: none; text-align:center;
}
#footer ul li{ margin:0 0px 0 0; padding:3px 0 3px 0; color:#eeeeee; text-shadow:0px 1px 1px #1b1b1b; font-family: 'lato', Helvetica, sans-serif; font-size:.8em; line-height: normal; font-weight:700; border-right:1px solid #444444;border-top:1px solid #444444;
}
#footer ul li a{color:#eeeeee;
}

  
 h5x { font-size:1.33em !important; font-family: Arial, Helvetica, sans-serif !important; color:#333333; text-shadow:0px 1px 1px #ffffff; margin:0px 0px 0px 0px; padding:2px 0 8px 5px; line-height: normal !important;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; height:30px; 
background-image:
    linear-gradient(
      to bottom, 
      #f8f8f8,  
	  #eeeeee
    );
	}
h4x {font-size:1.3em !important; font-family: Arial, Helvetica, sans-serif !important; color:#333333 !important; text-shadow:0px 1px 1px #ffffff !important; font-weight: !important; margin:0px -15px -5px -15px; padding:5px 0 4px 5px !important; line-height:1em !important; border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;
background-image:
    linear-gradient(
      to bottom, 
      #f8f8f8,  
	  #eeeeee
    );
	}

h4 span a {font-family:'Roboto', Helvetica, sans-serif; font-weight:500;font-size:.65em; line-height:.7em; margin:0 0 0 10px; padding:0; color: #CC0000;text-shadow:0px 1px 1px #ffffff !important; }


.btn {
  font-weight: 500; margin:5px 0 10px 0;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: normal;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.42857143;
  border-radius: 0;
  background-color: #66CC00;
background-image:
    linear-gradient(
      to bottom, 
      rgba(0,0,0,0.01),  
	  rgba(0,0,0,0.1)
    );
}


hr.style-eight { width:80%; overflow: visible; /* For IE */ padding: 0; border: none; border-top: 1px solid #666666; color: #777777; text-align: center;}

hr.style-eight:after { font-family:'work sans', Helvetica, sans-serif; content:"Peabody City Hall"; display: inline-block; position: relative; top: -.9em; font-size: .95em; font-weight:400; text-shadow:0px 1px 1px #1b1b1b; padding:0px 6px 1px 6px; background-color:#1b1b1b; border:1px solid #666666; color:#ffffff; border-radius:3px; }




.font-xlg{ font-size:140% !important; line-height:130% !important; font-family:'roboto', Helvetica, sans-serif !important; font-weight:300;border:0px solid #444444 !important; text-shadow:0px 1px 1px #1b1b1b !important; padding:3px 0 3px 6px !important;}

 
  .main-contact{} 

 .main-contact ul{ font-family:'Roboto', Helvetica, sans-serif; margin:0 auto 0 auto; color: #666666; text-shadow:0px 1px 1px #ffffff; font-size:.95em; padding-left:10%; font-weight:400;} 
  
  
  .margin-top-40{ margin-top:0px !important;}



 .products{ display:none !important; }




h2 { font-size:1.35em !important; font-family:'Roboto', Helvetica, sans-serif; color:#1b1b1b; text-shadow:0px 1px 1px #ffffff; background-color:#eeeeee; font-weight:500 !important; margin:10px -15px 3px -15px; padding:0 0 0 15px; line-height:1.4em !important; }



h2 span {
  font-family: "Roboto", Helvetica, Arial, sans-serif; width:100%;
  font-weight: 400;
  line-height: 1em; margin-bottom:7px;
  color: #cc0000; font-size:.6em !important; float:left;
}


.social-icons ul li a{color: #1b1b1b !important; text-shadow:0px 1px 1px #ffffff !important;
}  

 .products{ display:none !important; }

.tab-pane .smallpage li{ margin:10px 0 10px 0px; padding:0px; border:none !important;
}
 
.tab-pne .smallpage li:first-child {margin:0px 0 10px 0; padding:0px; text-align:center; font-size:1.2em; line-height:1.2em; font-family:'Source Sans Pro', Helvetica, sans-serif; font-weight:400; color:#1b1b1b; text-shadow:0px 1px 1px #ffffff;
}


.tab-pane .smallpage li p{ margin:0px 0 0 0 !important; padding:0px; text-align:center; font-size:1em !important; line-height:1em; color:#1b1b1b; text-shadow:0px 1px 1px #ffffff;
}

.font-md{ font-size:.85em !important; line-height:1.05em !important; font-weight:500; color:#555555;text-shadow:0px 1px 1px #ffffff !important;}

.tab-content { margin:0; padding:0;
}

.tab-content > .active {
  display: block; padding-bottom:80px !important;
}

.tab-pane { margin:0 -8px 0 -10px; padding:0;
}

.tab-pane li{line-height: normal;font-size:1.05em; color:#444444;font-family:'Roboto', Helvetica, sans-serif;padding:7px 0px 7px 0; margin:0px 0 0 0; text-shadow:0px 1px 1px #ffffff;border-bottom:1px solid #999999; font-weight:300;}


.tab-pane p{color:#444444 !important; font-family: 'Roboto', Helvetica, sans-serif; padding:0; margin:0px 5px 5px 5px; text-shadow:0px 1px 1px #ffffff; font-size:1.1em; font-weight:300;}


.tab-pane li:first-child{border-top:0px solid #999999 !important; }

.tab-pane li:last-child{}

.padding-10{ padding:0px !important;}

h2{ font-size:1.2em !important; font-family: Arial, Helvetica, sans-serif; color:#333333; text-shadow:0px 1px 1px #ffffff; font-weight:400 !important; margin:-5px -15px -5px -15px; padding:5px 0 3px 15px; line-height:1em !important;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; text-align:left;
background-image:
    linear-gradient(
      to bottom, 
      #f8f8f8,  
	  #eeeeee
    );
}




.tab-pane a{ color:#0066cc; text-shadow:0px 1px 1px #ffffff;}

.margin-top-10{ margin-top:5px !important;}
.margin-top-5{ margin-top:5px !important;}
.margin-top-20{ margin-top:5px !important;}



#main_content_wrap {
  background: #fff;
  border-top: 0px solid #111;
  border-bottom: 0px solid #111;
}

#main_content {
  padding: 10px 5px 5px 5px; margin:0;
}


.select_box {
display:block; padding: 10px 0px 10px 3px !important; width: 90%; height: auto !important; margin:0px auto 8px auto; border: 3px solid #e8e8e8; border-radius: 0px; background: url(../img/selectbox_arrow.png) right center no-repeat; color: #1b1b1b; text-shadow:0px 1px 1px #ffffff; font-size: 16px; line-height: 14px !important;
appearance: none !important; /* this is must */
-webkit-appearance: none !important;
-moz-appearance: none !important; outline:none !important;


 }

  /* body select.select_box option */ .select_box option {width:100% !important; outline:none !important; height:10% !important; border-bottom:1px solid #999999 !important; }


 
  /* for IE and Edge */ .select_box::-ms-expand { display: none; } 
  
  .select_box:disabled::-ms-expand { background: #f60; }



.maindept {margin:0 0 -10px 0 !important; padding:0; border:0px solid #ffffff !important; background:#ffffff !important;}











/*
	background-image:
    linear-gradient(
      to bottom,   
	  rgba(255,255,255,0),
	  rgba(0,0,0,0)
    ); float:left;



background-color: red;
  background-image:
    radial-gradient(
      circle closest-side,
      #000000,
      #333333
    );
  background-image:
    linear-gradient(
      to left, 
      #0191C8,  
	  #0191C8
    );

*/

.tab-pane h3 { font-size:1.1em !important; font-family: 'roboto', Helvetica, sans-serif; color:#ffffff; text-shadow:0px 0px 1px #00cc33; font-weight:500 !important; margin:-7px -15px -5px -15px; padding:5px 0 5px 15px; line-height:1em !important;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; background-color: #66CC00;
background-image:
    linear-gradient(
      to bottom, 
      rgba(0,0,0,0.01),  
	  rgba(0,0,0,0.1)
    );
}


.tab-pane h4 { font-size:1.05em !important; font-family: 'roboto condensed', Helvetica, sans-serif; color:#333333 !important; text-shadow:0px 0px 1px #c8c8c8; font-weight:500 !important; margin:-7px -15px -5px -15px; padding:3px 0 3px 15px; line-height:1.2em !important;border-top:1px solid #f8f8f8;border-bottom:1px solid #e8e8e8; background-color: #f8f8f8;
background-image:
    linear-gradient(
      to bottom, 
      rgba(0,0,0,0.01),  
	  rgba(0,0,0,0.1)
    );
}

.box2{width:100% !important; margin:0px 0 0px 4px !important; padding:0px 0 0 0px !important;font-size:.85em; line-height:1.1em; background-color: #999999 !important; height:144px; border-left:1px solid #999999;
 }


.box-simple { width:24.3% !important;
  text-align: center; float:left; display:inline-block; padding-top:6px; margin:1px 1px 0px 0px !important; height:71px !important; border:0px solid #666666 !important; font-family:'Roboto Condensed', Helvetica, sans-serif;
  background-color: #ffffff;
  background-image:
    radial-gradient(
	rgba(255,255,255,0),
    rgba(0,0,0,0)
    );
}


.box-simple:hover{ width:24.3% !important;
  text-align: center; float:left; display:inline-block; padding-top:6px; margin:1px 1px 0px 0px !important; height:71px !important; border:0px solid #666666 !important; font-family:'Roboto Condensed', Helvetica, sans-serif;
  background-color: #ffffff;
  background-image:
    radial-gradient(
	rgba(255,255,255,0),
    rgba(0,0,0,0)
    );
}


.box-simple a .icon {
  margin: 0px auto 0px auto; background-color: !important;
  border:0px solid rgba(0,0,0,0.2); font-size:1.3em;
  -webkit-ransition: all 0.2s ease-out;
  -moz-ransition: all 0.2s ease-out;
  ransition: all 0.2s ease-out;
    width: 40px;
    height: 28px;
    border-radius:0;
    text-align: center !important;
    line-height: normal;
    vertical-align: middle !important;
    padding: 0px 0 0px 0; color: #333333 !important;
}

.box-simple a .icon:hover {
  margin: 0px auto 0px auto; background-color: !important;
  border:0px solid rgba(0,0,0,0.2); font-size:1.3em;
  -webkit-ransition: all 0.2s ease-out;
  -moz-ransition: all 0.2s ease-out;
  ransition: all 0.2s ease-out;
    width: 40px;
    height: 28px;
    border-radius:0;
    text-align: center !important;
    line-height: normal;
    vertical-align: middle !important;
    padding: 0px 0 0px 0; color: #333333 !important;
}

.green{ background-color:#1b9b5d; color:#FFFFFF;}
.blue{ background-color:#0273c7; color:#FFFFFF;}
.dkorange{ background-color:#d24726; color:#FFFFFF;}
.purple{ background-color:#81397b; color:#FFFFFF;}
.dkblue{ background-color:#2b5699; color:#FFFFFF;}
.dkred{ background-color:#a43639; color:#FFFFFF;}
.dkpurple{ background-color:#5458af; color:#FFFFFF;}
.dkyellow{ background-color: #D5BA00; color:#FFFFFF;}


.box-simple a{ font-family: 'roboto', Helvetica, sans-serif; font-weight:400; text-transform: ;
 color: #333333; text-shadow:0px 1px 1px #ffffff; text-align:center !important; font-size:1.1em; line-height:1.2em; 
}
.box-simple a:hover{font-family: 'roboto', Helvetica, sans-serif; font-weight:400; text-transform: ;
 color: #333333; text-shadow:0px 1px 1px #ffffff; text-align:center !important; font-size:1.1em; line-height:1.2em;  }




























.btn-lg {
  padding: 15px 0px 15px 0px !important; margin:10px 0 2px 0 !important; width:100%;
  text-align:center;font-family:'Roboto', Helvetica, sans-serif; font-weight:400 !important;
  line-height: 1.05em;font-size:1.1em !important; text-transform:none !important; background-color:#eeeeee;
  color:#1b1b1b !important; text-shadow:0px 1px 1px #ffffff;
}










        #eventlist {width:100% !important; margin:5px 0px 0px 0; padding:0px 0px 0px 10px; border:none;overflow: hidden;}


        #eventlist li {width:100% !important; height: auto; display:inline; padding:0px 0px 5px 0px; margin:0 0 5px 0;color:#1b1b1b;font-family:'Roboto', Helvetica, sans-serif; border:none; border-bottom:1px solid #cccccc; position:inherit;}
		
.eventtitle{ color:#009933;text-align:left !important; margin:0; padding:0; line-height:.7em;}				
		
	.cal{ display:inline !important;font-family:'Roboto', Helvetica, sans-serif;float:left; background-color:#FFFFFF;color:#333333;text-shadow:0px 1px 1px #ffffff;border:1px solid #cccccc; width:55px; height:auto;padding:3px 0px 0px 0px;font-size:1em;margin:0px 3px 0px 0px;font-weight:500;text-align: center;line-height:1.2em; text-transform: uppercase;}
	

.cal_num{font-family:'Oswald', Helvetica, sans-serif;font-size:2em;line-height:1em;font-weight:400; color:#333333;text-shadow:0px 1px 1px #ffffff; margin:3px 0 0 0; padding:0 0 5px 0;}

		.dat{font-family:'Roboto', Helvetica, sans-serif; color: #333333; font-weight:700;font-size:.9em; line-height:.7em; margin:5px 0 0 0; padding:0;text-shadow:0px 1px 1px #ffffff; text-align:left !important;}


		.summary{font-family:'Roboto Condensed', Helvetica, sans-serif;font-weight:400; font-size:1em; line-height:1em; margin:-10px 0px 0px 0px; padding:0px 0px 0px 0px; text-align: left !important; color: #333333;text-shadow:0px 1px 1px #ffffff;}


        .location { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:1px 0px 0px 0px;padding:0px; color: #999999; line-height:1.2em; font-weight:400;text-shadow:0px 1px 1px #ffffff;width:100%;text-align: left !important;}
		
        .location2 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:1px 0px 0px 0px; padding:0px; color: #999999; line-height:1.2em; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%;text-align: left !important; }
		
        #eventlist li a{font-family:'Roboto', Helvetica, sans-serif; font-size:1.2em; line-height:1em; font-weight:500; margin:0px 0px 0px 0px; padding:0px;text-align: left !important; color: #0066cc; background-color:#FFFFFF;text-shadow:0px 1px 1px #ffffff; position:inherit;

}
        #eventlist li a:hover{ background:none;}		




.panel-title {
  margin: 0px 0 0px 4%;width:96%;
  padding: 0 0 0px 0;
  color: inherit; text-align:left; font-size:1.1em; background: #FFFFFF !important; border:none !important;
}


.panel-title > a:active, 
.panel-title > a:focus  {
}

.panel-title > a:hover {
}

.panel-title > a:before {
    float: left;text-decoration:none; width:4%;
    font-family: FontAwesome; margin-bottom:0px;
    content:"-";line-height:.6em;
}
.panel-title > a.collapsed:before {
    float: left !important;text-decoration:none;font-family: FontAwesome;
    content:"+"; width:4%; margin-bottom: 0px; line-height:.6em; padding-top:5px;
}


.panel-body li{line-height: normal;font-size:1.05em; color:#666666; font-family: Arial, Helvetica, sans-serif; padding:10px 0px 10px 0; margin:0px 0 0 0; text-shadow:0px 1px 1px #ffffff;border-top:1px dashed #999999 !important;border-bottom:0px solid #ffffff;
}

.panel-body li a{font-family:'Roboto Condensed', Helvetica, sans-serif; font-size:1em; font-weight:400;
}

.panel-body li:first-child{
border-bottom:0px solid #999999 !important;list-style:none;border-top:0px dashed #999999 !important;
}

.text-muted { margin:0 -4% 10px -4% !important;
  color: #777; font-size:.95em !important; font-size:.8em;
}




}



@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 740px)
  and (orientation: landscape) {



.contact-info2{height: auto;}
.contact-info3{height: auto;}
.demoTwo li:first-child{border-bottom:1px solid #999999 !important;}

   .products{ display:none !important; }

.box2{margin:-1px 0 0px 10px !important; padding:2px 0 0 0 !important; background-color:#666666 !important; height:75px; }


.box-simple { 
width:12.02% !important; text-align: center; float:left !important; display:inline-block; padding:6px 0 0px 0; margin:1px 0 0px 1px !important; height:70px !important; border:0px solid #cccccc; font-family:'Roboto', Helvetica, sans-serif; font-weight:400; border-radius:0px; background-color:#ffffff;
 
}

.box-simple:hover{
width:12.02% !important; text-align: center; float:left !important; display:inline-block; padding:6px 0 0px 0; margin:1px 0 0px 1px !important; height:70px !important; border:0px solid #cccccc; font-family:'Roboto', Helvetica, sans-serif; font-weight:400; border-radius:0px; background-color:#ffffff;
}


.box-simple a .icon {
  margin: 0px auto 0px auto; background-color: !important;
  border:0px solid rgba(0,0,0,0.2); font-size:1.3em;
  -webkit-ransition: all 0.2s ease-out;
  -moz-ransition: all 0.2s ease-out;
  ransition: all 0.2s ease-out;
    width: 40px;
    height: 28px;
    border-radius:0;
    text-align: center !important;
    line-height: normal;
    vertical-align: middle !important;
    padding: 0px 0 0px 0; color: #333333 !important;
}

.box-simple a .icon:hover {
  margin: 0px auto 0px auto; background-color: !important;
  border:0px solid rgba(0,0,0,0.2); font-size:1.3em;
  -webkit-ransition: all 0.2s ease-out;
  -moz-ransition: all 0.2s ease-out;
  ransition: all 0.2s ease-out;
    width: 40px;
    height: 28px;
    border-radius:0;
    text-align: center !important;
    line-height: normal;
    vertical-align: middle !important;
    padding: 0px 0 0px 0; color: #333333 !important;
}

.green{ background-color:#1b9b5d; color:#FFFFFF;}
.blue{ background-color:#0273c7; color:#FFFFFF;}
.dkorange{ background-color:#d24726; color:#FFFFFF;}
.purple{ background-color:#81397b; color:#FFFFFF;}
.dkblue{ background-color:#2b5699; color:#FFFFFF;}
.dkred{ background-color:#a43639; color:#FFFFFF;}
.dkpurple{ background-color:#5458af; color:#FFFFFF;}
.dkyellow{ background-color: #D5BA00; color:#FFFFFF;}


.box-simple a{ font-family: 'roboto', Helvetica, sans-serif; font-weight:400; text-transform: ;
 color: #333333; text-shadow:0px 1px 1px #ffffff; text-align:center !important; font-size:1.1em; line-height:1.2em; 
}
.box-simple a:hover{font-family: 'roboto', Helvetica, sans-serif; font-weight:400; text-transform: ;
 color: #333333; text-shadow:0px 1px 1px #ffffff; text-align:center !important; font-size:1.1em; line-height:1.2em; }



.alert { width:98% !important; left:0; position:absolute;z-index:99999999999999999999999999999999999;
  padding:5px 10px 5px 5px; margin:-65px auto 0 auto !important;
  border: 0px solid transparent;
  border-radius: 4px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 5px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -9px;
  right: -3px;
  color: inherit;
}

.alert h4 {font-family:'Roboto', Helvetica, sans-serif; font-weight:500;
  margin-top: 0; margin-bottom:3px; font-size:2em; background:none !important;
  color: #ffffff;  text-shadow:0px 1px 1px #990000;
}

.alert-danger {
  color: #ffffff;text-shadow:0px 1px 1px #990000; font-family:'Roboto', Helvetica, sans-serif;
  background-color: rgba(192,0,0,1);
  border-color: #990000;
}

.alert > ul {margin:0px; padding:0px 0 5px 0;
}

.alert > ul > li { margin:0 0 5px 0; padding:0 20px 7px 0; line-height:1.15em; border-bottom:1px dashed #ffffff; font-size:1.2em;  font-weight:500; font-family:'Roboto', Helvetica, sans-serif; color:#FFFFFF;text-shadow:0px 1px 1px #990000; list-style:none;
}

.alert > ul > li:last-child {border-bottom:0px dashed #ffffff; padding-bottom:0px;
}
.close {
  float: right;
  font-size: 2.5em; font-family:'Roboto', Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #333333;
}
.close:hover,
.close:focus {
  color: #FFFF00 !important;
  text-decoration: none;
  cursor: pointer;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; color:#FFFF00 !important;
}

#footer { 
  background-color: #1b1b1b; position: fixed !important; bottom:0 !important; width:100%;
  padding: 0px 0px 0px 0px;margin:0px 0 0 0; border: none; z-index:9999999999999999999999 !important;
}

#footer ul li{ margin:0 0px 0 0; padding:0 0 2px 0; color:#eeeeee; text-shadow:0px 1px 1px #1b1b1b; font-family: 'lato', Helvetica, sans-serif; font-size:.8em; line-height:1.8em; font-weight:700; border-right:1px solid #444444;border-top:1px solid #444444;
}



}


/*
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 640px)
  and (orientation: landscape) {
.demoTwo li:first-child{border-bottom:1px solid #999999 !important;}

.social-icons ul li:first-child{ border-right:1px solid #CCCCCC;

}

.social-icons ul li:last-child{border-left:1px solid #CCCCCC;

}

.box2{width:100% !important; margin:2px 0 15px 10px !important; padding:0px !important; }


.box-simple { 
width:11.79% !important; text-align: center; float:left !important; display:inline-block; padding:5px 0 0px 0; margin:0px 0 2px 2px !important; height:60px !important; border:0px solid #cccccc; font-family:'Roboto', Helvetica, sans-serif; font-weight:400; border-radius:0px; background-color:#0191C8;
 
}
.box-simple:hover{
width:11.79% !important; text-align: center; float:left !important; display:inline-block; padding:5px 0 0px 0; margin:0px 0 2px 2px !important; height:60px !important; border:0px solid #cccccc; font-family:'Roboto', Helvetica, sans-serif; font-weight:400; border-radius:0px; background-color:#0191C8;

}


.box-simple a .icon {
  margin: 0 auto 0px auto; background-color: !important; color:#FFFFFF;
  border:0px solid rgba(0,0,0,0.2); font-size:1.1em;bx-shadow: 0 0px 2px rgba(0,0,0,0.3);
  -webkit-ransition: all 0.2s ease-out;
  -moz-ransition: all 0.2s ease-out;
  ransition: all 0.2s ease-out;
    width: 40px;

    height: 24px;
    border-radius:0%;
    text-align: center !important;
    line-height: 40px;
    vertical-align: middle !important;
    padding: 3px 0 0 0; color:#FFFFFF !important;
}
.box-simple a .icon:hover {
  margin: 0 auto 0px auto; background-color: !important; color:#FFFFFF;
  border:0px solid rgba(0,0,0,0.2); font-size:1.1em;bx-shadow: 0 0px 2px rgba(0,0,0,0.3);
  -webkit-ransition: all 0.2s ease-out;
  -moz-ransition: all 0.2s ease-out;
  ransition: all 0.2s ease-out;
    width: 40px;

    height: 24px;
    border-radius:0%;
    text-align: center !important;
    line-height: 40px;
    vertical-align: middle !important;
    padding: 3px 0 0 0; color:#FFFFFF !important;
}



.box-simple a{ font-family:'roboto', Helvetica, sans-serif; font-size:.95em; font-weight:500; text-transform:;
 color:#ffffff; text-shadow:0px 1px 1px #1b1b1b; text-align:center !important;
}
.box-simple a:hover{ font-family:'roboto', Helvetica, sans-serif; font-size:.95em; font-weight:500; text-transform:;
 color:#ffffff; text-shadow:0px 1px 1px #1b1b1b; text-align:center !important;}

}


*/

 

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 740px)
  and (orientation: landscape) {

html{ overflow-x: hidden !important;
}

body{ width:100% !important; height:100% !important;
	overflow-y: scroll !important;
	overflow-x: hidden !important;
}


.alert { width:96.5%;
  padding:5px 15px 5px 5px; margin:8px 3.5% 0 0;
  border: 1px solid transparent; float:left;
  border-radius: 4px;
}



.green{ background-color:#ffffff !important; color:#1b9b5d !important;}
.blue{ background-color:#ffffff !important; color:#0273c7 !important;}
.dkorange{ background-color:#ffffff !important; color:#d24726 !important;}
.purple{ background-color:#ffffff !important; color:#81397b !important;}
.dkblue{ background-color:#ffffff !important; color:#2b5699 !important;}
.dkred{ background-color:#ffffff !important; color:#a43639 !important;}
.dkpurple{ background-color:#ffffff !important; color:#5458af !important;}
.dkyellow{ background-color: #ffffff !important; color:#D5BA00 !important;}


.social-icons ul{margin:0px 0px 0px 0px !important; padding:0 0 0px 0 !important; text-align:center !important;border-bottom:0px solid #999999; 
}

.social-icons ul li {border:0px solid #cccccc; background-color:rgba(0,0,0,0);
 font-family: 'Roboto', Helvetica, sans-serif; font-weight:400;color: #1b1b1b; text-shadow:0px 0px 0px #ffffff;margin:0 2% 0px 0 !important; padding:4px 0px 3px 0px; font-size:1em;line-height:1.6em;text-align: center !important; float:left;
}


.social-icons ul li:first-child{margin-left:0px;border-right:0px solid #CCCCCC;

}

.social-icons ul li:last-child{margin-right:0px !important;border-left:0px solid #CCCCCC;

}

.social-icons ul li a{color: #003366 !important; text-shadow:0px 1px 1px #ffffff !important;
}  





.social-icons2 ul{ width:100% !important;margin:0px 0px 0px 0px !important; padding:0 0 0px 0 !important;}

.social-icons2 ul{margin:0px 0px 0px 0px !important; padding:0 0 0px 0 !important; text-align:center !important;border-bottom:0px solid #999999;
}

.social-icons2 ul li { width:48% !important;border:0px solid #cccccc; background-color:rgba(0,0,0,0);
 font-family: 'Roboto', Helvetica, sans-serif; font-weight:400;color: #1b1b1b; text-shadow:0px 0px 0px #ffffff;margin:0 2% 0px 0 !important; padding:4px 0px 3px 0px; font-size:1em;line-height:1.6em;text-align: center !important; float:left;
}


.social-icons2 ul li:first-child{margin-left:0px;border-right:0px solid #CCCCCC;

}

.social-icons2 ul li:last-child{margin-right:0px !important;border-left:0px solid #CCCCCC;

}

.social-icons2 ul li a{color: #003366 !important; text-shadow:0px 1px 1px #ffffff !important;
}  

h1.w3ls-title.w3ls-title1 {
 color: #1b1b1b !important; text-shadow:0px 1px 1px #ffffff; margin:0px 0 10px 0px !important; padding-top:0px; font-family:'roboto', Helvetica, sans-serif; font-size:1.7em !important; line-height:1em; font-weight:500;text-transform:; text-align: center !important; }


ul.nav-pills { width:100%; margin:0px 0px 0 0; padding:0 0 0 0;}

.nav-pills li{margin:0px 0 0px 0 !important; padding:1px 0 0px 0 !important; border-right:0px solid #CCCCCC; border-top:0px solid #CCCCCC;text-shadow:0px 1px 1px #ffffff; height:62px; opacity:.5;}

.nav-pills li:first-child{}

.nav-pills li:last-child{}

.nav-pills > li > a {font-family:'roboto', Helvetica, sans-serif; color:#1b1b1b !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:.8em !important; line-height:1em; font-weight:400 !important;text-align:center;}


.nav-pills > li > a:hover {font-family:'roboto', Helvetica, sans-serif; color:#1b1b1b !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:.8em !important; line-height:1em; font-weight:400 !important;text-align:center;
}

 
.nav-pills > li.active {
text-shadow:0px 1px 1px #ffffff !important; opacity:1;text-decoration: none !important;border-right:0px solid #e8e8e8; border-top:0px solid #e8e8e8;
}

.nav-pills > li.active > a:hover {
text-shadow:0px 1px 1px #ffffff !important; opacity:1;text-decoration: none !important;border-right:0px solid #e8e8e8; border-top:0px solid #e8e8e8;

}


.nav-pils > li.active > a:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 6px solid #1b1b1b;
  border-left: 10px solid rgba(0,0,0,0);
  border-right: 10px solid rgba(0,0,0,0);
  left: 44.5%;
  bottom:-6px;
  transition:none !important;
  -webkit-transition: none !important;
  -o-transition:none !important;
  -moz-transition:none !important;
  -ms-transition:none !important; border:none  !important;

}
 
.demoTwo li:first-child{border-bottom:1px solid #999999 !important;}

/* breadcrumbs */
.breadcrumb {
  font-family: "Roboto", Helvetica, Arial, sans-serif; text-align:left;
  font-size:1em; line-height:1em; font-weight:400; margin:0px 0 0 -10px; padding:3px 5px 0 0px;
  color: #555555; text-shadow:0px 1px 1px #ffffff;
}

.breadcrumb > li + li:before {
  content: "\25b6"; font-size:.7em; float:left; padding-top:0px;
  color: #333333;text-shadow:0px 1px 1px #ffffff;
}
.breadcrumb > li > a {
  color: #0066cc !important;text-shadow:0px 1px 1px #ffffff;
}

.breadcrumb a:hover { text-decoration: underline;
}

.panel-group {
  width:100%; margin-bottom: 0px;  margin-top:15px; padding-bottom:3em;
}


.panel-title {
  margin: 0px 0 0px 0;
  padding: 0 0 0px 0;
  color: inherit; text-align:left; font-size:1.1em; background: #FFFFFF !important; border:none !important;
}

.panel-title > a
 {font-family:'Roboto', Helvetica, sans-serif; font-size:1.05em; line-height:1.05em; font-weight:300; color:#0066cc;
}


.panel-title > a:active, 
.panel-title > a:focus  {color:#0066cc !important; }


.panel-title > a:before {
    float: left;text-decoration:none;
    font-family: FontAwesome;
    content:"-"; color:#cc0000;
}
.panel-title > a.collapsed:before {
    float: left;text-decoration:none;font-family: FontAwesome;
    content:"+"; line-height:.6em; padding-top:5px;
}

.panel-body { width:100% !important; margin:0px 0 0 0 !important; padding:0px 0 0 0px !important;
}

.panel-body li{line-height: normal;font-size:.85; color:#666666; font-family: 'Roboto', Helvetica, sans-serif; font-weight:300; padding:7px 0px 7px 0; margin:0px 0 0 0; text-shadow:0px 1px 1px #ffffff;border-top:0px dashed #999999 !important;border-bottom:0px solid #ffffff; list-style:none;
}

.panel-body li a{font-family:'Roboto', Helvetica, sans-serif; font-size:1em; font-weight:400;
}

.panel-body li:first-child{
border-bottom:0px solid #999999 !important;list-style:none;border-top:0px dashed #999999 !important;
}

.tab-content > .active {
  display: block; padding-bottom:0px !important;
}

 .products{ display:none !important; height:0 !important; }





.w3-agile-footer {
    background: none !important; width:100% !important; margin:30px 0px 0 0px !important;
    padding: 0em -10px 0em -10px !important; position: relative !important; 
}

.footer-grid{width:100% !important; border-right:0px !important; margin:0px; padding:0px;}


#footer { 
  background-color: #1b1b1b; position: fixed !important; bottom:0em !important; width:100%; z-index:9999999999999999999999 !important; padding: 0px 0px 0px 0px;margin:0px 0 0 0; border: none;
}

#footer ul li{ margin:0 0px 0 0; padding:0 0 2px 0; color:#eeeeee; text-shadow:0px 1px 1px #1b1b1b; font-family: 'lato', Helvetica, sans-serif; font-size:.8em; line-height:1.8em; font-weight:700; border-right:1px solid #444444;border-top:1px solid #444444;
}

.tab-pane li strong{font-family:'Roboto', Helvetica, sans-serif; color:#333333 !important; text-shadow:0px 1px 1px #ffffff; font-weight:500 !important; font-size:1.1em !important;
}

.example {
      width: 80%; margin:0px 10% -10px 10%;
    }
 

 
.main-contact ul{ margin:0 auto 0 auto; color: #8C8984; font-size:.95em; padding-left:30% !important; font-weight:400;} 



.box2{margin:-1px 0 0px 4px !important; padding:2px 0 0 0 !important; background-color:#666666 !important; height:70px; }


.box-simple { 
width:12.25% !important; text-align: center; float:left !important; display:inline-block; padding:6px 0 0px 0; margin:1px 0 0px 1px !important; height:65px !important; border:0px solid #cccccc; font-family:'Roboto', Helvetica, sans-serif; font-weight:400; border-radius:0px; background-color:#ffffff;
}


.box-simple:hover{
width:12.25% !important; text-align: center; float:left !important; display:inline-block; padding:6px 0 0px 0; margin:1px 0 0px 1px !important; height:65px !important; border:0px solid #cccccc; font-family:'Roboto', Helvetica, sans-serif; font-weight:400; border-radius:0px; background-color:#ffffff;
}


.box-simple a .icon {
  margin: 0px auto 0px auto; background-color: !important;
  border:0px solid rgba(0,0,0,0.2); font-size:1.3em;
  -webkit-ransition: all 0.2s ease-out;
  -moz-ransition: all 0.2s ease-out;
  ransition: all 0.2s ease-out;
    width: 40px;
    height: 28px;
    border-radius:0;
    text-align: center !important;
    line-height: normal;
    vertical-align: middle !important;
    padding: 0px 0 0px 0; color: #333333 !important;
}

.box-simple a .icon:hover {
  margin: 0px auto 0px auto; background-color: !important;
  border:0px solid rgba(0,0,0,0.2); font-size:1.3em;
  -webkit-ransition: all 0.2s ease-out;
  -moz-ransition: all 0.2s ease-out;
  ransition: all 0.2s ease-out;
    width: 40px;
    height: 28px;
    border-radius:0;
    text-align: center !important;
    line-height: normal;
    vertical-align: middle !important;
    padding: 0px 0 0px 0; color: #333333 !important;
}



.box-simple a{ font-family: 'roboto', Helvetica, sans-serif; font-weight:400; text-transform: ;
 color: #333333; text-shadow:0px 1px 1px #ffffff; text-align:center !important; font-size:.95em; line-height:1.15em; 
}
.box-simple a:hover{font-family: 'roboto', Helvetica, sans-serif; font-weight:400; text-transform: ;
 color: #333333; text-shadow:0px 1px 1px #ffffff; text-align:center !important; font-size:.95em; line-height:1.15em; }







hr.style-eight { width:80%; overflow: visible; /* For IE */ padding: 0; border: none; border-top: 1px solid #666666; color: #777777; text-align: center;}

hr.style-eight:after { font-family:'Roboto' , Helvetica, sans-serif; content:"Peabody City Hall"; display: inline-block; position: relative; top: -.9em; font-size: .95em; font-weight:500; text-shadow:0px 1px 1px #1b1b1b; padding:0px 6px 1px 6px; background-color:#1b1b1b; border:1px solid #666666; color:#ffffff; border-radius:3px; }


.tab-pane h3 { font-size:1.1em !important; font-family: 'roboto', Helvetica, sans-serif; color:#ffffff; text-shadow:0px 0px 1px #00cc33; font-weight:500 !important; margin:-17px -20px -5px -20px !important; padding:5px 0 5px 15px; line-height:1em !important;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; background-color: #66CC00;
background-image:
    linear-gradient(
      to bottom, 
      rgba(0,0,0,0.01),  
	  rgba(0,0,0,0.1)
    );
}

.tab-pane h4 { font-size:1.05em !important; font-family: 'roboto condensed', Helvetica, sans-serif; color:#333333 !important; text-shadow:0px 0px 1px #c8c8c8; font-weight:500 !important; margin:-7px -15px -5px -15px; padding:3px 0 3px 15px; line-height:1.2em !important;border-top:1px solid #f8f8f8;border-bottom:1px solid #e8e8e8; background-color: #f8f8f8;
background-image:
    linear-gradient(
      to bottom, 
      rgba(0,0,0,0.01),  
	  rgba(0,0,0,0.1)
    );
}
	
.tab-pane li{line-height: normal;font-size:1.05em; color:#666666; font-family: 'Roboto', Helvetica, sans-serif; padding:7px 0px 7px 0; margin:0px 0px 0 0px; text-shadow:0px 1px 1px #ffffff;border-bottom:1px solid #999999;border-top:0px solid #ffffff;}



.tab-pane li:first-child{border-bottom:0px solid #999999;}

.tab-pane li:last-child{border-bottom:0px solid #999999; margin-bottom:20px;}
.tab-pane p{color:#444444; font-family: 'Roboto', Helvetica, sans-serif; padding:0; margin:0px 5px 35px 5px; text-shadow:0px 1px 1px #ffffff; font-size:1.2em; font-weight:300;}
.hidden-mobile{ display:none !important;}

}



@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 340px)
  and (orientation: portrait)
   {
 .contact-info2{height: auto;} 
.green{ background-color:#ffffff !important; color:#1b9b5d !important;}
.blue{ background-color:#ffffff !important; color:#0273c7 !important;}
.dkorange{ background-color:#ffffff !important; color:#d24726 !important;}
.purple{ background-color:#ffffff !important; color:#81397b !important;}
.dkblue{ background-color:#ffffff !important; color:#2b5699 !important;}
.dkred{ background-color:#ffffff !important; color:#a43639 !important;}
.dkpurple{ background-color:#ffffff !important; color:#5458af !important;}
.dkyellow{ background-color: #ffffff !important; color:#D5BA00 !important;}

h1.w3ls-title.w3ls-title1 {
 color: #1b1b1b !important; text-shadow:0px 1px 1px #ffffff; margin:0px 0 5px 0px !important; padding-top:0px; font-family:'roboto', Helvetica, sans-serif; font-size:1.7em !important; line-height:1em; font-weight:500;text-transform:; text-align: center !important; }


ul.nav-pills { width:100%; margin:0px 0px 0 0; padding:0 0 0 0;}

.nav-pills li{margin:0px 0 0px 0 !important; padding:0px 0 0px 0 !important; border-right:0px solid #e8e8e8; border-top:0px solid #e8e8e8;text-shadow:0px 1px 1px #ffffff; height:64px !important; opacity:.5;border-left:0px solid #e8e8e8; }

.nav-pills li:first-child{}

.nav-pills li:last-child{border-right:0px solid #CCCCCC;}

.nav-pills > li > a {font-family:'roboto', Helvetica, sans-serif; color:#1b1b1b !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:.8em !important; line-height:1em; font-weight:400 !important;text-align:center;}


.nav-pills > li > a:hover {font-family:'roboto', Helvetica, sans-serif; color:#555555 !important; text-shadow:0px 1px 1px #ffffff;  padding:0px 0 0px 0 !important; font-size:.8em !important; line-height:1em; font-weight:400 !important;text-align:center;
}

 
.nav-pills > li.active {
text-shadow:0px 1px 1px #ffffff !important; opacity:1;text-decoration: none !important;border-right:0px solid #e8e8e8; border-top:0px solid #e8e8e8;
}

.nav-pills > li.active > a:hover {
color:#222222 !important; text-shadow:0px 1px 1px #ffffff !important; opacity:1;border-bottom:0px solid #999999;
}


.nav-pils > li.active > a:after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 6px solid #1b1b1b;
  border-left: 10px solid rgba(0,0,0,0);
  border-right: 10px solid rgba(0,0,0,0);
  left: 44.5%;
  bottom:-6px;
  transition:none !important;
  -webkit-transition: none !important;
  -o-transition:none !important;
  -moz-transition:none !important;
  -ms-transition:none !important; border:none  !important;

}



/* breadcrumbs */
.breadcrumb {
  font-family: "Roboto", Helvetica, Arial, sans-serif; text-align:left;
  font-size:1em; line-height:1em; font-weight:400; margin:0px 0 0 -10px; padding:3px 5px 0 0px;
  color: #555555; text-shadow:0px 1px 1px #ffffff; display:none;
}

.breadcrumb > li + li:before {
  content: "\25b6"; font-size:.7em; float:left; padding-top:0px;
  color: #333333;text-shadow:0px 1px 1px #ffffff;
}
.breadcrumb > li > a {
  color: #0066cc !important;text-shadow:0px 1px 1px #ffffff;
}

.breadcrumb a:hover { text-decoration: underline;
}
  
.w3-agile-footer {
    background: none !important; width:100% !important; margin:30px 0px 0 0px !important;
    padding: 0em -10px 0em -10px !important; position: inherit !important; 
}

.footer-grid{width:100% !important; border-right:0px !important; margin:0px; padding:0px;}

.footer-grid-heading h4 { width:100% !important; font-size:1.1em !important; font-family: 'roboto', Helvetica, sans-serif; color:#ffffff !important; text-shadow:0px 0px 1px #00cc33 !important; font-weight:500 !important; margin:0px !important; padding:5px 0 5px 15px !important; line-height:1em !important;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; background-color: #66CC00;
background-image:
    linear-gradient(
      to bottom, 
      rgba(0,0,0,0.01),  
	  rgba(0,0,0,0.1)
    );
}

.font-xs{font-size:1em !important; line-height:1.15em; }




#footer { 
  background-color: #1b1b1b; position: fixed; bottom:0; width:100%;
  padding: 0px 0px 0px 0px;margin:0px 0 0 0; border: none;
}
#footer ul {
  padding: 0; margin: 0 0px 0 0px;
  list-style: none; text-align:center;
}
#footer ul li{ margin:0 0px 0 0; padding:0 0 2px 0; color:#eeeeee; text-shadow:0px 1px 1px #1b1b1b; font-family: 'lato', Helvetica, sans-serif; font-size:.8em; line-height:1.8em; font-weight:400; border-right:1px solid #444444;border-top:1px solid #444444;
}
#footer ul li a{color:#eeeeee;
}

  
 h5 { font-size:1.33em !important; font-family: Arial, Helvetica, sans-serif !important; color:#333333; text-shadow:0px 1px 1px #ffffff; margin:0px 0px 0px 0px; padding:2px 0 8px 5px; line-height: normal !important;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; height:30px; 
background-image:
    linear-gradient(
      to bottom, 
      #f8f8f8,  
	  #eeeeee
    );
	}
h4 {font-size:1.3em !important; font-family: Arial, Helvetica, sans-serif !important; color:#333333 !important; text-shadow:0px 1px 1px #ffffff !important; font-weight: !important; margin:0px -15px -5px -15px; padding:5px 0 4px 5px !important; line-height:1em !important; border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;
background-image:
    linear-gradient(
      to bottom, 
      #f8f8f8,  
	  #eeeeee
    );
	}

h4 span a {font-family:'Roboto', Helvetica, sans-serif; font-weight:500;font-size:.65em; line-height:.7em; margin:0 0 0 10px; padding:0; color: #CC0000;text-shadow:0px 1px 1px #ffffff !important; }


.btn {
  font-weight: 500; margin:5px 0 10px 0;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: normal;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  background-color: #66CC00;
background-image:
    linear-gradient(
      to bottom, 
      rgba(0,0,0,0.01),  
	  rgba(0,0,0,0.1)
    );
  
}


hr.style-eight { width:80%; overflow: visible; /* For IE */ padding: 0; border: none; border-top: 1px solid #666666; color: #777777; text-align: center;}

hr.style-eight:after { font-family:'work sans', Helvetica, sans-serif; content:"Peabody City Hall"; display: inline-block; position: relative; top: -.9em; font-size: .95em; font-weight:400; text-shadow:0px 1px 1px #1b1b1b; padding:0px 6px 1px 6px; background-color:#1b1b1b; border:1px solid #666666; color:#ffffff; border-radius:3px; }


hr.style-seven { overflow: visible; /* For IE */ padding: 0; border: none; border-top: medium double #333; color: #333; text-align: center; }
hr.style-seven:after { content: "\2666"; display: inline-block; position: relative; top: -0.8em; font-size: 1.5em; padding: 0 0.25em; background: white; }

.font-xlg{ font-size:140% !important; line-height:130% !important; font-family:'roboto', Helvetica, sans-serif !important; font-weight:300;border:0px solid #444444 !important; text-shadow:0px 1px 1px #1b1b1b !important; padding:3px 0 3px 6px !important;}

 
  .main-contact{} 

 .main-contact ul{ font-family:'Roboto', Helvetica, sans-serif; margin:0 auto 0 auto; color: #666666; text-shadow:0px 1px 1px #ffffff; font-size:.95em; padding-left:10%; font-weight:400;} 
  
  
  .margin-top-40{ margin-top:0px !important;}



 .products{ display:none !important; }




h2 { font-size:1.35em !important; font-family:'Roboto', Helvetica, sans-serif; color:#1b1b1b; text-shadow:0px 1px 1px #ffffff; background-color:#eeeeee; font-weight:500 !important; margin:10px -15px 3px -15px; padding:0 0 0 15px; line-height:1.4em !important; }



h2 span {
  font-family: "Roboto", Helvetica, Arial, sans-serif; width:100%;
  font-weight: 400;
  line-height: 1em; margin-bottom:7px;
  color: #cc0000; font-size:.6em !important; float:left;
}


.example {
      width: 100%; margin:0 auto;
    }

.headerbkgxs{ background-color: #DFEFFF; border-bottom:1px solid #99CCFF; }
  
.social-icons ul{margin:0px 0px 0px 0px !important; padding:0 0 0px 0 !important; text-align:center !important;border-bottom:0px solid #999999; 
}

.social-icons ul li {border:0px solid #cccccc; background-color:rgba(0,0,0,0);
 font-family: 'Roboto', Helvetica, sans-serif; font-weight:400;color: #1b1b1b; text-shadow:0px 0px 0px #ffffff;margin:0 2% 0px 0 !important; padding:4px 0px 3px 0px; font-size:1em;line-height:1.3em;text-align: center !important; float:left;
}


.social-icons ul li:first-child{margin-left:0px;border-right:0px solid #CCCCCC;

}

.social-icons ul li:last-child{margin-right:0px !important;border-left:0px solid #CCCCCC;

}

.social-icons ul li a{color: #003366 !important; text-shadow:0px 1px 1px #ffffff !important;
}  


.social-icons2 ul{margin:0px 0px 0px 0px !important; padding:0 0 0px 0 !important; text-align:center !important;border-bottom:0px solid #999999;
}

.social-icons2 ul li { width:48% !important;border:0px solid #cccccc; background-color:rgba(0,0,0,0);
 font-family: 'Roboto', Helvetica, sans-serif; font-weight:400;color: #1b1b1b; text-shadow:0px 0px 0px #ffffff;margin:0 2% 0px 0 !important; padding:4px 0px 3px 0px; font-size:1em;line-height:1.6em;text-align: center !important; float:left; 
}


.social-icons2 ul li:first-child{margin-left:0px;border-right:0px solid #CCCCCC;

}

.social-icons2 ul li:last-child{margin-right:0px !important;border-left:0px solid #CCCCCC;

}

.social-icons2 ul li a{color: #003366 !important; text-shadow:0px 1px 1px #ffffff !important;
}  

.tab-pane h3 { font-size:1.1em !important; font-family: 'roboto', Helvetica, sans-serif; color:#ffffff; text-shadow:0px 0px 1px #00cc33; font-weight:500 !important; margin:-7px -15px -5px -15px; padding:5px 0 5px 15px; line-height:1em !important;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; background-color: #66CC00;
background-image:
    linear-gradient(
      to bottom, 
      rgba(0,0,0,0.01),  
	  rgba(0,0,0,0.1)
    );
}

.tab-pane h4 { font-size:1.05em !important; font-family: 'roboto condensed', Helvetica, sans-serif; color:#333333 !important; text-shadow:0px 0px 1px #c8c8c8; font-weight:500 !important; margin:-7px -2px -5px -2px; padding:3px 0 3px 15px; line-height:1.2em !important;border-top:1px solid #f8f8f8;border-bottom:1px solid #e8e8e8; background-color: #f8f8f8;
background-image:
    linear-gradient(
      to bottom, 
      rgba(0,0,0,0.01),  
	  rgba(0,0,0,0.1)
    );
}

  .tab-pane ul.smallpage { margin:5px 0 10px 0px; padding:0px 5px 0 0; border:none !important; width:100%;
}


  .tab-pane .smallpage li{ margin:0px 0 10px 0px; padding:0px; border:none !important; 
}
 
.tab-pane .smallpage li:first-child p{margin:0px 0 0px 0; padding:0px; text-align: center;  font-size:1.2em !important; line-height:1.15em !important; font-family:'Roboto', Helvetica, sans-serif; font-weight:400; color:#1b1b1b; text-shadow:0px 1px 1px #ffffff;
}
.demoTwo li:first-child{border-bottom:1px solid #999999 !important;}
 
.tab-pane .smallpage li:last-child {margin:0px 0 0px 0;
}

.tab-pane .smallpage li p{font-family:'Roboto', Helvetica, sans-serif; font-weight:300; margin:10px 0 0 0 !important; padding:0px;text-align:center; font-size:1.1em !important; line-height:1.2em !important; color:#1b1b1b !important; text-shadow:0px 1px 1px #ffffff;
}


.tab-content { margin:0; padding:0;
}

.tab-content > .active {
  display: block; padding-bottom:80px !important;
}

.tab-pane {margin:0 -15px 0 -15px; padding:0;
}

.tab-pane li{line-height: normal;font-size:1.05em; color:#444444 !important;font-family:'Roboto', Helvetica, sans-serif;padding:7px 0px 7px 0; margin:0px 0 0 0; text-shadow:0px 1px 1px #ffffff;border-bottom:1px solid #999999; font-weight:300;}


.tab-pane p{color:#444444 !important; font-family: 'Roboto', Helvetica, sans-serif; padding:0; margin:0px 5px 5px 5px; text-shadow:0px 1px 1px #ffffff; font-size:1.1em; font-weight:300;}


.tab-pane li:first-child{border-top:0px solid #999999 !important;}


.tab-pane li:last-child{ margin-bottom:15px;}



.padding-10{ padding:0px !important;}

h2{ font-size:1.2em !important; font-family: Arial, Helvetica, sans-serif; color:#333333; text-shadow:0px 1px 1px #ffffff; font-weight:400 !important; margin:-5px -15px -5px -15px; padding:5px 0 3px 15px; line-height:1em !important;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; text-align:left;
background-image:
    linear-gradient(
      to bottom, 
      #f8f8f8,  
	  #eeeeee
    );
}




.tab-pane a{ color:#0066cc; text-shadow:0px 1px 1px #ffffff;}

.margin-top-10{ margin-top:5px !important;}
.margin-top-5{ margin-top:5px !important;}
.margin-top-20{ margin-top:5px !important;}



#main_content_wrap {
  background: #fff;
  border-top: 0px solid #111;
  border-bottom: 0px solid #111;
}

#main_content {
  padding: 10px 5px 5px 5px; margin:0;
}


.select_box {
display:block; padding: 10px 0px 10px 3px !important; width: 90%; height: auto !important; margin:0px auto 8px auto; border: 3px solid #e8e8e8; border-radius: 0px; background: url(../img/selectbox_arrow.png) right center no-repeat; color: #1b1b1b; text-shadow:0px 1px 1px #ffffff; font-size: 16px; line-height: 14px !important;
appearance: none !important; /* this is must */
-webkit-appearance: none !important;
-moz-appearance: none !important; outline:none !important;


 }

  /* body select.select_box option */ .select_box option {width:100% !important; outline:none !important; height:10% !important; border-bottom:1px solid #999999 !important; }


 
  /* for IE and Edge */ .select_box::-ms-expand { display: none; } 
  
  .select_box:disabled::-ms-expand { background: #f60; }



.maindept {margin:0 0 -10px 0 !important; padding:0; border:0px solid #ffffff !important; background:#ffffff !important;}






/*
	background-image:
    linear-gradient(
      to bottom,   
	  rgba(255,255,255,0),
	  rgba(0,0,0,0)
    ); float:left;



background-color: red;
  background-image:
    radial-gradient(
      circle closest-side,
      #000000,
      #333333
    );
  background-image:
    linear-gradient(
      to left, 
      #0191C8,  
	  #0191C8
    );

*/


.box2{width:100% !important; margin:0px 0 0px 0px !important; padding:0px 0 0 0px !important;font-size:.85em; line-height:1.1em; background-color: #999999 !important; height:113px; border-left:1px solid #999999;
 }


.box-simple { width:24.38% !important;
  text-align: center; float:left; display:inline-block; padding-top:3px; margin:1px 1px 0px 0px !important; height:55px !important; border:0px solid #666666 !important; font-family:'Roboto Condensed', Helvetica, sans-serif;
  background-color: #ffffff;
  backgrond-image:
    radial-gradient(
	#fec13f,
    #ffbe42
    );
}


.box-simple:hover{  width:24.38% !important;
  text-align: center; float:left; display:inline-block; padding-top:3px; margin:1px 1px 0px 0px !important; height:55px !important; border:0px solid #666666 !important; font-family:'Roboto Condensed', Helvetica, sans-serif;
  background-color: #ffffff;
  backgrond-image:
    radial-gradient(
	#fec13f,
    #ffbe42
    );
}


.box-simple a .icon {
  margin: 0px auto 6px auto !important; background-color: !important;
  border:0px solid rgba(0,0,0,0.2); font-size:1.2em;
  -webkit-ransition: all 0.2s ease-out;
  -moz-ransition: all 0.2s ease-out;
  ransition: all 0.2s ease-out;
    width: 40px;
    height: 16px;
    border-radius:0;
    text-align: center !important;
    line-height: normal;
    vertical-align: middle !important;
    padding: 0px 0 0px 0; color:#333333 !important;
}
.box-simple a .icon:hover {
  margin: 0px auto 6px auto !important; background-color: !important;
  border:0px solid rgba(0,0,0,0.2); font-size:1.2em;
  -webkit-ransition: all 0.2s ease-out;
  -moz-ransition: all 0.2s ease-out;
  ransition: all 0.2s ease-out;
    width: 40px;
    height: 16px;
    border-radius:0;
    text-align: center !important;
    line-height: normal;
    vertical-align: middle !important;
    padding: 0px 0 0px 0; color:#333333 !important;
}

.green{ background-color:#1b9b5d; color:#FFFFFF;}
.blue{ background-color:#0273c7; color:#FFFFFF;}
.dkorange{ background-color:#d24726; color:#FFFFFF;}
.purple{ background-color:#81397b; color:#FFFFFF;}
.dkblue{ background-color:#2b5699; color:#FFFFFF;}
.dkred{ background-color:#a43639; color:#FFFFFF;}
.dkpurple{ background-color:#5458af; color:#FFFFFF;}
.dkyellow{ background-color: #D5BA00; color:#FFFFFF;}


.box-simple a{ font-family: 'roboto condensed', Helvetica, sans-serif; font-weight:400; text-transform: ;
 color: #333333; text-shadow:0px 1px 1px #ffffff; text-align:center !important; font-size:1em; line-height:1.15em; 
}
.box-simple a:hover{ font-family: 'roboto condensed', Helvetica, sans-serif; font-weight:400; text-transform: ;
 color: #333333; text-shadow:0px 1px 1px #ffffff; text-align:center !important; font-size:1em; line-height:1.15em; }








.btn-lg {
  padding: 15px 0px 15px 0px !important; margin:10px 0 2px 0 !important; width:100%;
  text-align:center;font-family:'Roboto', Helvetica, sans-serif; font-weight:400 !important;
  line-height: 1.05em;font-size:1.1em !important; text-transform:none !important; background-color:#eeeeee;
  color:#1b1b1b !important; text-shadow:0px 1px 1px #ffffff;
}










        #eventlist {width:100% !important; margin:5px 0px 0px 0; padding:0px 0px 0px 10px; border:none;overflow: hidden;}


        #eventlist li {width:100% !important; height: auto; display:inline; padding:0px 0px 5px 0px; margin:0 0 5px 0;color:#1b1b1b;font-family:'Roboto', Helvetica, sans-serif; border:none; border-bottom:1px solid #cccccc; position:inherit;}
		
.eventtitle{ color:#009933;text-align:left !important; margin:0; padding:0; line-height:.7em;}				
		
	.cal{ display:inline !important;font-family:'Roboto', Helvetica, sans-serif;float:left; background-color:#FFFFFF;color:#333333;text-shadow:0px 1px 1px #ffffff;border:1px solid #cccccc; width:55px; height:auto;padding:3px 0px 0px 0px;font-size:1em;margin:0px 3px 0px 0px;font-weight:500;text-align: center;line-height:1.2em; text-transform: uppercase;}
	

.cal_num{font-family:'Oswald', Helvetica, sans-serif;font-size:2em;line-height:1em;font-weight:400; color:#333333;text-shadow:0px 1px 1px #ffffff; margin:3px 0 0 0; padding:0 0 5px 0;}

		.dat{font-family:'Roboto', Helvetica, sans-serif; color: #333333; font-weight:700;font-size:.9em; line-height:.7em; margin:5px 0 0 0; padding:0;text-shadow:0px 1px 1px #ffffff; text-align:left !important;}


		.summary{font-family:'Roboto Condensed', Helvetica, sans-serif;font-weight:400; font-size:1em; line-height:1em; margin:-10px 0px 0px 0px; padding:0px 0px 0px 0px; text-align: left !important; color: #333333;text-shadow:0px 1px 1px #ffffff;}


        .location { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:1px 0px 0px 0px;padding:0px; color: #999999; line-height:1.2em; font-weight:400;text-shadow:0px 1px 1px #ffffff;width:100%;text-align: left !important;}
		
        .location2 { font-family:'Roboto', Helvetica, sans-serif; font-size:.8em; margin:1px 0px 0px 0px; padding:0px; color: #999999; line-height:1.2em; font-weight:400; text-shadow:0px 1px 1px #ffffff;width:100%;text-align: left !important; }
		
        #eventlist li a{font-family:'Roboto', Helvetica, sans-serif; font-size:1.2em; line-height:1em; font-weight:500; margin:0px 0px 0px 0px; padding:0px;text-align: left !important; color: #0066cc; background-color:#FFFFFF;text-shadow:0px 1px 1px #ffffff; position:inherit;

}
        #eventlist li a:hover{ background:none;}		


.panel-group {
  margin-bottom: 0px;  margin-top:-15px;
}


.panel-title {
  margin: 0px 0 0px 4%; width:96%;
  padding: 0 0 0px 0;
  color: inherit; text-align:left; font-size:1.1em; background: #FFFFFF !important; border:none !important;
}

.panel-title > a
 {font-family:'Roboto', Helvetica, sans-serif; font-size:.85em; line-height:1em; font-weight:300; color:#0066cc;
}


.panel-title > a:active, 
.panel-title > a:focus  {color:#0066cc !important; }


.panel-title > a:before {
    float: left;text-decoration:none; width:4%;
    font-family: FontAwesome; margin-bottom:20px;
    content:"-";line-height:.6em; color:#cc0000;
}
.panel-title > a.collapsed:before {
    float: left !important;text-decoration:none;font-family: FontAwesome;
    content:"+"; width:4%; margin-bottom: 15px; line-height:.6em; padding-top:5px;
}


.panel-body li{line-height: normal;font-size:.85; color:#666666; font-family: 'Roboto', Helvetica, sans-serif; font-weight:300; padding:7px 0px 7px 0; margin:0px 0 0 0; text-shadow:0px 1px 1px #ffffff;border-top:1px dashed #999999 !important;border-bottom:0px solid #ffffff;
}

.panel-body li a{font-family:'Roboto Condensed', Helvetica, sans-serif; font-size:1em; font-weight:400;
}

.panel-body li:first-child{
border-bottom:0px solid #999999 !important;list-style:none;border-top:0px dashed #999999 !important;
}

.text-muted { margin:0 -4% 10px -4% !important;
  color: #777; font-size:.95em !important; font-size:.8em;
}


/*
text-overflow: ellipsis !important;overflow: hidden !important;white-space: nowrap !important;
*/
.alert { width:auto;z-index:99999999999999999999999999999999999;
  padding:0px 15px 5px 5px; margin:-110px 1% 0 -2.1% !important;
  border: 1px solid #990000; float:left;
  border-radius: 4px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 5px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -5px;
  right:3px;
  color: #FFFFFF;
}

.alert h4 {font-family:'Roboto', Helvetica, sans-serif; font-weight:400;
  margin-top: 0; margin-bottom:0px; margin-left:-10px; font-size:1.8em !important; border:none;
  color: #ffffff !important; text-shadow:0px 1px 1px #990000;
}

.alert-danger {
  color: #ffffff;text-shadow:0px 1px 1px #990000; font-family:'Roboto', Helvetica, sans-serif;
  background-color:#cc0000;
}

.alert > ul {margin:0px; padding:0px;
}

.alert > ul > li { margin:0 0 5px 0; padding:0 12px 7px 0; line-height:1.15em; border-bottom:1px dashed #ffffff; font-size:1.1em;  font-weight:500; font-family:'Roboto', Helvetica, sans-serif; color:#FFFFFF;text-shadow:0px 1px 1px #990000; list-style:none;
}

.alert > ul > li:last-child {border-bottom:0px dashed #ffffff;margin-bottom:0px; padding-bottom:5px;
}
.close {
  float: right;
  font-size: 2.8em; font-family:'Roboto', Helvetica, sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #333333;
}
.close:hover,
.close:focus {
  color: #FFFF00 !important;
  text-decoration: none;
  cursor: pointer;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; color:#FFFF00 !important;
}

}

/*

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (orientation: portrait) {

.alert {
  padding: 0px 0 0px 0; margin:0 -5px -40px -7px;
  border: 0px solid transparent;
  border-radius: 0px;
}
.alert h4 {
  margin-bottom:3px; font-size:1.4em; background: #CC0000 !important; padding-left:17px !important;
  color: #ffffff !important;  text-shadow:0px 1px 1px #990000 !important;
}

.alert-danger {
  color: #cc0000;text-shadow:0px 1px 1px #ffffff; font-family:'Roboto', Helvetica, sans-serif;
  background-color: rgba(204,0,0,0);
  border-color: #ffffff;
}
.alert > ul > li { margin-bottom:3px; padding:0 0 4px 0; line-height:1.1em; border-bottom:1px dashed #999999; font-size:1em;  font-weight:400; font-family:arial , Helvetica, sans-serif; color:#333333;text-shadow:0px 1px 1px #ffffff;
}


.box2{width:100% !important; float:left; font-size:.85em; line-height:1.1em; }

.w3-agile-footer {
    background: #1b1b1b; width:100% !important; margin:50px 0px 0 0px !important;
    padding: 0em -10px 0em -10px !important;
}

.footer-grid-heading h4{font-family:'oswald', Helvetica, sans-serif; font-weight:700; width:100%; border-bottom:0px solid #ffffff;color: #ffffff; text-transform: ;font-size: 1.15em; line-height:1em; text-shadow:0px 0px 0px #000000;margin:-2px 0 6px 0;padding:0px;
}

}
*/









/*
.footer-grid3{
    background: #1b1b1b; width:100% !important; margin:0 -10px 0 -10px !important; color:#ffffff !important;
	text-shadow:0px 1px 1px #1b1b1b; padding:5px !important;text-decoration: none; font-family:'Lato', Helvetica, sans-serif; font-weight:400;
	
}

.entry {background-color: #FFFFFF; margin:5em 0 0 0; padding:0px; width:100%;}


.entry select{ font-size:1.2em; margin:0 20px 0 0;padding:0px; width:25%;float:left; }

.entry select option{ font-size:1.2em; margin:0px; padding:0px; }

 


 h6 {
    position: relative; text-align:center;
    margin-top: 20px; font-size:.9em !important;
  }
  
  h6.one {
    margin-top: 0;
  }
  
  h6.one:before {
    content: "";
    display: block;
    border-top: solid 0px black;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
  
  h6.one span {
    background:; border-radius:3px; color:#FFFFFF; text-shadow:0px 1px 1px #000000; font-family:'kalam', Helvetica, sans-serif;
    padding: 0 20px; font-weight:300;
    position: relative;
    z-index: 5;
  }
*/

.map {
    padding: 10px 20px; margin-bottom:7em;
}
.map iframe{
	width:100% !important;
	min-height:400px;
	border: none;
}
/*--placeholder-color--*/
::-webkit-input-placeholder{
	color:#fff;  
}
:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;    
}
:-ms-input-placeholder {  
   color: #fff;  
}




.coderedlink{text-decoration:none;color:#cc0000 !important; font-size:.95em !important; margin-top:-23px; margin-left:20px; text-shadow:0px 1px 1px #ffffff; border:none !important; text-align:left;}


  .skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
    }
    
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible; 
    }

.corona{ color:#FFFFFF !important; text-shadow:0px 0px 1px #cc0000 !important; text-align:left !important;}

.corona a{ color: #FFFF00 !important; text-shadow:0px 0px 1px #cc0000 !important; text-align:left !important;}
.corona a:hover{ text-decoration:underline;}