/**
 * Style.
 * 
 * @author  Mario Sakamoto <mskamot@gmail.com>
 * @license MIT http://www.opensource.org/licenses/MIT
 * @see     https://wtag.com.br/divmon
 */

/*
 * Reset
 */
html, body, div, span,
table, thead, tbody, tfoot, tr, th, td,
form, label, input, textarea, select, option, button,
ul, li,
h1, h2, h3, h4, h5, h6, p,
img,
a,
pre, code, 
iframe { }

html { }

body { }

div { }

span { }

table { }

	thead { }

	tbody { }

	tfoot { }

		tr { }

			th { }

			td { }
		
form { }

	label { }

	input { }
	
	textarea { }

	select { }
	
		option { }

ul { }

	li { }
	
h1 { 
	font-weight: 900;
	font-family: 'Titillium Web', sans-serif !important; 
}

h2 {
	font-weight: 900;
	font-family: 'Titillium Web', sans-serif !important;
}

h3 { font-family: 'Titillium Web', sans-serif !important; }

h4 { font-family: 'Titillium Web', sans-serif !important; }

h5 { font-family: 'Titillium Web', sans-serif !important; }

h6 { font-family: 'Titillium Web', sans-serif !important; }

p { font-family: 'Titillium Web', sans-serif !important; }

img { }

a { }

/**
 * Id
 */

/*
 * Class
 */

/*
 * Text
 */
.ui-bold { font-weight: 800; }


/*
 * Colors
 */

.ui-red-hover {
	transition-duration: .3s;
	color: black;
}

.ui-red-hover:hover {
	transition-duration: .3s;
	color: #e31214;
}

/*
 * Background
 */
.ui-white-bg {
	transition: 0.3s;
	background: black;
	color: black;
}

.ui-white-bg:hover {
	transition: 0.3s;
	background: #e31214;
	color: white !important; 
}


.ui-gradient-red {
	transition: 0.3s;
	background: linear-gradient(-90deg, rgb(183,21,29,0.80) 0%, rgb(227,18,20,0.80) 100%)  !important; 
}

.ui-gradient-red:hover { 
	transition: 0.3s;
	background: linear-gradient(-90deg, rgb(70,21,29,0.80) 0%, rgb(40,21,29,0.80) 100%)  !important; 
}

.ui-black-bg {
	background: #171717
}

.ui-red-bg {
	background: #e31214;
}

.ui-dark-menu {
	background-color: rgba(0, 0, 0, .99);
}

/*
 * Bordas
 */
.iu-border-left { border-left: solid 3px #e31214; }

/*
 * Animação
 */
.js .anime {
	opacity: 0;
	transform: translate3D(-100px, 0px, 0px);
}

.js .anime-init {
	opacity: 1;
	transform: translate3D(0px, 0px, 0px);
	transition: 1.5s all ease;
}

/*
* Carousel
*/
.carousel-wrap { 
	position: relative; }

.owl-carousel .item {
	position: relative;
	z-index: 100; 
	-webkit-backface-visibility: hidden; 
}

.owl-nav > div {
	margin-top: -26px;
	position: absolute;
	top: 50%;
	color: white;
	padding: 5px 15px;
	background-color: #e31214;
}

.owl-nav i {
  font-size: 32px;
}
  
.owl-nav .owl-prev {
  left: -21px;
}

.owl-nav .owl-next {
  right: -21px;
}

.ui-white-box {
	box-shadow: 0 0 1.25rem rgb(30 34 40 / 25%);
	background: rgba(255,255,255,.97);
}


/*
* Live
*/
.ui-live {
	color: #eeeeee;
	animation: changeColor 5s infinite;
}

@-webkit-keyframes changeColor {
	0%   {color: #eeeeee;}
	50%  {color: #e31214;}
}

.ui-play-pause {
	transition-duration: .3s;
	fill: #9e9e9e;
}

.ui-play-pause:hover {
	transition-duration: .3s;
	opacity: 0.5;
}

/*
Parallax
*/
.parallax { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }