/* Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Accessibility
# Alignments
# Navigation
# Fonts
# Spacing
# Carousel
# Text Over Image
# 5 Columns
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;}
body {margin: 0;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden],template {display: none;}
a {background-color: transparent;text-decoration: none;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {font-size: 2em;margin: 0.67em 0;}
mark {background: #ff0;color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;max-width:100%;height:auto;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
input {line-height: normal;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {	-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {outline: 0;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
	.alignleft {display: inline;float: left;margin-right: 1.5em;}
	.alignright {display: inline;float: right;margin-left: 1.5em;}
	.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
}



/*--------------------------------------------------------------
# Font
--------------------------------------------------------------*/
/* Default font colors */
.white {color:#fff;}
.red {color:#ff0000;}
.black {color:#000;}

/* Quick-use classes for font styles */
.bold {font-weight:bold;}
.italic {font-style:italic;}
.caps {text-transform:uppercase;}

/*--------------------------------------------------------------
# Flex box
--------------------------------------------------------------*/
.align {align-items: center;}

@media only screen and (min-width:768px) {
	.row-eq-height-sm {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
}
@media only screen and (min-width:992px) {
	.row-eq-height-md {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
}
@media only screen and (min-width:1200px) {
	.row-eq-height-lg {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
}



/*--------------------------------------------------------------
# Carousel
--------------------------------------------------------------*/
#testimonial-carousel.carousel, #testimonial-carousel.carousel .item {height:300px;}

/*--------------------------------------------------------------
# Text Over Image
--------------------------------------------------------------*/
.wrap {position: relative;vertical-align: middle;display: inline-block;}
	.wrap a {display: block;color: #fff;font-size: 0;text-align: center;}
		.wrap img {display: inline-block;width: 100%;opacity: .5; z-index: 1;vertical-align: middle;}
		.wrap .desc, .wrap .play {vertical-align: middle;position: relative;z-index: 2;display: inline-block;margin-right: -100%;font-size: medium;width: 100%;}


/*--------------------------------------------------------------
# 5 column
--------------------------------------------------------------*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}