body {
    color: #5c5e62;
}

#map{
	border:1px solid #D3D3D3;
	height: 313px;
	overflow:hidden;
}	par

#map img{
	max-width:none;
}	

#map p{
	margin-bottom:8px;
}	

#map a.button{
	margin-bottom:0;
}

#footer p {
	color: #9d9d9d !important;
}

.navbar span {
	color: #FFFFFF !important;
}

header span {
	color: #3F6B99;
}

.btn-primary {
    color: #5c5e62;
    background-color: #fff;
    border-color: #77B844;
}

.dropdown-menu {
	background-color: #77B844;
}

.mapDownload{
	padding:5px 8px !important;
}

.jcf-select {
	display: table;
	margin: 0 auto;
	width:150px;
	margin-bottom: 15px;
}

  /**
   * Simple fade transition,
   */
  .mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
  }
  .mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
  }
  .mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
  }

  .mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
  }
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
  }
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
  }

.exploreButton {
    float: right;
    background: #77B844;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
	margin-top:-10px;
	margin-right: -10px;
}

.exploreButton:hover {
	background: #92c768 !important;
	border-radius: 0;
	border-color: #92c768;
	color: #FFFFFF;
}

.label {
	padding: 0;
	font-size:100%;
	color: #000000;
}

.partner_logo {
	margin-top: -70px;
	padding: 3px;
	background: #77B844;
}

.socila-links-details {
	float: right;
	margin-top: 10px;
}

.socila-links-details li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}

.contact-details {
	clear: both;
	display: table;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}

.contact-details li {
	display: inline;
	list-style: none;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	color: #24578B;
	font-size: 14px;
	font-weight: bold;
}

.contact-details span {
	clear: both;
    display: block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #888888;
}

.activities_details li {
	display: inline;
	list-style: none;
	float: left;
	padding: 10px;
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.activity_filter li {
    margin-right: 10px;
    float: left;
    width: 202px;
	list-style: none;
}

.activity_filter li input, .activity_filter li label {
    float: left;
}

.activitiesCheck {
   float: right;
   padding: 10px;
   color: #24568B;	
}



h1, h2, h3, .h3, h4 {
    color: #13406E;
    margin: 15px 0 15px;
}

a {
    color: #77b844;
    text-decoration: none;
}

a:hover{
	color:#3F6B99;
}

.content-intro .text-holder {
	padding-top: 50px;
}

#list-view-members {
    background-image: url(/common/assets/images/banners/destinations-wisconisn-1-bottom.jpg);
}

#list-view-convention {
    background-image: url(/common/assets/images/banners/destinations-wisconisn-2-bottom.jpg);
}

#list-view-job {
	background-image: url(/common/assets/images/banners/destinations-wisconisn-4-bottom.jpg);
}

#list-view-award {
	background-image: url(/common/assets/images/banners/destinations-wisconisn-3-top.jpg);
}

#list-view-GB {
	background-image: url(/common/assets/images/banners/destinations-wisconisn-2-top.jpg);
}

#list-view-map{
	background-image: url(/common/assets/images/banners/destinations-wisconisn-1-top.jpg);
}

#list-view-visitor{
	background-image: url(/common/assets/images/banners/destinations-wisconisn-4-top.jpg);
}


#list-view-about{
	background-image: url(/common/assets/images/banners/destinations-wisconisn-3-bottom.jpg);
}

#list-view-planner{
	background-image: url(/common/assets/images/banners/PlannerPg-TopBanner.jpg);
}
#text-box-con {
	color:#ffffff;
	background-color: #13406E;
}

#holder-con{
	background-color: #eeeeee;
}

.feature-block {
    background: #ffffff;
}

.content-list li:before {
	display: none;
}

.conv_sponsors {
	margin-top: 50px;
}

.conv_sponsors li {
	list-style: none;
	display: inline;
	float: left;
	padding: 20px;
}

.btn.btn-md {
    border-radius: 0;
}

.common-spacing {
    padding-top: 15px;
    padding-bottom: 100px;
}

.partner-block {
    padding: 60px 0;
    text-align: center;
    background: #ffffff;
}

.article .thumbnail {
    box-shadow: 0 2px 2px rgba(1, 2, 2, .05);
}

.content-block {
    padding: 60px 0;
    background: #fafafa;
}

.content-intro {
    padding-bottom: 25px;
}

