/*------------------------------------------------------------------
Avalanche Slider
Version: 1;
Author: ThemeMountain
Copyright: ThemeMountain

[Table of contents]

1. Wrappers
2. Media
3. Progress Bar
4. Preloader
5. Captions
6. Navigation
7. Font Icons
-------------------------------------------------------------------*/

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*------------------------------------------------------------------
[1. Wrappers]
*/
.tm-slider-container {
	background: #ffffff;
	position: relative;
}
.tm-slider-container.fullscreen{
	width: 100%;
	height: 100%;
	height: 100vh;
}
.tm-slider-container.tms-carousel{
	overflow: hidden;
}
.tm-slider-container.tms-scalable-height{
	-webkit-transition-property: height;
	-moz-transition-property: height;
	-o-transition-property: height;
	-ms-transition-property: height;
	transition-property: height;
	-webkit-transition-duration: 600ms;
	-moz-transition-duration: 600ms;
	-o-transition-duration: 600ms;
	-ms-transition-duration: 600ms;
	transition-duration: 600ms;
}
.tms-slides {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
	overflow: hidden;
	position: relative;
}
.tms-slide {
	width:100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	left: 0;
	z-index: 1;
   -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
       -ms-backface-visibility: hidden;
           backface-visibility: hidden;
   -webkit-perspective: 1000;
      -moz-perspective: 1000;
       -ms-perspective: 1000;
           perspective: 1000;
}
.tms-slide.active {
	visibility: visible;
}
.tms-error {
	width: 100%;
	font-size: 1.4rem;
	text-align: center;
	position: relative;
	top: 50%;
}

/*------------------------------------------------------------------
[2. Media]
*/
.tms-slide > video, 
.tms-slide > iframe,
.tms-slide > object,
.tms-slide > embed{
	position: relative;
	opacity: 0;
}
.tms-slide > video{
	z-index: 1;
}
.tms-slide.tms-video-no-ratio > video, 
.tms-slide.tms-video-no-ratio > iframe,
.tms-slide.tms-video-no-ratio > object,
.tms-slide.tms-video-no-ratio > embed{
	width: 100% !important;
	height: 100% !important;
	position: static;
}
.tms-slide img {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	display: block;
	float: none;
	position: relative;
	transform: translate(0,0);
}
.tms-carousel .tms-slide img{
	max-height: none;
}
.tms-slide > video + img,
.tms-slide.tms-forcefit > img,
.tms-fullscreen .tms-slide > img  {
	max-width: none;
	max-height: none;
	float: none;
	position: absolute;
}

/*------------------------------------------------------------------
[3. Progress Bar]
*/
.tms-progress-bar{
	width: 0;
	height: 0.5rem;
	background: rgba( 0, 0, 0, 0.3 );
	position: absolute;
	top: 0;
	z-index: 2;
}

/*------------------------------------------------------------------
[4. Preloader]
*/

/* Remove if full framework is used */
.tm-loader, 
.tm-loader #circle{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.tm-loader {
	width: 2rem;
	height: 2rem;
	margin: -1rem 0 0 -1rem;
	position: absolute;
	top: 50%;
	left: 50%;	
}
.tm-loader #circle {
	width: 2rem;
	height: 2rem;
	background: #666666;
	-webkit-animation:preloader 1s ease infinite;
	   -moz-animation:preloader 1s ease infinite;
	     -o-animation:preloader 1s ease infinite;
	        animation:preloader 1s ease infinite;
}
@-webkit-keyframes preloader{
	from { opacity: 1;	-webkit-transform: scale( 1 ); }
	to	 { opacity: 0;	-webkit-transform: scale( 0 ); }
}
@keyframes preloader{
	from { opacity: 1;	transform: scale( 1 ); }
	to	 { opacity: 0;	transform: scale( 0 ); }
}

/*------------------------------------------------------------------
[5. Captions]
*/
.tms-caption{
	width: auto;
	font-size: 2rem;
	display: inline-block !important;
	background-image: url(../images/blank.png);
	opacity: 0;
	position: absolute;
	z-index: 2;
	-webkit-text-size-adjust: none;
	   -moz-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	-webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
       -ms-backface-visibility: hidden;
           backface-visibility: hidden;
   -webkit-perspective: 1000;
      -moz-perspective: 1000;
       -ms-perspective: 1000;
           perspective: 1000;
}
.tms-caption video, 
.tms-caption iframe,
.tms-caption object,
.tms-caption embed{
	width: 100% !important;
	height: 100% !important;
}
.tms-caption.no-transition{
	opacity: 1 !important;
	visibility: hidden;
	display: block !important;
}

