#tour-navtabs {
    margin-bottom: 40px;
}
#tour-navtabs li.active>a,
#tour-navtabs li.active:hover>a {
 background-color: #3FC1C8;
 color: #fff;
 border-bottom: none;
}

/*Tour Nav Tab Arrows*/
#tour-navtabs li {
	padding: 0;
	border: none;
}
#tour-navtabs li.active:before,
#tour-navtabs  li.active:after {
	position: absolute;
	bottom: -39px;
	content: '';
	width: 50.5%;
	height: 40px;
}

#tour-navtabs li.hover:before, 
#tour-navtabs li.focus:before,
#tour-navtabs li.active:before {
	left: 0;
	background: linear-gradient(to left bottom, #3FC1C8 49%, transparent 51%);
}
#tour-navtabs li.hover:after, 
#tour-navtabs li.focus:after,
#tour-navtabs li.active:after {
	right: 0;
	background: linear-gradient(to right bottom, #3FC1C8 49%, transparent 51%);
}

/*TABBED SLIDES*/
.container-responsive.slide {
    padding-top: 2.5em;
}
.beige {
	background-color: #f9f4ef;
	color: #414243;
}

.yellow {
	background-color: #F8AA52;
}

.blue {
	background-color: #3FC1C8;
}
.green {
	background-color: #9DC482;
}

.cta {
	color:#fff;
	padding: 5%;
}

.well {
	padding: 5%;
}

.primary a {
	color: #fff;
	text-decoration: underline;
}

#admindemocta h1,
#classroomdemocta h1 {
	margin-bottom: 1em;
}

#admindemocta,
#classroomdemocta {
	padding: 2em 0 4em;
}

#tour .container-responsive {
	margin: 0 5%;
}

@media (max-width: 768px) {
	#tour-navtabs li.hover:before, 
	#tour-navtabs li.focus:before, 
	#tour-navtabs li.active:before,
	#tour-navtabs li.active:after,
	#tour-navtabs li.active:before,
	#tour-navtabs li.active:after {
	visibility: hidden;
	}
	.tour-subnav li a{
		border: 1px white solid;
	}
	
}

/**Tour Thumbs*/
.thumb {
	width: 350px;
	margin: 25px auto;
	cursor: pointer;
}

/***** MODAL PROPERTIES *****/
.tour-modal .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:transparent;
    border:none;
    outline:none;
    margin-top: 50px
}
.tour-modal .close {
    font-size: 80px;
}
/***** MEDIA QUERIES *****/
 @media only screen and (max-width: 641px) {
    /***** MODAL PROPERTIES *****/
    .tour-modal .modal-content {
        margin-top: 88px; 
    }
    .tour-modal .modal-body {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 768px) {  
    .tour-modal .modal-dialog {
        width: 90%;
    }
}