.special-block {
    border: none
}

.special-block .special-text {
    font-size: 1.5em;
}


/* browse block styles */

.browse-block-top {
    overflow: hidden;
    font-size: 1.2em;
    color: #fff;
    background-color: #3F6B99;
    padding: 15px;
	text-align: center;
	font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	letter-spacing: 4px; 
}

.pagination > .active > a,.pagination > .active > a:hover,.pagination > .active > a:focus,.pagination > .active > span,.pagination > .active > span:hover,.pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	background-color: #3F6B99;
	border-color: #3F6B99;
	cursor: default;
}

.browse-block a span {
    line-height: 100px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #3F6B99 !important;
}

.img-article .text-block h3 {
	text-transform: none;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 15px;
	font-size: 1em;
}

/*Button style*/

.btn.btn-primary:hover {
	border-color: #92c768;
	background: #92c768;
	color: #fff;
}

.btn.btn-default:hover {
	background: #92c768 !important;
	border-radius: 0;
	border-color: #92c768;
}
 .btn.btn-default:hover {
	background: #92c768 !important;
	border-radius: 0;
	border-color: #92c768;
}

.btn.btn-trip {
	border-radius: 3px;
	font-style: normal;
	font-weight: 700;
	width: 100%;
	color: #92c768;
	background: #252525;
	letter-spacing: .05em;
}

.btn.btn-trip:hover {
	background: #92c768;
}

.btn.btn-info-sub {
	background: #77B844;
	border-color: #77B844;
	color: #fff;
	font-weight: 700;
}

.btn.btn-info-sub:hover {
	box-shadow: none;
	color: #fff;
	background: #A8DF9C;
	border-color: #A8DF9C;
}

.btn.btn-info {
	background: #77B844;
	border-color: #77B844;
	color: #fff;
}

.btn.btn-info:hover {
	background: #A8DF9C;
	color: #fff;
}

#main > div.content-block.bg-white.content-center > div > div > div:nth-child(1) > div.description > p > a:hover{
	background-color: #A8DF9C;
	border:none;
}

/* Browse-block */
.browse-block .column.browse-destination a:hover {
	background: #A8DF9C;
}

.browse-block .column.browse-adventures a:hover {
	background: #77b844;
}
.browse-block .column.browse-adventures a{
	background: #A8DF9C;
}

/* counter-value */
.counter-value .info::before {
  content: "$";
}

.article.has-hover-s3 .star-rating > span:hover {
	color: #77b844;
}

h3.small-space a:hover{
	color: #77b844 !important;
}

h3.small-space a:active{
	color: #77b844 !important;
}

.article h3 a:hover {
    color: #A8DF9C !important;
}

.btn.btn-default:before {
    background: #A8DF9C;
}

.content-both-sidebar #sidebar,
.content-both-sidebar #sidebar-right {
	max-width: 300px;
	padding-top: 25px;

}

/* Mobile planner down arrow in menu */
#nav > ul > li:nth-child(5) > a > b{
	visibility: hidden;
	display: none;
}

#nav > ul > li:nth-child(5) > a > b{
	display: none;
	overflow: hidden;
	transform: rotateX(0) translateZ(0);
	-ms-transform: rotateX(0) translateZ(0);
	-webkit-transform: rotateX(0) translateZ(0);
	opacity: 1;
	visibility: hidden;
}
/* End Mobile planner down arrow in menu*/


@media screen and (min-width: 768px) {
  .article .heading h3 {
	max-width: 100%;
  }
	
.demo-wrapper h3 {
    margin-bottom: 10px;
    margin-top: 35px;
}
	
	
}

@media screen and (max-width: 991px) {
	
.banner-inner .banner-text h1 {
    font-size: 30px;
}
	
}

@media screen and (max-width: 768px) {
	
.banner-inner .banner-text h1 {
    font-size: 20px;
}
	
.banner.banner-inner .subtitle {
   font-size: 10px;
}	
	
}

@media screen and (max-width: 500px) {
	
.banner-inner .banner-text h1 {
    font-size: 20px;
}
	
}

@media screen and (max-width: 400px) {
	
.banner-inner .banner-text h1 {
    font-size: 10px;
}
	
.banner.banner-inner .subtitle {
   font-size: 10px;
}
	
}

@media only screen and (max-width: 1100px) {
  .logo {
	width:120px;
  }
}