/*Slider Fullscreen Captions*/
.tms-content{
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	display: table;
	table-layout: fixed;
	text-align: center;
	position: absolute;
	z-index: 2;
}
.tms-content-inner{
	height: 100%;
	vertical-align: middle;
	display: table-cell;
	float: none;
}
.tms-content-scalable{
	padding-bottom: 3rem;
}
.tms-content-inner .tms-caption{
	position: static;
}
.tms-content-inner.left{
	text-align: left;
}
.tms-content-inner.right{
	text-align: right;
}
.tms-content-inner.v-align-top{
	padding-top: 7rem;
	vertical-align: top;
}
.tms-content-inner.v-align-bottom{
	padding-bottom: 7rem;
	vertical-align: bottom;
}
.tms-fullscreen .tms-caption{
	position: relative;
}
.tms-slide .row, 
.tms-slide .column{
	height: 100%;
}
.tms-content .row, 
.tms-content .column{
	height: auto;
}
.tms-slide .row .tms-content{
	position: relative;
}
@media only screen and (max-width: 768px){
	.tms-slide .row .tms-content, 
	.tms-slide .row .tms-content-inner{
		display: block;
	}
}

/*------------------------------------------------------------------
[6. Navigation]
*/

/* Arrow */
.tms-arrow-nav {
	width: 5rem;
	height: 5rem;
	background-color: rgba(0,0,0,0.3);
	color: #ccc;
	font-size: 3rem;
	text-align: center;
	line-height: 5rem;
	display: none;
	position: absolute;
	z-index: 10;
}
.tms-arrow-nav:hover{
	width: 7rem;
	color: #fff;
}
#tms-next {
	top: 50%;
	right: 0;
	margin-top: -2.5rem;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
#tms-next:before { 
	content: '\e644'; 
} 
#tms-prev {
	top: 50%;
	left: 0;
	margin-top: -2.5rem;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
#tms-prev:before {
	content: "\e643";
}

/* Bullets/Thumb */
.tms-pagination {
	width: 100%;
	text-align: center;
	display: none;
	position: absolute;
	bottom: 2rem; 
	line-height: 0;
	z-index: 10; 
}
.tms-bullet-nav {
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 0.3rem;
	display: inline-block;
	background: #ffffff;
	opacity: 0.5;
	border-radius: 50%;
}
.tms-thumb-nav {
	width: 5rem;
	height: 5rem;
	opacity: 0.5;
}
.tms-bullet-nav:hover,
.tms-thumb-nav:hover {
	opacity: 1;
}
.tms-bullet-nav.active,
.tms-thumb-nav.active {
	opacity: 1;
}
.tm-slider-container.show-on-hover .tms-arrow-nav,
.tm-slider-container.show-on-hover .tms-pagination{
	opacity: 0;
}
.tm-slider-container.show-on-hover:hover .tms-arrow-nav,
.tm-slider-container.show-on-hover:hover .tms-pagination{
	opacity: 1;
}

/* Nav Animation */
.tms-arrow-nav,
.tms-pagination{
	-webkit-transition-property: width, background, color, opacity;
	-moz-transition-property: width, background, color, opacity;
	-o-transition-property: width, background, color, opacity;
	-ms-transition-property: width, background, color, opacity;
	transition-property: width, background, color, opacity;
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-o-transition-duration: 300ms;
	-ms-transition-duration: 300ms;
	transition-duration: 300ms;
}

/*------------------------------------------------------------------
[7. Font Icons]
*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/entypo.eot?-r9lvae');
	src:url('../fonts/entypo.eot') format('embedded-opentype'),
		url('../fonts/entypo.woff') format('woff'),
		url('../fonts/entypo.ttf') format('truetype'),
		url('../fonts/entypo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="tms-arrow-nav"]:before, 
[class*="tms-arrow-nav"]:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;

	/* Better Font Rendering */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}