/*-----------------------------------------------------------------------------------

    Theme Name: Valkyrie
    Theme URI: http://www.demo.az-themes.com/valkyrie/
    Description: Valkyrie Theme for photostudio, creative or digital agency, frelancers, business. Based on a unique, clean & minimal design and packed with a tons of cool features. WooCommerce and WPML Supported.
    Author: Alessio Atzeni
    Author URI: http://www.alessioatzeni.com/
    License: GNU General Public License version 3.0 & Envato Regular/Extended License
    License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
	Tags: left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
	
    Version: 1.0.2
    
	Text Domain: valkyrie

-------------------------------------------------------------------------------------*/
/* GUIDE
-------------------------------------------------------------------------------------

    1. Font-Family Elements Setup
    2. Basic Typography

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    1. Font-Family Elements Setup
-------------------------------------------------------------------------------------*/
#html5-watermark{
  display:none !important;
}
.az-yes-transparency #az-header.h-classic.is-open.az-light-type .az-nav-wrapper, .az-yes-transparency #az-header.h-classic.az-scroll-end.az-light-type .az-nav-wrapper {
    background: #006da9 !important;
}
.container{
  width:100%;
  max-width:100% !important;
  padding:0px !important;
}
.sf-menu a {
  color: #fff !important;
}
.az-nav-wrapper {

}
#bitnami-banner {
  display:none;
}
#az-footer .az-footer-bottom-area .az-footer-socials ul {
    float: none !important;
    margin-top: 15px !important;
}

@media (min-width:1024px){
.apps-botones {
	display:none;
}
.redasistencia {
	width:90%;
	float:left;
	margin-left:5%;
	margin-bottom:50px;
}
.redasistencia h1{
	width:100%;
	color:#002a41;
	text-align:center;
	font-size:40px;
	margin-top:10px;
	margin-bottom:25px;
}
.tabla p {
	width: 100%;
	color: #002940;
	text-align: left;
	font-size: 17px;
	margin-bottom: 25px;
	padding-left: 10px;
}
.redasistencia p{
	width: 100%;
	color: #002940;
	text-align: center;
	font-size: 17px;
	padding-left: 10px;
	padding-top:0px;
}
.emergencia, .medico, .red, .comerciales, .asistenciavial {
	width:116px;
	height:80px;
	text-align:center;
	margin: 0 auto;
}
.emergencia{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/emergencia.png);
}
.bloques-servicios:hover .emergencia{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/emergencia-h.png);
}
.medico{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/medico.png);
}
.bloques-servicios:hover .medico{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/medico-h.png);
}
.red{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/red.png);
}
.bloques-servicios:hover .red{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/red-h.png);
}
.comerciales{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/descuentos.png);
}
.bloques-servicios:hover .comerciales{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/descuentos-h.png);
}
.asistenciavial{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/asistencia.png);
}
.bloques-servicios:hover .asistenciavial{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/asistencia-h.png);
}
.bloques-servicios{
	width:16%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	padding:10px;
}
.bloques-servicios:hover{
	background: #006da9;
	border-radius:10px;
}
.bloques-servicios:hover h2 {
	color:#dedede;
}
.bloques-servicios:hover p {
	color:#fff;
}
.bloques-servicios:hover ul li {
	color:#fff;
}
.bloques-servicios h2{
	text-align: center;
	color: #006da9;
	font-size: 20px;
	line-height: inherit;
	height:70px;
	margin-top:15px;
}
.bloques-servicios ul{
	margin-right:0px;
}
.bloques-servicios p{
	font-size: 16px;
	line-height:initial;
	color:#787878;
	text-align:left;
}
.bloques-servicios b{
	font-size: 23px;
}
.bloques-servicios ul li{
	color:#787878;
	font-size:16px;
	padding-bottom:15px;
	line-height:22px;
}
.tabla {
	width:100%;
	float:left;
	background:#f5f5f5;
}
.tabla h2, .testimoniales h2, .nosotros h2 {
	width:100%;
	color:#002a41;
	text-align:center;
	font-size:40px;
	margin-top:80px;
}
.ambulancia h2{
	width:100%;
	color:#002a41;
	text-align:center;
	font-size:40px;
	margin-top:0px !important;
}
.tabla img {
	width: 80%;
	margin: 0 auto;
	display: block;
	margin-top:40px;
	margin-bottom: 50px;
}
.tabla-membresias {
	width: 70%;
	margin-left:15%;
	float:left;
	margin-top:50px;
	margin-bottom:50px;
}
.columnas {
	width: 25%;
	float:left;
}
.columnas div{
	border:1px solid #002a41;
	margin-bottom:0px;
	height:100px;
}
.columna1 {
	background:#a4e4ff;
}
.columnas img{
	width: 38px;
	height:60px
	display:block;
}
.titulos{
	height:60px;
	display:block;
	border:none !important;
}
.titulo1{
	background:#f5f5f5;
}
.titulo-basica, .titulo-plata, .titulo-oro {
	padding-top: 30px;
	font-size: 25px;
	color: #fff;
	text-align:center;
	width: 98%;
	margin-left: 1%;
}
.titulo-basica{
	background:#002a41;
	border-radius: 20px 20px 0px 0px;text-align: center;
}
.precio{
	background:#002a41;
	font-size: 25px;
	color: #fff;
	text-align:center;
	padding-top:30px;
}
.precio-blanco{
	background:#fff !important;
	color:#0370ac;
}
.titulo-plata{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/texturaplata.jpg) no-repeat;
	background-size:cover;
	border-radius: 20px 20px 0px 0px;
}
.titulo-oro{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/texturaoro.jpg) no-repeat;
	background-size:cover;
	border-radius: 20px 20px 0px 0px;
}
.ambulancia {
	width: 100%;
	float: left;
	padding-top: 90px;
	padding-bottom: 50px;
}
.ambulancia div {
	width: 35%;
	float:left;
	margin-right:5%;
}
.ambulanciaimg {
	width: 55%;
	float:left;
	margin-left:5%;
}
.ambulancia p {
	text-align:center;
	font-size:26px;
	color:#002940;
	line-height:normal;
}
.ambulancia a {
	width:200px;
	margin:0 auto;
	display:block;
}
.ambulancia article {
	width:90%;
	margin-left:5% !important;
	margin:0 auto;
	display:block;
	border-top:2px solid #c8c8c8;
	padding-top:40px;
	float:left;
	margin-top:30px;
}
.app-izq {
	width:40% !important;
	float:left;
	margin-right:0px !important;
	padding-right:5%
}
.app-izq h3 {
	color: #006da9;
	margin-bottom: 0px;
	font-size: 25px;
	margin-top: 10px;
	text-align:center
}
.app-izq img {
	float:left;
	width:45%;
}
.app-izq a {
    	font-size: 17px;
    	color: #fff;
    	background: #006da9;
    	padding: 10px 15px 10px 15px;
    	border-radius: 10px;
    	float:left;
	width:55%;
}
.app-der {
	width:55% !important;
	float:left;
	margin-right:0px !important;
	padding-left:5%;
	border-left:2px solid #c8c8c8;
}
.app-der h4{
	text-align: center;
	font-size: 26px;
	color: #002940;
	line-height: normal;
	font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
}
.app-der p {
	float:left;
	font-size:16px !important;
}
.banner-marcas{
	width: 100%;
	float: left;
	text-align: center;
	background: #f5f5f5;
	padding: 50px;
}
.banner-marcas img{
	max-width: 100%;
	margin: 0 auto;
}
.testimoniales{
	width:100%;
	float:left;
	display:block;
}
.testimoniales figure{
	width:1220px;
	margin:0 auto;
	display:block;
}
.testimoniales div{
	width:40%;
	float:left;
	margin-left:5%;
	margin-right:5%;
}
.testimoniales img{
	float: left;
	padding-bottom: 130px;
	padding-top: 50px;
	margin-right: 20px;
}
.testimoniales h3{
	color: #006da9;
	margin-bottom: 0px;
	font-size: 25px;
	margin-top: 70px;
}
.testimoniales h4{
	color: #002940;
}
.testimoniales p{
	font-size: 18px;
	color: #002940;	
}
.testimoniales a{
	font-size: 17px;
	color: #fff;
	background:#006da9;
	padding:10px 15px 10px 15px;
	border-radius:10px;	
}
.testimoniales a:hover{
	color: #dedede;	
}
.test1{
	float:right;	
}
.test2{
	float:left;	
}
.info-video{
	font-weight:400;
}
.nosotros{
	width:100%;
	float:left;
	background:#f5f5f5;
	text-align:center;
	padding-top:80px;
	padding-bottom:60px;
}
.nosotros h2{
	margin-top:0px !important;
}
.nosotros p{
	width:80%;
	margin-left:10%;
	font-size:18px;
	color:#002940;
}
.nosotros a{
	font-size: 17px;
	color: #fff;
	background: #006da9;
	padding: 10px 15px 10px 15px;
	border-radius: 10px;
	margin-top: 20px !important;
	display: block;
	width: 200px;
	margin: 0 auto;
}
.testimonio-doc{
 	font-size: 17px !important;
	color: #fff !important;
    	background: #006da9;
    	padding: 10px 15px 10px 15px;
    	border-radius: 10px;
	width: 20%;
	margin-left: 40%;
	margin-top: 20px;
}
.certificaciones{
	width:100%;
	float:left;
	padding-top:80px;
	padding-bottom:60px;
}
.certificaciones div{
	width:40%;
	float:left;
	margin-left:5%;
	margin-right:5%;
}
.certificaciones h2{
	width: 100%;
	color: #002a41;
	text-align: left;
	font-size: 40px;
}
.certificaciones p{
	font-size: 18px;
	color: #002940;
}
.contacto{
	width:100%;
	float:left;
	background:#002940;
	padding-top:80px;
	padding-bottom:60px;
}
.contacto div{
	width:30%;
	float:left;
	display:block;
}
.contacto-datos{
	margin-left:20%;
	margin-right:5%;
}
.contacto-datos a{
	color:#fff;
}
.contacto-mapa{
	margin-right:15%;
}
.contacto p{
	font-size:16px;
	color:#fff;
}
.contacto h2{
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 40px;
	margin-top:0px;
	margin-bottom:70px;
}
.apps-botones-contacto {
    margin-left: 0% !important;
    text-align: left !important;
    margin-top: 20px;
}
.apps-botones-contacto a{
    display:block;
    width:200px;
}
.logo-red{
	width: 150px;
}
}

@media (min-width:768px) and (max-width:1023px){
.apps-botones {
	display:none;
}
.redasistencia {
	width:90%;
	float:left;
	margin-left:5%;
	margin-bottom:70px;
}
.redasistencia h1{
	width:100%;
	color:#002a41;
	text-align:center;
	font-size:40px;
	margin-top:10px;
}
.tabla p {
	width: 100%;
	color: #002940;
	text-align: left;
	font-size: 15px;
	margin-bottom: 25px;
	padding-left: 10px;
	line-height:normal;
}
.redasistencia p{
	width: 100%;
	color: #002940;
	text-align: center;
	font-size: 17px;
	padding-left: 10px;
}
.emergencia, .medico, .red, .comerciales, .asistenciavial {
	width:116px;
	height:80px;
	text-align:center;
	margin: 0 auto;
}
.emergencia{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/emergencia.png);
}
.bloques-servicios:hover .emergencia{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/emergencia-h.png);
}
.medico{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/medico.png);
}
.bloques-servicios:hover .medico{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/medico-h.png);
}
.red{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/red.png);
}
.bloques-servicios:hover .red{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/red-h.png);
}
.comerciales{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/descuentos.png);
}
.bloques-servicios:hover .comerciales{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/descuentos-h.png);
}
.asistenciavial{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/asistencia.png);
}
.bloques-servicios:hover .asistenciavial{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/asistencia-h.png);
}
.bloques-servicios{
	width: 30%;
	float: left;
	margin-left: 2%;
	margin-right: 1%;
	height: 590px;
}
.bloques-servicios:hover{
	background: #006da9;
	border-radius:10px;
}
.bloques-servicios:hover h2 {
	color:#dedede;
}
.bloques-servicios:hover p {
	color:#fff;
}
.bloques-servicios:hover ul li {
	color:#fff;
}
.impar{
	width: 30%;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 10px;
	height: 660px;
}
.bloques-servicios h2{
	text-align: center;
	color: #006da9;
	font-size: 20px;
	line-height: inherit;
	height:50px;
	margin-top:15px;
}
.bloques-servicios p{
	font-size: 15px;
	line-height:initial;
	color:#787878;
	text-align:left;
	padding-right:10px;
	line-height: 22px;
}
.bloques-servicios b{
	font-size: 23px;
}
.bloques-servicios ul{
	margin-right:0px;
	padding-right:10px;
}
.bloques-servicios ul li{
	font-size: 15px;
	line-height:22px;
	color:#787878;
	margin-bottom:15px;
}
.tabla {
	width:100%;
	float:left;
	background:#f5f5f5;
}
.tabla h2, .testimoniales h2, .nosotros h2 {
	width:100%;
	color:#002a41;
	text-align:center;
	font-size:40px;
	margin-top:80px;
}
.ambulancia h2{
	width:100%;
	color:#002a41;
	text-align:center;
	font-size:40px;
}
.tabla img {
	width: 80%;
	margin: 0 auto;
	display: block;
	margin-top:40px;
	margin-bottom: 50px;
}
.tabla-membresias {
	width: 90%;
	margin-left:5%;
	float:left;
	margin-top:50px;
	margin-bottom:50px;
}
.columnas {
	width: 25%;
	float:left;
}
.columnas div{
	border:1px solid #002a41;
	margin-bottom:0px;
	height:100px;
}
.columna1 {
	background:#a4e4ff;
}
.columnas img{
	width: 38px;
	height:60px
	display:block;
}
.titulos{
	height:60px;
	display:block;
	border:none !important;
}
.titulo1{
	background:#f5f5f5;
}
.titulo-basica, .titulo-plata, .titulo-oro {
	padding-top: 30px;
	font-size: 23px;
	color: #fff;
	text-align:center;
	width: 98%;
	margin-left: 1%;
}
.titulo-basica{
	background:#002a41;
	border-radius: 20px 20px 0px 0px;text-align: center;
}
.precio{
	background:#002a41;
	font-size: 20px;
	color: #fff;
	text-align:center;
	padding-top:30px;
}
.precio-blanco{
	background:#fff !important;
	color:#0370ac;
}
.titulo-plata{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/texturaplata.jpg) no-repeat;
	background-size:cover;
	border-radius: 20px 20px 0px 0px;
}
.titulo-oro{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/texturaoro.jpg) no-repeat;
	background-size:cover;
	border-radius: 20px 20px 0px 0px;
}
.ambulancia {
	width: 100%;
	float: left;
	padding-top: 90px;
	padding-bottom: 50px;
}
.ambulancia div {
	width: 100%;
	float:left;
	margin-right:5%;
}
.ambulanciaimg {
	width: 70%;
	float:left;
	margin-left:15%;
}
.ambulancia p {
	text-align:center;
	font-size:26px;
	color:#002940;
	line-height:normal;
}
.ambulancia a {
	width:246px;
	height:82px;
	margin:0 auto;
	display:block;
}
.ambulancia article {
	width:90%;
	margin-left:5% !important;
	margin:0 auto;
	display:block;
	border-top:2px solid #c8c8c8;
	padding-top:40px;
	float:left;
	margin-top:30px;
}
.app-izq {
	width:40% !important;
	float:left;
	margin-right:0px !important;
	padding-right:5%
}
.app-izq h3 {
	color: #006da9;
	margin-bottom: 0px;
	font-size: 22px;
	margin-top: 10px;
	text-align:center
}
.app-izq img {
	float:left;
	width:70%;
	margin-left:15%;
}
.app-izq a {
    	font-size: 17px;
    	color: #fff;
    	background: #006da9;
    	padding: 10px 15px 10px 15px;
    	border-radius: 10px;
    	float:left;
	width: 70%;
	height: 100%;
	margin-left: 15%;
}
.app-der {
	width:55% !important;
	float:left;
	margin-right:0px !important;
	padding-left:5%;
	border-left:2px solid #c8c8c8;
}
.app-der h4{
	text-align: center;
	font-size: 26px;
	color: #002940;
	line-height: normal;
	font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
}
.app-der p {
	float:left;
	font-size:16px !important;
}
.banner-marcas{
	width: 100%;
	float: left;
	text-align: center;
	background: #f5f5f5;
	padding: 50px 10px 50px 10px; 
}
.banner-marcas img{
	max-width: 100%;
	margin: 0 auto;
}
.testimoniales{
	width:100%;
	float:left;
	display:block;
	margin-bottom:50px;
}
.testimoniales div{
	width:40%;
	float:left;
	margin-left:5%;
	margin-right:5%;
	text-align:center;
}
.testimoniales img{
	padding-bottom: 20px;
	padding-top: 50px;
	margin: 0 auto;
}
.testimoniales h3{
	color: #006da9;
	margin-bottom: 0px;
	font-size: 22px;
	float:left;
	text-align:center;
	width:100%;
	margin-top:0px;
}
.testimoniales h4{
	color: #002940;
}
.testimoniales p{
	width: 100%;
	display: block;
	float: left;
	margin: 0 auto;

}
.testimoniales a{
	font-size: 17px;
	color: #fff;
	background:#006da9;
	padding:10px 15px 10px 15px;
	border-radius:10px;	
}
.testimoniales a:hover{
	color: #dedede;	
}
.info-video{
	font-weight:400;
}
.nosotros{
	width:100%;
	float:left;
	background:#f5f5f5;
	text-align:center;
	padding-top:80px;
	padding-bottom:60px;
}
.nosotros h2{
	margin-top:0px !important;
}
.nosotros p{
	width:90%;
	margin-left:5%;
	font-size:18px;
	color:#002940;
}
.nosotros a{
	font-size:18px;
	color:#009bd4;
	display:block;
}
.testimonio-doc{
 	font-size: 17px !important;
	color: #fff !important;
    	background: #006da9;
    	padding: 10px 15px 10px 15px;
    	border-radius: 10px;
	width: 25%;
	margin-left: 37.5%;
	margin-top: 20px;
}
.certificaciones{
	width:100%;
	float:left;
	padding-top:80px;
	padding-bottom:60px;
}
.certificaciones div{
	width:90%;
	float:left;
	margin-left:5%;
	text-align:center;
}
.certificaciones h2{
	width: 100%;
	color: #002a41;
	text-align: center;
	font-size: 40px;
	margin-top:0px;
}
.certificaciones p{
	font-size: 18px;
	color: #002940;
}
.certificaciones img{
	margin-top:20px;
}
.contacto{
	width:100%;
	float:left;
	background:#002940;
	padding-top:80px;
	padding-bottom:60px;
}
.contacto div{
	width:80%;
	float:left;
	margin-left:10%;
	display:block;
	text-align:center;
}
.contacto p{
	font-size:16px;
	color:#fff;
}
.contacto h2{
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 40px;
	margin-top:0px;
	margin-bottom:70px;
}
.contacto iframe{
	margin-top:30px;
}
.apps-botones-contacto {
	margin-left: 0% !important;
	text-align: center !important;
	margin-top: 20px;
	width: 100% !important;
}
.apps-botones-contacto a{
    display:block
}
.logo-red{
	width: 150px;
}
#slide-1-layer-3 img, #slide-1-layer-4 img {
	width: 200px !important;
	display: block;
	height: 67px !important;
}
#slide-1-layer-4 {
	margin-left:80px !important;
}
#testimonio-doc{
	font-size: 17px !important;
	color: #fff !important;
	background: #006da9;
	padding: 10px 15px 10px 15px;
	border-radius: 10px;
	width: 30%;
	margin-left: 35%;
	margin-top: 35px;
}
}


@media (max-width:767px) {
.apps-botones {
	width:100%;
	text-align:center;
	margin-top:-40px;
	margin-bottom:20px;
}
.apps-botones a{
	width:40%;
	margin-left:30%;
	display:block;
}
.redasistencia {
	width:90%;
	float:left;
	margin-left:5%;
	margin-bottom:40px;
}
.redasistencia h1{
	width:100%;
	color:#002a41;
	text-align:center;
	font-size:30px;
	margin-top:10px;
}
.redasistencia p{
	width: 100%;
	color: #002940;
	text-align: center;
	font-size: 17px;
	padding-left: 10px;
}
.emergencia, .medico, .red, .comerciales, .asistenciavial {
	width:116px;
	height:80px;
	text-align:center;
	margin: 0 auto;
}
.emergencia{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/emergencia.png);
}
.bloques-servicios:hover .emergencia{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/emergencia-h.png);
}
.medico{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/medico.png);
}
.bloques-servicios:hover .medico{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/medico-h.png);
}
.red{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/red.png);
}
.bloques-servicios:hover .red{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/red-h.png);
}
.comerciales{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/descuentos.png);
}
.bloques-servicios:hover .comerciales{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/descuentos-h.png);
}
.asistenciavial{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/asistencia.png);
}
.bloques-servicios:hover .asistenciavial{
	background:url(http://redasistencia.com/wp-content/uploads/2017/07/asistencia-h.png);
}
.bloques-servicios{
	width: 80%;
	float: left;
	margin-left: 10%;
	padding:5%;
}
.bloques-servicios:hover ul li {
	color:#fff;
}
.bloques-servicios:hover{
	background: #006da9;
	border-radius:10px;
}
.bloques-servicios:hover h2 {
	color:#dedede;
}
.bloques-servicios:hover p {
	color:#fff;
}
.bloques-servicios h2{
	text-align: center;
	color: #006da9;
	font-size: 20px;
	line-height: inherit;
	height:40px;
	margin-top:15px;
}
.bloques-servicios p{
	font-size: 15px;
	line-height:initial;
	color:#787878;
	text-align:left;
	line-height:20px
}
.bloques-servicios b{
	font-size: 20px;
}
.bloques-servicios ul{
	margin-right:0px;
}
.bloques-servicios ul li{
	line-height:22px;
	margin-bottom:20px;
}
.bloques-servicios:hover ul li{
	color:#fff;
}
.tabla {
	width:100%;
	float:left;
	background:#f5f5f5;
}
.tabla h2, .testimoniales h2, .nosotros h2 {
	width:90%;
	color:#002a41;
	text-align:center;
	font-size:30px;
	margin-top:80px;
	margin-left:5%
}
.tabla p {
	width: 100%;
	color: #002940;
	text-align: left;
	font-size: 11.2px;
	margin-bottom: 20px;
	padding-left: 5px;
	padding-right:4px;	
	line-height:normal;
}
.tabla img {
	width: 80%;
	margin: 0 auto;
	display: block;
	margin-top:40px;
	margin-bottom: 50px;
}
.tabla-membresias {
	width: 90%;
	margin-left:5%;
	float:left;
	margin-top:50px;
	margin-bottom:50px;
}
.columnas {
	width: 22%;
	float:left;
}
.columnas div{
	border:1px solid #002a41;
	margin-bottom:0px;
	height:100px;
}
.columna1 {
	background:#a4e4ff;
	width:33.5%;
}
.columnas img{
	width: 25px;
}
.titulos{
	height:50px !important;
	display:block;
	border:none !important;
}
.titulo1{
	background:#f5f5f5;
}
.titulo-basica, .titulo-plata, .titulo-oro {
	padding-top: 10px;
	font-size: 11px;
	color: #fff;
	text-align:center;
	width: 98%;
	margin-left: 1%;
	line-height:initial;
}
.titulos b{
	font-size:14px;
}
.titulo-basica{
	background:#002a41;
	border-radius: 10px 10px 0px 0px;
}
.precio{
	background:#002a41;
	font-size: 15px;
	color: #fff;
	text-align:center;
	padding-top:30px;
	line-height:initial;
}
.precio-blanco{
	background:#fff !important;
	color:#0370ac;
}
.titulo-plata{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/texturaplata.jpg) no-repeat;
	background-size:cover;
	border-radius: 10px 10px 0px 0px;
}
.titulo-oro{
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/texturaoro.jpg) no-repeat;
	background-size:cover;
	border-radius: 10px 10px 0px 0px;
}
.ambulancia {
	width: 100%;
	float: left;
	padding-top: 40px;
	padding-bottom: 40px;
}
.ambulancia div {
	width: 100%;
	float:left;
	margin-right:5%;
}
.ambulanciaimg {
	width: 100%;
	float:left;
}
.ambulancia p {
	text-align:center;
	font-size:18px;
	color:#002940;
	line-height:normal;
}
.ambulancia a {
	width:150px;
	margin:0 auto;
	display:block;
}
.ambulancia h2{
	width:100%;
	color:#002a41;
	text-align:center;
	font-size:30px;
}
.ambulancia article {
	width:90%;
	margin-left:5% !important;
	margin:0 auto;
	display:block;
	border-top:2px solid #c8c8c8;
	padding-top:40px;
	float:left;
	margin-top:30px;
}
.app-izq {
	width:100% !important;
	float:left;
	margin-right:0px !important;
}
.app-izq h3 {
	color: #006da9;
	margin-bottom: 0px;
	font-size: 25px;
	margin-top: 10px;
	text-align:center
}
.app-izq img {
	float:left;
	width:80%;
	margin-left:10%
}
.app-izq a {
    	font-size: 17px;
    	color: #fff;
    	background: #006da9;
    	padding: 10px 15px 10px 15px;
    	border-radius: 10px;
    	float:left;
	width: 60%;
	margin-left: 20%;
}
.app-der {
	width:90% !important;
	float:left;
	margin-right:0px !important;
	margin-left:5%;
}
.app-der h4{
	text-align: center;
	font-size: 26px;
	color: #002940;
	line-height: normal;
	font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:normal;
}
.app-der p {
	float:left;
	font-size:18px !important;
}
.banner-marcas{
	width: 100%;
	float: left;
	text-align: center;
	background: #f5f5f5;
	padding: 20px 10px 20px 10px; 
}
.banner-marcas img{
	max-width: 100%;
	margin: 0 auto;
}
.testimoniales{
	width:100%;
	float:left;
	display:block;
	margin-bottom:50px;
}
.testimoniales div{
	width:80%;
	float:left;
	margin-left:10%;
	text-align:center;
}
.testimoniales img{
	padding-bottom: 20px;
	padding-top: 50px;
	margin: 0 auto;
}
.testimoniales h3{
	color: #006da9;
	margin-bottom: 0px;
	font-size: 25px;
	float:left;
	text-align:center;
	width:100%;
	margin-top:0px;
}
.testimoniales h4{
	color: #002940;
}
.testimoniales p{
	width: 100%;
	display: block;
	float: left;
	margin: 0 auto;

}
.testimoniales a{
	font-size: 17px;
	color: #fff;
	background:#006da9;
	padding:10px 15px 10px 15px;
	border-radius:10px;	
}
.testimoniales a:hover{
	color: #dedede;	
}
.info-video{
	font-weight:400;
}
.nosotros{
	width:100%;
	float:left;
	background:#f5f5f5;
	text-align:center;
	padding-top:80px;
	padding-bottom:60px;
}
.nosotros h2{
	margin-top:0px !important;
}
.nosotros p{
	width:80%;
	margin-left:10%;
	font-size:15px;
	color:#002940;
}
.nosotros a{
	font-size:18px;
	color:#009bd4;
	display:block;
}
#testimonio-doc{
	font-size: 17px !important;
	color: #fff !important;
	background: #006da9;
	padding: 10px 15px 10px 15px;
	border-radius: 10px;
	width: 60%;
	margin-left: 20%;
	margin-top: 20px;
}
.certificaciones{
	width:100%;
	float:left;
	padding-top:80px;
	padding-bottom:60px;
}
.certificaciones div{
	width:80%;
	float:left;
	margin-left:10%;
	text-align:center;
}
.certificaciones h2{
	width: 100%;
	color: #002a41;
	text-align: center;
	font-size: 30px;
	margin-top:0px;
}
.certificaciones p{
	font-size: 15px;
	color: #002940;
}
.certificaciones img{
	margin-top:20px;
	width:100%;
}
.contacto {
	width:100%;
	float:left;
	background:#002940;
	padding-top:80px;
	padding-bottom:60px;
    	display: block;
    	text-align: center;
}
.contacto div{
	width:80%;
	float:left;
	margin-left:10%;
	display:block;
	text-align:center;
}
.contacto p{
	font-size:14px;
	color:#fff;
}
.contacto h2{
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 30px;
	margin-top:0px;
	margin-bottom:70px;
}
.contacto iframe{
	margin-top:30px;
}
.apps-botones-contacto a{
	width: 60%;
	margin-left: 17.5%;
	display: block;
}
.logo-red{
	width: 150px;
}
#slide-1-layer-3, #slide-1-layer-4  {
    display: none;
}
#slide-1-layer-1, #slide-1-layer-2  {
    	margin-top: 50px !important;
	font-size: 24px !important;
	margin-left: -20px !important;
}
#slide-1-layer-2  {
    	font-size: 18px !important;
	line-height: normal !important;
}
#slide-1-layer-5{
    	display:none;
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-menu-trigger .lines, .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-menu-trigger .lines::before, .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-menu-trigger .lines::after {
    background-color: #fff !important;
    margin-bottom:15px;
    width:30px;
}
.tp-bgimg.defaultimg {
    background-position: left !important;
    width: 150% !important;
    background-image: url("http://redasistencia.com/wp-content/uploads/2017/08/slider-optimizado.jpg") !important;
}
}

@media (min-width:1024px){
.llogo{
	width: 700px;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: -30px !important;
	margin:0 auto;
	text-align:left;
}
.lprincipal{
	width: 700px;
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/principal.jpg);
	background-size:cover;
	height:487px;
	display:block;
	margin:0 auto;
}
.lprincipal a {
	width: 180px;
	display: block;
	float: left;
	margin-left:15px;
}
.lprincipal div {
	width: 400px;
	display: block;
	float: left;
	margin-top: 490px;
	margin-left: 150px;
}
.lprincipal h2 {
	width:100%;
	display: block;
	float: left;
	font-weight:inherit;
}
.emergencias {
	margin-top:50px;
	color:#002940;
}
.auxilios {
	margin-top: 0px;
	margin-left: 160px;
	color: #002940;
}
.ldatos {
	width: 700px;
	margin:0 auto;
}
.ldatos div{
	width: 100%;
	float: left;
}
.ldatos p{
	color:#002940;
	font-size:16px;
}
.ldatos b{
	font-size:24px;
}
.ldatos img, .ldatos figure {
	float: left;
}
.ldatos h2 {
	color: #002940;
	float: left;
	font-weight: initial;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 40px;
}
.lasistencia{
	margin-bottom:140px;
	display:block;
}
.lapps {
	width:100%;
	float: left;
	margin-top:40px;
	margin-bottom:40px
}
.lapps a {
	width:180px;
	float: left;
}
.lapps div {
	width:400px;
	margin:0 auto;
}
.lsitio{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-top:40px;
	background:#000;
	float:left;
	padding:10px 0px 10px 0px;
	color:#fff
}
.lsitio a{
	color:#fff;
	font-size:22px;
	padding:10px;
	display:block
}
.lsitio a:hover {
	color:#09a6cf;
}
.lbanner{
	width:100%;
	float:left;
	text-align:center;
}
.lbanner img{
	max-width: 1000px;
	width: 100%;
}
.lreddescuentos{
	margin-bottom:60px;
}
.lambulancia {
	width: 70%;
	float: left;
	padding-top: 90px;
	padding-bottom: 50px;
	margin-left:15%;
}
.lambulancia div {
	width: 40%;
	float:left;
}
.lambulanciaimg {
	width: 55%;
	float:left;
	margin-left:5%;
}
.lambulancia p {
	text-align:center;
	font-size:24px;
	color:#002940;
	line-height:normal;
}
.lambulancia a {
	width:246px;
	height:82px;
	margin:0 auto;
	display:block;
}
.lambulancia h2{
	width:100%;
	color:#002a41;
	text-align:center;
	font-size:40px;
	margin-top:0px !important;
}
}
@media (min-width:768px) and (max-width:1023px) {
.llogo{
	width: 700px;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: -30px !important;
	margin:0 auto;
	text-align:left;
}
.lprincipal{
	width: 700px;
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/principal.jpg);
	background-size:cover;
	height:487px;
	display:block;
	margin:0 auto;
}
.lprincipal a {
	width: 180px;
	display: block;
	float: left;
	margin-left:15px;
}
.lprincipal div {
	width: 400px;
	display: block;
	float: left;
	margin-top: 490px;
	margin-left: 150px;
}
.lprincipal h2 {
	width:100%;
	display: block;
	float: left;
	font-weight:inherit;
}
.emergencias {
	margin-top:50px;
	color:#002940;
}
.auxilios {
	margin-top: 0px;
	margin-left: 160px;
	color: #002940;
}
.ldatos {
	width: 70%;
	margin-left:15%;
	float: left;
}
.ldatos div{
	width: 100%;
	float: left;
}
.ldatos p{
	color:#002940;
	font-size:15px;
}
.ldatos b{
	font-size:23px;
}
.ldatos img, .ldatos figure {
	float: left;
}
.ldatos figure {
	margin-bottom:60px;
}
.ldatos h2 {
	color: #002940;
	float: left;
	font-weight: initial;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 40px;
}
.lasistencia{
	margin-bottom:40px;
	display:block;
}
.lapps {
	width:100%;
	float: left;
	margin-top:40px;
	margin-bottom:40px
}
.lapps a {
	width:180px;
	float: left;
}
.lapps div {
	width:400px;
	margin:0 auto;
}
.lsitio{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-top:40px;
	background:#000;
	float:left;
	padding:10px 0px 10px 0px;
	color:#fff
}
.lsitio a{
	color:#fff;
	font-size:20px;
	padding:10px;
	display:block
}
.lbanner{
	width:100%;
	float:left;
	text-align:center;
}
.lbanner img{
	max-width: 700px;
	width: 100%;

}
.lreddescuentos{
	margin-bottom:70px !important;
}
.lambulancia {
	width: 100%;
	float: left;
	padding-top: 90px;
	padding-bottom: 50px;
}
.lambulancia div {
	width: 100%;
	float:left;
	margin-right:5%;
}
.lambulanciaimg {
	width: 70%;
	float:left;
	margin-left:15%;
}
.lambulancia p {
	text-align:center;
	font-size:26px;
	color:#002940;
	line-height:normal;
}
.lambulancia a {
	width:246px;
	height:82px;
	margin:0 auto;
	display:block;
}
.lambulancia h2{
	width:100%;
	color:#002a41;
	text-align:center;
	font-size:40px;
}
}

@media (max-width:767px) {
.llogo{
	width: 300px;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: -20px !important;
	margin:0 auto;
	text-align:left;
}
.llogo img{
	width: 150px;
}
.lprincipal{
	width: 300px;
	background:url(http://redasistencia.com/wp-content/uploads/2017/06/principal.jpg);
	background-size:cover;
	height:209px;
	display:block;
	margin:0 auto;
}
.lprincipal a {
	width: 140px;
	display: block;
	float: left;
	margin-left: 10px;
}
.lprincipal div {
	width: 300px;
	display: block;
	float: left;
	margin-top: 220px;
}
.lprincipal h2 {
	width:100%;
	display: block;
	float: left;
	font-weight:inherit;
	font-size:19px;
}
.emergencias {
	margin-top:20px;
	color:#002940;
	margin-bottom:0px;
}
.auxilios {
	margin-top: 0px;
	margin-left: 80px;
	color: #002940;
}
.ldatos {
	width: 90%;
	margin-left:5%;
	float: left;
}
.ldatos h2 {
	color: #002940;
	float: left;
	font-weight: initial;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size:21px;
}
.ldatos div{
	width: 100%;
	float: left;
}
.ldatos p{
	color:#002940;
	font-size:12px;
	line-height:16px;
	float:left;
	width:70%;
}
.ldatos b{
	font-size:19px;
}
.ldatos img, .ldatos figure {
	float: left;
}
.ldatos figure {
	float: left;
	width:30%;
	margin-bottom: 70px;
}
.lasistencia{
	margin-bottom:40px;
	display:block;
}
.lapps {
	width:100%;
	margin:0 auto;
	float:left;
	margin-bottom: 30px;
}
.lapps a {
	width:140px;
	float: left;
	margin-left:10px;
}
.lapps div {
	width:300px;
	margin:0 auto;
}
.lsitio{
	width:100%;
	margin:0 auto;
	text-align:center;
	margin-top:40px;
	background:#000;
	float:left;
	padding:10px 0px 10px 0px;
	color:#fff
}
.lsitio a{
	color:#fff;
	font-size:15px;
	padding:10px;
	display:block
}
.lbanner{
	width:100%;
	float:left;
	text-align:center;
}
.lbanner img{
	width: 90%;
}
.lambulancia {
	width: 100%;
	float: left;
	padding-top: 40px;
	padding-bottom: 40px;
}
.lambulancia div {
	width: 100%;
	float:left;
	margin-right:5%;
}
.lambulanciaimg {
	width: 100%;
	float:left;
}
.lambulancia p {
	text-align:center;
	font-size:18px;
	color:#002940;
	line-height:normal;
}
.lambulancia a {
	width:150px;
	margin:0 auto;
	display:block;
}
.lambulancia h2{
	width:100%;
	color:#002a41;
	text-align:center;
	font-size:30px;
}
}


body,
input,
button,
select,
textarea,
.tooltip {
  font-family: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.loader-title,
.loader-tagline,
.az-preloader-percentage-text,
.az-logo-text,
.az-share-text,
#az-header .az-optional-menu #az-header-language-list .lang,
#az-header.h-classic .az-nav-panel ul li a,
#az-header.h-side .az-side-nav-wrapper .az-nav-panel ul li a,
#az-header.h-creative .az-creative-nav-content .az-nav-panel ul li a,
#az-header .az-header-modal-search #searchform-modal input[type="text"],
.az-hero-title,
.az-hero-sub,
.az-hero-start-video-modal-btn .play-video-txt,
.az-footer-credits,
.az-dots-menu-label,
.az-btn,
.az-btn-icon-text,
.az-isotope-filter ul li a,
.az-pagination .az-pagination-number ul li a,
.az-pagination .az-pagination-number ul li span,
.az-pagination .az-infinite-scroll,
.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-title,
.ilightbox-holder .ilightbox-container .ilightbox-caption,
.az-grid-item .az-grid-item-entry-meta .az-grid-item-entry-attributes,
.az-blog .az-post-entry-meta-attributes .subtitle,
.az-single-post-meta-area .subtitle,
.az-breadcrumbs,
.woocommerce-thankyou-order-received,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*------------------------------------------------------------------------------------
    2. Basic Typography
-------------------------------------------------------------------------------------*/
body,
input,
button,
select,
textarea {
  color: #556270;
  font-size: 1.5rem;
  line-height: 2.6rem;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  color: #28282E;
  font-weight: 600;
  letter-spacing: -0.05rem;
  margin: 40px 0 10px 0;
}

h1 {
  font-size: 3.5rem;
  line-height: 4.5rem;
}

h2 {
  font-size: 3rem;
  line-height: 4rem;
}

h3 {
  font-size: 2.5rem;
  line-height: 3.5rem;
}

h4 {
  font-size: 2rem;
  line-height: 3rem;
}

h5 {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

h6 {
  font-size: 1.6rem;
  line-height: 2.6rem;
}

/* GUIDE
-------------------------------------------------------------------------------------

    1. Main Style
    2. Wrapper Content

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    1. Main Style
-------------------------------------------------------------------------------------*/
::selection {
  background: #28282E;
  color: #FFFFFF;
}

::-moz-selection {
  background: #28282E;
  color: #FFFFFF;
}

html, body {
  background: #FFFFFF;
}

html, body, .az-body {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}

html {
  font-size: 10px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  float: left;
}

/* Block Scroll page */
.block-scroll {
  overflow-y: hidden;
}

/* Default Settings */
.container,
.container-fluid {
  position: relative;
  padding: 0 30px;
  z-index: 20;
}

a,
a:focus {
  outline: none !important;
}

a {
  cursor: pointer;
  color: #28282E;
  font-weight: 600;
  text-decoration: none !important;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

a:active,
a:focus,
a:hover {
  outline: 0;
  color: #EF4135;
  text-decoration: none;
}

a img {
  border: none;
}

b, strong {
  font-weight: bold;
}

p {
  padding: 0.75em 0;
  margin: 0;
}

ul, ol {
  margin: 10px 20px;
  padding: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li {
  line-height: 30px;
}

.hidden {
  display: none;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

img.full-img-responsive {
  display: block;
  max-width: none;
  width: 100%;
  height: auto;
}

.img-float-left {
  width: auto !important;
  float: left;
  margin: 38px 30px 10px 0px;
  z-index: 1;
}

.img-float-right {
  width: auto !important;
  float: right;
  margin: 38px 0px 10px 30px;
  z-index: 1;
}

/* WordPress Editor Img Alignment Block */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  clear: both;
  margin-right: auto;
  margin-left: auto;
}

img.alignleft {
  float: left;
  margin: 20px 25px 20px 0;
}

img.alignright {
  display: block;
  margin: 20px 0 20px 25px;
}

img.aligncenter {
  display: block;
  clear: both;
  margin: 0 auto;
}

img.alignnone {
  display: block;
  margin: 20px 0;
}

.wp-caption {
  margin: 10px 20px 20px 20px;
  max-width: 100%;
  text-align: center;
  font-style: italic;
}

.wp-caption.aligncenter {
  margin: 20px auto;
}

.wp-caption.alignleft {
  margin-left: 0;
}

.wp-caption.alignright {
  margin-right: 0;
}

.wp-caption.alignnone {
  margin-left: 0;
}

.wp-caption img,
.wp-caption img a {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-text {
  font-size: 1.2rem;
  margin: 0;
  padding: 5px;
  color: #9993A8;
}

.wp-smiley {
  margin: 0 !important;
  max-height: 13px;
}

blockquote {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: bold;
  font-style: italic;
  border-left: 3px solid #EF4135;
  color: #28282E;
  margin: 20px 0;
  padding: 15px 30px;
}
blockquote > p:first-of-type {
  quotes: "\201C" "\201D";
}
blockquote > p:first-of-type:before, blockquote > p:first-of-type:after {
  font-family: Georgia, serif;
  font-size: 1em;
  vertical-align: 0;
  line-height: 0;
}
blockquote > p:first-of-type:before {
  content: open-quote;
  margin-right: 6px;
}
blockquote > p:first-of-type:after {
  content: close-quote;
  margin-left: 6px;
}
blockquote cite {
  font-size: 1.3rem;
  font-style: normal;
}
blockquote cite:before, blockquote cite:after {
  content: '-';
  margin: 0 9px;
}

address {
  display: block;
  margin-bottom: 20px;
  font-style: normal;
  line-height: 24px;
}

abbr[title],
acronym[title],
dfn[title] {
  border-bottom: 1px dotted #666;
  cursor: help;
}

.through {
  text-decoration: line-through;
}

input,
button,
select,
textarea,
input:focus,
textarea:focus,
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus {
  outline: 0;
}

input,
textarea {
  width: 100%;
  padding: 9px 12px;
  margin: 0;
  background: #FFFFFF;
  border: 1px solid #efefef;
  border-radius: 0;
  box-shadow: none;
  resize: none;
  -webkit-appearance: none;
  -webkit-transition: border 0.215s ease-in-out 0s;
  transition: border 0.215s ease-in-out 0s;
}

input:focus,
textarea:focus {
  border-color: #EF4135;
  border-radius: 0;
  box-shadow: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

input[type="checkbox"],
input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  -webkit-appearance: none;
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  text-align: center;
  line-height: normal;
  border-radius: 2px;
}

input[type="checkbox"]:checked:before,
input[type="radio"]:checked:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'FontAwesome';
  margin: auto;
  position: absolute;
  top: 1px;
  left: 0;
  bottom: 0;
  right: 0;
  line-height: 1.2em;
}

input[type="radio"] {
  border-radius: 100%;
}

input[type="radio"]:focus {
  border-color: #EFEFEF;
}

input[type="radio"]:checked:before {
  content: "";
  border-radius: 100%;
  width: 8px;
  height: 8px;
  background: #EF4135;
  top: 0;
}

input[type="checkbox"]:checked:before {
  content: "\f00c";
  color: #28282E;
}

input[type="password"] {
  width: 50%;
}

input[type="submit"] {
  width: auto;
  font-size: 1.1rem;
  margin: 0;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  overflow: visible;
  padding: 18px 16px 17px 16px;
  font-weight: 600;
  left: auto;
  border: 0;
  white-space: nowrap;
  display: inline-block;
  background-image: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  text-shadow: none;
  color: #FFFFFF;
  background-color: #141618;
  text-align: center;
  -webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
  transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
}

input[type="submit"]:hover {
  background-color: #EF4135;
}

select {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  -webkit-appearance: none;
  appearance: none;
  background-color: #FFFFFF;
  border: 1px solid #EFEFEF;
  -moz-appearance: none;
  text-overflow: "";
  outline: none;
  padding: 14px 12px;
  border-radius: 0;
  line-height: normal;
  background-position: 100% center;
  background-repeat: no-repeat;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgNTAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjIuNiw4YzAtMC4xLDAtMC4yLDAuMS0wLjJsMC41LTAuNWMwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMWMwLjEsMCwwLjIsMCwwLjIsMC4xbDMuNywzLjdsMy43LTMuN2MwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMXMwLjIsMCwwLjIsMC4xTDMyLDcuOEMzMiw3LjksMzIuMSw4LDMyLjEsOGMwLDAuMSwwLDAuMi0wLjEsMC4ybC00LjQsNC40Yy0wLjEsMC4xLTAuMSwwLjEtMC4yLDAuMXMtMC4yLDAtMC4yLTAuMWwtNC40LTQuNEMyMi43LDguMiwyMi42LDguMSwyMi42LDh6Ii8+PC9zdmc+");
}

input[type="range"] {
  -webkit-appearance: slider-horizontal;
}

code,
pre {
  padding: 0 3px 2px;
  border-radius: 3px;
  color: #232527;
  font-size: 12px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  border: 1px solid #dde4e9;
  background-color: #F6F6F6;
  color: #232527;
  white-space: nowrap;
}

pre {
  display: block;
  margin: 20px 0 0 0;
  padding: 25px !important;
  border: 1px solid #dde4e9;
  border-radius: 4px;
  background-color: #FCFCFC;
  background-image: linear-gradient(#f5f5f5 50%, #e6e6e6 50%);
  background-size: 50px 50px;
  white-space: pre;
  word-wrap: normal;
  word-break: break-all;
  font-size: 12px;
  line-height: 25px;
  overflow-x: visible;
  overflow-y: hidden;
}

pre code {
  padding: 0;
  border: 0;
  background-color: transparent;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
}

table {
  width: 100%;
  border: 1px solid #EFEFEF;
  text-align: left;
}

table thead h4 {
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 0;
}

table tr {
  border-top: 1px solid #EFEFEF;
}

table thead tr {
  border-top: none;
}

table th, table td {
  min-height: 41px;
  padding: 10px 14px 8px;
  border-right: 1px solid #EFEFEF;
}

.pre-scrollable {
  overflow-y: scroll;
  max-height: 340px;
}

.gallery-caption {
  margin-left: 0;
  font-style: italic;
}

iframe, object, embed {
  max-width: 100%;
  border: none;
}

.az-text-uppercase {
  text-transform: uppercase;
}

.az-text-lowercase {
  text-transform: lowercase;
}

.az-text-capitalize {
  text-transform: capitalize;
}

.sticky, .bypostauthor {
  content: '';
}

/* WordPress Admin Bar */
.admin-bar .az-body {
  margin-top: 32px;
}
.admin-bar #az-header.h-fixed .az-nav-wrapper,
.admin-bar #az-header.h-sticky .az-nav-wrapper,
.admin-bar #az-header.h-scrollable .az-nav-wrapper,
.admin-bar #az-header.h-side .az-side-head-wrapper,
.admin-bar #az-header.h-creative .az-creative-head-wrapper,
.admin-bar #az-header.h-creative .az-close-menu-trigger {
  top: 32px;
}

@media (max-width: 1024px) {
  .admin-bar .az-body {
    margin-top: 0;
  }
  .admin-bar #az-header.h-classic {
    margin-top: 32px;
  }
}
@media (max-width: 782px) {
  .admin-bar #az-header.h-classic {
    margin-top: 46px;
  }
  .admin-bar #az-header.h-fixed .az-nav-wrapper,
  .admin-bar #az-header.h-sticky .az-nav-wrapper,
  .admin-bar #az-header.h-scrollable .az-nav-wrapper,
  .admin-bar #az-header.h-side .az-side-head-wrapper,
  .admin-bar #az-header.h-creative .az-creative-head-wrapper,
  .admin-bar #az-header.h-creative .az-close-menu-trigger {
    top: 46px;
  }
}
@media (max-width: 600px) {
  .admin-bar #az-header.h-side.az-scroll-end .az-side-head-wrapper,
  .admin-bar #az-header.h-creative.az-scroll-end .az-creative-head-wrapper,
  .admin-bar #az-header.h-creative.az-scroll-end .az-close-menu-trigger {
    top: 0;
  }
}
/*------------------------------------------------------------------------------------
    2. Wrapper Content
-------------------------------------------------------------------------------------*/
#az-main, .wrap_all, .az-main-content,
.az-wrap-content {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  background: #FFFFFF;
}

.wrap_all {
  overflow-x: hidden;
}

.az-content {
  position: relative;
  float: left;
  width: 100%;
  background: #FFFFFF;
  z-index: 10;
  -webkit-transform: translateZ(0);
}

/* No Header/Footer */
.az-no-header .az-main-content,
.az-no-header-footer .az-main-content {
  margin-top: 0 !important;
}

.az-no-header .h-left .az-main-content,
.az-no-header-footer .h-left .az-main-content {
  padding-left: 0 !important;
}

.az-no-header .h-right .az-main-content,
.az-no-header-footer .h-right .az-main-content {
  padding-right: 0 !important;
}

/* GUIDE
-------------------------------------------------------------------------------------

     1. Animation Scroll FX
     2. Padding Top & Bottom
     3. Margin Top & Bottom
     4. Padding Columns
     5. Custom Fonts
     6. Isotope & Carousel
     7. Gutters for Isotope & Carousel
     8. Isotope Grid Columns System
     9. Isotope Filter
    10. Isotope Number/Infinite Scroll Pagination
    11. Image FX
    12. Hover FX
    13. SVGs & Icon Utilities
    14. Grayscale CSS Filter

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    1. Animation Scroll FX
-------------------------------------------------------------------------------------*/
.az-body.mobile-version.no-animation-scroll-fx .animate-content {
  opacity: 1;
  visibility: visible;
}

/*------------------------------------------------------------------------------------
    2. Padding Top & Bottom
-------------------------------------------------------------------------------------*/
.az-padding-top-0 {
  padding-top: 0;
}

.az-padding-top-5 {
  padding-top: 5px;
}

.az-padding-top-10 {
  padding-top: 10px;
}

.az-padding-top-15 {
  padding-top: 15px;
}

.az-padding-top-20 {
  padding-top: 20px;
}

.az-padding-top-25 {
  padding-top: 25px;
}

.az-padding-top-30 {
  padding-top: 30px;
}

.az-padding-top-35 {
  padding-top: 35px;
}

.az-padding-top-40 {
  padding-top: 40px;
}

.az-padding-top-45 {
  padding-top: 45px;
}

.az-padding-top-50 {
  padding-top: 50px;
}

.az-padding-top-55 {
  padding-top: 55px;
}

.az-padding-top-60 {
  padding-top: 60px;
}

.az-padding-top-65 {
  padding-top: 65px;
}

.az-padding-top-70 {
  padding-top: 70px;
}

.az-padding-top-75 {
  padding-top: 75px;
}

.az-padding-top-80 {
  padding-top: 80px;
}

.az-padding-top-85 {
  padding-top: 85px;
}

.az-padding-top-90 {
  padding-top: 90px;
}

.az-padding-top-95 {
  padding-top: 95px;
}

.az-padding-top-100 {
  padding-top: 100px;
}

.az-padding-top-105 {
  padding-top: 105px;
}

.az-padding-top-110 {
  padding-top: 110px;
}

.az-padding-top-115 {
  padding-top: 115px;
}

.az-padding-top-120 {
  padding-top: 120px;
}

.az-padding-top-125 {
  padding-top: 125px;
}

.az-padding-top-130 {
  padding-top: 130px;
}

.az-padding-top-135 {
  padding-top: 135px;
}

.az-padding-top-140 {
  padding-top: 140px;
}

.az-padding-top-145 {
  padding-top: 145px;
}

.az-padding-top-150 {
  padding-top: 150px;
}

.az-padding-bottom-0 {
  padding-bottom: 0;
}

.az-padding-bottom-5 {
  padding-bottom: 5px;
}

.az-padding-bottom-10 {
  padding-bottom: 10px;
}

.az-padding-bottom-15 {
  padding-bottom: 15px;
}

.az-padding-bottom-20 {
  padding-bottom: 20px;
}

.az-padding-bottom-25 {
  padding-bottom: 25px;
}

.az-padding-bottom-30 {
  padding-bottom: 30px;
}

.az-padding-bottom-35 {
  padding-bottom: 35px;
}

.az-padding-bottom-40 {
  padding-bottom: 40px;
}

.az-padding-bottom-45 {
  padding-bottom: 45px;
}

.az-padding-bottom-50 {
  padding-bottom: 50px;
}

.az-padding-bottom-55 {
  padding-bottom: 55px;
}

.az-padding-bottom-60 {
  padding-bottom: 60px;
}

.az-padding-bottom-65 {
  padding-bottom: 65px;
}

.az-padding-bottom-70 {
  padding-bottom: 70px;
}

.az-padding-bottom-75 {
  padding-bottom: 0px;
}

.az-padding-bottom-80 {
  padding-bottom: 80px;
}

.az-padding-bottom-85 {
  padding-bottom: 85px;
}

.az-padding-bottom-90 {
  padding-bottom: 90px;
}

.az-padding-bottom-95 {
  padding-bottom: 95px;
}

.az-padding-bottom-100 {
  padding-bottom: 100px;
}

.az-padding-bottom-105 {
  padding-bottom: 105px;
}

.az-padding-bottom-110 {
  padding-bottom: 110px;
}

.az-padding-bottom-115 {
  padding-bottom: 115px;
}

.az-padding-bottom-120 {
  padding-bottom: 120px;
}

.az-padding-bottom-125 {
  padding-bottom: 125px;
}

.az-padding-bottom-130 {
  padding-bottom: 130px;
}

.az-padding-bottom-135 {
  padding-bottom: 135px;
}

.az-padding-bottom-140 {
  padding-bottom: 140px;
}

.az-padding-bottom-145 {
  padding-bottom: 145px;
}

.az-padding-bottom-150 {
  padding-bottom: 150px;
}

/*------------------------------------------------------------------------------------
    3. Margin Top & Bottom
-------------------------------------------------------------------------------------*/
.az-margin-top-0 {
  margin-top: 0;
}

.az-margin-top-5 {
  margin-top: 5px;
}

.az-margin-top-10 {
  margin-top: 10px;
}

.az-margin-top-15 {
  margin-top: 15px;
}

.az-margin-top-20 {
  margin-top: 20px;
}

.az-margin-top-25 {
  margin-top: 25px;
}

.az-margin-top-30 {
  margin-top: 30px;
}

.az-margin-top-35 {
  margin-top: 35px;
}

.az-margin-top-40 {
  margin-top: 40px;
}

.az-margin-top-45 {
  margin-top: 45px;
}

.az-margin-top-50 {
  margin-top: 50px;
}

.az-margin-top-55 {
  margin-top: 55px;
}

.az-margin-top-60 {
  margin-top: 60px;
}

.az-margin-top-65 {
  margin-top: 65px;
}

.az-margin-top-70 {
  margin-top: 70px;
}

.az-margin-top-75 {
  margin-top: 75px;
}

.az-margin-top-80 {
  margin-top: 80px;
}

.az-margin-top-85 {
  margin-top: 85px;
}

.az-margin-top-90 {
  margin-top: 90px;
}

.az-margin-top-95 {
  margin-top: 95px;
}

.az-margin-top-100 {
  margin-top: 100px;
}

.az-margin-top-105 {
  margin-top: 105px;
}

.az-margin-top-110 {
  margin-top: 110px;
}

.az-margin-top-115 {
  margin-top: 115px;
}

.az-margin-top-120 {
  margin-top: 120px;
}

.az-margin-top-125 {
  margin-top: 125px;
}

.az-margin-top-130 {
  margin-top: 130px;
}

.az-margin-top-135 {
  margin-top: 135px;
}

.az-margin-top-140 {
  margin-top: 140px;
}

.az-margin-top-145 {
  margin-top: 145px;
}

.az-margin-top-150 {
  margin-top: 150px;
}

.az-margin-bottom-0 {
  margin-bottom: 0;
}

.az-margin-bottom-5 {
  margin-bottom: 5px;
}

.az-margin-bottom-10 {
  margin-bottom: 10px;
}

.az-margin-bottom-15 {
  margin-bottom: 15px;
}

.az-margin-bottom-20 {
  margin-bottom: 20px;
}

.az-margin-bottom-25 {
  margin-bottom: 25px;
}

.az-margin-bottom-30 {
  margin-bottom: 30px;
}

.az-margin-bottom-35 {
  margin-bottom: 35px;
}

.az-margin-bottom-40 {
  margin-bottom: 40px;
}

.az-margin-bottom-45 {
  margin-bottom: 45px;
}

.az-margin-bottom-50 {
  margin-bottom: 50px;
}

.az-margin-bottom-55 {
  margin-bottom: 55px;
}

.az-margin-bottom-60 {
  margin-bottom: 60px;
}

.az-margin-bottom-65 {
  margin-bottom: 65px;
}

.az-margin-bottom-70 {
  margin-bottom: 70px;
}

.az-margin-bottom-75 {
  margin-bottom: 75px;
}

.az-margin-bottom-80 {
  margin-bottom: 80px;
}

.az-margin-bottom-85 {
  margin-bottom: 85px;
}

.az-margin-bottom-90 {
  margin-bottom: 90px;
}

.az-margin-bottom-95 {
  margin-bottom: 95px;
}

.az-margin-bottom-100 {
  margin-bottom: 100px;
}

.az-margin-bottom-105 {
  margin-bottom: 105px;
}

.az-margin-bottom-110 {
  margin-bottom: 110px;
}

.az-margin-bottom-115 {
  margin-bottom: 115px;
}

.az-margin-bottom-120 {
  margin-bottom: 120px;
}

.az-margin-bottom-125 {
  margin-bottom: 125px;
}

.az-margin-bottom-130 {
  margin-bottom: 130px;
}

.az-margin-bottom-135 {
  margin-bottom: 135px;
}

.az-margin-bottom-140 {
  margin-bottom: 140px;
}

.az-margin-bottom-145 {
  margin-bottom: 145px;
}

.az-margin-bottom-150 {
  margin-bottom: 150px;
}

/*------------------------------------------------------------------------------------
    4. Padding Columns
-------------------------------------------------------------------------------------*/
.az-clm-padding-0 {
  padding: 0;
}

.az-clm-padding-5 {
  padding: 5px;
}

.az-clm-padding-10 {
  padding: 10px;
}

.az-clm-padding-15 {
  padding: 15px;
}

.az-clm-padding-20 {
  padding: 20px;
}

.az-clm-padding-25 {
  padding: 25px;
}

.az-clm-padding-30 {
  padding: 30px;
}

.az-clm-padding-35 {
  padding: 35px;
}

.az-clm-padding-40 {
  padding: 40px;
}

.az-clm-padding-45 {
  padding: 45px;
}

.az-clm-padding-50 {
  padding: 50px;
}

.az-clm-padding-55 {
  padding: 55px;
}

.az-clm-padding-60 {
  padding: 60px;
}

.az-clm-padding-65 {
  padding: 65px;
}

.az-clm-padding-70 {
  padding: 70px;
}

.az-clm-padding-75 {
  padding: 75px;
}

.az-clm-padding-80 {
  padding: 80px;
}

.az-clm-padding-85 {
  padding: 85px;
}

.az-clm-padding-90 {
  padding: 90px;
}

.az-clm-padding-95 {
  padding: 95px;
}

.az-clm-padding-100 {
  padding: 100px;
}

.az-clm-padding-105 {
  padding: 105px;
}

.az-clm-padding-110 {
  padding: 110px;
}

.az-clm-padding-115 {
  padding: 115px;
}

.az-clm-padding-120 {
  padding: 120px;
}

.az-clm-padding-125 {
  padding: 125px;
}

.az-clm-padding-130 {
  padding: 130px;
}

.az-clm-padding-135 {
  padding: 135px;
}

.az-clm-padding-140 {
  padding: 140px;
}

.az-clm-padding-145 {
  padding: 145px;
}

.az-clm-padding-150 {
  padding: 150px;
}

/*------------------------------------------------------------------------------------
    5. Custom Fonts
-------------------------------------------------------------------------------------*/
.az-font-custom.az-font-color-custom * {
  color: inherit;
}
.az-font-custom.az-font-color-custom * a {
  color: inherit;
  border-bottom: 1px dotted transparent;
  padding-bottom: 2px;
  -webkit-transition: border 0.25s ease 0s;
  transition: border 0.25s ease 0s;
}
.az-font-custom.az-font-color-custom * a:hover {
  border-bottom-color: inherit;
}
.az-font-custom.az-font-size-custom * {
  font-size: 1em;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.az-font-custom.az-font-google-custom * {
  font-family: inherit;
}

/*------------------------------------------------------------------------------------
    6. Isotope & Carousel
-------------------------------------------------------------------------------------*/
.az-module-wrapper {
  position: relative;
}

.az-module-container {
  position: relative;
  -webkit-transition: height 0.2s ease 0s;
  transition: height 0.2s ease 0s;
}
.az-module-container .az-grid-item a {
  position: relative;
  display: block;
  overflow: hidden;
}
.az-module-container .az-grid-item a .metro-bg-imge {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.az-module-container .az-grid-item a.az-no-ilightbox, .az-module-container .az-grid-item a.no-link {
  pointer-events: none;
}
.az-module-container .az-grid-item a .az-grid-item-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  left: auto;
  margin: 0;
  font-size: 16px;
  z-index: 2;
}
.az-module-container .az-grid-item a .az-grid-item-icon.az-icon-center-item {
  top: 50%;
  left: 50%;
  right: auto;
  margin: -8px 0 0 -8px;
}
.az-module-container .az-grid-item .az-grid-item-box-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  display: table;
  z-index: 8;
}
.az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content {
  padding: 30px;
  display: table-cell;
  vertical-align: middle;
}
.az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content.az-item-l-t, .az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content.az-item-c-t, .az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content.az-item-r-t {
  vertical-align: top;
}
.az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content.az-item-l-b, .az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content.az-item-c-b, .az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content.az-item-r-b {
  vertical-align: bottom;
}
.az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content.az-item-c-t, .az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content.az-item-c-c, .az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content.az-item-c-b {
  text-align: center;
}
.az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content.az-item-r-t, .az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content.az-item-r-c, .az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content.az-item-r-b {
  text-align: right;
}
.az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content .az-grid-item-title {
  margin: 0;
  line-height: 1.15em;
  font-weight: 600;
}
.az-module-container .az-grid-item .az-grid-item-box-wrapper .az-grid-item-box-content .az-grid-item-attributes {
  margin: 10px 0 0 0;
  line-height: 1em;
  font-weight: 400;
  letter-spacing: 0;
}
.az-module-container .az-grid-item .az-grid-item-entry-meta {
  margin-top: 20px;
}
.az-module-container .az-grid-item .az-grid-item-entry-meta a {
  display: inline;
}
.az-module-container .az-grid-item .az-grid-item-entry-meta .az-grid-item-entry-title .az-grid-item-meta-title {
  font-size: 1.8rem;
  line-height: normal;
  letter-spacing: -1px;
  margin: 0;
}
.az-module-container .az-grid-item .az-grid-item-entry-meta .az-grid-item-entry-attributes {
  margin: 0;
}
.az-module-container .az-grid-item .az-grid-item-entry-meta .az-grid-item-entry-attributes .az-grid-item-meta-subtitle {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
.az-module-container .az-grid-item .az-grid-item-entry-meta .az-grid-item-entry-attributes .az-grid-item-meta-subtitle a {
  color: #556270;
}
.az-module-container .az-grid-item .az-grid-item-entry-meta .az-grid-item-entry-attributes .az-grid-item-meta-subtitle a:hover {
  color: #EF4135;
}
.az-module-container .az-grid-item .az-grid-item-entry-meta .az-grid-item-entry-content {
  padding: 20px 0 0 0;
  margin-top: 15px;
  border-top: 1px dotted #EFEFEF;
  text-align: left;
}
.az-module-container .az-grid-item .az-grid-item-entry-meta .az-grid-item-entry-content p {
  padding-bottom: 0;
}
.az-module-container .az-grid-item .az-grid-item-entry-meta .az-grid-item-entry-content p:first-child {
  padding-top: 0;
}

.az-isotope-container[data-animation-fx="none"] .az-grid-item {
  opacity: 0;
}
.az-isotope-container .az-grid-item.is-visible {
  opacity: 1;
}

.az-carousel-container .az-grid-item {
  width: 100%;
  opacity: 0;
}
.az-carousel-container[data-auto-width="true"][data-auto-center="true"] .owl-stage-outer,
.az-carousel-container[data-auto-width="true"][data-auto-center="true"] .owl-stage,
.az-carousel-container[data-auto-width="true"][data-auto-center="true"] .owl-item,
.az-carousel-container[data-auto-width="true"][data-auto-center="true"] .az-grid-item,
.az-carousel-container[data-auto-width="true"][data-auto-center="true"] .az-grid-item a, .az-carousel-container[data-auto-width="true"][data-fullwidth="true"] .owl-stage-outer,
.az-carousel-container[data-auto-width="true"][data-fullwidth="true"] .owl-stage,
.az-carousel-container[data-auto-width="true"][data-fullwidth="true"] .owl-item,
.az-carousel-container[data-auto-width="true"][data-fullwidth="true"] .az-grid-item,
.az-carousel-container[data-auto-width="true"][data-fullwidth="true"] .az-grid-item a, .az-carousel-container[data-auto-width="true"][data-auto-center="true"][data-fullwidth="true"] .owl-stage-outer,
.az-carousel-container[data-auto-width="true"][data-auto-center="true"][data-fullwidth="true"] .owl-stage,
.az-carousel-container[data-auto-width="true"][data-auto-center="true"][data-fullwidth="true"] .owl-item,
.az-carousel-container[data-auto-width="true"][data-auto-center="true"][data-fullwidth="true"] .az-grid-item,
.az-carousel-container[data-auto-width="true"][data-auto-center="true"][data-fullwidth="true"] .az-grid-item a {
  height: 100%;
}
.az-carousel-container[data-auto-width="true"][data-auto-center="true"] .az-grid-item img, .az-carousel-container[data-auto-width="true"][data-fullwidth="true"] .az-grid-item img, .az-carousel-container[data-auto-width="true"][data-auto-center="true"][data-fullwidth="true"] .az-grid-item img {
  width: auto;
  height: 100%;
}

/*------------------------------------------------------------------------------------
    7. Gutters for Isotope & Carousel
-------------------------------------------------------------------------------------*/
.az-gutter-0.az-module-wrapper {
  margin-top: 0;
  margin-left: 0;
}
.az-gutter-0 .az-module-container {
  margin-left: 0;
}
.az-gutter-0 .az-grid-item {
  margin-top: 0;
  padding-right: 0;
}
.az-gutter-0 .owl-dots {
  margin-left: 0;
  padding-left: 0;
}

.az-gutter-1.az-module-wrapper {
  margin-top: -2px;
  margin-left: -2px;
}
.az-gutter-1 .az-module-container {
  margin-left: 2px;
}
.az-gutter-1 .az-grid-item {
  margin-top: 2px;
  padding-right: 2px;
}
.az-gutter-1 .owl-dots {
  margin-left: -2px;
  padding-left: 2px;
}
.az-gutter-1 .owl-carousel .owl-controls .owl-nav .owl-next {
  right: 2px;
}

.az-gutter-5.az-module-wrapper {
  margin-top: -5px;
  margin-left: -5px;
}
.az-gutter-5 .az-module-container {
  margin-left: 5px;
}
.az-gutter-5 .az-grid-item {
  margin-top: 5px;
  padding-right: 5px;
}
.az-gutter-5 .owl-dots {
  margin-left: -5px;
  padding-left: 5px;
}
.az-gutter-5 .owl-carousel .owl-controls .owl-nav .owl-next {
  right: 5px;
}

.az-gutter-10.az-module-wrapper {
  margin-top: -10px;
  margin-left: -10px;
}
.az-gutter-10 .az-module-container {
  margin-left: 10px;
}
.az-gutter-10 .az-grid-item {
  margin-top: 10px;
  padding-right: 10px;
}
.az-gutter-10 .owl-dots {
  margin-left: -10px;
  padding-left: 10px;
}
.az-gutter-10 .owl-carousel .owl-controls .owl-nav .owl-next {
  right: 10px;
}

.az-gutter-15.az-module-wrapper {
  margin-top: -15px;
  margin-left: -15px;
}
.az-gutter-15 .az-module-container {
  margin-left: 15px;
}
.az-gutter-15 .az-grid-item {
  margin-top: 15px;
  padding-right: 15px;
}
.az-gutter-15 .owl-dots {
  margin-left: -15px;
  padding-left: 15px;
}
.az-gutter-15 .owl-carousel .owl-controls .owl-nav .owl-next {
  right: 15px;
}

.az-gutter-20.az-module-wrapper {
  margin-top: -20px;
  margin-left: -20px;
}
.az-gutter-20 .az-module-container {
  margin-left: 20px;
}
.az-gutter-20 .az-grid-item {
  margin-top: 20px;
  padding-right: 20px;
}
.az-gutter-20 .owl-dots {
  margin-left: -20px;
  padding-left: 20px;
}
.az-gutter-20 .owl-carousel .owl-controls .owl-nav .owl-next {
  right: 20px;
}

.az-gutter-25.az-module-wrapper {
  margin-top: -25px;
  margin-left: -25px;
}
.az-gutter-25 .az-module-container {
  margin-left: 25px;
}
.az-gutter-25 .az-grid-item {
  margin-top: 25px;
  padding-right: 25px;
}
.az-gutter-25 .owl-dots {
  margin-left: -25px;
  padding-left: 25px;
}
.az-gutter-25 .owl-carousel .owl-controls .owl-nav .owl-next {
  right: 25px;
}

.az-gutter-30.az-module-wrapper {
  margin-top: -30px;
  margin-left: -30px;
}
.az-gutter-30 .az-module-container {
  margin-left: 30px;
}
.az-gutter-30 .az-grid-item {
  margin-top: 30px;
  padding-right: 30px;
}
.az-gutter-30 .owl-dots {
  margin-left: -30px;
  padding-left: 30px;
}
.az-gutter-30 .owl-carousel .owl-controls .owl-nav .owl-next {
  right: 30px;
}

/*------------------------------------------------------------------------------------
    8. Isotope Grid Columns System
-------------------------------------------------------------------------------------*/
.az-isotope-container[data-cols="1"] .grid-sizer,
.az-isotope-container[data-cols="1"] .az-grid-item {
  width: 100%;
}
.az-isotope-container[data-cols="2"] .grid-sizer,
.az-isotope-container[data-cols="2"] .az-grid-item {
  width: 50%;
}
.az-isotope-container[data-cols="3"] .grid-sizer,
.az-isotope-container[data-cols="3"] .az-grid-item {
  width: 33.33333333%;
}
.az-isotope-container[data-cols="4"] .grid-sizer,
.az-isotope-container[data-cols="4"] .az-grid-item {
  width: 25%;
}
.az-isotope-container[data-cols="5"] .grid-sizer,
.az-isotope-container[data-cols="5"] .az-grid-item {
  width: 20%;
}
.az-isotope-container[data-cols="6"] .grid-sizer,
.az-isotope-container[data-cols="6"] .az-grid-item {
  width: 16.66666667%;
}
.az-isotope-container[data-cols="7"] .grid-sizer,
.az-isotope-container[data-cols="7"] .az-grid-item {
  width: 14.28571428%;
}
.az-isotope-container[data-cols="8"] .grid-sizer,
.az-isotope-container[data-cols="8"] .az-grid-item {
  width: 12.5%;
}
.az-isotope-container[data-cols="9"] .grid-sizer,
.az-isotope-container[data-cols="9"] .az-grid-item {
  width: 11.1111111%;
}
.az-isotope-container[data-cols="10"] .grid-sizer,
.az-isotope-container[data-cols="10"] .az-grid-item {
  width: 10%;
}
.az-isotope-container[data-cols="11"] .grid-sizer,
.az-isotope-container[data-cols="11"] .az-grid-item {
  width: 9.09090909%;
}
.az-isotope-container[data-cols="12"] .grid-sizer,
.az-isotope-container[data-cols="12"] .az-grid-item {
  width: 8.33333333%;
}

/*------------------------------------------------------------------------------------
    9. Isotope Filter
-------------------------------------------------------------------------------------*/
.az-isotope-filter.filter-dark ul li a {
  color: #28282E;
}
.az-isotope-filter.filter-light ul li a {
  color: #FFFFFF;
}
.az-isotope-filter ul {
  margin: 0;
  padding: 30px 0;
  list-style: none;
}
.az-isotope-filter ul li {
  line-height: normal;
  display: inline-block;
}
.az-isotope-filter ul li a {
  display: none;
  font-size: 1.2rem;
  text-transform: uppercase;
  padding: 0 10px;
}
.az-isotope-filter ul li a:hover, .az-isotope-filter ul li a.selected {
  color: #EF4135;
}
.az-isotope-filter ul li a.has-items {
  display: inline-block;
}
.az-isotope-filter ul li:first-child a {
  padding-left: 0;
}
.az-isotope-filter ul li:last-child a {
  padding-right: 0;
}
.az-isotope-filter.align-inherit ul {
  text-align: right;
}
.az-isotope-filter.align-inherit ul li {
  line-height: 25px;
}
.az-isotope-filter.align-inherit ul li:first-child {
  float: left;
}

.az-container-no-padding .az-isotope-filter ul {
  padding-left: 30px;
  padding-right: 30px;
}

/*------------------------------------------------------------------------------------
    11. Image FX
-------------------------------------------------------------------------------------*/
.az-img-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.az-img-wrapper.full-responsive {
  width: 100%;
}
.az-img-wrapper.az-shape-rounded, .az-img-wrapper.az-shape-rounded span, .az-img-wrapper.az-shape-rounded img {
  border-radius: 4px;
}
.az-img-wrapper.az-shape-circle, .az-img-wrapper.az-shape-circle span, .az-img-wrapper.az-shape-circle img {
  border-radius: 100%;
}
.az-img-wrapper.img-thumbnail {
  background: transparent;
}
.az-img-wrapper.img-thumbnail img {
  position: relative;
  z-index: -1;
}
.az-img-wrapper.az-shadow-fx {
  position: relative;
  display: inline-block;
  box-shadow: 0 10px 6px -6px rgba(14, 16, 18, 0.25);
}
.az-img-wrapper.az-shadow-fx img {
  position: relative;
  z-index: -1;
}
.az-img-wrapper a {
  position: relative;
  display: block;
  overflow: hidden;
}

/*------------------------------------------------------------------------------------
    12. Hover FX
-------------------------------------------------------------------------------------*/
.az-hover-fx-wrapper .az-hover-fx-overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.az-hover-fx-wrapper .az-hover-fx-overlay-bg i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  font-size: 20px;
}
.az-hover-fx-wrapper .az-hover-fx-overlay-bg.az-dark-type {
  background: rgba(20, 22, 24, 0.6);
}
.az-hover-fx-wrapper .az-hover-fx-overlay-bg.az-dark-type i,
.az-hover-fx-wrapper .az-hover-fx-overlay-bg.az-dark-type .az-grid-item-title,
.az-hover-fx-wrapper .az-hover-fx-overlay-bg.az-dark-type .az-grid-item-attributes {
  color: #FFFFFF;
}
.az-hover-fx-wrapper .az-hover-fx-overlay-bg.az-light-type {
  background: rgba(255, 255, 255, 0.6);
}
.az-hover-fx-wrapper .az-hover-fx-overlay-bg.az-light-type i,
.az-hover-fx-wrapper .az-hover-fx-overlay-bg.az-light-type .az-grid-item-title,
.az-hover-fx-wrapper .az-hover-fx-overlay-bg.az-light-type .az-grid-item-attributes {
  color: #141618;
}
.az-hover-fx-wrapper.az-hover-fx-fade-in .az-hover-fx-overlay-bg {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.az-hover-fx-wrapper.az-hover-fx-fade-in a:hover .az-hover-fx-overlay-bg {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.az-hover-fx-wrapper.az-hover-fx-fade-out .az-hover-fx-overlay-bg {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.az-hover-fx-wrapper.az-hover-fx-fade-out a:hover .az-hover-fx-overlay-bg {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.az-hover-fx-wrapper.az-hover-fx-zoom-in .az-hover-fx-overlay-bg {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.az-hover-fx-wrapper.az-hover-fx-zoom-in img,
.az-hover-fx-wrapper.az-hover-fx-zoom-in .metro-bg-imge {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.25s ease-in-out 0s;
  transition: transform 0.25s ease-in-out 0s;
}
.az-hover-fx-wrapper.az-hover-fx-zoom-in a:hover .az-hover-fx-overlay-bg {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.az-hover-fx-wrapper.az-hover-fx-zoom-in a:hover img,
.az-hover-fx-wrapper.az-hover-fx-zoom-in a:hover .metro-bg-imge {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.25s ease-in-out 0s;
  transition: transform 0.25s ease-in-out 0s;
}
.az-hover-fx-wrapper.az-hover-fx-zoom-out .az-hover-fx-overlay-bg {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.az-hover-fx-wrapper.az-hover-fx-zoom-out img,
.az-hover-fx-wrapper.az-hover-fx-zoom-out .metro-bg-imge {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.25s ease-in-out 0s;
  transition: transform 0.25s ease-in-out 0s;
}
.az-hover-fx-wrapper.az-hover-fx-zoom-out a:hover .az-hover-fx-overlay-bg {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.az-hover-fx-wrapper.az-hover-fx-zoom-out a:hover img,
.az-hover-fx-wrapper.az-hover-fx-zoom-out a:hover .metro-bg-imge {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.25s ease-in-out 0s;
  transition: transform 0.25s ease-in-out 0s;
}

/*------------------------------------------------------------------------------------
    13. SVGs & Icon Utilities
-------------------------------------------------------------------------------------*/
.az-icon-container {
  display: inline-block;
  width: 100%;
}

.az-svg-img-wrapper {
  position: relative;
  overflow: hidden;
  vertical-align: top;
}
.az-svg-img-wrapper a {
  position: relative;
  display: block;
  overflow: hidden;
}

.az-svg-embed-code {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: inline-block;
}
.az-svg-embed-code svg {
  width: 100%;
  height: auto;
}

.az-svg-media {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: inline-block;
}
.az-svg-media img {
  width: 100%;
  height: auto;
}

/*------------------------------------------------------------------------------------
    14. Grayscale CSS Filter
-------------------------------------------------------------------------------------*/
.az-content-element-wrapper.az-grayscale .az-grid-item img,
.az-content-element-wrapper.az-grayscale .az-grid-item .metro-bg-imge {
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
}

/* GUIDE
-------------------------------------------------------------------------------------
     
     0. Visual Composer Fix
     1. Sections, Equals Height, Gutters, & Module Types
     2. Section Next to Scroll
     3. Dots Menu
     4. Page Builder Shortcodes
         4.1 Text Block
         4.2 Empty Space & Dividers
         4.3 List with Icons
         4.4 Box Icons
         4.5 Dropcaps
         4.6 Highlights
         4.7 Tooltips
         4.8 Counters
         4.9 Countdown
        4.10 Progress Bars
        4.11 Pie Charts
        4.12 Google Maps
        4.13 Media Gallery
        4.14 Module Grid ( Team, Portfolio & Post )
        4.15 Clients
        4.16 Testimonials
        4.17 Twitter Feed
        4.18 Notification Boxes
        4.19 Audio & Video
        4.20 AZ Slider Page Builder
        4.21 Accordion & Toggles
        4.22 Tabs
        4.23 Social Profiles
        4.24 Social Share
        4.25 Buttons
        4.26 Pricing Tables
     5. Comments
     6. Contact Forms
     7. Back to Top
     8. Pagination
     9. Sidebar
    10. Blog
    11. Breadcrumbs

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    0. Visual Composer Fix
-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    1. Sections, Equals Height, Gutters, & Module Types
-------------------------------------------------------------------------------------*/
.az-main-section-content {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.az-main-section-content.az-section-full-screen {
  height: 100%;
  height: 100vh;
}
.az-main-section-content.az-shift-xy-axis {
  overflow: visible;
}
.az-main-section-content.az-section-divider {
  border-bottom: 1px solid #EFEFEF;
}
.az-main-section-content.az-section-divider.az-s-dashed {
  border-bottom-style: dashed;
}
.az-main-section-content.az-section-divider.az-s-dotted {
  border-bottom-style: dotted;
}
.az-main-section-content.az-section-shadow {
  box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.75), inset 0 -8px 8px -8px rgba(0, 0, 0, 0.75);
}
.az-main-section-content .row-inner > .az-shift-layer,
.az-main-section-content .az-col > .az-shift-layer {
  position: relative;
  float: left;
  width: 100%;
  display: block;
}

.az-module .az-module-wrap-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.az-module .az-module-wrap-bg .az-module-wrapper-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-attachment: scroll;
}
.az-module .az-module-wrap-bg .az-module-mask-group, .az-module .az-module-wrap-bg .az-module-mask-group .az-module-mask-bg, .az-module .az-module-wrap-bg .az-module-mask-group .az-module-mask-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
}
.az-module .az-module-wrap-bg .az-module-mask-group .az-module-mask-bg {
  z-index: 3;
}
.az-module .az-module-wrap-bg .az-module-mask-group .az-module-mask-pattern {
  background-repeat: repeat;
  background-attachment: scroll;
  z-index: 4;
}
.az-module .az-module-wrap-bg .az-module-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0A0A0A;
}
.az-module .az-module-wrap-bg .az-module-video-wrapper.is-mobile {
  background: transparent;
}
.az-module .az-module-wrap-bg .az-module-video-wrapper .az-module-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 4000px !important;
  height: 100%;
  z-index: 1;
}
.az-module .az-module-wrap-bg .az-module-video-wrapper .az-module-video.loading {
  opacity: 0;
}
.az-module .az-module-wrap-bg .az-module-video-wrapper .az-module-video.az-module-video-vimeo iframe {
  width: 100%;
  height: 100%;
}
.az-module[data-parallax-scroll="true"] .az-module-wrapper-bg {
  height: 130%;
  padding: 35vh 0;
}

/* Remove Container Padding */
.az-container-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* Gutters */
.row-parent.az-gutter-0,
.row-inner.az-gutter-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-parent.az-gutter-0 > [class^="col-"],
.row-parent.az-gutter-0 > [class*=" col-"],
.row-inner.az-gutter-0 > [class^="col-"],
.row-inner.az-gutter-0 > [class*=" col-"] {
  padding-left: 0;
  padding-right: 0;
}
.row-parent.az-gutter-0 > .az-main-col-content .az-col,
.row-parent.az-gutter-0 > .az-main-col-content .az-col-cont,
.row-inner.az-gutter-0 > .az-main-col-content .az-col,
.row-inner.az-gutter-0 > .az-main-col-content .az-col-cont {
  display: block;
  width: 100%;
}

.row-parent.az-gutter-default > .az-main-col-content .az-col,
.row-parent.az-gutter-default > .az-main-col-content .az-col-cont,
.row-inner.az-gutter-default > .az-main-col-content .az-col,
.row-inner.az-gutter-default > .az-main-col-content .az-col-cont {
  position: relative;
  float: left;
  display: block;
  width: 100%;
}

/* Columns Equal Heights */
.az-section-full-screen.az-section-with-equal .container,
.az-section-full-screen.az-section-with-equal .container-fluid {
  height: 100%;
}
.az-section-full-screen.az-section-with-equal .row {
  height: 100%;
}
.az-section-full-screen.az-section-with-equal .row-inner {
  height: auto;
}

.row-parent.az-equal {
  height: 100%;
  min-width: 100%;
  width: auto;
  display: table;
  table-layout: fixed;
}
.row-parent.az-equal > .az-main-col-content {
  float: none;
  height: 100%;
  display: table-cell;
  vertical-align: top;
}
.row-parent.az-equal > .az-main-col-content .az-col {
  float: none;
  display: table;
  height: 100%;
  table-layout: fixed;
}
.row-parent.az-equal > .az-main-col-content .az-col.az-clm-force-height {
  height: 100% !important;
}
.row-parent.az-equal > .az-main-col-content .az-col-cont {
  float: none;
  display: table-cell;
  height: 100%;
}
.row-parent.az-equal > .az-main-col-content.az-col-pos-top .az-col-cont {
  vertical-align: top;
}
.row-parent.az-equal > .az-main-col-content.az-col-pos-middle .az-col-cont {
  vertical-align: middle;
}
.row-parent.az-equal > .az-main-col-content.az-col-pos-bottom .az-col-cont {
  vertical-align: bottom;
}

.row-inner.az-equal {
  height: 1px;
  min-width: 100%;
  width: auto;
  display: table;
  table-layout: fixed;
}
.row-inner.az-equal > .az-main-col-content {
  float: none;
  height: 100%;
  display: table-cell;
  vertical-align: top;
}
.row-inner.az-equal > .az-main-col-content .az-col {
  display: table;
  height: 100%;
  table-layout: fixed;
}
.row-inner.az-equal > .az-main-col-content .az-col-cont {
  display: table-cell;
  height: 100%;
}
.row-inner.az-equal > .az-main-col-content.az-col-pos-top .az-col-cont {
  vertical-align: top;
}
.row-inner.az-equal > .az-main-col-content.az-col-pos-middle .az-col-cont {
  vertical-align: middle;
}
.row-inner.az-equal > .az-main-col-content.az-col-pos-bottom .az-col-cont {
  vertical-align: bottom;
}

.az-column-link {
  float: left;
  width: 100%;
  height: 100%;
  display: table;
  font-weight: inherit;
  color: inherit;
}
.az-column-link:hover {
  color: inherit;
}

.particles-env {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 7;
}
.particles-env canvas {
  display: block;
  vertical-align: bottom;
  background-color: transparent;
}

/*------------------------------------------------------------------------------------
    2. Section Next to Scroll
-------------------------------------------------------------------------------------*/
.az-main-section-content .scroll-btn-page {
  position: absolute;
  left: 50%;
  bottom: 26px;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  border: 0 none !important;
  display: block;
  z-index: 25;
}
.az-main-section-content .scroll-btn-page i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10.5px 0 0 -10.5px;
  font-size: 21px;
}
.az-main-section-content .scroll-btn-page i.animated-opacity {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-animation: bounceArrow 0.35s ease 0s alternate infinite;
  animation: bounceArrow 0.35s ease 0s alternate infinite;
}
@-webkit-keyframes bounceArrow {
  0% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(7px);
  }
}
@keyframes bounceArrow {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
  }
}
/*------------------------------------------------------------------------------------
    3. Dots Menu
-------------------------------------------------------------------------------------*/
.az-main-wrapper.az-side-menu.h-right .az-dots-menu-navigation, .az-main-wrapper.az-side-menu.h-right-tgl .az-dots-menu-navigation {
  left: 31px;
}
.az-main-wrapper.az-side-menu.h-right .az-dots-menu-navigation ul li, .az-main-wrapper.az-side-menu.h-right-tgl .az-dots-menu-navigation ul li {
  text-align: left;
}
.az-main-wrapper.az-side-menu.h-right .az-dots-menu-navigation ul li a span, .az-main-wrapper.az-side-menu.h-right-tgl .az-dots-menu-navigation ul li a span {
  float: left;
}
.az-main-wrapper.az-side-menu.h-right .az-dots-menu-navigation .az-dots-menu-label, .az-main-wrapper.az-side-menu.h-right-tgl .az-dots-menu-navigation .az-dots-menu-label {
  margin: 1px 0 0 5px;
}
.az-main-wrapper.az-creative-menu .az-main-content.h-ani-content-left.is-opened + .az-dots-menu-navigation, .az-main-wrapper.az-creative-menu .az-main-content.h-ani-content-right.is-opened + .az-dots-menu-navigation {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.115s ease-in-out 0s, visibility 0.115s ease-in-out 0s;
  transition: opacity 0.115s ease-in-out 0s, visibility 0.115s ease-in-out 0s;
}

.az-dots-menu-navigation {
  position: fixed;
  top: 50%;
  right: 31px;
  bottom: auto;
  z-index: 13;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.115s ease-in-out 0s, visibility 0.115s ease-in-out 0s;
  transition: opacity 0.115s ease-in-out 0s, visibility 0.115s ease-in-out 0s;
}
.az-dots-menu-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.az-dots-menu-navigation ul li {
  text-align: right;
  line-height: 1;
}
.az-dots-menu-navigation ul li a {
  display: inline-block;
  margin: 0;
  cursor: default;
}
.az-dots-menu-navigation ul li a span {
  float: right;
  display: inline-block;
}
.az-dots-menu-navigation .az-dots-menu-dot {
  position: relative;
  top: 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 0px solid;
  cursor: pointer;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: background 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s, -webkit-transform 0.215s ease-in-out 0s;
  transition: background 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s, transform 0.215s ease-in-out 0s;
}
.az-dots-menu-navigation .az-dots-menu-label {
  position: relative;
  padding: 6px;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1px 5px 0 0;
  text-transform: uppercase;
  opacity: 0;
  -webkit-transition: opacity 0.215s ease-in-out 0s;
  transition: opacity 0.215s ease-in-out 0s;
}
.az-dots-menu-navigation a:hover .az-dots-menu-dot, .az-dots-menu-navigation a.is-selected .az-dots-menu-dot {
  background-color: transparent;
  border-width: 2px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: background 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s, -webkit-transform 0.215s ease-in-out 0s;
  transition: background 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s, transform 0.215s ease-in-out 0s;
}
.az-dots-menu-navigation a:hover .az-dots-menu-label {
  opacity: 1;
}

/*------------------------------------------------------------------------------------
    4. Page Builder Shortcodes
-------------------------------------------------------------------------------------*/
/* Fixes */
.az-main-section-content .row .az-main-col-content:first-child,
.az-main-section-content .row .az-main-col-content .az-col-cont > *:first-child:not(.az-pricing-table-block),
.az-main-section-content .row .az-main-col-content .az-col-cont > *:first-child > *:first-child:not(.az-module-wrapper):not(.az-pricing-table-block):not(.az-counter-output) {
  margin-top: 0px !important;
}

/* Shortcode Wrapper */
.az-content-element-wrapper {
  position: relative;
  width: 100%;
  display: block;
  float: left;
}

/*------------------------------------------------------------------------------------
    4.1 Text Block
-------------------------------------------------------------------------------------*/
.az-text-block > *:first-child {
  margin-top: 0;
  padding-top: 0;
}

.az-text-block > *:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

/*------------------------------------------------------------------------------------
    4.2 Empty Space & Dividers
-------------------------------------------------------------------------------------*/
.az-empty-divider {
  height: 30px;
}

.az-divider-wrapper .az-divider.az-divider-simple {
  position: relative;
  width: 100%;
  border: 0 none;
  border-top: 1px #EFEFEF;
  display: block;
}
.az-divider-wrapper .az-divider.az-divider-simple.az-d-solid {
  border-style: solid;
}
.az-divider-wrapper .az-divider.az-divider-simple.az-d-dashed {
  border-style: dashed;
}
.az-divider-wrapper .az-divider.az-divider-simple.az-d-dotted {
  border-style: dotted;
}
.az-divider-wrapper .az-divider.az-divider-icon {
  position: relative;
  width: 100%;
  height: 30px;
  display: block;
  border-color: #EFEFEF;
}
.az-divider-wrapper .az-divider.az-divider-icon:before, .az-divider-wrapper .az-divider.az-divider-icon:after {
  content: '';
  position: absolute;
  top: 50%;
  border-width: 1px;
  border-color: inherit;
  margin-top: -1px;
}
.az-divider-wrapper .az-divider.az-divider-icon:before {
  left: 0;
  right: 50%;
  margin-right: 40px;
}
.az-divider-wrapper .az-divider.az-divider-icon:after {
  left: 50%;
  right: 0;
  margin-left: 40px;
}
.az-divider-wrapper .az-divider.az-divider-icon .az-divider-icon-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
}
.az-divider-wrapper .az-divider.az-divider-icon .az-divider-icon-wrapper i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  font-size: 24px;
  color: #EFEFEF;
}
.az-divider-wrapper .az-divider.az-divider-icon.az-d-solid:before, .az-divider-wrapper .az-divider.az-divider-icon.az-d-solid:after {
  border-top-style: solid;
}
.az-divider-wrapper .az-divider.az-divider-icon.az-d-dashed:before, .az-divider-wrapper .az-divider.az-divider-icon.az-d-dashed:after {
  border-top-style: dashed;
}
.az-divider-wrapper .az-divider.az-divider-icon.az-d-dotted:before, .az-divider-wrapper .az-divider.az-divider-icon.az-d-dotted:after {
  border-top-style: dotted;
}
.az-divider-wrapper .az-divider.az-d-left {
  margin-left: 0;
  margin-right: auto;
}
.az-divider-wrapper .az-divider.az-d-left.az-divider-icon:before {
  display: none;
}
.az-divider-wrapper .az-divider.az-d-left.az-divider-icon:after {
  left: 0;
}
.az-divider-wrapper .az-divider.az-d-left.az-divider-icon .az-divider-icon-wrapper {
  left: 0;
  margin-left: 0;
}
.az-divider-wrapper .az-divider.az-d-center {
  margin-left: auto;
  margin-right: auto;
}
.az-divider-wrapper .az-divider.az-d-center.az-divider-icon:before {
  margin-right: 25px;
}
.az-divider-wrapper .az-divider.az-d-center.az-divider-icon:after {
  margin-left: 25px;
}
.az-divider-wrapper .az-divider.az-d-right {
  margin-left: auto;
  margin-right: 0;
}
.az-divider-wrapper .az-divider.az-d-right.az-divider-icon:before {
  right: 0;
}
.az-divider-wrapper .az-divider.az-d-right.az-divider-icon:after {
  display: none;
}
.az-divider-wrapper .az-divider.az-d-right.az-divider-icon .az-divider-icon-wrapper {
  left: auto;
  right: 0;
  margin-left: 0;
}

/*------------------------------------------------------------------------------------
    4.3 List with Icons
-------------------------------------------------------------------------------------*/
.az-list-icons ul {
  margin: 0;
}
.az-list-icons ul li {
  list-style: none;
}
.az-list-icons ul li i {
  position: relative;
  top: 0;
  margin-right: 10px;
  font-size: 0.9em;
  line-height: normal;
}

/*------------------------------------------------------------------------------------
    4.4 Box Icons
-------------------------------------------------------------------------------------*/
.az-box-icon-wrapper .az-box-icon.az-box-icon-left {
  text-align: left;
}
.az-box-icon-wrapper .az-box-icon.az-box-icon-left .az-icon-container {
  float: left;
  width: auto;
}
.az-box-icon-wrapper .az-box-icon.az-box-icon-left .az-box-icon-content {
  overflow: hidden;
  padding-left: 30px;
}
.az-box-icon-wrapper .az-box-icon.az-box-icon-right {
  text-align: right;
}
.az-box-icon-wrapper .az-box-icon.az-box-icon-right .az-icon-container {
  float: right;
  width: auto;
}
.az-box-icon-wrapper .az-box-icon.az-box-icon-right .az-box-icon-content {
  overflow: hidden;
  padding-right: 30px;
}
.az-box-icon-wrapper .az-box-icon.az-box-icon-top {
  text-align: center;
}
.az-box-icon-wrapper .az-box-icon.az-box-icon-top .az-icon-container {
  margin-bottom: 30px;
}
.az-box-icon-wrapper .az-box-icon .az-box-icon-title {
  font-size: 1.7rem;
  line-height: 2.7rem;
  letter-spacing: 0;
  margin-top: 0;
}
.az-box-icon-wrapper .az-box-icon .az-box-icon-content p:last-child {
  padding-bottom: 0;
}
.az-box-icon-wrapper .az-box-icon .az-icon-container {
  font-size: 24px;
}
.az-box-icon-wrapper .az-box-icon.az-box-icon-left .az-box-icon-title, .az-box-icon-wrapper .az-box-icon.az-box-icon-right .az-box-icon-title {
  margin: 0;
  font-size: 1.5rem;
}

/*------------------------------------------------------------------------------------
    4.5 Dropcaps
-------------------------------------------------------------------------------------*/
.az-dropcap {
  float: left;
  display: block;
  margin: -6px 2px 0 0;
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 600;
  text-transform: uppercase;
}
.az-dropcap.dropcap-color {
  color: #EF4135;
}

/*------------------------------------------------------------------------------------
    4.6 Highlights
-------------------------------------------------------------------------------------*/
.az-highlight-normal-text {
  color: #EF4135;
}

.az-highlight-color-text {
  padding: 2px 4px 4px 4px;
  color: #FFFFFF;
  background-color: #EF4135;
}

/*------------------------------------------------------------------------------------
    4.7 Tooltips
-------------------------------------------------------------------------------------*/
.tooltip {
  position: absolute;
  visibility: visible;
  opacity: 0;
  z-index: 999;
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
}

.tooltip.in {
  opacity: 1;
}

.tooltip.top {
  margin-top: -5px;
}

.tooltip.right {
  margin-left: 15px;
}

.tooltip.bottom {
  margin-top: 5px;
}

.tooltip.left {
  margin-left: -15px;
}

.tooltip-inner {
  max-width: 300px;
  border-radius: 4px;
  background-color: #1C2222;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  padding: 12px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 10px 10px 0;
  border-top-color: #1C2222;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -10px;
  border-width: 10px 10px 10px 0;
  border-right-color: #1C2222;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -10px;
  border-width: 10px 0 10px 10px;
  border-left-color: #1C2222;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px;
  border-bottom-color: #1C2222;
}

/*------------------------------------------------------------------------------------
    4.8 Counters
-------------------------------------------------------------------------------------*/
.az-counter-element {
  position: relative;
  line-height: normal;
}
.az-counter-element .az-counter-output {
  color: #141618;
  margin: 15px 0;
}
.az-counter-element .az-counter-caption {
  color: #141618;
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
}
.az-counter-element:not(.az-font-size-custom) .az-counter-output {
  font-size: 5rem;
  font-weight: 600;
  letter-spacing: -1px;
}

/*------------------------------------------------------------------------------------
    4.9 Countdown
-------------------------------------------------------------------------------------*/
.az-countdown-element {
  position: relative;
  line-height: normal;
}
.az-countdown-element .az-countdown {
  color: #141618;
}
.az-countdown-element .az-countdown small {
  font-size: 1em;
  margin: 0 8px 0 5px;
}
.az-countdown-element .az-countdown small:last-child {
  margin-right: 0px;
}
.az-countdown-element:not(.az-font-size-custom) .az-countdown {
  font-size: 3rem;
  font-weight: 600;
}

/*------------------------------------------------------------------------------------
    4.10 Progress Bars
-------------------------------------------------------------------------------------*/
.az-progress-bars-wrapper .az-progress-bar-title {
  font-size: 1.3rem;
  line-height: 2.3rem;
  font-weight: 600;
  margin: 18px 0 0;
  color: #141618;
}
.az-progress-bars-wrapper .az-progress-bar-title .az-progress-bar-units {
  position: relative;
  float: right;
}
.az-progress-bars-wrapper .az-single-progress-bar {
  position: relative;
  margin: 5px 0 0 0;
  padding: 2px 9px 2px 9px;
  background: #EFEFEF;
}
.az-progress-bars-wrapper .az-single-progress-bar .az-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  display: block;
  background: #EF4135;
}

/*------------------------------------------------------------------------------------
    4.11 Pie Charts
-------------------------------------------------------------------------------------*/
.az-pie-chart-wrapper .az-pie-chart {
  position: relative;
  width: 170px;
  height: 170px;
  line-height: 170px;
  margin: 0 auto;
  text-align: center;
  display: block;
  overflow: hidden;
}
.az-pie-chart-wrapper .az-pie-chart .az-pie-chart-field {
  position: relative;
  font-size: 3rem;
  font-weight: 600;
  color: #141618;
  text-transform: uppercase;
  padding: 10px;
  z-index: 2;
}
.az-pie-chart-wrapper .az-pie-chart canvas {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
}

/*------------------------------------------------------------------------------------
    4.12 Google Maps
-------------------------------------------------------------------------------------*/
.az-map-element .az-map {
  width: 100%;
  height: 500px;
}
.az-map-element .az-controls-x-left .zoom-controls {
  left: 30px !important;
}
.az-map-element .az-controls-x-right .zoom-controls {
  right: 30px !important;
}
.az-map-element .az-controls-y-top .zoom-controls {
  top: 30px !important;
}
.az-map-element .az-controls-y-bottom .zoom-controls {
  bottom: 30px !important;
}
.az-map-element #cd-zoom-in,
.az-map-element #cd-zoom-out {
  position: relative;
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin: 1px 0 0 0;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0.3;
  -webkit-transition: opacity 0.215s ease-in-out, background 0.215s ease-in-out;
  transition: opacity 0.215s ease-in-out, background 0.215s ease-in-out;
}
.az-map-element #cd-zoom-in:hover,
.az-map-element #cd-zoom-out:hover {
  opacity: 1;
  background-color: white;
}
.az-map-element #cd-zoom-in i,
.az-map-element #cd-zoom-out i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 18px;
  margin: -9px 0 0 -9px;
  color: #28282E;
  -webkit-transition: color 0.215s ease-in-out;
  transition: color 0.215s ease-in-out;
}
.az-map-element #cd-zoom-in:hover i,
.az-map-element #cd-zoom-out:hover i {
  color: #28282E;
}
.az-map-element .info-window-content {
  padding: 10px 10px 0 10px;
}
.az-map-element .info-window-content > *:first-child {
  padding: 0;
  margin: 0;
}

/*------------------------------------------------------------------------------------
    4.13 Media Gallery
-------------------------------------------------------------------------------------*/
.az-media-gallery {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
}
.az-media-gallery .az-media-gallery-item {
  position: relative;
  float: left;
  overflow: hidden;
  display: block;
}
.az-media-gallery .az-media-gallery-item img {
  display: block;
  max-width: none;
  width: 100%;
  height: auto;
}

/*------------------------------------------------------------------------------------
    4.14 Module Grid ( Team, Portfolio & Post )
-------------------------------------------------------------------------------------*/
.az-module-grid {
  position: relative;
  width: 100%;
  float: left;
  overflow: hidden;
}
.az-module-grid .az-module-grid-item {
  position: relative;
  float: left;
  overflow: hidden;
  display: block;
}
.az-module-grid .az-module-grid-item img {
  display: block;
  max-width: none;
  width: 100%;
  height: auto;
}

/*------------------------------------------------------------------------------------
    4.15 Clients
-------------------------------------------------------------------------------------*/
.az-clients-gallery {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
}
.az-clients-gallery .az-client-gallery-item {
  position: relative;
  float: left;
  overflow: hidden;
  display: block;
}
.az-clients-gallery .az-client-gallery-item .az-client-gallery-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.az-clients-gallery .az-client-gallery-item img {
  position: relative;
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
  z-index: 1;
}

/*------------------------------------------------------------------------------------
    4.16 Testimonials
-------------------------------------------------------------------------------------*/
.az-testimonials-gallery {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
}
.az-testimonials-gallery .az-testimonial-gallery-item {
  position: relative;
  overflow: hidden;
  display: block;
}
.az-testimonials-gallery .az-testimonial-gallery-item .az-testimonial-item-wrapper {
  text-align: center;
}
.az-testimonials-gallery .az-testimonial-gallery-item .az-testimonial-item-wrapper .az-testimonial-image {
  width: 70px;
  height: 70px;
  display: inline-block;
  margin-bottom: 30px;
}
.az-testimonials-gallery .az-testimonial-gallery-item .az-testimonial-item-wrapper .az-testimonial-image img {
  border-radius: 50%;
}
.az-testimonials-gallery .az-testimonial-gallery-item .az-testimonial-item-wrapper .az-testimonial-author {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 30px;
}
.az-testimonials-gallery .az-testimonial-gallery-item .az-testimonial-item-wrapper .az-testimonial-author:before, .az-testimonials-gallery .az-testimonial-gallery-item .az-testimonial-item-wrapper .az-testimonial-author:after {
  content: '-';
  margin: 0 9px;
}
.az-testimonials-gallery .az-testimonial-gallery-item .az-testimonial-item-wrapper .az-testimonial-quote blockquote {
  font-size: 2rem;
  line-height: 3rem;
  padding: 0;
  margin: 0;
  font-style: normal;
  font-weight: 400;
  border: 0 none;
}
.az-testimonials-gallery .az-testimonial-gallery-item .az-testimonial-item-wrapper .az-testimonial-quote blockquote p {
  padding: 0;
}

/*------------------------------------------------------------------------------------
    4.17 Twitter Feed
-------------------------------------------------------------------------------------*/
.az-twitter-feed-wrapper .az-twitter-feed-gallery {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
}
.az-twitter-feed-wrapper .az-twitter-feed-gallery .az-twitter-feed-gallery-item {
  position: relative;
  overflow: hidden;
  display: block;
}
.az-twitter-feed-wrapper .az-twitter-feed-gallery .az-twitter-feed-gallery-item .az-twitter-feed-item-wrapper {
  text-align: center;
}
.az-twitter-feed-wrapper .az-twitter-feed-gallery .az-twitter-feed-gallery-item .az-twitter-feed-item-wrapper .az-twitter-feed-body p {
  padding: 0;
}
.az-twitter-feed-wrapper .az-twitter-feed-gallery .az-twitter-feed-gallery-item .az-twitter-feed-item-wrapper .az-twitter-feed-subtitle {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 30px;
}
.az-twitter-feed-wrapper:not(.az-font-size-custom) .az-twitter-feed-body {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 400;
}

/*------------------------------------------------------------------------------------
    4.18 Notification Boxes
-------------------------------------------------------------------------------------*/
.az-message-box-wrapper .alert {
  padding: 5px 30px 5px 15px;
  display: inline-block;
  width: 100%;
  border: 1px solid;
  margin: 0;
}
.az-message-box-wrapper .alert .az-alert-content *:first-child {
  margin-top: 0;
  padding-top: 10px;
}
.az-message-box-wrapper .alert .az-alert-content * {
  color: inherit;
}
.az-message-box-wrapper .alert .az-alert-content a {
  text-decoration: underline !important;
}
.az-message-box-wrapper .alert.az-alert-standard {
  background: #F1F1F1;
  color: #9C9C9C;
  border-color: #DADADA;
}
.az-message-box-wrapper .alert.az-alert-warning {
  background: #F2EBBE;
  color: #C6A10E;
  border-color: #EFE7B1;
}
.az-message-box-wrapper .alert.az-alert-error {
  background: #FDCDCF;
  color: #A55E5E;
  border-color: #FDC3C6;
}
.az-message-box-wrapper .alert.az-alert-info {
  background: #C7DFEA;
  color: #597079;
  border-color: #BCD9E6;
}
.az-message-box-wrapper .alert.az-alert-success {
  background: #D9E1BA;
  color: #838C62;
  border-color: #D3DCAF;
}
.az-message-box-wrapper .alert .close {
  color: inherit;
  text-shadow: none;
  font-size: 16px;
  top: 16px;
  right: -15px;
}

/*------------------------------------------------------------------------------------
    4.19 Audio & Video
-------------------------------------------------------------------------------------*/
.az-video-shortcode .mejs-controls,
.az-audio-shortcode .mejs-controls {
  background-color: #141618;
}

.az-audio-shortcode .mejs-controls {
  padding-right: 15px;
}

/*------------------------------------------------------------------------------------
    4.20 AZ Slider Page Builder
-------------------------------------------------------------------------------------*/
.az-slider-page-builder.flexslider {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0 none;
  margin: 0;
}
.az-slider-page-builder.flexslider.az-slider-fixed-height, .az-slider-page-builder.flexslider.az-slider-full-width {
  height: 600px;
}
.az-slider-page-builder.flexslider.az-slider-full-width {
  max-height: 600px;
  min-height: 400px;
}
.az-slider-page-builder.flexslider.az-slider-full-screen {
  height: 100%;
  height: 100vh;
}
.az-slider-page-builder.flexslider .az-slider-container {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  display: table;
  z-index: 8;
}
.az-slider-page-builder.flexslider .az-slider-container .az-slider-content {
  padding: 0 30px;
  display: table-cell;
  vertical-align: middle;
}
.az-slider-page-builder.flexslider .az-slider-container .az-slider-content.az-h-t-left {
  text-align: left;
}
.az-slider-page-builder.flexslider .az-slider-container .az-slider-content.az-h-t-center {
  text-align: center;
}
.az-slider-page-builder.flexslider .az-slider-container .az-slider-content.az-h-t-right {
  text-align: right;
}
.az-slider-page-builder.flexslider .az-slider-container .az-slider-content.az-h-v-bottom {
  vertical-align: bottom;
  padding-bottom: 20px;
}
.az-slider-page-builder.flexslider .az-slider-container .az-slider-content .az-slider-box {
  display: block;
  max-width: 100%;
}
.az-slider-page-builder.flexslider .az-slider-container .az-slider-content .az-slider-title {
  font-size: 3rem;
  font-weight: 600;
  line-height: 4rem;
  letter-spacing: 0;
  margin: 0;
}
.az-slider-page-builder.flexslider .az-slider-container .az-slider-content .az-slider-sub {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.6rem;
  letter-spacing: 0.1rem;
  margin: 5px 0 0 0;
}
.az-slider-page-builder.flexslider .az-slider-mask-group, .az-slider-page-builder.flexslider .az-slider-mask-group .az-slider-mask-bg, .az-slider-page-builder.flexslider .az-slider-mask-group .az-slider-mask-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
}
.az-slider-page-builder.flexslider .az-slider-mask-group .az-slider-mask-bg {
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
.az-slider-page-builder.flexslider .az-slider-mask-group .az-slider-mask-pattern {
  background-repeat: repeat;
  background-attachment: scroll;
  z-index: 4;
}
.az-slider-page-builder.flexslider .slides {
  width: 100%;
  height: 100%;
}
.az-slider-page-builder.flexslider .slides > li {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.az-slider-page-builder.flexslider .slides > li[data-skin-slide="slide-light-type"] .az-slider-container .az-slider-title,
.az-slider-page-builder.flexslider .slides > li[data-skin-slide="slide-light-type"] .az-slider-container .az-slider-sub {
  color: #FFFFFF;
}
.az-slider-page-builder.flexslider .slides > li[data-skin-slide="slide-dark-type"] .az-slider-container .az-slider-title,
.az-slider-page-builder.flexslider .slides > li[data-skin-slide="slide-dark-type"] .az-slider-container .az-slider-sub {
  color: #141618;
}
.az-slider-page-builder.flexslider .flex-viewport {
  height: 100%;
}
.az-slider-page-builder.flexslider .flexslider-fixed-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.az-slider-page-builder.flexslider .flex-control-nav {
  position: absolute;
  width: 100%;
  bottom: 22px;
  text-align: center;
  z-index: 8;
}
.az-slider-page-builder.flexslider .flex-control-nav li {
  display: inline;
  margin: 0 6px;
  line-height: 1;
}
.az-slider-page-builder.flexslider .flex-control-nav li a {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 0;
  display: inline-block;
  text-indent: -9999px;
  opacity: 0.35;
  -webkit-transition: opacity 0.215s ease;
  transition: opacity 0.215s ease;
}
.az-slider-page-builder.flexslider .flex-control-nav li a:hover, .az-slider-page-builder.flexslider .flex-control-nav li a.flex-active {
  opacity: 1;
}
.az-slider-page-builder.flexslider[data-control-nav-design="rect"] .flex-control-nav a::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 2px;
  top: 50%;
  left: 0;
  margin-top: -1px;
  -webkit-transition: background 0.215s ease;
  transition: background 0.215s ease;
}
.az-slider-page-builder.flexslider[data-control-nav-design="dots"] .flex-control-nav > li {
  margin: 0 2px;
}
.az-slider-page-builder.flexslider[data-control-nav-design="dots"] .flex-control-nav a::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  border-radius: 50%;
  border: 2px solid;
  background: transparent;
  -webkit-transition: background 0.215s ease;
  transition: background 0.215s ease;
}
.az-slider-page-builder.flexslider .flex-direction-nav a {
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  margin: -12px 0;
  display: block;
  opacity: 0;
  z-index: 10;
  text-align: center;
  overflow: hidden;
  -webkit-transition: opacity 0.215s ease, color 0.215s ease;
  transition: opacity 0.215s ease, color 0.215s ease;
}
.az-slider-page-builder.flexslider .flex-direction-nav a::after {
  font-family: 'AZ';
  font-style: normal;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  display: inline-block;
}
.az-slider-page-builder.flexslider .flex-direction-nav a.flex-prev::after {
  content: '\e094';
}
.az-slider-page-builder.flexslider .flex-direction-nav a.flex-next::after {
  content: '\e095';
}
.az-slider-page-builder.flexslider .flex-direction-nav a.flex-prev, .az-slider-page-builder.flexslider .flex-direction-nav a.flex-next {
  opacity: 0.35;
}
.az-slider-page-builder.flexslider .flex-direction-nav a.flex-prev:hover, .az-slider-page-builder.flexslider .flex-direction-nav a.flex-next:hover {
  opacity: 1;
}
.az-slider-page-builder.flexslider .flex-direction-nav a.flex-prev, .az-slider-page-builder.flexslider .flex-direction-nav a.flex-next {
  top: auto;
  bottom: 26px;
}
.az-slider-page-builder.flexslider .flex-direction-nav a.flex-prev {
  left: auto;
  right: 54px;
}
.az-slider-page-builder.flexslider .flex-direction-nav a.flex-next {
  right: 20px;
}
.az-slider-page-builder.flexslider .flex-disabled {
  visibility: hidden;
}
.az-slider-page-builder.flexslider[data-text-pos="az-h-v-bottom"] .flex-control-nav {
  display: none;
}
.az-slider-page-builder.flexslider[data-text-pos="az-h-v-bottom"][data-text-align="az-h-t-right"] .flex-direction-nav a.flex-prev, .az-slider-page-builder.flexslider[data-text-pos="az-h-v-bottom"][data-text-align="az-h-t-right"] .flex-direction-nav a.flex-next {
  right: auto;
}
.az-slider-page-builder.flexslider[data-text-pos="az-h-v-bottom"][data-text-align="az-h-t-right"] .flex-direction-nav a.flex-prev {
  left: 20px;
}
.az-slider-page-builder.flexslider[data-text-pos="az-h-v-bottom"][data-text-align="az-h-t-right"] .flex-direction-nav a.flex-next {
  left: 54px;
}

/*------------------------------------------------------------------------------------
    4.21 Accordion & Toggles
-------------------------------------------------------------------------------------*/
.az-accordion-wrapper .section-tab {
  position: relative;
  width: 100%;
  float: left;
  border-top: 1px solid #EFEFEF;
}
.az-accordion-wrapper .section-tab:last-child {
  border-bottom: 1px solid #EFEFEF;
}
.az-accordion-wrapper .section-tab.opened .section-title::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.az-accordion-wrapper .section-title {
  padding: 20px 70px 20px 20px;
  color: #30373C;
  font-size: 1.3rem;
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
  margin: 0 0 -2px 0;
}
.az-accordion-wrapper .section-title i {
  position: relative;
  top: -0.5px;
  margin-right: 10px;
  font-size: 16px;
  vertical-align: middle;
}
.az-accordion-wrapper .section-title::after {
  font-family: 'AZ';
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: block;
  text-align: center;
}
.az-accordion-wrapper .content {
  position: relative;
  width: 100%;
  float: left;
  padding: 50px 20px 40px 20px;
  border-top: 1px solid #EFEFEF;
  display: none;
}
.az-accordion-wrapper.accordion .section-tab.opened .section-title::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.az-accordion-wrapper.accordion .section-title::after {
  content: "\e924";
}
.az-accordion-wrapper.toggle .section-tab.opened .section-title::after {
  content: "\e9e3";
}
.az-accordion-wrapper.toggle .section-title::after {
  content: "\e9f7";
  font-size: 15px;
  right: 14px;
}

/*------------------------------------------------------------------------------------
    4.22 Tabs
-------------------------------------------------------------------------------------*/
.az-tabs-wrapper .tabs-nav {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #EFEFEF;
}
.az-tabs-wrapper .tabs-nav li {
  position: relative;
  float: left;
  display: table;
  padding: 0;
  background: #fbfbfb;
  margin: 0 2px 0 0;
  height: 60px;
  cursor: pointer;
}
.az-tabs-wrapper .tabs-nav li.opened {
  background: #f1f1f1;
  cursor: default;
  pointer-events: none;
}
.az-tabs-wrapper .tabs-nav li .tab-title {
  margin: auto;
  width: 100%;
  font-size: 1.2rem;
  color: #30373C;
  text-transform: uppercase;
  padding: 2px 20px 0;
  display: table-cell;
  vertical-align: middle;
}
.az-tabs-wrapper .tabs-nav li .tab-title i {
  position: relative;
  top: -1px;
  margin-right: 10px;
  font-size: 16px;
  vertical-align: middle;
}
.az-tabs-wrapper .tabs-nav li .tab-title a {
  color: inherit;
}
.az-tabs-wrapper .tab-content {
  position: relative;
  float: left;
  width: 100%;
  padding: 50px 20px 0;
}
.az-tabs-wrapper .tab-content > .section-tab,
.az-tabs-wrapper .tab-content > .section-tab .section-title {
  display: none;
}
.az-tabs-wrapper.vertical .tabs-nav {
  width: 20%;
  border: 0 none;
}
.az-tabs-wrapper.vertical .tabs-nav li {
  width: 100%;
  float: none;
}
.az-tabs-wrapper.vertical .tab-content {
  width: 80%;
  border-left: 1px solid #EFEFEF;
  padding: 20px;
}

/*------------------------------------------------------------------------------------
    4.23 Social Profiles
-------------------------------------------------------------------------------------*/
.az-social-profiles-wrapper .az-social-profiles-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.az-social-profiles-wrapper .az-social-profiles-list li {
  display: inline-block;
  line-height: normal;
  margin: 0 20px 0 0;
}
.az-social-profiles-wrapper .az-social-profiles-list li:last-child {
  margin-right: 0;
}
.az-social-profiles-wrapper .az-social-profiles-list li a {
  opacity: 0.5;
  -webkit-transition: opacity 0.25s ease 0s;
  transition: opacity 0.25s ease 0s;
}
.az-social-profiles-wrapper .az-social-profiles-list li a:hover {
  opacity: 1;
}
.az-social-profiles-wrapper .az-social-profiles-list li i {
  color: #141618;
  font-size: 20px;
}
.az-social-profiles-wrapper .az-social-profiles-list.align-center li,
.az-social-profiles-wrapper .az-social-profiles-list.align-center li:last-child {
  margin: 0 10px;
}

/*------------------------------------------------------------------------------------
    4.24 Social Share
-------------------------------------------------------------------------------------*/
.az-social-share-wrapper .az-social-share-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.az-social-share-wrapper .az-social-share-list li {
  display: inline-block;
  line-height: normal;
  margin: 0;
  opacity: 1;
  -webkit-transition: opacity 0.215s ease-in-out 0s;
  transition: opacity 0.215s ease-in-out 0s;
}
.az-social-share-wrapper .az-social-share-list li i {
  font-size: 16px;
}
.az-social-share-wrapper .az-social-share-list li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.az-social-share-wrapper.share-colorful .az-social-share-list i {
  color: #FFFFFF;
}
.az-social-share-wrapper.share-colorful .az-social-share-list a.btn-twitter {
  background-color: #55ACEE;
}
.az-social-share-wrapper.share-colorful .az-social-share-list a.btn-facebook {
  background-color: #3B5998;
}
.az-social-share-wrapper.share-colorful .az-social-share-list a.btn-google {
  background-color: #DC4E41;
}
.az-social-share-wrapper.share-colorful .az-social-share-list a.btn-pinterest {
  background-color: #BD081C;
}
.az-social-share-wrapper.share-colorful .az-social-share-list a.btn-linkedin {
  background-color: #0077B5;
}
.az-social-share-wrapper.share-colorful .az-social-share-list a.btn-reddit {
  background-color: #FF4500;
}
.az-social-share-wrapper.share-colorful .az-social-share-list a.btn-tumblr {
  background-color: #35465C;
}
.az-social-share-wrapper.share-colorful .az-social-share-list a.btn-xing {
  background-color: #026466;
}
.az-social-share-wrapper.share-monochrome .az-social-share-list i {
  color: #28282E;
}
.az-social-share-wrapper.share-monochrome .az-social-share-list.align-left li a {
  text-align: left;
}
.az-social-share-wrapper.share-monochrome .az-social-share-list.align-right li a {
  text-align: right;
}

/*------------------------------------------------------------------------------------
    4.25 Buttons
-------------------------------------------------------------------------------------*/
.az-button-wrapper.az-btn-inline {
  display: inline-block;
  width: auto;
  float: none;
  margin-right: -5px;
  padding-left: 9px;
  padding-right: 9px;
}
.az-button-wrapper.az-btn-inline:first-child {
  padding-left: 0;
}
.az-button-wrapper.az-btn-inline:last-child {
  padding-right: 0;
}

.az-btn {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  padding: 14px 20px 12px 20px;
  vertical-align: middle;
  border: 0 none;
  border-radius: 0;
  cursor: pointer;
  -webkit-appearance: none;
  background-color: #141618;
  color: #FFFFFF;
  -webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
  transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
}
.az-btn:hover {
  background-color: #EF4135;
  color: #FFFFFF;
}
.az-btn.az-btn-outlined {
  background: transparent;
  color: #141618;
  border: 1px solid #141618;
}
.az-btn.az-btn-outlined:hover {
  background-color: #EF4135;
  border-color: #EF4135;
  color: #FFFFFF;
}
.az-btn.az-btn-rounded {
  border-radius: 3px;
}
.az-btn.az-btn-circle {
  border-radius: 10em;
}
.az-btn.az-btn-mini {
  font-size: 1rem;
  padding: 8px 14px 6px 14px;
}
.az-btn.az-btn-small {
  font-size: 1.1rem;
  padding: 10px 16px 8px 16px;
}
.az-btn.az-btn-large {
  font-size: 1.6rem;
  padding: 20px 26px 18px 26px;
}
.az-btn.az-btn-icon-left i {
  margin-right: 10px;
}
.az-btn.az-btn-icon-right i {
  margin-left: 10px;
}
.az-btn.az-btn-full {
  width: 100%;
}

/* Button Icon */
.az-btn.az-btn-icon {
  position: relative;
  width: 54px;
  height: 54px;
  padding: 0;
}
.az-btn.az-btn-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  font-size: 20px;
}
.az-btn.az-btn-icon.az-btn-mini {
  width: 36px;
  height: 36px;
}
.az-btn.az-btn-icon.az-btn-mini i {
  margin: -6px 0 0 -6px;
  font-size: 12px;
}
.az-btn.az-btn-icon.az-btn-small {
  width: 40px;
  height: 40px;
}
.az-btn.az-btn-icon.az-btn-small i {
  margin: -8px 0 0 -8px;
  font-size: 16px;
}
.az-btn.az-btn-icon.az-btn-large {
  width: 70px;
  height: 70px;
}
.az-btn.az-btn-icon.az-btn-large i {
  margin: -12px 0 0 -12px;
  font-size: 24px;
}

.az-btn-icon-text {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 3px;
  line-height: normal;
  text-transform: uppercase;
  margin-left: 15px;
  color: #141618;
}

/*------------------------------------------------------------------------------------
    4.26 Pricing Tables
-------------------------------------------------------------------------------------*/
.az-pricing-table-block {
  text-align: center;
  overflow: hidden;
  display: inline-block;
  border: 1px solid #EFEFEF;
  background-color: #FFFFFF;
  margin-top: 30px;
}
.az-pricing-table-block .az-pricing-table-prices {
  background-color: #FAFAFA;
}
.az-pricing-table-block .az-pricing-table-titles,
.az-pricing-table-block .az-pricing-table-prices {
  padding: 20px 36px;
  border-bottom: 1px solid #EFEFEF;
}
.az-pricing-table-block .az-pricing-title {
  margin: 0;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.az-pricing-table-block .az-pricing-price {
  display: block;
  font-size: 5rem;
  font-weight: 600;
  color: #28282E;
  line-height: normal;
}
.az-pricing-table-block .az-pricing-subtitle {
  font-size: 1.3rem;
}
.az-pricing-table-block .az-pricing-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.az-pricing-table-block .az-pricing-list li {
  font-size: 1.4rem;
  padding: 12px 36px;
  border-bottom: 1px solid #EFEFEF;
}
.az-pricing-table-block .az-pricing-list li:last-child {
  border-bottom: 0 none;
}
.az-pricing-table-block .az-pricing-table-btn {
  padding: 36px;
  border-top: 1px solid #EFEFEF;
}
.az-pricing-table-block.most-popular {
  margin-top: 0;
}
.az-pricing-table-block.most-popular .az-pricing-table-titles {
  padding: 35px 36px;
}
.az-pricing-table-block.most-popular .az-pricing-table-btn {
  padding: 50px 36px;
}
.az-pricing-table-block.no-table-border-right {
  border-right: 0 none;
}
.az-pricing-table-block.no-table-border-left {
  border-left: 0 none;
}

/*------------------------------------------------------------------------------------
    5. Comments
-------------------------------------------------------------------------------------*/
.az-comment-area {
  position: relative;
  float: left;
  width: 100%;
}
.az-comment-area .comment-header {
  padding: 70px 0;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
}
.az-comment-area .comment-header .comments-title {
  margin: 0;
}
.az-comment-area .comment-header .comments-title .comment-count {
  margin-right: 8px;
}
.az-comment-area .comment-header .toggle-comment i {
  position: absolute;
  color: #28282E;
  top: 50%;
  right: 30px;
  margin: -10px 0 0 -10px;
  font-size: 20px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.25s ease 0s;
  transition: transform 0.25s ease 0s;
}
.az-comment-area .comment-header .toggle-comment.active i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.25s ease 0s;
  transition: transform 0.25s ease 0s;
}
.az-comment-area .comments-list {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.az-comment-area .comments-list li {
  float: left;
  width: 100%;
  display: block;
}
.az-comment-area .comments-list li + #az-respond {
  border-bottom: 1px solid #EFEFEF;
}
.az-comment-area .comments-list .comment-wrap-inner {
  padding: 70px 0;
  border-bottom: 1px solid #EFEFEF;
}
.az-comment-area .comments-list .comment-wrap-inner .comment-avatar {
  position: absolute;
  width: 70px;
  height: 70px;
}
.az-comment-area .comments-list .comment-wrap-inner .comment-avatar .avatar {
  border-radius: 50%;
}
.az-comment-area .comments-list .comment-wrap-inner .comment-inner {
  margin-left: 70px;
  padding-left: 30px;
}
.az-comment-area .comments-list .comment-wrap-inner .comment-inner .comment-title {
  margin: 0;
}
.az-comment-area .comments-list .comment-wrap-inner .comment-inner .comment-date {
  font-size: 1.2rem;
}
.az-comment-area .comments-list .comment-wrap-inner .comment-inner .comment-text p:last-child {
  padding-bottom: 0;
}
.az-comment-area .comments-list ul,
.az-comment-area .comments-list ol {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.az-comment-area .comments-list .children .comment-content {
  padding-left: 130px;
}
.az-comment-area .comments-list.no-paginate-comments {
  display: none;
}
.az-comment-area .comments-list.yes-paginate-comments {
  display: block;
}
.az-comment-area .paginate-comments {
  position: relative;
  float: left;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #EFEFEF;
}
.az-comment-area .paginate-comments .paginate-comments-inner {
  font-size: 1.4rem;
  font-weight: 600;
}
.az-comment-area .paginate-comments .paginate-comments-inner .page-numbers {
  margin: 0 3px;
}
.az-comment-area .paginate-comments .paginate-comments-inner .page-numbers:first-child {
  margin-left: 0;
}
.az-comment-area .paginate-comments .paginate-comments-inner .prev,
.az-comment-area .paginate-comments .paginate-comments-inner .next {
  position: relative;
  top: 0;
  font-size: 18px;
  margin: 0;
  line-height: normal;
  vertical-align: middle;
}
.az-comment-area .az-respond-form {
  position: relative;
  float: left;
  width: 100%;
  padding: 70px 0;
}
.az-comment-area .az-respond-form .az-respond-cont .comment-reply-title {
  margin: 0 0 25px 0;
  padding-bottom: 25px;
  border-bottom: 1px dashed #EFEFEF;
}
.az-comment-area .az-respond-form .az-respond-cont .comment-reply-title #cancel-comment-reply-link {
  font-size: 1.3rem;
  margin-left: 10px;
  color: #B0B0B0;
}
.az-comment-area .az-respond-form .az-respond-cont .logged-in-as {
  padding-top: 0;
  padding-bottom: 20px;
}
.az-comment-area .az-respond-form .az-respond-cont .respond-field {
  margin-top: 25px;
}
.az-comment-area .az-respond-form .az-respond-cont .screen-reader {
  font-size: 1.2rem;
  color: #28282E;
  text-transform: uppercase;
}
.az-comment-area .az-respond-form .az-respond-cont .form-submit {
  margin-top: 30px;
  padding: 0;
}

/*------------------------------------------------------------------------------------
    6. Contact Forms
-------------------------------------------------------------------------------------*/
.wpcf7 {
  float: left;
  position: relative;
  width: 100%;
}
.wpcf7 .wpcf7-form-control-wrap {
  display: block;
  margin-top: 5px;
}
.wpcf7 .wpcf7-form {
  float: left;
  position: relative;
  width: 100%;
}
.wpcf7 .wpcf7-form label {
  display: block;
}
.wpcf7 .wpcf7-form p {
  float: left;
  width: 100%;
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  color: #28282E;
  text-transform: uppercase;
  padding: 0;
  margin-top: 25px;
}
.wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
  font-size: 1.2rem;
  font-weight: 400;
  font-style: italic;
  margin-top: 5px;
  text-transform: none;
}
.wpcf7 .wpcf7-form .wpcf7-response-output {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.7rem;
  font-style: italic;
  border: 0 none !important;
}
.wpcf7 .wpcf7-form img.ajax-loader {
  margin-left: 15px !important;
  width: auto;
}
.wpcf7 .wpcf7-form input,
.wpcf7 .wpcf7-form select {
  width: 50%;
  min-width: 50%;
}
.wpcf7 .wpcf7-form input[type="checkbox"],
.wpcf7 .wpcf7-form input[type="radio"] {
  min-width: auto !important;
}
.wpcf7 .wpcf7-form textarea {
  width: 100%;
  resize: vertical;
}
.wpcf7 .wpcf7-form .wpcf7-submit {
  width: auto;
  min-width: auto;
  margin-top: 0;
}
.wpcf7 .wpcf7-form .wpcf7-list-item {
  margin-left: 10px;
}
.wpcf7 .wpcf7-form .wpcf7-list-item.first {
  margin-left: 0;
}
.wpcf7 .wpcf7-form.az-full-form input,
.wpcf7 .wpcf7-form.az-full-form select {
  width: 100%;
  min-width: 100%;
}
.wpcf7 .wpcf7-form.az-full-form img.ajax-loader {
  margin: 15px 0 0 0 !important;
}
.wpcf7 .wpcf7-form.az-full-form .wpcf7-response-output {
  margin-top: -10px;
}
.wpcf7 .wpcf7-form.az-form-no-error-tip .wpcf7-not-valid-tip {
  display: none;
}
.wpcf7 .wpcf7-form.az-form-no-error-tip .wpcf7-not-valid {
  border-color: #FF0000;
}
.wpcf7 .wpcf7-form p.wpcf7-inline-field {
  width: 50%;
  display: inline-block;
  padding: 0 9px;
}
.wpcf7 .wpcf7-form p.wpcf7-inline-field:first-child {
  padding-left: 0px;
}
.wpcf7 .wpcf7-form p.wpcf7-inline-field:last-child {
  padding-right: 0px;
}
.wpcf7 .wpcf7-form p.wpcf7-inline-field input {
  width: 100%;
  min-width: 100%;
}
.wpcf7 .wpcf7-form p.wpcf7-inline-field .wpcf7-form-control-wrap {
  margin-top: 0px;
}
.wpcf7 .wpcf7-form p.wpcf7-inline-field-full input,
.wpcf7 .wpcf7-form p.wpcf7-inline-field-full select {
  width: 100%;
  min-width: 100%;
}

/*------------------------------------------------------------------------------------
    7. Back to Top
-------------------------------------------------------------------------------------*/
.az-main-wrapper.az-side-menu.h-right .az-back-to-top, .az-main-wrapper.az-side-menu.h-right-tgl .az-back-to-top {
  left: 30px;
}
.az-main-wrapper.az-creative-menu .az-main-content.h-ani-content-left.is-opened + .az-back-to-top,
.az-main-wrapper.az-creative-menu .az-main-content.h-ani-content-left.is-opened + .az-dots-menu-navigation + .az-back-to-top, .az-main-wrapper.az-creative-menu .az-main-content.h-ani-content-right.is-opened + .az-back-to-top,
.az-main-wrapper.az-creative-menu .az-main-content.h-ani-content-right.is-opened + .az-dots-menu-navigation + .az-back-to-top {
  opacity: 0 !important;
  visibility: hidden !important;
  -webkit-transition: opacity 0.115s ease-in-out 0s, visibility 0.115s ease-in-out 0s;
  transition: opacity 0.115s ease-in-out 0s, visibility 0.115s ease-in-out 0s;
}

.az-back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  background: rgba(14, 16, 18, 0.55);
  border-radius: 50%;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: background 0.25s ease-in-out 0s, opacity 0.25s ease-in-out 0.001s, visibility 0.25s ease-in-out 0.001s;
  transition: background 0.25s ease-in-out 0s, opacity 0.25s ease-in-out 0.001s, visibility 0.25s ease-in-out 0.001s;
}
.az-back-to-top:hover {
  background: rgba(14, 16, 18, 0.95);
}
.az-back-to-top i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -7px 0 0 -6px;
  color: #FFFFFF;
  font-size: 12px;
}

/*------------------------------------------------------------------------------------
    8. Single Post Pagination
-------------------------------------------------------------------------------------*/
.az-normal-pagination {
  position: relative;
  float: left;
  width: 100%;
  background: #F9F9F9;
  border-top: 1px solid #EFEFEF;
}
.az-normal-pagination .prev-post,
.az-normal-pagination .next-post,
.az-normal-pagination .back-post {
  position: relative;
  float: left;
  display: block;
  overflow: hidden;
  padding: 30px 0;
}
.az-normal-pagination .prev-post a,
.az-normal-pagination .next-post a,
.az-normal-pagination .back-post a {
  display: inline-block;
}
.az-normal-pagination .prev-post a i,
.az-normal-pagination .next-post a i,
.az-normal-pagination .back-post a i {
  font-size: 22px;
  vertical-align: middle;
}
.az-normal-pagination .prev-post a span,
.az-normal-pagination .next-post a span,
.az-normal-pagination .back-post a span {
  font-size: 1.1rem;
  text-transform: uppercase;
}
.az-normal-pagination .prev-post {
  text-align: left;
}
.az-normal-pagination .prev-post i {
  margin-left: -6px;
  margin-right: 10px;
}
.az-normal-pagination .next-post {
  text-align: right;
}
.az-normal-pagination .next-post i {
  margin-left: 10px;
  margin-right: -6px;
}
.az-normal-pagination .back-post {
  text-align: center;
}
.az-normal-pagination .prev-post,
.az-normal-pagination .next-post {
  width: 50%;
}
.az-normal-pagination .az-back-to-main-active .prev-post,
.az-normal-pagination .az-back-to-main-active .next-post,
.az-normal-pagination .az-back-to-main-active .back-post {
  width: 33.3333%;
}

/*------------------------------------------------------------------------------------
    8. Pagination
-------------------------------------------------------------------------------------*/
.az-pagination {
  position: relative;
  float: left;
  width: 100%;
}
.az-pagination.pagination-dark .az-pagination-number ul li a {
  color: #28282E;
}
.az-pagination.pagination-light .az-pagination-number ul li a {
  color: #FFFFFF;
}
.az-pagination .az-pagination-number ul {
  margin: 0;
  padding: 30px 0;
  list-style: none;
}
.az-pagination .az-pagination-number ul li {
  line-height: normal;
  display: inline-block;
}
.az-pagination .az-pagination-number ul li a,
.az-pagination .az-pagination-number ul li span {
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 10px;
}
.az-pagination .az-pagination-number ul li a.active, .az-pagination .az-pagination-number ul li a.current,
.az-pagination .az-pagination-number ul li span.active,
.az-pagination .az-pagination-number ul li span.current {
  color: #EF4135;
}
.az-pagination .az-pagination-number ul li a.nothing,
.az-pagination .az-pagination-number ul li span.nothing {
  pointer-events: none;
}
.az-pagination .az-pagination-number ul li a:hover {
  color: #EF4135;
}
.az-pagination .az-pagination-number ul li:first-child a {
  padding-left: 0;
}
.az-pagination .az-pagination-number ul li:last-child a {
  padding-right: 0;
}
.az-pagination .az-infinite-scroll {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: normal;
  padding: 40px 0;
  text-align: center;
  text-transform: uppercase;
}
.az-pagination .az-infinite-scroll .az-infinite-scroll-end {
  display: none;
}
.az-pagination .az-infinite-scroll .az-infinite-scroll-preloader {
  width: 41px;
  height: 41px;
  border: 3px solid #EF4135;
  border-radius: 999px;
  display: none;
  -webkit-animation: infiniteScrollPulse 0.4s linear infinite;
  animation: infiniteScrollPulse 0.4s linear infinite;
}
.az-pagination .az-infinite-scroll .az-infinite-scroll-link {
  padding: 0;
}
.az-pagination .az-infinite-scroll.scroll-trigger .az-infinite-scroll-link {
  display: none !important;
}
.az-pagination .az-infinite-scroll.click-trigger {
  padding-bottom: 0;
}

.az-container-no-padding .az-isotope-container .az-pagination .az-pagination-number ul {
  padding-left: 30px;
  padding-right: 30px;
}

.az-pagination.az-isotope-nav .az-infinite-scroll .az-infinite-scroll-link a {
  display: inline-block;
  letter-spacing: 0;
  text-align: center;
  padding: 14px 20px 12px 20px;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  -webkit-appearance: none;
  background-color: #141618;
  color: #FFFFFF;
  -webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
  transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s;
}
.az-pagination.az-isotope-nav .az-infinite-scroll .az-infinite-scroll-link a:hover {
  background-color: #EF4135;
  color: #FFFFFF;
}
.az-pagination.az-isotope-nav .az-infinite-scroll .az-infinite-scroll-link.az-btn-outlined a {
  background: transparent;
  color: #141618;
  border: 1px solid #141618;
}
.az-pagination.az-isotope-nav .az-infinite-scroll .az-infinite-scroll-link.az-btn-outlined a:hover {
  background-color: #EF4135;
  border-color: #EF4135;
  color: #FFFFFF;
}
.az-pagination.az-isotope-nav .az-infinite-scroll .az-infinite-scroll-link.az-btn-rounded a {
  border-radius: 6px;
}
.az-pagination.az-isotope-nav .az-infinite-scroll .az-infinite-scroll-link.az-btn-circle a {
  border-radius: 10em;
}

.az-pagination.az-blog-nav .az-pagination-number {
  margin-top: 40px;
  padding-top: 40px;
}
.az-pagination.az-blog-nav .az-pagination-number ul {
  padding: 0;
}
.az-pagination.az-blog-nav .az-infinite-scroll {
  margin-top: 40px;
  padding-bottom: 0;
}
.az-pagination.az-blog-nav .az-pagination-number,
.az-pagination.az-blog-nav .az-infinite-scroll {
  border-top: 1px dotted #EFEFEF;
}

@-webkit-keyframes infiniteScrollPulse {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes infiniteScrollPulse {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
/*------------------------------------------------------------------------------------
    9. Sidebar
-------------------------------------------------------------------------------------*/
.az-sidebar-active .az-col-sidebar .container {
  width: 100%;
  padding: 0;
}
.az-sidebar-active .az-col-sidebar .az-main-section-content:first-child {
  padding-top: 0 !important;
}
.az-sidebar-active .az-col-sidebar .az-comment-area .comment-header .toggle-comment i {
  right: 0;
}
.az-sidebar-active .az-col-sidebar .az-comment-area .comments-list .children .comment-content {
  padding-left: 100px;
}
.az-sidebar-active.full-width > .az-main-section-content {
  background: #FAFAFA;
}
.az-sidebar-active.full-width > .az-main-section-content .az-main-col-content.az-cont-sidebar {
  background: #FFFFFF;
}
.az-sidebar-active.full-width > .az-main-section-content .az-main-col-content.az-cont-sidebar.az-sidebar-right {
  border-right: 1px solid #EFEFEF;
}
.az-sidebar-active.full-width > .az-main-section-content .az-main-col-content.az-cont-sidebar.az-sidebar-left {
  border-left: 1px solid #EFEFEF;
}
.az-sidebar-active.full-width .az-comment-area .comment-header,
.az-sidebar-active.full-width .az-comment-area .comments-list .comment-wrap-inner,
.az-sidebar-active.full-width .az-comment-area .comments-list li + #az-respond {
  padding-left: 30px;
  padding-right: 30px;
  margin-left: -30px;
  margin-right: -30px;
}

.az-sidebar .widget {
  font-size: 1.3rem;
  line-height: 1.6em;
  margin-bottom: 40px;
}
.az-sidebar .widget:last-child {
  margin-bottom: 0;
}
.az-sidebar .widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.az-sidebar .widget ul.children, .az-sidebar .widget ul.sub-menu {
  padding: 10px 0 0 15px;
}
.az-sidebar .widget ul li {
  line-height: 20px;
  margin: 10px 0;
}
.az-sidebar .widget ul li:first-child {
  margin-top: 0;
}
.az-sidebar .widget ul li:last-child {
  margin-bottom: 0;
}
.az-sidebar .widget ul li span.post-date {
  font-size: 1.2rem;
  display: block;
  margin: 3px 0 0 14px;
}
.az-sidebar .widget ul li:before {
  content: '\e92a';
  font-family: 'AZ';
  font-style: normal;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 0;
  left: -2px;
  font-size: 9px;
  padding-right: 5px;
  display: inline-block;
  color: #28282E;
}
.az-sidebar .widget ul.product_list_widget li:before {
  display: none;
}
.az-sidebar .widget .widget-title {
  font-size: 1.2rem;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
}
.az-sidebar .widget.widget_recent_comments ul > li > span + a:before {
  display: none;
}
.az-sidebar .widget.widget_rss .rsswidget img {
  display: none;
}
.az-sidebar .widget.widget_calendar caption {
  margin-bottom: 10px;
}
.az-sidebar .widget.widget_calendar table,
.az-sidebar .widget.widget_calendar th {
  text-align: center;
}
.az-sidebar .widget.widget_search .screen-reader-text {
  display: none;
}
.az-sidebar .widget.widget_search #searchform div {
  position: relative;
}
.az-sidebar .widget.widget_search input[type="text"] {
  padding: 8px 35px 8px 10px;
  font-size: 1.3rem;
  font-weight: 400;
}
.az-sidebar .widget.widget_search input[type="submit"].icon-search {
  font-family: 'AZ' !important;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  padding: 8px 10px 8px 8px;
  background: transparent;
  color: #bdbdbd;
  border: 0 none;
  box-shadow: none;
  -webkit-appearance: none;
}
.az-sidebar .widget.widget_tag_cloud a {
  display: inline-block;
  border: 1px solid #141618;
  font-size: 1rem !important;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 20px;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 1px 6px 0 6px;
  margin: 4px 3px 0 0;
}
.az-sidebar .widget.widget_tag_cloud a:last-child {
  margin-right: 0;
}

/*------------------------------------------------------------------------------------
    10. Blog
-------------------------------------------------------------------------------------*/
.az-blog .az-blog-container[data-navigation="infinite"] .az-blog-post-item {
  opacity: 0;
}
.az-blog .az-blog-container[data-navigation="infinite"] .az-blog-post-item.is-visible {
  opacity: 1;
  visibility: visible;
}
.az-blog .az-blog-container .az-blog-post-item {
  position: relative;
  overflow: hidden;
}
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-featured-image img {
  width: 100%;
}
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-title .az-post-title {
  margin: 0;
}
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-content p:last-child {
  padding-bottom: 0;
}
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-meta-attributes span {
  margin-right: 15px;
}
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-meta-attributes span:last-child {
  margin-right: 0;
}
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-meta-attributes span a {
  color: #556270;
}
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-meta-attributes span a:hover {
  color: #EF4135;
}
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-meta-attributes .subtitle {
  font-size: 1.2rem;
  line-height: normal;
  text-transform: capitalize;
  display: inline-block;
}
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-title + .az-post-entry-meta-attributes {
  margin-top: 5px;
}
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-title + .az-post-entry-content,
.az-blog .az-blog-container .az-blog-post-item .az-post-entry-meta-attributes + .az-post-entry-content {
  margin-top: 10px;
}
.az-blog .az-blog-container .az-search-no-results .search-results-title {
  margin: 0;
}
.az-blog.az-minimal-blog .az-blog-post-item, .az-blog.az-standard-blog .az-blog-post-item {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px dotted #EFEFEF;
}
.az-blog.az-minimal-blog .az-blog-post-item:first-child, .az-blog.az-standard-blog .az-blog-post-item:first-child {
  margin-top: 0;
  padding-top: 0;
  border: 0 none;
}
.az-blog.az-minimal-blog .az-blog-post-item:first-child .az-post-entry-featured-image, .az-blog.az-standard-blog .az-blog-post-item:first-child .az-post-entry-featured-image {
  margin-top: 0;
}
.az-blog.az-minimal-blog .az-blog-post-item .az-post-entry-featured-image, .az-blog.az-standard-blog .az-blog-post-item .az-post-entry-featured-image {
  margin: 10px 0 30px 0;
}
.az-blog.az-minimal-blog .az-blog-post-item .az-post-entry-featured-image a, .az-blog.az-standard-blog .az-blog-post-item .az-post-entry-featured-image a {
  position: relative;
  display: block;
  overflow: hidden;
}
.az-blog.az-minimal-blog .az-blog-post-item .az-post-entry-featured-image a.no-link, .az-blog.az-standard-blog .az-blog-post-item .az-post-entry-featured-image a.no-link {
  pointer-events: none;
}
.az-blog.az-modern-blog.az-sidebar-active.full-width .az-cont-sidebar > .az-col {
  padding: 0;
}
.az-blog.az-modern-blog .az-blog-post-item {
  padding: 120px 30px;
  border-top: 1px dotted #EFEFEF;
}
.az-blog.az-modern-blog .az-blog-post-item:first-child {
  border: 0 none;
}
.az-blog.az-modern-blog .az-blog-post-item:hover .yes-featured-image .az-post-entry-featured-image {
  opacity: 1;
}
.az-blog.az-modern-blog .az-blog-post-item:hover .yes-featured-image .az-post-entry-title a,
.az-blog.az-modern-blog .az-blog-post-item:hover .yes-featured-image .az-post-entry-meta-attributes a,
.az-blog.az-modern-blog .az-blog-post-item:hover .yes-featured-image .az-post-entry-meta-attributes span {
  color: #FFFFFF;
}
.az-blog.az-modern-blog .az-blog-post-item .yes-featured-image .az-post-entry-title a,
.az-blog.az-modern-blog .az-blog-post-item .yes-featured-image .az-post-entry-meta-attributes a {
  position: relative;
}
.az-blog.az-modern-blog .az-blog-post-item .yes-featured-image .az-post-entry-title a::after,
.az-blog.az-modern-blog .az-blog-post-item .yes-featured-image .az-post-entry-meta-attributes a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  border-top: 1px dotted rgba(255, 255, 255, 0.7);
  -webkit-transition: width 0.3s ease-in-out 0s;
  transition: width 0.3s ease-in-out 0s;
}
.az-blog.az-modern-blog .az-blog-post-item .yes-featured-image .az-post-entry-title a:hover::after,
.az-blog.az-modern-blog .az-blog-post-item .yes-featured-image .az-post-entry-meta-attributes a:hover::after {
  width: 100%;
}
.az-blog.az-modern-blog .az-blog-post-item .yes-featured-image .az-post-entry-meta-attributes a::after {
  bottom: -5px;
}
.az-blog.az-modern-blog .az-blog-post-item .az-post-wrapper {
  position: relative;
  z-index: 3;
}
.az-blog.az-modern-blog .az-blog-post-item .az-post-entry-featured-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-transition: opacity 0.355s ease-in-out 0s;
  transition: opacity 0.355s ease-in-out 0s;
}
.az-blog.az-modern-blog .az-blog-post-item .az-post-entry-featured-image .az-post-entry-featured-image-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.15);
}
.az-blog.az-modern-blog .az-blog-post-item .az-post-entry-title + .az-post-entry-meta-attributes {
  margin-top: 15px;
}
.az-blog.az-modern-blog .az-pagination-number,
.az-blog.az-modern-blog .az-infinite-scroll {
  padding: 60px 30px;
  margin: 0;
}
.az-blog.az-modern-blog .az-search-no-results {
  padding: 30px;
}

.az-single-post-meta-area {
  position: relative;
  float: left;
  width: 100%;
  padding: 30px;
  border-top: 1px solid #EFEFEF;
  text-align: center;
}
.az-single-post-meta-area span {
  position: relative;
  color: #28282E;
  margin: 0 15px 0 15px;
}
.az-single-post-meta-area span:last-child:before {
  opacity: 0;
}
.az-single-post-meta-area span:before {
  content: '';
  position: absolute;
  top: 50%;
  right: -18px;
  width: 1px;
  height: 17px;
  margin-top: -9px;
  border-left: 1px dotted rgba(20, 22, 24, 0.3);
}
.az-single-post-meta-area span a {
  position: relative;
}
.az-single-post-meta-area span a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  border-top: 1px dotted rgba(20, 22, 24, 0.7);
}
.az-single-post-meta-area .subtitle {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.az-sidebar-active.fixed .az-single-post-meta-area {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
.az-sidebar-active.fixed .az-single-post-meta-area span {
  margin-left: 0;
  margin-right: 30px;
}
.az-sidebar-active.fixed .az-single-post-meta-area span:last-child {
  margin-right: 0;
}
.az-sidebar-active.full-width .az-single-post-meta-area {
  float: none;
  width: auto;
  margin-left: -30px;
  margin-right: -30px;
}

/*------------------------------------------------------------------------------------
    11. Breadcrumbs
-------------------------------------------------------------------------------------*/
.az-breadcrumbs {
  font-size: 1.2rem;
  line-height: normal;
  text-transform: uppercase;
  background: #F9F9F9;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
  padding: 20px 0;
}
.az-breadcrumbs .az-breadcrumbs-separator {
  position: relative;
  top: -1px;
  margin: 0 10px;
}
.az-breadcrumbs .az-breadcrumbs-separator i {
  font-size: 8px;
}

/* GUIDE
-------------------------------------------------------------------------------------

    1. Owl Carousel
    2. Animate CSS
    3. FlexSlider
    4. iLightbox
    5. MediaElements

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    1. Owl Carousel
-------------------------------------------------------------------------------------*/
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img {
  display: block;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

.owl-carousel[data-focus="true"] .owl-item {
  opacity: 0.2;
  pointer-events: none;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.owl-carousel[data-focus="true"] .owl-item.current {
  opacity: 1;
  pointer-events: auto;
}
.owl-carousel .owl-controls {
  -webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-controls .owl-nav {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.owl-carousel:hover .owl-controls .owl-nav {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.owl-carousel .owl-controls .owl-nav [class*='owl-'] {
  position: absolute;
  top: 50%;
  width: 35px;
  height: 80px;
  margin-top: -40px;
}
.owl-carousel .owl-controls .owl-nav [class*='owl-'] i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 16px;
  margin-top: -8px;
}
.owl-carousel[data-nav="true"][data-dots="true"][data-dots-inside="false"] .owl-controls .owl-nav [class*='owl-'], .owl-carousel[data-nav-mobile="true"][data-dots-mobile="true"][data-dots-inside="false"] .owl-controls .owl-nav [class*='owl-'] {
  margin-top: -67px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
  left: 0;
  border-radius: 0 3px 3px 0;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.owl-carousel .owl-controls .owl-nav .owl-prev i {
  margin-left: -9px;
}
.owl-carousel .owl-controls .owl-nav .owl-next {
  right: 0;
  border-radius: 3px 0 0 3px;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.owl-carousel .owl-controls .owl-nav .owl-next i {
  margin-left: -7px;
}
.owl-carousel .owl-controls .owl-nav .disabled.owl-prev, .owl-carousel .owl-controls .owl-nav .disabled.owl-next {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.25s ease-in-out 0s, visibility 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s, visibility 0.25s ease-in-out 0s;
}
.owl-carousel .owl-controls .owl-dots {
  width: 100%;
  margin-top: 30px;
  text-align: center;
  line-height: normal;
}
.owl-carousel .owl-controls .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-carousel .owl-controls .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  border-radius: 50%;
  display: block;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: -webkit-transform 0.25s ease-in-out 0s;
  transition: transform 0.25s ease-in-out 0s;
}
.owl-carousel .owl-controls .owl-dots .owl-dot.active span,
.owl-carousel .owl-controls .owl-dots .owl-dot:hover span {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.owl-carousel[data-dots-inside="true"] .owl-controls .owl-dots {
  position: absolute;
  bottom: 15px;
  margin-top: 0;
  margin-bottom: 0;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}
.owl-carousel:hover[data-dots-inside="true"] .owl-controls .owl-dots {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out 0s;
  transition: opacity 0.25s ease-in-out 0s;
}

/*------------------------------------------------------------------------------------
    2. Animate.CSS
-------------------------------------------------------------------------------------*/
.animate-content,
.animate-grid-content {
  opacity: 0;
  visibility: hidden;
}

.animate-content.animated,
.animate-grid-content.animated {
  opacity: 1;
  visibility: visible;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*------------------------------------------------------------------------------------
    3. FlexSlider
-------------------------------------------------------------------------------------*/
.flex-container a:active,
.flex-container a:focus,
.flexslider a:active,
.flexslider a:focus {
  outline: 0;
}

.flex-control-nav,
.flex-direction-nav,
.slides {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

.no-js .slides > li:first-child {
  display: block;
}

.flexslider {
  position: relative;
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
}

.flex-control-paging li a.flex-active {
  opacity: 1;
}

/*------------------------------------------------------------------------------------
    4. iLightbox
-------------------------------------------------------------------------------------*/
/* Reset Styles */
.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * {
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  line-height: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
}

.ilightbox-holder div.ilightbox-container video {
  background: #000000;
  object-fit: inherit;
}

/* Disable & Hide Scrollbar */
.ilightbox-noscroll {
  overflow: hidden;
}

.ilightbox-closedhand * {
  cursor: url(_include/ilightbox/closedhand.cur), default !important;
}

.ilightbox-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}

.ilightbox-loader {
  position: fixed;
  z-index: 100005;
  top: 50% !important;
  left: 50% !important;
  margin: -24px 0 0 -24px;
  border-radius: 50%;
  opacity: 0;
}

.ilightbox-loader div {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.ilightbox-toolbar {
  display: none;
  position: fixed;
  top: 20px;
  left: 0;
  width: 100%;
  height: 24px;
  z-index: 100010;
}

.ilightbox-toolbar a {
  float: left;
  cursor: pointer;
}

.ilightbox-toolbar .ilightbox-prev-button,
.ilightbox-toolbar .ilightbox-next-button {
  display: none;
}

.ilightbox-thumbnails {
  display: block;
  position: fixed;
  z-index: 100009;
}

.ilightbox-thumbnails.ilightbox-horizontal {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
}

.ilightbox-thumbnails.ilightbox-vertical {
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  overflow: hidden;
}

.ilightbox-thumbnails .ilightbox-thumbnails-container {
  display: block;
  position: relative;
}

.ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container {
  width: 100%;
  height: 60px;
}

.ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container {
  width: 60px;
  height: 100%;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid {
  display: block;
  position: absolute;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail {
  display: block;
  cursor: pointer;
  position: relative;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
  width: 100%;
  height: 100%;
  -ms-interpolation-mode: bicubic;
}

.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 2;
}

.ilightbox-holder {
  display: none;
  position: fixed;
  z-index: 100003;
  -webkit-transform: none;
  -moz-transform: none;
}

.ilightbox-holder.ilightbox-next, .ilightbox-holder.ilightbox-prev {
  cursor: pointer;
}

.ilightbox-holder div.ilightbox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.ilightbox-holder.supportTouch div.ilightbox-container {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}

.ilightbox-holder img.ilightbox-image {
  width: 100%;
  height: 100%;
}

.ilightbox-holder .ilightbox-container .ilightbox-caption {
  display: block !important;
  opacity: 1 !important;
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  padding: 10px 60px 10px 0px;
  margin: 0 auto;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  word-wrap: break-word;
  z-index: 20003;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ilightbox-holder .ilightbox-container .ilightbox-social {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 4px 4px 4px 3px;
  z-index: 20003;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul {
  float: left;
  list-style: none;
  height: 24px;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li {
  display: inline;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li a {
  float: left;
  margin-left: 1px;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a {
  background-image: url("_include/ilightbox/social_icons/facebook_24.png");
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.digg a {
  background-image: url("_include/ilightbox/social_icons/digg_24.png");
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a {
  background-image: url("_include/ilightbox/social_icons/twitter_24.png");
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.delicious a {
  background-image: url("_include/ilightbox/social_icons/delicious_16.png");
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.reddit a {
  background-image: url("_include/ilightbox/social_icons/reddit_24.png");
}

.ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a {
  background-image: url("_include/ilightbox/social_icons/google_24.png");
}

.ilightbox-holder .ilightbox-alert {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  padding-top: 100px;
  margin: auto;
  width: 300px;
  height: 50px;
}

.ilightbox-holder .ilightbox-wrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.ilightbox-holder .ilightbox-inner-toolbar {
  position: relative;
  z-index: 100;
}

.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar {
  position: absolute;
}

/* Style arrow buttons */
.ilightbox-button {
  position: fixed;
  z-index: 100012;
  cursor: pointer;
}

/* Style mobile devices */
.isMobile .ilightbox-button,
.isMobile .ilightbox-thumbnails {
  display: none !important;
}

.isMobile .ilightbox-toolbar .ilightbox-prev-button,
.isMobile .ilightbox-toolbar .ilightbox-next-button {
  display: inline-block;
}

/* Custom Style */
.ilightbox-holder {
  background: transparent;
}

.ilightbox-loader div {
  background: #141618 url("_include/ilightbox/fancy_loading.gif") center center no-repeat;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.09);
}

.ilightbox-toolbar a {
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: transparent;
  background-repeat: no-repeat;
  opacity: 0.6;
  -webkit-transition: opacity 0.25s ease 0s;
  transition: opacity 0.25s ease 0s;
}

.ilightbox-toolbar a:hover {
  opacity: 1;
}

.ilightbox-toolbar a.disabled {
  opacity: 0.2;
  cursor: default;
}

.ilightbox-toolbar a.ilightbox-close {
  right: 20px;
  background-position: 0px 2px;
}

.ilightbox-toolbar a.ilightbox-fullscreen {
  left: 20px;
  background-position: 0px -24px;
}

.ilightbox-toolbar a.ilightbox-play {
  left: 56px;
  background-position: 0px -50px;
}

.ilightbox-toolbar a.ilightbox-pause {
  left: 56px;
  background-position: 0px -73px;
}

.isMobile .ilightbox-toolbar {
  background: #141618;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  text-align: center;
}

.isMobile .ilightbox-toolbar a {
  position: relative;
  left: 0;
  display: inline-block;
  float: none;
  width: 50px;
  height: 50px;
  background-position: 50% !important;
}

.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-title {
  font-size: 1.3rem;
  font-weight: 600;
  padding: 10px 60px 10px 0px;
}

.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar {
  left: auto;
  top: 5px;
  right: 5px;
}

.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar a {
  float: right;
}

.ilightbox-button.disabled {
  opacity: 0.2;
  cursor: default;
}

.ilightbox-button span {
  display: block;
  width: 100%;
  height: 100%;
}

.ilightbox-button {
  bottom: 0;
  right: 0;
  left: 0;
  width: 80px;
  height: 50px;
  margin: auto;
}

.ilightbox-button.ilightbox-prev-button {
  top: 0;
  bottom: auto;
}

.ilightbox-button.horizontal {
  right: 0;
  left: auto;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 80px;
}

.ilightbox-button.ilightbox-prev-button.horizontal {
  right: auto;
  left: 0;
}

@media (max-width: 980px) {
  .ilightbox-holder .ilightbox-inner-toolbar .ilightbox-title,
  .ilightbox-holder .ilightbox-container .ilightbox-caption {
    padding: 10px;
    text-align: center;
  }
}
/*------------------------------------------------------------------------------------
    5. MediaElements
-------------------------------------------------------------------------------------*/
audio, canvas, video {
  outline: none;
}

.mejs-container {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
  font-size: 100%;
  background: transparent;
  border: none;
  text-decoration: none;
}

.mejs-container.mejs-audio {
  width: 100% !important;
}

.mejs-fullscreen {
  overflow: hidden !important;
}

.mejs-container-fullscreen {
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}

.mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
  width: 100%;
  height: 100%;
}

.me-plugin {
  position: absolute;
}

.mejs-embed,
.mejs-embed body {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.mejs-background {
  position: absolute;
  top: 0;
  left: 0;
}

.me-cannotplay a {
  color: #fff;
}

.me-cannotplay span {
  display: block;
  padding: 15px;
}

.mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

:root .mejs-poster img {
  display: none;
}

.mejs-poster img {
  margin: 0;
  padding: 0;
  border: none;
}

.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0;
}

.mejs-overlay-play {
  cursor: pointer;
}

.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: rgba(20, 22, 24, 0.85);
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3);
  background-image: url("_include/img/mediaelement/bigplay.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -24px 0 0 -24px;
  width: 48px;
  height: 48px;
}

.mejs-overlay-loading span {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #141618 url("_include/img/fancy_loading.gif") 50% 50% no-repeat;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.09);
}

.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  color: #fff;
}

.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline;
}

.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0;
}

.mejs-captions-position-hover {
  bottom: 45px;
}

.mejs-captions-text {
  padding: 3px 5px;
  background: #141414;
  background: rgba(20, 20, 20, 0.8);
}

.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  width: 10000px;
  z-index: 1;
  -xborder-right: solid 1px #fff;
}

.mejs-chapter {
  overflow: hidden;
  position: absolute;
  float: left;
  background: #222;
  border: none;
}

.mejs-chapter-block {
  display: block;
  padding: 5px;
  color: #fff;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  cursor: pointer;
}

.mejs-chapter-block-last {
  border-right: none;
}

.mejs-chapter-block:hover {
  background: #666;
}

.mejs-chapter-block .ch-title {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px;
}

.mejs-chapter-block .ch-timespan {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 3px 0 4px;
}

.mejs-postroll-layer {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #323232;
  background: rgba(50, 50, 50, 0.7);
  z-index: 1000;
}

.mejs-postroll-layer-content {
  width: 100%;
  height: 100%;
}

.mejs-postroll-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px;
  color: #fff;
  background: #323232;
  background: rgba(50, 50, 50, 0.7);
  cursor: pointer;
  z-index: 100;
}

.mejs-controls {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
}

.mejs-controls > div,
.mejs-controls > a {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  border: none;
  cursor: pointer;
}

.mejs-button button {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: 17px;
  padding: 0;
  cursor: pointer;
  border: none;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  background: transparent url("_include/img/mediaelement/controls.png") no-repeat;
}

.mejs-play button {
  background-position: 0 0;
}

.mejs-pause button {
  background-position: 0 -16px;
}

.mejs-stop button {
  background-position: -112px 0;
}

.mejs-controls .mejs-time {
  overflow: hidden;
  display: block;
  width: auto;
  height: 50px;
  padding: 0 5px;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  cursor: default;
}

.mejs-time span {
  display: block;
  float: left;
  width: auto;
  margin: 0;
  color: #fff;
  line-height: 50px;
}

.mejs-time span.sep {
  margin: 0 3px;
}

.mejs-controls .mejs-time-rail {
  direction: ltr;
  width: 200px;
  padding: 0 10px 0;
}

.mejs-controls .mejs-time-slider:focus {
  outline: 0 none;
}

.mejs-time-rail span,
.mejs-time-rail > a {
  display: block;
  position: absolute;
  height: 50px;
  cursor: pointer;
}

.mejs-time-rail .mejs-time-total {
  position: relative;
  margin: 0;
  background: transparent;
}

.mejs-time-rail .mejs-time-total::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: rgba(255, 255, 255, 0.1);
  z-index: 1;
}

.mejs-time-rail .mejs-time-buffering,
.mejs-time-rail .mejs-time-loaded,
.mejs-time-rail .mejs-time-current,
.mejs-time-rail .mejs-time-handle {
  top: 50%;
  height: 2px;
  margin-top: -1px;
  z-index: 2;
}

.mejs-time-rail .mejs-time-buffering {
  width: 100%;
  background: transparent;
}

.mejs-time-rail .mejs-time-loaded {
  width: 0;
  background: rgba(255, 255, 255, 0.3);
}

.mejs-time-rail .mejs-time-current {
  width: 0;
  background: #EF4135;
}

.mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  top: -2px;
  width: 10px;
  margin: 0;
  background: transparent;
  cursor: pointer;
  text-align: center;
}

.mejs-time-rail .mejs-time-float {
  display: none;
  position: absolute;
  top: -4px;
  width: 40px;
  height: 18px;
  margin-left: -20px;
  font-size: 1rem;
  font-weight: 400;
  color: #000;
  background: #fff;
  text-align: center;
  border-radius: 2px;
}

.mejs-long-video .mejs-time-rail .mejs-time-float {
  width: 48px;
}

.mejs-time-rail .mejs-time-float-current {
  display: block;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  line-height: 18px;
  text-align: center;
}

.mejs-long-video .mejs-time-rail .mejs-time-float-current {
  width: 44px;
}

.mejs-time-rail .mejs-time-float-corner {
  display: block;
  position: absolute;
  top: 18px;
  left: 14px;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px #fff;
  border-color: #fff transparent transparent transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.mejs-long-video .mejs-time-rail .mejs-time-float-corner {
  left: 18px;
}

.mejs-fullscreen-button button {
  background-position: -32px 0;
}

.mejs-unfullscreen button {
  background-position: -32px -16px;
}

.mejs-controls .mejs-volume-button {
  position: relative;
}

.mejs-controls .mejs-mute button {
  background-position: -16px -16px;
}

.mejs-controls .mejs-mute button:hover {
  background-position: -16px -48px;
}

.mejs-controls .mejs-unmute button {
  background-position: -16px 0;
}

.mejs-controls .mejs-unmute button:hover {
  background-position: -16px -32px;
}

.mejs-volume-button .mejs-volume-slider {
  display: none;
  position: absolute;
  top: -115px;
  left: 0;
  width: 25px;
  height: 115px;
  margin: 0;
  background: #323232;
  background: rgba(50, 50, 50, 0.7);
  z-index: 1;
}

.mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  top: 8px;
  left: 11px;
  width: 2px;
  height: 100px;
  margin: 0;
  background: #ddd;
}

.mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  top: 8px;
  left: 11px;
  width: 2px;
  height: 100px;
  margin: 0;
  background: #ddd;
}

.mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  top: -3px;
  left: 4px;
  width: 16px;
  height: 6px;
  margin: 0;
  background: #ddd;
  cursor: N-resize;
}

.mejs-controls .mejs-horizontal-volume-slider {
  height: 50px;
  width: 60px;
  position: relative;
  display: table;
}

.mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin: -1px 0 0 0;
  padding: 0;
}

.mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  background: rgba(255, 255, 255, 0.1);
}

.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  background: #EF4135;
}

.mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  display: none;
}

.mejs-loop-off button {
  background-position: -64px -16px;
}

.mejs-loop-on button {
  background-position: -64px 0;
}

.mejs-backlight-off button {
  background-position: -80px -16px;
}

.mejs-backlight-on button {
  background-position: -80px 0;
}

.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0;
}

.mejs-controls .mejs-captions-button {
  position: relative;
}

.mejs-captions-button button {
  background-position: -48px 0;
}

.mejs-captions-button .mejs-captions-selector {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  padding: 10px;
  background: #323232;
  background: rgba(50, 50, 50, 0.7);
}

.mejs-captions-button .mejs-captions-selector ul {
  list-style-type: none;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.mejs-captions-button .mejs-captions-selector li {
  list-style-type: none;
  overflow: hidden;
  display: block;
  margin: 0 0 6px;
  padding: 0;
  color: #fff;
}

.mejs-captions-button .mejs-captions-selector input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
}

.mejs-captions-button .mejs-captions-selector label {
  float: left;
  width: 100px;
  padding: 4px 0 0;
}

.mejs-captions-button .mejs-captions-translations {
  margin: 0 0 5px;
}

.mejs-controls .mejs-sourcechooser-button {
  position: relative;
}

.mejs-sourcechooser-button button {
  background-position: -128px 0;
}

.mejs-sourcechooser-selector {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  padding: 10px;
  background: #323232;
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
}

.mejs-sourcechooser-selector ul {
  list-style-type: none;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.mejs-sourcechooser-selector li {
  list-style-type: none;
  overflow: hidden;
  display: block;
  margin: 0 0 6px;
  padding: 0;
  color: #fff;
}

.mejs-sourcechooser-selector li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
}

.mejs-sourcechooser-selector li label {
  float: left;
  width: 100px;
  padding: 4px 0 0;
  font-size: 10px;
  line-height: 15px;
}

.mejs-clear,
.wp-playlist-item {
  clear: both;
}

.mejs-offscreen {
  position: absolute;
  top: -9999em;
}

.ltr .mejs-offscreen {
  left: -9999em;
}

.rtl .mejs-offscreen {
  right: -9999em;
}

.wp-playlist {
  margin: 0 0 1.5rem;
  padding: 1.5rem;
  border: 1px solid #999;
}

.wp-playlist video {
  display: inline-block;
  max-width: 100%;
}

.wp-playlist audio {
  display: none;
  max-width: 100%;
  width: 100%;
}

.wp-playlist .mejs-container {
  margin: 0;
  width: 100%;
}

.wp-playlist .mejs-controls .mejs-button button {
  outline: 0;
}

.wp-playlist-caption {
  max-width: 88%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wp-playlist-current-item {
  margin-bottom: 1.5rem;
}

.wp-playlist-current-item img {
  max-width: 60px;
  height: auto;
}

.ltr .wp-playlist-current-item img {
  float: left;
  margin-right: 1.5rem;
}

.rtl .wp-playlist-current-item img {
  float: right;
  margin-left: 1.5rem;
}

.wp-playlist-item-meta {
  display: block;
}

.wp-playlist-tracks {
  margin-top: 1.5rem;
}

.wp-playlist-item {
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 0.75rem;
}

.wp-playlist-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.wp-playlist-playing {
  font-weight: bold;
}

.ltr .wp-playlist-item .wp-playlist-caption {
  float: left;
}

.rtl .wp-playlist-item .wp-playlist-caption {
  float: right;
}

.ltr .wp-playlist-item .wp-playlist-item-length {
  float: right;
}

.rtl .wp-playlist-item .wp-playlist-item-length {
  float: left;
}

.mejs-contextmenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  padding: 10px;
  background: #fff;
  border: solid 1px #999;
  z-index: 1001;
}

.mejs-contextmenu .mejs-contextmenu-separator {
  height: 1px;
  margin: 5px 6px;
  font-size: 0;
  background: #333;
}

.mejs-contextmenu .mejs-contextmenu-item {
  padding: 4px 6px;
  font-size: 12px;
  color: #333;
  cursor: pointer;
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
  color: #fff;
  background: #2C7C91;
}

/* GUIDE
-------------------------------------------------------------------------------------

    1. Preloader
    2. Preloader Spinners
	3. Preloader Bar & Percentage

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
	1. Preloader
-------------------------------------------------------------------------------------*/
#az-preloader-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  z-index: 9999;
}
#az-preloader-container .az-preloader-content, #az-preloader-container .az-preloader-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#az-preloader-container .loader-title {
  font-size: 3.5rem;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: normal;
  margin: 0;
  color: #141618;
}
#az-preloader-container .loader-tagline {
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: normal;
  margin: -4px 0 0 0;
  color: #B3B3B3;
}
#az-preloader-container .az-preloader-percentage-text {
  font-size: 1.1rem;
  font-weight: 700;
  color: #000000;
}
#az-preloader-container .az-preloader-item {
  opacity: 1;
}
#az-preloader-container .az-preloader-item img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
#az-preloader-container .az-preloader-item .preloader-img {
  display: inline-block;
}
#az-preloader-container .az-preloader-item .retina.preloader-img {
  display: none;
}
#az-preloader-container .az-preloader-item .az-pre-tab {
  display: table;
  width: 100%;
  height: 100%;
}
#az-preloader-container .az-preloader-item .az-pre-tab-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#az-preloader-container.p-fade {
  -webkit-transition: opacity 0.5s ease-in-out 0s;
  transition: opacity 0.5s ease-in-out 0s;
}
#az-preloader-container.p-fade.p-ani-in {
  opacity: 1;
}
#az-preloader-container.p-fade.p-ani-stay, #az-preloader-container.p-fade.p-ani-out {
  opacity: 0;
}
#az-preloader-container.p-top {
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
}
#az-preloader-container.p-top.p-ani-stay {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
#az-preloader-container.p-top.p-ani-in {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#az-preloader-container.p-top.p-ani-out {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
#az-preloader-container.p-left {
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
}
#az-preloader-container.p-left.p-ani-stay {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
#az-preloader-container.p-left.p-ani-in {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#az-preloader-container.p-left.p-ani-out {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
#az-preloader-container.p-right {
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
}
#az-preloader-container.p-right.p-ani-stay {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
#az-preloader-container.p-right.p-ani-in {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#az-preloader-container.p-right.p-ani-out {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
#az-preloader-container.p-bottom {
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
}
#az-preloader-container.p-bottom.p-ani-stay {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
#az-preloader-container.p-bottom.p-ani-in {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#az-preloader-container.p-bottom.p-ani-out {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

/*------------------------------------------------------------------------------------
	2. Preloader Spinners
-------------------------------------------------------------------------------------*/
.az-preloader-item .az-spinner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.az-preloader-item .az-spinner.s-circular {
  width: 36px;
  height: 36px;
}
.az-preloader-item .az-spinner.s-circular .az-s-circular {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  display: block;
  -webkit-animation: az-throbber 0.6s linear infinite;
  animation: az-throbber 0.6s linear infinite;
}
.az-preloader-item .az-spinner.s-circular-svg {
  width: 50px;
  height: 50px;
}
.az-preloader-item .az-spinner.s-circular-svg .az-s-circular-svg {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-animation: az-svgrotate 2s linear infinite;
  animation: az-svgrotate 2s linear infinite;
}
.az-preloader-item .az-spinner.s-circular-svg .az-s-circular-svg .az-s-circular-path {
  stroke-dasharray: 1, 500;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  -webkit-animation: az-dash 1.5s ease-in-out infinite;
  animation: az-dash 1.5s ease-in-out infinite;
}
.az-preloader-item .az-spinner.s-square {
  width: 24px;
  height: 24px;
}
.az-preloader-item .az-spinner.s-square .az-s-square {
  position: relative;
  width: 100%;
  height: 100%;
  border: 4px solid #000000;
  display: block;
  -webkit-animation: az-square 1.5s infinite ease;
  animation: az-square 1.5s infinite ease;
}
.az-preloader-item .az-spinner.s-rotate-plane {
  width: 36px;
  height: 36px;
}
.az-preloader-item .az-spinner.s-rotate-plane .az-s-rotate-plane {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000000;
  display: block;
  -webkit-animation: az-rotateplane 1.2s infinite ease-in-out;
  animation: az-rotateplane 1.2s infinite ease-in-out;
}
.az-preloader-item .az-spinner.s-scale-out {
  width: 40px;
  height: 40px;
}
.az-preloader-item .az-spinner.s-scale-out .az-s-scale-out {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000000;
  border-radius: 100%;
  display: block;
  -webkit-animation: az-scaleout 1.2s infinite ease-in-out;
  animation: az-scaleout 1.2s infinite ease-in-out;
}
.az-preloader-item .az-spinner.s-dots {
  width: 70px;
  height: 30px;
  text-align: center;
}
.az-preloader-item .az-spinner.s-dots > span {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #000000;
  display: inline-block;
  -webkit-animation: az-dots 1.4s infinite ease-in-out both;
  animation: az-dots 1.4s infinite ease-in-out both;
}
.az-preloader-item .az-spinner.s-dots .az-s-dots1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.az-preloader-item .az-spinner.s-dots .az-s-dots2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes az-throbber {
  0% {
    -webkit-transform: rotateZ(-360deg);
  }
  100% {
    -webkit-transform: rotateZ(0deg);
  }
}
@keyframes az-throbber {
  0% {
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg);
  }
  100% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@-webkit-keyframes az-svgrotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes az-svgrotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes az-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes az-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes az-square {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  55% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes az-square {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  55% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes az-rotateplane {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
@keyframes az-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@-webkit-keyframes az-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes az-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes az-dots {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes az-dots {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*------------------------------------------------------------------------------------
	3. Preloader Bar & Percentage
-------------------------------------------------------------------------------------*/
.az-preloader-content-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.az-preloader-content-bar.b-minimal {
  width: 130px;
  height: 1px;
}
.az-preloader-content-bar.b-vertical {
  width: 1px;
}

.az-preloader-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: #000000;
}
.az-preloader-bar .az-preloader-percentage-text {
  position: absolute;
  width: auto;
}
.az-preloader-bar.b-minimal {
  height: 1px;
}
.az-preloader-bar.b-minimal > .az-preloader-percentage-text {
  top: -1px;
  left: 1px;
}
.az-preloader-bar.b-horizontal {
  height: 1px;
}
.az-preloader-bar.b-horizontal > .az-preloader-percentage-text {
  top: 3px;
  right: 10px;
}
.az-preloader-bar.b-horizontal.b-center {
  top: 50%;
  margin-top: -0.5px;
}
.az-preloader-bar.b-horizontal.b-bottom {
  top: auto;
  bottom: 0;
}
.az-preloader-bar.b-horizontal.b-bottom > .az-preloader-percentage-text {
  top: auto;
  bottom: 0;
}
.az-preloader-bar.b-vertical {
  width: 1px;
  height: 0px;
}
.az-preloader-bar.b-vertical > .az-preloader-percentage-text {
  left: 10px;
  bottom: -3px;
}

/* GUIDE
-------------------------------------------------------------------------------------

    1. Headers
    2. Header Animations
    3. Header Main Content Fixes
    4. Menu Overlay Blocker

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    1. Headers
-------------------------------------------------------------------------------------*/
#az-header .header-container {
  margin: 0 auto;
  padding: 0 30px;
  height: 100%;
}
#az-header.h-classic.h-relative .az-nav-wrapper {
  position: absolute;
}
#az-header.h-classic.h-fixed .az-nav-wrapper, #az-header.h-classic.h-sticky .az-nav-wrapper, #az-header.h-classic.h-scrollable .az-nav-wrapper {
  position: fixed;
}
#az-header.h-classic .az-nav-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: 96px;
  opacity: 1;
  padding: 0 30px;
  z-index: 90;
}
#az-header.h-side .header-container {
  position: relative;
}
#az-header.h-side .az-side-head-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 76px;
  padding: 0 30px;
  opacity: 1;
  z-index: 90;
  -webkit-transition: background 0.35s ease 0s, opacity 0.35s ease 0s;
  transition: background 0.35s ease 0s, opacity 0.35s ease 0s;
}
#az-header.h-side .az-side-head-wrapper.not-visible {
  opacity: 0;
}
#az-header.h-side.h-left .az-side-head-wrapper, #az-header.h-side.h-right .az-side-head-wrapper {
  display: none;
}
#az-header.h-side .az-nav-wrapper {
  position: fixed;
  top: 0;
  width: 260px;
  height: 100%;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.125);
}
#az-header.h-side .az-nav-wrapper .az-side-nav-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: table;
  text-align: left;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#az-header.h-side .az-nav-wrapper .az-side-nav-wrapper.h-s-center {
  text-align: center;
}
#az-header.h-side .az-nav-wrapper .az-side-nav-wrapper.h-s-right {
  text-align: right;
}
#az-header.h-side .az-nav-wrapper .az-side-nav-wrapper .az-table-row {
  height: 1px;
  display: table-row;
}
#az-header.h-side .az-nav-wrapper .az-side-nav-wrapper .az-table-row-expanded {
  height: 100%;
  display: table-row;
}
#az-header.h-side.h-left .az-nav-wrapper, #az-header.h-side.h-left-tgl .az-nav-wrapper {
  left: 0;
}
#az-header.h-side.h-right .az-nav-wrapper, #az-header.h-side.h-right-tgl .az-nav-wrapper {
  right: 0;
}
#az-header.h-side.h-left-tgl .az-nav-wrapper, #az-header.h-side.h-right-tgl .az-nav-wrapper {
  -webkit-transition: -webkit-transform 0.45s ease 0s;
  transition: transform 0.45s ease 0s;
}
#az-header.h-side.h-left-tgl .az-nav-wrapper {
  -webkit-transform: translateX(-260px);
  transform: translateX(-260px);
}
#az-header.h-side.h-right-tgl .az-nav-wrapper {
  -webkit-transform: translateX(260px);
  transform: translateX(260px);
}
#az-header.h-side.h-left-tgl .az-nav-wrapper.is-opened, #az-header.h-side.h-right-tgl .az-nav-wrapper.is-opened {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
#az-header.h-creative .header-container {
  position: relative;
}
#az-header.h-creative .az-creative-head-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 76px;
  opacity: 1;
  z-index: 90;
  background: transparent;
  padding: 0 30px;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 1s cubic-bezier(1, 0, 0, 1) 0s, background 0.35s ease 0s;
  transition: transform 1s cubic-bezier(1, 0, 0, 1) 0s, background 0.35s ease 0s;
}
#az-header.h-creative .az-creative-head-wrapper.h-ani-content-left.is-opened {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 1s cubic-bezier(1, 0, 0, 1) 0s, background 0.35s ease 0s;
  transition: transform 1s cubic-bezier(1, 0, 0, 1) 0s, background 0.35s ease 0s;
}
#az-header.h-creative .az-creative-head-wrapper.h-ani-content-right.is-opened {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 1s cubic-bezier(1, 0, 0, 1) 0s, background 0.35s ease 0s;
  transition: transform 1s cubic-bezier(1, 0, 0, 1) 0s, background 0.35s ease 0s;
}
#az-header.h-creative .az-creative-nav-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-fade {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out 0.001s, visibility 0.3s ease-in-out 0.001s;
  transition: opacity 0.3s ease-in-out 0.001s, visibility 0.3s ease-in-out 0.001s;
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-fade.is-opened {
  opacity: 1;
  visibility: visible;
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-top {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-top.is-opened {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-left.is-opened {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-right.is-opened {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-bottom {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 0.75s cubic-bezier(1, 0, 0, 1) 0s;
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-bottom.is-opened {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-translate-left {
  z-index: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 1.1s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 1.1s cubic-bezier(1, 0, 0, 1) 0s;
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-translate-left.is-opened {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 0.95s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 0.95s cubic-bezier(1, 0, 0, 1) 0s;
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-translate-right {
  z-index: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 1.1s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 1.1s cubic-bezier(1, 0, 0, 1) 0s;
}
#az-header.h-creative .az-creative-nav-wrapper.h-ani-translate-right.is-opened {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 0.95s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 0.95s cubic-bezier(1, 0, 0, 1) 0s;
}
#az-header.h-creative .az-creative-nav-wrapper .az-nav-panel > ul > li {
  opacity: 0;
}
#az-header.h-creative .az-creative-nav-wrapper .az-nav-panel.h-t-ani-none > ul > li {
  opacity: 1;
}
#az-header.h-creative .az-creative-nav-wrapper .az-nav-panel.h-t-ani-top > ul > li {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 0.25s ease-in-out 0s;
  transition: transform 0.2s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 0.25s ease-in-out 0s;
}
#az-header.h-creative .az-creative-nav-wrapper .az-nav-panel.h-t-ani-top > ul > li.showed {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(1, 0, 0, 1) 0.1s, opacity 0.75s ease-in-out 0.35s;
  transition: transform 0.75s cubic-bezier(1, 0, 0, 1) 0.1s, opacity 0.75s ease-in-out 0.35s;
}
#az-header.h-creative .az-creative-nav-wrapper .az-nav-panel.h-t-ani-left > ul > li {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 0.25s ease-in-out 0s;
  transition: transform 0.2s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 0.25s ease-in-out 0s;
}
#az-header.h-creative .az-creative-nav-wrapper .az-nav-panel.h-t-ani-left > ul > li.showed {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(1, 0, 0, 1) 0.1s, opacity 0.75s ease-in-out 0.35s;
  transition: transform 0.75s cubic-bezier(1, 0, 0, 1) 0.1s, opacity 0.75s ease-in-out 0.35s;
}
#az-header.h-creative .az-creative-nav-wrapper .az-nav-panel.h-t-ani-right > ul > li {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 0.25s ease-in-out 0s;
  transition: transform 0.2s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 0.25s ease-in-out 0s;
}
#az-header.h-creative .az-creative-nav-wrapper .az-nav-panel.h-t-ani-right > ul > li.showed {
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(1, 0, 0, 1) 0.1s, opacity 0.75s ease-in-out 0.35s;
  transition: transform 0.75s cubic-bezier(1, 0, 0, 1) 0.1s, opacity 0.75s ease-in-out 0.35s;
}
#az-header.h-creative .az-creative-nav-wrapper .az-nav-panel.h-t-ani-bottom > ul > li {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 0.25s ease-in-out 0s;
  transition: transform 0.2s cubic-bezier(1, 0, 0, 1) 0.2s, opacity 0.25s ease-in-out 0s;
}
#az-header.h-creative .az-creative-nav-wrapper .az-nav-panel.h-t-ani-bottom > ul > li.showed {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.75s cubic-bezier(1, 0, 0, 1) 0.1s, opacity 0.75s ease-in-out 0.35s;
  transition: transform 0.75s cubic-bezier(1, 0, 0, 1) 0.1s, opacity 0.75s ease-in-out 0.35s;
}
#az-header.h-creative .az-creative-nav-wrapper .az-bg-menu-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#az-header.h-creative .az-creative-nav-wrapper .az-bg-menu-image .az-m-bg-image {
  position: absolute;
  bottom: 0;
  width: auto;
  height: 100%;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.75s ease-in-out 0s;
  transition: opacity 0.75s ease-in-out 0s;
}
#az-header.h-creative .az-creative-nav-wrapper .az-bg-menu-image .az-m-bg-image.h-bg-c-left {
  left: 0;
}
#az-header.h-creative .az-creative-nav-wrapper .az-bg-menu-image .az-m-bg-image.h-bg-c-right {
  right: 0;
}
#az-header.h-creative .az-creative-nav-wrapper .az-bg-menu-image .az-m-bg-image.showed {
  opacity: 1;
  -webkit-transition: opacity 0.75s ease-in-out 0.45s;
  transition: opacity 0.75s ease-in-out 0.45s;
}
#az-header.h-creative .az-creative-nav-wrapper .az-header-mask-group, #az-header.h-creative .az-creative-nav-wrapper .az-header-mask-group .az-header-mask-bg, #az-header.h-creative .az-creative-nav-wrapper .az-header-mask-group .az-header-mask-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
}
#az-header.h-creative .az-creative-nav-wrapper .az-header-mask-group .az-header-mask-bg {
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
#az-header.h-creative .az-creative-nav-wrapper .az-header-mask-group .az-header-mask-pattern {
  background-repeat: repeat;
  background-attachment: scroll;
  z-index: 4;
}
#az-header .az-menu-trigger {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 27px 30px 27px 15px;
  cursor: pointer;
  display: inline-block;
  line-height: normal;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#az-header .az-menu-trigger .lines {
  position: relative;
  top: -5px;
  left: 0;
  width: 21px;
  height: 2px;
  display: inline-block;
  -webkit-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
}
#az-header .az-menu-trigger .lines:before, #az-header .az-menu-trigger .lines:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  display: inline-block;
  -webkit-transform-origin: 11px center;
  transform-origin: 11px center;
  -webkit-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
}
#az-header .az-menu-trigger .lines:before {
  top: 6px;
}
#az-header .az-menu-trigger .lines:after {
  top: -6px;
}
#az-header .az-menu-trigger.is-open .lines {
  background: transparent !important;
  left: -10px;
}
#az-header .az-menu-trigger.is-open .lines:before, #az-header .az-menu-trigger.is-open .lines:after {
  top: 0;
  left: 10px;
  width: 22px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
#az-header .az-menu-trigger.is-open .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
#az-header .az-menu-trigger.is-open .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
#az-header .az-close-menu-trigger {
  position: absolute;
  top: 0;
  right: 0;
  padding: 27px 30px;
  cursor: pointer;
  display: inline-block;
  line-height: normal;
  z-index: 94;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s ease 0s, visibility 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, visibility 0.15s ease 0s;
}
#az-header .az-close-menu-trigger.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.35s ease 0.25s, visibility 0.35s ease 0.25s;
  transition: opacity 0.35s ease 0.25s, visibility 0.35s ease 0.25s;
}
#az-header .az-close-menu-trigger .lines {
  position: relative;
  top: -5px;
  left: -8px;
  width: 21px;
  height: 2px;
  display: inline-block;
  background: transparent;
}
#az-header .az-close-menu-trigger .lines:before, #az-header .az-close-menu-trigger .lines:after {
  content: '';
  position: absolute;
  top: 0;
  left: 10px;
  width: 22px;
  height: 2px;
  display: inline-block;
  background: #FFFFFF;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
#az-header .az-close-menu-trigger .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
#az-header .az-close-menu-trigger .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
#az-header.h-side .az-menu-trigger {
  opacity: 1;
  visibility: visible;
}
#az-header.h-creative .az-menu-trigger {
  opacity: 1;
  visibility: visible;
}

/*------------------------------------------------------------------------------------
    2. Header Animations
-------------------------------------------------------------------------------------*/
#az-header.h-sticky .az-logo-img img,
#az-header.h-sticky .az-logo-svg img,
#az-header.h-sticky .az-nav-wrapper,
#az-header.h-sticky .az-logo-container,
#az-header.h-sticky .az-nav-panel ul li a,
#az-header.h-sticky .az-optional-menu ul li a,
#az-header.h-sticky .az-optional-menu #az-header-language-list .lang {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#az-header.h-sticky.is-small .az-nav-wrapper {
  height: 76px;
}
#az-header.h-sticky.is-small .az-nav-panel .sub-menu {
  top: 76px;
}
#az-header.h-sticky.is-small .az-nav-panel ul li a,
#az-header.h-sticky.is-small .az-optional-menu ul li a,
#az-header.h-sticky.is-small .az-optional-menu #az-header-language-list .lang {
  line-height: 76px;
}
#az-header.h-sticky.is-small .az-logo-img img,
#az-header.h-sticky.is-small .az-logo-svg img {
  max-height: 44px !important;
}
#az-header.h-scrollable .az-nav-wrapper {
  -webkit-transition: -webkit-transform 0.35s ease 0s;
  transition: transform 0.35s ease 0s;
}
#az-header.h-scrollable.headroom .az-nav-wrapper, #az-header.h-scrollable.scrolled-up .az-nav-wrapper {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
#az-header.h-scrollable.scrolled-down .az-nav-wrapper {
  -webkit-transform: translateY(-110px);
  transform: translateY(-110px);
}

/*------------------------------------------------------------------------------------
    3. Header Main Content Fixes
-------------------------------------------------------------------------------------*/
.az-main-wrapper.h-left .az-main-content {
  padding-left: 260px;
}
.az-main-wrapper.h-right .az-main-content {
  padding-right: 260px;
}
.az-main-wrapper.az-creative-menu .az-main-content {
  z-index: 0;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 1s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 1s cubic-bezier(1, 0, 0, 1) 0s;
}
.az-main-wrapper.az-creative-menu .az-main-content.h-ani-content-left.is-opened {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 1s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 1s cubic-bezier(1, 0, 0, 1) 0s;
}
.az-main-wrapper.az-creative-menu .az-main-content.h-ani-content-right.is-opened {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 1s cubic-bezier(1, 0, 0, 1) 0s;
  transition: transform 1s cubic-bezier(1, 0, 0, 1) 0s;
}

/*------------------------------------------------------------------------------------
    4. Menu Overlay Blocker
-------------------------------------------------------------------------------------*/
#az-blocker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  z-index: 92;
  background: rgba(14, 16, 18, 0.95);
  -webkit-transition: opacity 0.35s ease 0.001s, visibility 0.35s ease 0.001s;
  transition: opacity 0.35s ease 0.001s, visibility 0.35s ease 0.001s;
}
#az-blocker.is-visible {
  opacity: 1;
  visibility: visible;
}

/* GUIDE
-------------------------------------------------------------------------------------

    1. Logo

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    1. Logo
-------------------------------------------------------------------------------------*/
#az-header .az-logo-container {
  position: absolute;
  top: 50%;
  line-height: normal;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#az-header .az-logo-container .az-logo-text {
  font-size: 2.1rem;
  font-weight: 600;
  letter-spacing: 0;
}
#az-header .az-logo-container .az-logo-img,
#az-header .az-logo-container .az-logo-svg {
  display: block;
}
#az-header .az-logo-container .az-logo-img img,
#az-header .az-logo-container .az-logo-svg img {
  width: auto !important;
  max-width: none;
  max-height: 70px;
}
#az-header .az-logo-container .az-logo-img .retina.white-img,
#az-header .az-logo-container .az-logo-img .retina.dark-img {
  display: none !important;
}
#az-header.h-side .az-side-head-wrapper .az-logo-img img,
#az-header.h-side .az-side-head-wrapper .az-logo-svg img {
  max-height: 44px;
}
#az-header.h-side .az-side-nav-wrapper .az-logo-container {
  position: relative;
  top: 0;
  width: 100%;
  margin: auto;
  display: block;
  padding: 50px 20px 0 20px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#az-header.h-side .az-side-nav-wrapper .az-logo-img,
#az-header.h-side .az-side-nav-wrapper .az-logo-svg {
  display: inline-block;
}
#az-header.h-side .az-side-nav-wrapper .az-logo-img img,
#az-header.h-side .az-side-nav-wrapper .az-logo-svg img {
  max-width: 100% !important;
  max-height: 150px;
}
#az-header.h-creative .az-creative-head-wrapper .az-logo-img img,
#az-header.h-creative .az-creative-head-wrapper .az-logo-svg img {
  max-height: 44px;
}

/* GUIDE
-------------------------------------------------------------------------------------

    1. Optional Menu
    2. Menu Header Classic
    3. Menu Header Side
    4. Menu Header Creative
    5. Header Border & Shadow

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    1. Optional Menu
-------------------------------------------------------------------------------------*/
#az-header .az-optional-menu-trigger {
  position: absolute;
  top: 50%;
  right: 70px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  line-height: normal;
  opacity: 1;
  display: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.25s ease 0s;
  transition: opacity 0.25s ease 0s;
}
#az-header .az-optional-menu-trigger i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 20px;
  margin: -10px 0 0 -10px;
}
#az-header .az-optional-menu-trigger.is-open {
  opacity: 0.3;
}
#az-header .az-optional-menu.h-default {
  position: relative;
  float: right;
  height: 100%;
}
#az-header .az-optional-menu.h-default .az-optional-menu-container {
  position: relative;
  float: left;
}
#az-header .az-optional-menu.h-default ul {
  float: left;
  margin: 0 0 0 50px;
  padding: 0;
  list-style: none;
}
#az-header .az-optional-menu.h-default ul::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 25px;
  width: 1px;
  height: 17px;
  margin-top: -9px;
  border-left: 1px dotted;
}
#az-header .az-optional-menu.h-default ul li {
  position: relative;
  float: left;
  margin-left: 20px;
}
#az-header .az-optional-menu.h-default ul li:first-child {
  margin-left: 0;
}
#az-header .az-optional-menu.h-default ul li a {
  position: relative;
  line-height: 96px;
  font-size: 13px;
}
#az-header .az-optional-menu.h-default ul li a i {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease 0s;
  transition: opacity 0.25s ease 0s;
}
#az-header .az-optional-menu.h-default ul li a:hover i {
  opacity: 0.5;
}
#az-header .az-optional-menu.h-default ul li a.open-modal-search {
  top: -1px;
}
#az-header .az-optional-menu.h-default ul li a.open-modal-share {
  top: 0px;
}
#az-header .az-optional-menu.h-default ul li a.woo-cart {
  top: 0px;
  font-size: 16px;
}
#az-header .az-optional-menu.h-default ul li a.woo-cart .woo-bubble {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 16px;
  height: 16px;
  margin: -16px -18px 0 0;
  padding: 3px 0;
  border-radius: 50%;
  font-size: 9px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  background: #EF4135;
  color: #FFFFFF;
}
#az-header .az-optional-menu.h-default ul li a.woo-cart .az-menu-text {
  display: none;
}
#az-header .az-optional-menu.h-default #az-header-language-list {
  float: right;
  position: relative;
  margin-left: 50px;
}
#az-header .az-optional-menu.h-default #az-header-language-list::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -25px;
  width: 1px;
  height: 17px;
  margin-top: -9px;
  border-left: 1px dotted;
}
#az-header .az-optional-menu.h-default #az-header-language-list .lang {
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 10px;
  line-height: 96px;
}
#az-header .az-optional-menu.h-default #az-header-language-list .lang:first-child {
  margin: 0;
}
#az-header .az-optional-menu.h-default #az-header-language-list .lang a {
  font-weight: 600;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s ease 0s;
  transition: opacity 0.25s ease 0s;
}
#az-header .az-optional-menu.h-default #az-header-language-list .lang a:hover {
  opacity: 1;
}
#az-header .az-optional-menu.h-side {
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
}
#az-header .az-optional-menu.h-side .woo-cart i {
  display: none;
}
#az-header .az-optional-menu.h-side .woo-cart .woo-bubble {
  font-weight: 400;
  margin-left: 10px;
}
#az-header .az-optional-menu.h-side .woo-cart .woo-bubble:before, #az-header .az-optional-menu.h-side .woo-cart .woo-bubble:after {
  font-size: 9px;
}
#az-header .az-optional-menu.h-side .woo-cart .woo-bubble:before {
  content: '(';
  margin-right: 4px;
}
#az-header .az-optional-menu.h-side .woo-cart .woo-bubble:after {
  content: ')';
  margin-left: 4px;
}
#az-header.h-creative .az-optional-menu.h-default {
  right: 70px;
}
#az-header.h-creative .az-optional-menu.h-default ul {
  position: relative;
  margin: 0;
}
#az-header.h-creative .az-optional-menu.h-default ul::before {
  left: auto;
  right: -25px;
}
#az-header.h-creative .az-optional-menu.h-default ul li a {
  line-height: 76px;
}
#az-header.h-creative .az-optional-menu.h-default #az-header-language-list:before {
  left: auto;
  right: -25px;
}
#az-header.h-creative .az-optional-menu.h-default #az-header-language-list .lang {
  line-height: 76px;
}
#az-header.h-side.h-right .az-side-nav-wrapper.h-s-right .woo-cart .az-menu-text, #az-header.h-side.h-right-tgl .az-side-nav-wrapper.h-s-right .woo-cart .az-menu-text {
  float: right;
}
#az-header.h-side.h-right .az-side-nav-wrapper.h-s-right .woo-cart .woo-bubble, #az-header.h-side.h-right-tgl .az-side-nav-wrapper.h-s-right .woo-cart .woo-bubble {
  margin-left: 0;
  margin-right: 10px;
}
#az-header.h-side .az-nav-wrapper .az-side-nav-wrapper .az-table-row-expanded .az-social-profiles {
  margin: 0;
  padding: 20px 20px 50px 20px;
  list-style: none;
}
#az-header.h-side .az-nav-wrapper .az-side-nav-wrapper .az-table-row-expanded .az-social-profiles li {
  margin-left: 10px;
  line-height: normal;
  display: inline-block;
}
#az-header.h-side .az-nav-wrapper .az-side-nav-wrapper .az-table-row-expanded .az-social-profiles li:first-child {
  margin-left: 0;
}
#az-header.h-side .az-nav-wrapper .az-side-nav-wrapper .az-table-row-expanded .az-social-profiles li a {
  padding: 0 1px;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease 0s;
  transition: opacity 0.25s ease 0s;
}
#az-header.h-side .az-nav-wrapper .az-side-nav-wrapper .az-table-row-expanded .az-social-profiles li a:hover {
  opacity: 0.7;
}
#az-header.h-side .az-nav-wrapper .az-side-nav-wrapper .az-table-row-expanded .az-social-profiles li i {
  font-size: 16px;
}
#az-header .az-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #141618;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  -webkit-transition: opacity 0.215s ease-in-out 0.001s, visibility 0.215s ease-in-out 0.001s, background 0.315s linear 0s;
  transition: opacity 0.215s ease-in-out 0.001s, visibility 0.215s ease-in-out 0.001s, background 0.315s linear 0s;
}
#az-header .az-modal-container.is-visible {
  opacity: 1;
  visibility: visible;
}
#az-header .az-modal-container .az-modal-close-layer, #az-header .az-modal-container .az-modal-tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#az-header .az-modal-container .az-modal-tab {
  top: 50%;
  height: 150px;
  margin-top: -75px;
  display: table;
  z-index: 150;
}
#az-header .az-modal-container .az-modal-tab-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#az-header .az-modal-container .az-close-modal {
  position: absolute;
  top: 0;
  right: 0;
  padding: 27px 30px;
  cursor: pointer;
  display: inline-block;
  line-height: normal;
  z-index: 101;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s ease 0s, visibility 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, visibility 0.15s ease 0s;
}
#az-header .az-modal-container .az-close-modal.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.35s ease 0.5s, visibility 0.35s ease 0.5s;
  transition: opacity 0.35s ease 0.5s, visibility 0.35s ease 0.5s;
}
#az-header .az-modal-container .az-close-modal .lines {
  position: relative;
  top: -5px;
  left: -8px;
  width: 21px;
  height: 2px;
  display: inline-block;
  background: transparent;
}
#az-header .az-modal-container .az-close-modal .lines:before, #az-header .az-modal-container .az-close-modal .lines:after {
  content: '';
  position: absolute;
  top: 0;
  left: 10px;
  width: 21px;
  height: 2px;
  display: inline-block;
  background: #FFFFFF;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
#az-header .az-modal-container .az-close-modal .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
#az-header .az-modal-container .az-close-modal .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
#az-header .az-header-modal-search #searchform-modal {
  position: relative;
  width: 70%;
  margin: 0 auto;
}
#az-header .az-header-modal-search #searchform-modal::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.15);
}
#az-header .az-header-modal-search #searchform-modal.is-visible::after {
  width: 100%;
  left: 0;
  -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
}
#az-header .az-header-modal-search #searchform-modal.reverse::after {
  width: 0;
  left: 100%;
  -webkit-transition: width 0.3s ease 0.25s, left 0.3s ease 0.25s;
  transition: width 0.3s ease 0.25s, left 0.3s ease 0.25s;
}
#az-header .az-header-modal-search #searchform-modal input[type="text"] {
  width: 100%;
  border: 0 none;
  color: #FFFFFF;
  font-size: 4rem;
  font-weight: 400;
  line-height: normal;
  background: transparent;
  padding: 4px 8px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
#az-header .az-header-modal-search #searchform-modal input[type="text"].is-visible {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease 0.65s;
  transition: opacity 0.3s ease 0.65s;
}
#az-header .az-header-modal-search #searchform-modal input[type="text"]::input-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
#az-header .az-header-modal-search #searchform-modal input[type="text"]:-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
#az-header .az-header-modal-search #searchform-modal input[type="text"]::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
#az-header .az-header-modal-search #searchform-modal input[type="text"]:-ms-input-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
#az-header .az-header-modal-search #searchform-modal input[type="text"]::-webkit-input-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
#az-header .az-header-modal-share .az-share-btn {
  position: relative;
  width: 80px;
  height: 80px;
  display: inline-block;
  line-height: 80px;
  background: transparent;
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
}
#az-header .az-header-modal-share .az-share-btn.showed {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.25s ease 0.1s, opacity 0.25s ease 0.1s;
  transition: transform 0.25s ease 0.1s, opacity 0.25s ease 0.1s;
}
#az-header .az-header-modal-share .az-share-btn.reverse {
  opacity: 0;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: -webkit-transform 0.25s ease 0s, opacity 0.25s ease 0s;
  transition: transform 0.25s ease 0s, opacity 0.25s ease 0s;
}
#az-header .az-header-modal-share .az-share-btn i {
  font-size: 16px;
  color: #FFFFFF;
}
#az-header .az-header-modal-share .az-share-btn .az-share-text {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 150px;
  height: 50px;
  margin: 0 0 0 -75px;
  line-height: 50px;
  white-space: nowrap;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: -webkit-transform 0.215s ease-in-out 0s, opacity 0.215s ease-in-out 0.05s;
  transition: transform 0.215s ease-in-out 0s, opacity 0.215s ease-in-out 0.05s;
}
#az-header .az-header-modal-share .az-share-btn:hover .az-share-text {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.215s ease-in-out 0s, opacity 0.215s ease-in-out 0.05s;
  transition: transform 0.215s ease-in-out 0s, opacity 0.215s ease-in-out 0.05s;
}

/*------------------------------------------------------------------------------------
    2. Menu Header Classic
-------------------------------------------------------------------------------------*/
#az-header.h-classic .header-container-fluid {
  height: 100%;
}
#az-header.h-classic .header-container-fluid.m-p-left {
  float: left;
  width: 100%;
  height: 100%;
}
#az-header.h-classic .header-container .az-logo-container,
#az-header.h-classic .header-container-fluid .az-logo-container {
  float: left;
  position: relative;
}
#az-header.h-classic .az-nav-panel {
  float: right;
}
#az-header.h-classic .az-nav-panel .menu-icon {
  position: relative;
  top: -1px;
  font-size: 16px;
  margin-right: 7px;
  vertical-align: middle;
}
#az-header.h-classic .az-nav-panel ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
#az-header.h-classic .az-nav-panel ul li {
  position: relative;
  float: left;
  margin-bottom: 0;
}
#az-header.h-classic .az-nav-panel ul li a {
  position: relative;
  margin: 0 15px;
  line-height: 96px;
  display: block;
  font-weight: 600;
  font-size: 1.1rem;
  letter-spacing: 0;
  text-transform: uppercase;
}
#az-header.h-classic .az-nav-panel ul li a .sub-menu-icon {
  position: absolute;
  top: 50%;
  right: -3px;
  font-size: 9px;
  margin-top: -8px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#az-header.h-classic .az-nav-panel ul li:last-child a {
  margin-right: 0;
}
#az-header.h-classic .az-nav-panel ul li.az-btn-menu > a > span {
  display: inline-block;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 16px 8px 16px;
  border-radius: 10em;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: none;
  background-color: #EF4135;
  color: #FFFFFF;
}
#az-header.h-classic .az-nav-panel ul li.az-btn-menu > a > span::after {
  display: none;
}
#az-header.h-classic .az-nav-panel ul.sub-menu {
  position: absolute;
  top: 96px;
  left: -5px;
  width: 240px;
  padding: 15px 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: top 0.3s ease 0s, opacity 0.1s ease-in-out 0s, visibility 0.1s linear 0.001s;
  transition: top 0.3s ease 0s, opacity 0.1s ease-in-out 0s, visibility 0.1s linear 0.001s;
}
#az-header.h-classic .az-nav-panel ul.sub-menu.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: top 0.3s ease 0s, opacity 0.25s ease-in-out 0.1s, visibility 0.15s linear 0.001s;
  transition: top 0.3s ease 0s, opacity 0.25s ease-in-out 0.1s, visibility 0.15s linear 0.001s;
}
#az-header.h-classic .az-nav-panel ul.sub-menu li {
  position: relative;
  float: left;
  width: 100%;
  padding: 0 25px;
  display: block;
}
#az-header.h-classic .az-nav-panel ul.sub-menu li a {
  margin: 0;
  font-weight: 400;
  line-height: normal !important;
  text-transform: none;
  padding: 8px 0;
}
#az-header.h-classic .az-nav-panel ul.sub-menu.third-menu {
  position: absolute;
  float: left;
  top: -15px !important;
  left: 100%;
  margin-left: 1px;
}
#az-header.h-classic .az-nav-panel ul.sub-menu.third-menu.back {
  right: 100%;
  left: auto;
  margin-right: 1px;
}
#az-header.h-classic .az-nav-panel ul.sub-menu.back {
  right: 0;
  left: auto;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu {
  position: inherit !important;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu > ul.sub-menu {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 25px 0;
  display: table;
  opacity: 0;
  visibility: hidden;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu > ul.sub-menu.active {
  opacity: 1;
  visibility: visible;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu > ul.sub-menu > li {
  float: none;
  padding: 0 30px;
  display: table-cell;
  vertical-align: top;
  border-right: 1px solid;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu > ul.sub-menu > li:last-child {
  border-right: 0 none;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu > ul.sub-menu > li > a {
  font-weight: 600;
  text-transform: uppercase;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu > ul.sub-menu > li > ul.third-menu {
  position: relative;
  top: 0 !important;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
  opacity: 1;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu > ul.sub-menu > li > ul.third-menu > li {
  padding: 0;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu > ul.sub-menu.active > li > ul.third-menu {
  visibility: visible;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu.clm-2 > ul.sub-menu > li {
  width: 50%;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu.clm-3 > ul.sub-menu > li {
  width: 33.33%;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu.clm-4 > ul.sub-menu > li {
  width: 25%;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu.clm-5 > ul.sub-menu > li {
  width: 20%;
}
#az-header.h-classic .az-nav-panel ul li.az-mega-menu.clm-6 > ul.sub-menu > li {
  width: 16.66%;
}
#az-header.h-classic .az-nav-panel > ul > li > a > span {
  position: relative;
}
#az-header.h-classic .az-nav-panel > ul > li > a > span::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 1px;
  border-top: 1px dotted;
  -webkit-transition: width 0.3s ease-in-out 0s;
  transition: width 0.3s ease-in-out 0s;
}
#az-header.h-classic .az-nav-panel > ul > li:hover > a > span::after {
  width: 100%;
}
#az-header.h-classic .az-nav-panel.m-p-center {
  position: absolute;
  left: 50%;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) translateX(-50%);
  transform: translateZ(0) translateX(-50%);
}
#az-header.h-classic .az-nav-panel.m-p-center ul.sf-menu > li:last-child > a {
  margin-right: 15px;
}
#az-header.h-classic .az-nav-panel.m-p-center ul li.az-mega-menu > ul.sub-menu {
  left: 50%;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) translateX(-50%);
  transform: translateZ(0) translateX(-50%);
}
#az-header.h-classic .az-nav-panel.m-p-left {
  float: left;
  padding-left: 15px;
  margin-left: 30px;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu {
  float: left;
  width: 100%;
  padding: 76px 0 0 0;
  display: none;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu ul {
  float: left;
  right: 0;
  width: 100%;
  padding: 15px 0;
  opacity: 1;
  visibility: visible;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu ul li {
  width: 100%;
  padding: 0;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu ul li a {
  line-height: normal !important;
  padding: 15px 30px;
  margin: 0;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu ul li a .sub-menu-icon {
  position: absolute;
  top: 50%;
  right: 36px;
  margin-top: -6px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu ul.sub-menu {
  position: relative;
  top: 0 !important;
  left: 0;
  padding: 0;
  display: none;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu ul.sub-menu li a {
  border-top: 1px solid;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu ul.sub-menu ul {
  padding: 0;
  margin: 0;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu ul.sub-menu ul li a {
  padding: 15px 30px 15px 38px;
  margin: 0;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu li.az-mega-menu > ul.sub-menu {
  position: relative;
  display: none;
  padding: 0;
  opacity: 1;
  visibility: visible;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu li.az-mega-menu > ul.sub-menu > li {
  float: left;
  display: block;
  padding: 0;
  border-right: 0 none;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu li.az-mega-menu > ul.sub-menu > li a {
  padding: 15px 30px;
  font-weight: 400;
  text-transform: none;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu li.az-mega-menu > ul.sub-menu > li > ul.third-menu {
  display: none;
  padding: 0;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu li.az-mega-menu > ul.sub-menu > li > ul.third-menu > li a {
  padding: 15px 30px 15px 38px;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu li.az-mega-menu.clm-2 > ul.sub-menu > li, #az-header.h-classic .az-nav-panel.mobile-classic-menu li.az-mega-menu.clm-3 > ul.sub-menu > li, #az-header.h-classic .az-nav-panel.mobile-classic-menu li.az-mega-menu.clm-4 > ul.sub-menu > li, #az-header.h-classic .az-nav-panel.mobile-classic-menu li.az-mega-menu.clm-5 > ul.sub-menu > li, #az-header.h-classic .az-nav-panel.mobile-classic-menu li.az-mega-menu.clm-6 > ul.sub-menu > li {
  width: 100%;
}
#az-header.h-classic .az-nav-panel.mobile-classic-menu > ul > li > a > span::after {
  display: none;
}

/*------------------------------------------------------------------------------------
    3. Menu Header Side
-------------------------------------------------------------------------------------*/
#az-header.h-side .az-side-nav-wrapper .az-nav-panel {
  padding: 40px 0;
  display: table-cell;
  vertical-align: middle;
}
#az-header.h-side .az-side-nav-wrapper .az-nav-panel .menu-icon {
  display: none;
}
#az-header.h-side .az-side-nav-wrapper .az-nav-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#az-header.h-side .az-side-nav-wrapper .az-nav-panel ul li {
  position: relative;
  line-height: normal;
}
#az-header.h-side .az-side-nav-wrapper .az-nav-panel ul li a {
  position: relative;
  margin: 0;
  padding: 12px 20px;
  overflow: hidden;
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: normal;
  text-transform: uppercase;
}
#az-header.h-side .az-side-nav-wrapper .az-nav-panel ul li a .sub-menu-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  font-size: 9px;
}
#az-header.h-side .az-side-nav-wrapper .az-nav-panel .sub-menu {
  display: none;
  padding: 12px 0;
}
#az-header.h-side .az-side-nav-wrapper .az-nav-panel .sub-menu li a {
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  text-transform: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
#az-header.h-side .az-side-nav-wrapper.h-s-right .az-nav-panel ul li a .sub-menu-icon {
  right: auto;
  left: 20px;
  margin-left: 0;
  margin-right: 9px;
}

/*------------------------------------------------------------------------------------
    4. Menu Header Creative
-------------------------------------------------------------------------------------*/
#az-header.h-creative .az-creative-nav-content {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 30px;
  display: table;
  z-index: 10;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel {
  padding: 64px 0;
  display: table-cell;
  vertical-align: middle;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel .menu-icon {
  display: none;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel ul.sub-menu {
  display: none;
  padding: 20px 2px;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel ul.sub-menu li {
  padding: 5px 0;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel ul.sub-menu li:first-child {
  padding-top: 0;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel ul.sub-menu li:last-child {
  padding-bottom: 0;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel ul.sub-menu li a {
  font-size: 2.2rem;
  letter-spacing: 0;
  font-weight: 400;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel ul.sub-menu li > ul.sub-menu {
  margin-top: 7px;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel ul.sub-menu li > ul.sub-menu > li {
  padding-left: 10px;
  padding-right: 10px;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel ul li {
  position: relative;
  line-height: normal;
  margin-bottom: 0;
  padding: 5px 0;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel ul li a {
  position: relative;
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: -2px;
  line-height: normal;
  text-transform: none;
}
#az-header.h-creative .az-creative-nav-content .az-nav-panel ul li a .sub-menu-icon {
  position: absolute;
  top: 50%;
  font-size: 9px;
  margin-top: -7px;
}
#az-header.h-creative .az-creative-nav-content .az-table-row {
  height: 64px;
  display: table-row;
}
#az-header.h-creative .az-creative-nav-content .az-table-row-expanded {
  height: 100%;
  display: table-row;
}
#az-header.h-creative.h-c-left .az-creative-nav-content {
  text-align: left;
}
#az-header.h-creative.h-c-left .az-creative-nav-content .sub-menu-icon {
  right: -20px;
  padding-left: 12px;
}
#az-header.h-creative.h-c-right .az-creative-nav-content {
  text-align: right;
}
#az-header.h-creative.h-c-right .az-creative-nav-content .sub-menu-icon {
  left: -20px;
  padding-right: 12px;
}
#az-header.h-creative.h-c-central .az-creative-nav-content, #az-header.h-creative.h-c-vertical .az-creative-nav-content {
  text-align: center;
}
#az-header.h-creative.h-c-central .az-creative-nav-content .sub-menu-icon, #az-header.h-creative.h-c-vertical .az-creative-nav-content .sub-menu-icon {
  right: -20px;
  padding-left: 12px;
}
#az-header.h-creative.h-c-central .az-nav-panel ul li {
  display: inline-block;
}
#az-header.h-creative.h-c-central .az-nav-panel ul li a {
  margin: 0 25px;
}
#az-header.h-creative.h-c-central .az-nav-panel ul.sub-menu {
  position: absolute;
  top: 60px;
  left: 25px;
  width: 230px;
  text-align: left;
}
#az-header.h-creative.h-c-central .az-nav-panel ul.sub-menu li {
  display: block;
}
#az-header.h-creative.h-c-central .az-nav-panel ul.sub-menu ul {
  position: relative;
  top: 0;
  left: 0;
}
#az-header.h-creative.h-c-central .az-nav-panel .sub-menu li a,
#az-header.h-creative.h-c-central .az-nav-panel ul ul .sub-menu li a, #az-header.h-creative.h-c-vertical .az-nav-panel .sub-menu li a,
#az-header.h-creative.h-c-vertical .az-nav-panel ul ul .sub-menu li a {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
#az-header.h-creative .az-creative-nav-wrapper.h-yes-bg-image-c .az-creative-nav-content {
  position: absolute;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
}
#az-header.h-creative .az-creative-nav-wrapper.h-yes-bg-image-c .az-creative-nav-content .az-table-row,
#az-header.h-creative .az-creative-nav-wrapper.h-yes-bg-image-c .az-creative-nav-content .az-table-row-expanded {
  width: 100%;
  display: table;
}

/*------------------------------------------------------------------------------------
    5. Header Border & Shadow
-------------------------------------------------------------------------------------*/
#az-header .az-h-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#az-header .az-h-shadow {
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.25);
}

/* GUIDE
-------------------------------------------------------------------------------------

    1. Hero Headers
    2. Hero Header Type Animated Pattern
    3. Hero Header Type Sliders
    4. Hero Header Type Video
    5. Hero Header Fixes

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    1. Hero Headers
-------------------------------------------------------------------------------------*/
.wrap-hero-header .normal-container,
.wrap-hero-header .full-container {
  position: relative;
  width: 100%;
}
.wrap-hero-header .normal-container,
.wrap-hero-header .full-width-container {
  height: 600px;
}
.wrap-hero-header .full-width-container {
  max-height: 600px;
  min-height: 400px;
}
.wrap-hero-header .full-container {
  height: 100%;
  height: 100vh;
}
.wrap-hero-header .az-hero-main {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  background: #0A0A0A;
}
.wrap-hero-header .az-hero-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.wrap-hero-header .az-hero-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-attachment: scroll;
}
.wrap-hero-header .az-hero-container {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  display: table;
  z-index: 8;
}
.wrap-hero-header .az-hero-container .az-hero-content {
  padding: 0 30px;
  display: table-cell;
  vertical-align: middle;
}
.wrap-hero-header .az-hero-container .az-hero-content.az-h-t-left {
  text-align: left;
}
.wrap-hero-header .az-hero-container .az-hero-content.az-h-t-center {
  text-align: center;
}
.wrap-hero-header .az-hero-container .az-hero-content.az-h-t-right {
  text-align: right;
}
.wrap-hero-header .az-hero-container .az-hero-content.az-h-v-bottom {
  vertical-align: bottom;
  padding-bottom: 20px;
}
.wrap-hero-header .az-hero-container .az-hero-content .az-hero-box {
  display: block;
  max-width: 100%;
}
.wrap-hero-header .az-hero-container .az-hero-content .az-hero-title {
  font-size: 3rem;
  font-weight: 600;
  line-height: 4rem;
  letter-spacing: 0;
  margin: 0;
}
.wrap-hero-header .az-hero-container .az-hero-content .az-hero-sub {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.6rem;
  letter-spacing: 0.1rem;
  margin: 5px 0 0 0;
}
.wrap-hero-header .az-hero-mask-group, .wrap-hero-header .az-hero-mask-group .az-hero-mask-bg, .wrap-hero-header .az-hero-mask-group .az-hero-mask-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
}
.wrap-hero-header .az-hero-mask-group .az-hero-mask-bg {
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
}
.wrap-hero-header .az-hero-mask-group .az-hero-mask-pattern {
  background-repeat: repeat;
  background-attachment: scroll;
  z-index: 4;
}
.wrap-hero-header .scroll-btn-full-area-hero-header {
  position: absolute;
  left: 50%;
  bottom: 26px;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  border: 0 none !important;
  display: block;
  z-index: 25;
}
.wrap-hero-header .scroll-btn-full-area-hero-header i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10.5px 0 0 -10.5px;
  font-size: 21px;
}
.wrap-hero-header .scroll-btn-full-area-hero-header i.animated-opacity {
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-animation: bounceArrow 0.35s ease 0s alternate infinite;
  animation: bounceArrow 0.35s ease 0s alternate infinite;
}
@-webkit-keyframes bounceArrow {
  0% {
    -webkit-transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(7px);
  }
}
@keyframes bounceArrow {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(7px);
    transform: translateY(7px);
  }
}
/*------------------------------------------------------------------------------------
    2. Hero Header Type Animated Pattern
-------------------------------------------------------------------------------------*/
#az-hero-pattern-animated .az-hero-wrapper.animate-bg-scroll {
  background-repeat: repeat;
  background-position: 0 0;
  background-attachment: scroll;
  -webkit-animation: bgscroll 20s infinite linear;
  animation: bgscroll 20s infinite linear;
}

body.block-scroll #az-hero-pattern-animated .az-hero-wrapper.animate-bg-scroll,
#az-hero-pattern-animated .az-hero-wrapper.animate-bg-scroll.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/*------------------------------------------------------------------------------------
    3. Hero Header Type Sliders
-------------------------------------------------------------------------------------*/
.wrap-hero-header #az-hero-slider.rev_slider, .wrap-hero-header #az-hero-slider.az_slider {
  height: auto;
}
.wrap-hero-header #az-hero-slider.rev_slider .az-hero-wrapper, .wrap-hero-header #az-hero-slider.az_slider .az-hero-wrapper {
  position: relative;
}

.az-main-wrapper.h-left .rev_slider_wrapper, .az-main-wrapper.h-right .rev_slider_wrapper, .az-main-wrapper.az-creative-menu .rev_slider_wrapper {
  left: 0 !important;
  width: 100% !important;
}

/* AZ Slider */
#az-hero-flexslider.flexslider {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0 none;
  margin: 0;
}
#az-hero-flexslider.flexslider.az-slider-fixed-height, #az-hero-flexslider.flexslider.az-slider-full-width {
  height: 600px;
}
#az-hero-flexslider.flexslider.az-slider-full-width {
  max-height: 600px;
  min-height: 400px;
}
#az-hero-flexslider.flexslider.az-slider-full-screen {
  height: 100%;
  height: 100vh;
}
#az-hero-flexslider.flexslider .slides {
  width: 100%;
  height: 100%;
}
#az-hero-flexslider.flexslider .slides > li {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#az-hero-flexslider.flexslider .flex-viewport {
  height: 100%;
}
#az-hero-flexslider.flexslider .flexslider-fixed-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#az-hero-flexslider.flexslider .flex-control-nav {
  position: absolute;
  width: 100%;
  bottom: 22px;
  text-align: center;
  z-index: 8;
}
#az-hero-flexslider.flexslider .flex-control-nav li {
  display: inline;
  margin: 0 6px;
  line-height: 1;
}
#az-hero-flexslider.flexslider .flex-control-nav li a {
  position: relative;
  width: 24px;
  height: 24px;
  margin: 0;
  display: inline-block;
  text-indent: -9999px;
  opacity: 0.35;
  -webkit-transition: opacity 0.215s ease;
  transition: opacity 0.215s ease;
}
#az-hero-flexslider.flexslider .flex-control-nav li a:hover, #az-hero-flexslider.flexslider .flex-control-nav li a.flex-active {
  opacity: 1;
}
#az-hero-flexslider.flexslider[data-control-nav-design="rect"] .flex-control-nav a::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 2px;
  top: 50%;
  left: 0;
  margin-top: -1px;
  -webkit-transition: background 0.215s ease;
  transition: background 0.215s ease;
}
#az-hero-flexslider.flexslider[data-control-nav-design="dots"] .flex-control-nav > li {
  margin: 0 2px;
}
#az-hero-flexslider.flexslider[data-control-nav-design="dots"] .flex-control-nav a::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  border-radius: 50%;
  border: 2px solid;
  background: transparent;
  -webkit-transition: background 0.215s ease;
  transition: background 0.215s ease;
}
#az-hero-flexslider.flexslider .flex-direction-nav a {
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  margin: -12px 0;
  display: block;
  opacity: 0;
  z-index: 10;
  text-align: center;
  overflow: hidden;
  -webkit-transition: opacity 0.215s ease, color 0.215s ease;
  transition: opacity 0.215s ease, color 0.215s ease;
}
#az-hero-flexslider.flexslider .flex-direction-nav a::after {
  font-family: 'AZ';
  font-style: normal;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  display: inline-block;
}
#az-hero-flexslider.flexslider .flex-direction-nav a.flex-prev::after {
  content: '\e094';
}
#az-hero-flexslider.flexslider .flex-direction-nav a.flex-next::after {
  content: '\e095';
}
#az-hero-flexslider.flexslider .flex-direction-nav a.flex-prev, #az-hero-flexslider.flexslider .flex-direction-nav a.flex-next {
  opacity: 0.35;
}
#az-hero-flexslider.flexslider .flex-direction-nav a.flex-prev:hover, #az-hero-flexslider.flexslider .flex-direction-nav a.flex-next:hover {
  opacity: 1;
}
#az-hero-flexslider.flexslider .flex-direction-nav a.flex-prev, #az-hero-flexslider.flexslider .flex-direction-nav a.flex-next {
  top: auto;
  bottom: 26px;
}
#az-hero-flexslider.flexslider .flex-direction-nav a.flex-prev {
  left: auto;
  right: 54px;
}
#az-hero-flexslider.flexslider .flex-direction-nav a.flex-next {
  right: 20px;
}
#az-hero-flexslider.flexslider .flex-disabled {
  visibility: hidden;
}
#az-hero-flexslider.flexslider[data-text-pos="az-h-v-bottom"] .flex-control-nav {
  display: none;
}
#az-hero-flexslider.flexslider[data-text-pos="az-h-v-bottom"][data-text-align="az-h-t-right"] .flex-direction-nav a.flex-prev, #az-hero-flexslider.flexslider[data-text-pos="az-h-v-bottom"][data-text-align="az-h-t-right"] .flex-direction-nav a.flex-next {
  right: auto;
}
#az-hero-flexslider.flexslider[data-text-pos="az-h-v-bottom"][data-text-align="az-h-t-right"] .flex-direction-nav a.flex-prev {
  left: 20px;
}
#az-hero-flexslider.flexslider[data-text-pos="az-h-v-bottom"][data-text-align="az-h-t-right"] .flex-direction-nav a.flex-next {
  left: 54px;
}

/*------------------------------------------------------------------------------------
    4. Hero Header Type Video
-------------------------------------------------------------------------------------*/
.az-hero-video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000000;
}
.az-hero-video-wrapper.is-mobile, .az-hero-video-wrapper.az-video-overlay-image {
  background: transparent;
}
.az-hero-video-wrapper .hero-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 4000px !important;
  z-index: 1;
}
.az-hero-video-wrapper .hero-video-bg.loading {
  opacity: 0;
}
.az-hero-video-wrapper .hero-video-bg.video-hero-bg-vimeo iframe {
  width: 100%;
  height: 100%;
}

/* Play Button */
.az-hero-start-video-modal-btn {
  position: relative;
  background: transparent;
  padding: 0;
  margin: 50px 0 0 0;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
}
.az-hero-start-video-modal-btn span.play-video-txt {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 100px;
  color: #FFFFFF;
}
.az-hero-start-video-modal-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -13px;
  font-size: 32px;
  color: #FFFFFF;
  opacity: 0.9;
}
.az-hero-start-video-modal-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 88px;
  height: 88px;
  margin: -44px 0 0 -44px;
  border-radius: 50%;
  z-index: -1;
  background: rgba(20, 22, 24, 0.3);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.09);
  -webkit-transition: background 0.215s ease-in-out 0s, box-shadow 0.215s ease-in-out 0s;
  transition: background 0.215s ease-in-out 0s, box-shadow 0.215s ease-in-out 0s;
}
.az-hero-start-video-modal-btn:hover::before {
  background: rgba(20, 22, 24, 0.6);
  box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.09);
}

.no-hero-texts .az-hero-start-video-modal-btn {
  display: block;
  margin: 0 auto;
}

.az-h-v-bottom .az-hero-start-video-modal-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
}

/* Modal */
.az-hero-video-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.1s ease-in-out 0.001s, visibility 0.1s ease-in-out 0.001s;
  transition: opacity 0.1s ease-in-out 0.001s, visibility 0.1s ease-in-out 0.001s;
}
.az-hero-video-modal.is-visible {
  opacity: 1;
  visibility: visible;
}
.az-hero-video-modal .az-video-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 70px;
}
.az-hero-video-modal .az-video-container .hero-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  margin-left: 0 !important;
}
.az-hero-video-modal .az-video-container .hero-video-overlay.video-hero-overlay-vimeo iframe {
  width: 100%;
  height: 100%;
}
.az-hero-video-modal .az-video-container .mejs-container {
  width: 100% !important;
  height: 100% !important;
}
.az-hero-video-modal .az-video-contain-controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70px;
  background: #252525;
}
.az-hero-video-modal .az-video-contain-controls .az-modal-video-btn-close {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 69px;
  background: transparent;
  border-right: 1px solid #E2E2E2;
}
.az-hero-video-modal .az-video-contain-controls .az-modal-video-btn-close i {
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  margin: -10.5px 0 0 -10.5px;
  font-size: 21px;
  color: #141618;
}
.az-hero-video-modal .az-video-contain-controls .az-video-info {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #FFFFFF;
  text-align: left;
  width: 100%;
}
.az-hero-video-modal .az-video-contain-controls .az-video-info .az-video-title {
  position: absolute;
  left: 70px;
  right: 0;
  bottom: 0;
  overflow: hidden;
  text-align: center;
}
.az-hero-video-modal .az-video-contain-controls .az-video-info .az-video-title h6 {
  width: 80%;
  margin: 0 10%;
  line-height: 70px;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  color: #141618;
  font-size: 1.3rem;
  letter-spacing: 0;
}

/*------------------------------------------------------------------------------------
    5. Hero Header Fixes
-------------------------------------------------------------------------------------*/
.az-main-wrapper .fake-transparent-layer {
  height: 0;
  display: table-row;
}
.az-main-wrapper .no-wrap-hero-header .fake-transparent-layer {
  display: block;
}
.az-main-wrapper.az-yes-transparency .no-wrap-hero-header .fake-transparent-layer {
  height: 0px !important;
}

.az-no-header .az-main-wrapper .no-wrap-hero-header .fake-transparent-layer {
  height: 0px !important;
}

/* GUIDE
-------------------------------------------------------------------------------------

    1. Footers
    2. Footer Widgets

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    1. Footers
-------------------------------------------------------------------------------------*/
#az-footer {
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
  z-index: 15;
  -webkit-transform: translateZ(0);
}
#az-footer .az-footer-widgets-area {
  padding: 70px 0;
}
#az-footer .az-footer-bottom-area {
  position: relative;
  float: left;
  width: 100%;
  padding: 30px 0;
}
#az-footer .az-footer-bottom-area .az-footer-credits {
  float: left;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.75em;
  text-align:center;
}
#az-footer .az-footer-bottom-area .az-footer-credits p {
  padding: 0;
}
#az-footer .az-footer-bottom-area .az-footer-credits a {
  font-weight: 400;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease 0s;
  transition: opacity 0.25s ease 0s;
}
#az-footer .az-footer-bottom-area .az-footer-credits a:hover {
  opacity: 0.65;
}
#az-footer .az-footer-bottom-area .az-footer-socials {
  float: right;
  width: 50%;
}
#az-footer .az-footer-bottom-area .az-footer-socials ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
#az-footer .az-footer-bottom-area .az-footer-socials ul li {
  float: left;
  line-height: normal;
  margin-left: 20px;
}
#az-footer .az-footer-bottom-area .az-footer-socials ul li:first-child {
  margin-left: 0;
}
#az-footer .az-footer-bottom-area .az-footer-socials ul li a {
  padding: 0 1px;
  -webkit-transition: opacity 0.25s ease 0s;
  transition: opacity 0.25s ease 0s;
}
#az-footer .az-footer-bottom-area .az-footer-socials ul li a:hover {
  opacity: 0.65;
}
#az-footer .az-footer-bottom-area .az-footer-socials ul li i {
  font-size: 16px;
}
#az-footer.f-minimal .az-footer-bottom-area {
  padding-top: 80px;
  padding-bottom: 80px;
}
#az-footer.f-minimal .az-footer-bottom-area .az-footer-credits,
#az-footer.f-minimal .az-footer-bottom-area .az-footer-socials {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}
#az-footer.f-minimal .az-footer-bottom-area .az-footer-socials ul {
  float: none;
}
#az-footer.f-minimal .az-footer-bottom-area .az-footer-socials ul li {
  float: none;
  display: inline-block;
}

/*------------------------------------------------------------------------------------
    2. Footers Widgets
-------------------------------------------------------------------------------------*/
#az-footer .az-footer-widgets-area {
  position: relative;
  float: left;
  width: 100%;
}
#az-footer .az-footer-widgets-area[data-cols="2"] .az-footer-column-widget {
  width: 50%;
}
#az-footer .az-footer-widgets-area[data-cols="3"] .az-footer-column-widget {
  width: 33.333%;
}
#az-footer .az-footer-widgets-area[data-cols="4"] .az-footer-column-widget {
  width: 25%;
}
#az-footer .az-footer-widgets-area[data-cols="5"] .az-footer-column-widget {
  width: 20%;
}
#az-footer .az-footer-widgets-area[data-cols="6"] .az-footer-column-widget {
  width: 16.6667%;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget {
  float: left;
  padding: 0 30px;
  display: block;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget:first-child {
  padding-left: 0;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget:last-child {
  padding-right: 0;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget {
  font-size: 1.3rem;
  line-height: 1.6em;
  margin-bottom: 40px;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget:last-child {
  margin-bottom: 0;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget ul.children, #az-footer .az-footer-widgets-area .az-footer-column-widget .widget ul.sub-menu {
  padding: 10px 0 0 15px;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget ul li {
  line-height: 20px;
  margin: 10px 0;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget ul li:first-child {
  margin-top: 0;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget ul li:last-child {
  margin-bottom: 0;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget ul li span.post-date {
  font-size: 1.2rem;
  display: block;
  margin: 3px 0 0 14px;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget ul li:before {
  content: '\e92a';
  font-family: 'AZ';
  font-style: normal;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 0;
  font-size: 9px;
  padding-right: 5px;
  display: inline-block;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget .widget-title {
  font-size: 1.2rem;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 15px;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget.widget_recent_comments ul > li > span + a:before {
  display: none;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget.widget_rss .rsswidget img {
  display: none;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget.widget_calendar caption {
  margin-bottom: 10px;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget.widget_calendar table,
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget.widget_calendar th {
  text-align: center;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget.widget_search #searchform div {
  position: relative;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget.widget_search .screen-reader-text {
  display: none;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget.widget_search input[type="text"] {
  width: 100%;
  margin: 0;
  border: 1px solid;
  padding: 8px 10px;
  box-shadow: none;
  resize: none;
  font-size: 1.1rem;
  font-weight: 400;
  -webkit-appearance: none;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget.widget_search input[type="submit"].icon-search {
  font-family: 'AZ' !important;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  padding: 8px 10px 8px 8px;
  background: transparent;
  border: 0 none;
  box-shadow: none;
  -webkit-appearance: none;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget.widget_tag_cloud a {
  display: inline-block;
  border: 1px solid;
  font-size: 1rem !important;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 20px;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 1px 6px 0;
  margin: 4px 3px 0 0;
}
#az-footer .az-footer-widgets-area .az-footer-column-widget .widget.widget_tag_cloud a:last-child {
  margin-right: 0;
}

/* GUIDE
-------------------------------------------------------------------------------------

     1. Header Light Styles
     2. Header Dark Styles
     3. Header Switch Skins Settings ( Light & Dark )
     4. Header Transparent Settings
     5. Dots Menu ( Light & Dark )
     6. Hero Headers ( Light & Dark )
     7. AZ Slider ( Light & Dark )
     8. Footers ( Light & Dark )
     9. Carousel Skin ( Light & Dark )
    10. iLightbox Skin ( Light & Dark )

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    1. Header Light Styles
-------------------------------------------------------------------------------------*/
#az-header.az-light-type .az-h-border {
  border-color: rgba(20, 22, 24, 0.15);
}
#az-header.az-light-type.h-classic .az-nav-wrapper {
  background: #FFFFFF;
}
#az-header.az-light-type.h-classic .az-nav-panel ul li a, #az-header.az-light-type.h-classic .az-nav-panel.desktop-classic-menu ul li.az-mega-menu a {
  color: #141618;
}
#az-header.az-light-type.h-classic .az-nav-panel > ul > li > a > span::after {
  border-color: rgba(20, 22, 24, 0.3);
}
#az-header.az-light-type.h-classic .az-nav-panel.desktop-classic-menu ul li.az-mega-menu ul > li > a {
  color: #FFFFFF;
}
#az-header.az-light-type.h-classic .az-nav-panel .sub-menu li a, #az-header.az-light-type.h-classic .az-nav-panel.desktop-classic-menu ul li.az-mega-menu ul > li > ul.sub-menu li a {
  color: rgba(255, 255, 255, 0.7);
}
#az-header.az-light-type.h-classic .az-nav-panel .sub-menu li a:hover,
#az-header.az-light-type.h-classic .az-nav-panel .sub-menu li a.open, #az-header.az-light-type.h-classic .az-nav-panel.desktop-classic-menu ul li.az-mega-menu ul > li > ul.third-menu li a:hover {
  color: #FFFFFF;
}
#az-header.az-light-type.h-classic .az-nav-panel .az-mega-menu > ul.sub-menu > li {
  border-color: rgba(255, 255, 255, 0.15);
}
#az-header.az-light-type.h-classic .az-nav-panel ul.sub-menu, #az-header.az-light-type.h-classic .az-nav-panel.mobile-classic-menu {
  background: #1B1D1F;
}
#az-header.az-light-type.h-classic .az-nav-panel.mobile-classic-menu ul.sf-mobile-menu > li > a {
  color: #FFFFFF;
}
#az-header.az-light-type.h-classic .az-nav-panel.mobile-classic-menu ul.sub-menu {
  background: #141618;
}
#az-header.az-light-type.h-classic .az-nav-panel.mobile-classic-menu ul.sub-menu li a {
  border-color: #1B1D1F;
}
#az-header.az-light-type.h-classic .az-nav-panel > ul > li.current > a, #az-header.az-light-type.h-classic .az-nav-panel.desktop-classic-menu ul li a.current-one-page-active, #az-header.az-light-type.h-classic .az-nav-panel.desktop-classic-menu ul li.az-mega-menu.current > a {
  color: rgba(20, 22, 24, 0.7);
}
#az-header.az-light-type.h-classic .az-nav-panel .sub-menu li.current > a,
#az-header.az-light-type.h-classic .az-nav-panel .third-menu li.current > a, #az-header.az-light-type.h-classic .az-nav-panel.desktop-classic-menu ul li.az-mega-menu ul > li > ul.third-menu li.current a {
  color: #FFFFFF;
}
#az-header.az-light-type.h-classic .az-nav-panel.mobile-classic-menu ul.sf-mobile-menu > li.current > a {
  color: rgba(255, 255, 255, 0.7);
}
#az-header.az-light-type.h-side .az-nav-wrapper,
#az-header.az-light-type.h-side .az-side-head-wrapper {
  background: #FFFFFF;
}
#az-header.az-light-type.h-side .az-nav-panel ul li a,
#az-header.az-light-type.h-side .az-nav-panel ul li a:hover,
#az-header.az-light-type.h-side .az-nav-panel .sub-menu li a.open,
#az-header.az-light-type.h-side .az-nav-panel .sub-menu li.current > a,
#az-header.az-light-type.h-side .az-nav-panel .third-menu li.current > a {
  color: #141618;
}
#az-header.az-light-type.h-side .az-nav-panel .sub-menu li a,
#az-header.az-light-type.h-side .az-nav-panel > ul > li.current > a,
#az-header.az-light-type.h-side .az-nav-panel > ul > li > a.current-one-page-active {
  color: rgba(20, 22, 24, 0.7);
}
#az-header.az-light-type.h-creative .az-creative-nav-wrapper,
#az-header.az-light-type.h-creative .az-creative-head-wrapper {
  background: #FFFFFF;
}
#az-header.az-light-type.h-creative .az-close-menu-trigger .lines:before,
#az-header.az-light-type.h-creative .az-close-menu-trigger .lines:after {
  background: #141618;
}
#az-header.az-light-type.h-creative .az-nav-panel ul li a,
#az-header.az-light-type.h-creative .az-nav-panel ul li a:hover,
#az-header.az-light-type.h-creative .az-nav-panel .sub-menu li a.open,
#az-header.az-light-type.h-creative .az-nav-panel .sub-menu li.current > a,
#az-header.az-light-type.h-creative .az-nav-panel .third-menu li.current > a {
  color: #141618;
}
#az-header.az-light-type.h-creative .az-nav-panel .sub-menu li a,
#az-header.az-light-type.h-creative .az-nav-panel > ul > li.current > a,
#az-header.az-light-type.h-creative .az-nav-panel > ul > li > a.current-one-page-active {
  color: rgba(20, 22, 24, 0.7);
}
#az-header.az-light-type .az-menu-trigger .lines,
#az-header.az-light-type .az-menu-trigger .lines:before,
#az-header.az-light-type .az-menu-trigger .lines:after {
  background: #141618;
}
#az-header.az-light-type a.az-logo-text {
  color: #141618;
}
#az-header.az-light-type .az-logo-img .white-img,
#az-header.az-light-type .az-logo-svg .white-svg {
  display: none;
}
#az-header.az-light-type .az-logo-img .dark-img,
#az-header.az-light-type .az-logo-svg .dark-svg {
  display: block;
}
#az-header.az-light-type.h-side .az-nav-wrapper .az-side-nav-wrapper .az-table-row-expanded .az-social-profiles a {
  color: #141618;
}
#az-header.az-light-type .az-optional-menu.h-default ul::before,
#az-header.az-light-type .az-optional-menu.h-default #az-header-language-list::before {
  border-color: rgba(20, 22, 24, 0.3);
}
#az-header.az-light-type .az-optional-menu.h-default a,
#az-header.az-light-type .az-optional-menu.h-default #az-header-language-list .lang {
  color: #141618;
}
#az-header.az-light-type .az-optional-menu-trigger i {
  color: #141618;
}

/*------------------------------------------------------------------------------------
    2. Header Dark Styles
-------------------------------------------------------------------------------------*/
#az-header.az-dark-type .az-h-border {
  border-color: rgba(255, 255, 255, 0.15);
}
#az-header.az-dark-type.h-classic .az-nav-wrapper {
  background: #141618;
}
#az-header.az-dark-type.h-classic .az-nav-panel ul li a, #az-header.az-dark-type.h-classic .az-nav-panel.desktop-classic-menu ul li.az-mega-menu a {
  color: #FFFFFF;
}
#az-header.az-dark-type.h-classic .az-nav-panel > ul > li > a > span::after {
  border-color: rgba(255, 255, 255, 0.3);
}
#az-header.az-dark-type.h-classic .az-nav-panel.desktop-classic-menu ul li.az-mega-menu ul > li > a {
  color: #FFFFFF;
}
#az-header.az-dark-type.h-classic .az-nav-panel .sub-menu li a, #az-header.az-dark-type.h-classic .az-nav-panel.desktop-classic-menu ul li.az-mega-menu ul > li > ul.sub-menu li a {
  color: rgba(255, 255, 255, 0.7);
}
#az-header.az-dark-type.h-classic .az-nav-panel .sub-menu li a:hover,
#az-header.az-dark-type.h-classic .az-nav-panel .sub-menu li a.open, #az-header.az-dark-type.h-classic .az-nav-panel.desktop-classic-menu ul li.az-mega-menu ul > li > ul.third-menu li a:hover {
  color: #FFFFFF;
}
#az-header.az-dark-type.h-classic .az-nav-panel .az-mega-menu > ul.sub-menu > li {
  border-color: rgba(255, 255, 255, 0.15);
}
#az-header.az-dark-type.h-classic .az-nav-panel ul.sub-menu, #az-header.az-dark-type.h-classic .az-nav-panel.mobile-classic-menu {
  background: #1B1D1F;
}
#az-header.az-dark-type.h-classic .az-nav-panel.mobile-classic-menu ul.sf-mobile-menu > li > a {
  color: #FFFFFF;
}
#az-header.az-dark-type.h-classic .az-nav-panel.mobile-classic-menu ul.sub-menu {
  background: #141618;
}
#az-header.az-dark-type.h-classic .az-nav-panel.mobile-classic-menu ul.sub-menu li a {
  border-color: #1B1D1F;
}
#az-header.az-dark-type.h-classic .az-nav-panel > ul > li.current > a, #az-header.az-dark-type.h-classic .az-nav-panel.desktop-classic-menu ul li a.current-one-page-active, #az-header.az-dark-type.h-classic .az-nav-panel.desktop-classic-menu ul li.az-mega-menu.current > a {
  color: rgba(255, 255, 255, 0.7);
}
#az-header.az-dark-type.h-classic .az-nav-panel .sub-menu li.current > a,
#az-header.az-dark-type.h-classic .az-nav-panel .third-menu li.current > a, #az-header.az-dark-type.h-classic .az-nav-panel.desktop-classic-menu ul li.az-mega-menu ul > li > ul.third-menu li.current a {
  color: #FFFFFF;
}
#az-header.az-dark-type.h-classic .az-nav-panel.mobile-classic-menu ul.sf-mobile-menu > li.current > a {
  color: rgba(255, 255, 255, 0.7);
}
#az-header.az-dark-type.h-side .az-nav-wrapper,
#az-header.az-dark-type.h-side .az-side-head-wrapper {
  background: #141618;
}
#az-header.az-dark-type.h-side .az-nav-panel ul li a,
#az-header.az-dark-type.h-side .az-nav-panel ul li a:hover,
#az-header.az-dark-type.h-side .az-nav-panel .sub-menu li a.open,
#az-header.az-dark-type.h-side .az-nav-panel .sub-menu li.current > a,
#az-header.az-dark-type.h-side .az-nav-panel .third-menu li.current > a {
  color: #FFFFFF;
}
#az-header.az-dark-type.h-side .az-nav-panel .sub-menu li a,
#az-header.az-dark-type.h-side .az-nav-panel > ul > li.current > a,
#az-header.az-dark-type.h-side .az-nav-panel > ul > li > a.current-one-page-active {
  color: rgba(255, 255, 255, 0.7);
}
#az-header.az-dark-type.h-creative .az-creative-nav-wrapper,
#az-header.az-dark-type.h-creative .az-creative-head-wrapper {
  background: #141618;
}
#az-header.az-dark-type.h-creative .az-close-menu-trigger .lines:before,
#az-header.az-dark-type.h-creative .az-close-menu-trigger .lines:after {
  background: #FFFFFF;
}
#az-header.az-dark-type.h-creative .az-nav-panel ul li a,
#az-header.az-dark-type.h-creative .az-nav-panel ul li a:hover,
#az-header.az-dark-type.h-creative .az-nav-panel .sub-menu li a.open,
#az-header.az-dark-type.h-creative .az-nav-panel .sub-menu li.current > a,
#az-header.az-dark-type.h-creative .az-nav-panel .third-menu li.current > a {
  color: #FFFFFF;
}
#az-header.az-dark-type.h-creative .az-nav-panel .sub-menu li a,
#az-header.az-dark-type.h-creative .az-nav-panel > ul > li.current > a,
#az-header.az-dark-type.h-creative .az-nav-panel > ul > li > a.current-one-page-active {
  color: rgba(255, 255, 255, 0.7);
}
#az-header.az-dark-type .az-menu-trigger .lines,
#az-header.az-dark-type .az-menu-trigger .lines:before,
#az-header.az-dark-type .az-menu-trigger .lines:after {
  background: #FFFFFF;
}
#az-header.az-dark-type a.az-logo-text {
  color: #FFFFFF;
}
#az-header.az-dark-type .az-logo-img .dark-img,
#az-header.az-dark-type .az-logo-svg .dark-svg {
  display: none;
}
#az-header.az-dark-type .az-logo-img .white-img,
#az-header.az-dark-type .az-logo-svg .white-svg {
  display: block;
}
#az-header.az-dark-type.h-side .az-nav-wrapper .az-side-nav-wrapper .az-table-row-expanded .az-social-profiles a {
  color: #FFFFFF;
}
#az-header.az-dark-type .az-optional-menu.h-default ul::before,
#az-header.az-dark-type .az-optional-menu.h-default #az-header-language-list::before {
  border-color: rgba(255, 255, 255, 0.3);
}
#az-header.az-dark-type .az-optional-menu.h-default a,
#az-header.az-dark-type .az-optional-menu.h-default #az-header-language-list .lang {
  color: #FFFFFF;
}
#az-header.az-dark-type .az-optional-menu-trigger i {
  color: #FFFFFF;
}

@media (max-width: 1024px) {
  #az-header.az-light-type .az-optional-menu.h-default {
    background: #1B1D1F;
  }
  #az-header.az-light-type .az-optional-menu.h-default ul::before,
  #az-header.az-light-type .az-optional-menu.h-default #az-header-language-list::before {
    border-color: rgba(255, 255, 255, 0.3);
  }
  #az-header.az-light-type .az-optional-menu.h-default a,
  #az-header.az-light-type .az-optional-menu.h-default #az-header-language-list .lang {
    color: #FFFFFF;
  }
  #az-header.az-dark-type .az-optional-menu.h-default {
    background: #1B1D1F;
  }
  #az-header.az-dark-type .az-optional-menu.h-default ul::before,
  #az-header.az-dark-type .az-optional-menu.h-default #az-header-language-list::before {
    border-color: rgba(255, 255, 255, 0.3);
  }
  #az-header.az-dark-type .az-optional-menu.h-default a,
  #az-header.az-dark-type .az-optional-menu.h-default #az-header-language-list .lang {
    color: #FFFFFF;
  }
}
/*------------------------------------------------------------------------------------
    3. Header Switch Skins Settings ( Light & Dark )
-------------------------------------------------------------------------------------*/
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header .az-h-border {
  border-color: rgba(20, 22, 24, 0.15);
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic a.az-logo-text,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-nav-panel.desktop-classic-menu ul.sf-menu > li > a,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-optional-menu a,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-optional-menu #az-header-language-list .lang,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-optional-menu-trigger i {
  color: #141618;
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-nav-panel.desktop-classic-menu > ul > li.current > a,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-nav-panel.desktop-classic-menu ul li a.current-one-page-active {
  color: rgba(20, 22, 24, 0.7);
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-nav-panel > ul > li > a > span::after,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-optional-menu ul::before,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-optional-menu #az-header-language-list::before {
  border-color: rgba(20, 22, 24, 0.3);
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-menu-trigger .lines,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-menu-trigger .lines:before,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-menu-trigger .lines:after {
  background-color: #141618;
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-logo-img .white-img,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-logo-svg .white-svg {
  display: none;
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-logo-img .dark-img,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-logo-svg .dark-svg {
  display: block;
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-side .az-side-head-wrapper a.az-logo-text {
  color: #141618;
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-side .az-side-head-wrapper .az-menu-trigger .lines,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-side .az-side-head-wrapper .az-menu-trigger .lines:before,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-side .az-side-head-wrapper .az-menu-trigger .lines:after {
  background-color: #fff;
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-side .az-side-head-wrapper .az-logo-img .white-img,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-side .az-side-head-wrapper .az-logo-svg .white-svg {
  display: none;
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-side .az-side-head-wrapper .az-logo-img .dark-img,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-side .az-side-head-wrapper .az-logo-svg .dark-svg {
  display: block;
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative a.az-logo-text,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-optional-menu a,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-optional-menu #az-header-language-list .lang,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-optional-menu-trigger i {
  color: #141618;
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-optional-menu ul::before,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-optional-menu #az-header-language-list::before {
  border-color: rgba(20, 22, 24, 0.3);
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-menu-trigger .lines,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-menu-trigger .lines:before,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-menu-trigger .lines:after {
  background-color: #fff;
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-logo-img .white-img,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-logo-svg .white-svg {
  display: none;
}
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-logo-img .dark-img,
.az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-logo-svg .dark-svg {
  display: block;
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header .az-h-border {
  border-color: rgba(255, 255, 255, 0.15);
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic a.az-logo-text,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-nav-panel.desktop-classic-menu ul.sf-menu > li > a,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-optional-menu a,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-optional-menu #az-header-language-list .lang,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-optional-menu-trigger i {
  color: #FFFFFF;
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-nav-panel.desktop-classic-menu > ul > li.current > a,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-nav-panel.desktop-classic-menu ul li a.current-one-page-active {
  color: rgba(255, 255, 255, 0.7);
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-nav-panel > ul > li > a > span::after,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-optional-menu ul::before,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-optional-menu #az-header-language-list::before {
  border-color: rgba(255, 255, 255, 0.3);
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-menu-trigger .lines,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-menu-trigger .lines:before,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-menu-trigger .lines:after {
  background-color: #FFFFFF;
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-logo-img .white-img,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-logo-svg .white-svg {
  display: block;
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-logo-img .dark-img,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-logo-svg .dark-svg {
  display: none;
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-side .az-side-head-wrapper a.az-logo-text {
  color: #FFFFFF;
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-side .az-side-head-wrapper .az-menu-trigger .lines,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-side .az-side-head-wrapper .az-menu-trigger .lines:before,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-side .az-side-head-wrapper .az-menu-trigger .lines:after {
  background-color: #FFFFFF;
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-side .az-side-head-wrapper .az-logo-img .white-img,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-side .az-side-head-wrapper .az-logo-svg .white-svg {
  display: block;
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-side .az-side-head-wrapper .az-logo-img .dark-img,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-side .az-side-head-wrapper .az-logo-svg .dark-svg {
  display: none;
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative a.az-logo-text,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-optional-menu a,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-optional-menu #az-header-language-list .lang,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-optional-menu-trigger i {
  color: #FFFFFF;
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-optional-menu ul::before,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-optional-menu #az-header-language-list::before {
  border-color: rgba(255, 255, 255, 0.3);
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-menu-trigger .lines,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-menu-trigger .lines:before,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-menu-trigger .lines:after {
  background-color: #FFFFFF;
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-logo-img .white-img,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-logo-svg .white-svg {
  display: block;
}
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-logo-img .dark-img,
.az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-logo-svg .dark-svg {
  display: none;
}

@media (max-width: 1024px) {
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header:not(.h-side).az-light-type .az-optional-menu a,
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header:not(.h-side).az-light-type .az-optional-menu #az-header-language-list .lang, .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header:not(.h-side).az-light-type .az-optional-menu a,
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header:not(.h-side).az-light-type .az-optional-menu #az-header-language-list .lang {
    color: #FFFFFF;
  }
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header:not(.h-side).az-light-type .az-optional-menu ul::before,
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header:not(.h-side).az-light-type .az-optional-menu #az-header-language-list::before, .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header:not(.h-side).az-light-type .az-optional-menu ul::before,
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header:not(.h-side).az-light-type .az-optional-menu #az-header-language-list::before {
    border-color: rgba(255, 255, 255, 0.3);
  }
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header:not(.h-side).az-dark-type .az-optional-menu a,
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header:not(.h-side).az-dark-type .az-optional-menu #az-header-language-list .lang, .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header:not(.h-side).az-dark-type .az-optional-menu a,
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header:not(.h-side).az-dark-type .az-optional-menu #az-header-language-list .lang {
    color: #FFFFFF;
  }
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header:not(.h-side).az-dark-type .az-optional-menu ul::before,
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header:not(.h-side).az-dark-type .az-optional-menu #az-header-language-list::before, .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header:not(.h-side).az-dark-type .az-optional-menu ul::before,
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header:not(.h-side).az-dark-type .az-optional-menu #az-header-language-list::before {
    border-color: rgba(255, 255, 255, 0.3);
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-logo-img .white-img,
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-logo-img .dark-img,
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-logo-img .retina.white-img {
    display: none !important;
  }
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-classic .az-logo-img .retina.dark-img {
    display: block !important;
  }
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-side .az-logo-img .white-img,
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-side .az-logo-img .dark-img,
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-side .az-logo-img .retina.white-img {
    display: none !important;
  }
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-side .az-logo-img .retina.dark-img {
    display: block !important;
  }
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-logo-img .white-img,
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-logo-img .dark-img,
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-logo-img .retina.white-img {
    display: none !important;
  }
  .az-yes-transparency.az-switch-skins-on.az-light-ovveride #az-header.h-creative .az-logo-img .retina.dark-img {
    display: block !important;
  }
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-logo-img .white-img,
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-logo-img .dark-img,
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-logo-img .retina.dark-img {
    display: none !important;
  }
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-classic .az-logo-img .retina.white-img {
    display: block !important;
  }
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-side .az-logo-img .white-img,
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-side .az-logo-img .dark-img,
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-side .az-logo-img .retina.dark-img {
    display: none !important;
  }
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-side .az-logo-img .retina.white-img {
    display: block !important;
  }
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-logo-img .white-img,
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-logo-img .dark-img,
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-logo-img .retina.dark-img {
    display: none !important;
  }
  .az-yes-transparency.az-switch-skins-on.az-dark-ovveride #az-header.h-creative .az-logo-img .retina.white-img {
    display: block !important;
  }
}
/*------------------------------------------------------------------------------------
    4. Header Transparent Settings
-------------------------------------------------------------------------------------*/
.az-yes-transparency #az-header.h-classic .az-nav-wrapper {
  background: transparent;
}
.az-yes-transparency #az-header.h-relative .az-nav-wrapper, .az-yes-transparency #az-header.h-fixed .az-nav-wrapper {
  -webkit-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
}
.az-yes-transparency #az-header.h-sticky .az-nav-wrapper {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.az-yes-transparency #az-header.h-scrollable .az-nav-wrapper {
  -webkit-transition: -webkit-transform 0.35s ease 0s, background 0.3s ease 0.35s;
  transition: transform 0.35s ease 0s, background 0.3s ease 0.35s;
}
.az-yes-transparency #az-header.h-classic.is-open.az-light-type .az-nav-wrapper, .az-yes-transparency #az-header.h-classic.az-scroll-end.az-light-type .az-nav-wrapper {
  background: #FFFFFF;
}
.az-yes-transparency #az-header.h-classic.is-open.az-dark-type .az-nav-wrapper, .az-yes-transparency #az-header.h-classic.az-scroll-end.az-dark-type .az-nav-wrapper {
  background: #141618;
}
.az-yes-transparency #az-header.h-side .az-side-head-wrapper {
  background: transparent;
}
.az-yes-transparency #az-header.h-side.az-scroll-end.az-light-type .az-side-head-wrapper {
  background: #FFFFFF;
}
.az-yes-transparency #az-header.h-side.az-scroll-end.az-dark-type .az-side-head-wrapper {
  background: #141618;
}
.az-yes-transparency #az-header.h-creative .az-creative-head-wrapper {
  background: transparent;
}
.az-yes-transparency #az-header.h-creative.az-scroll-end.az-light-type .az-creative-head-wrapper {
  background: #FFFFFF;
}
.az-yes-transparency #az-header.h-creative.az-scroll-end.az-dark-type .az-creative-head-wrapper {
  background: #141618;
}

/*------------------------------------------------------------------------------------
    5. Dots Menu ( Light & Dark )
-------------------------------------------------------------------------------------*/
.az-dots-menu-navigation .az-dots-menu-dot {
  border-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.35);
}
.az-dots-menu-navigation .az-dots-menu-label {
  color: #FFFFFF;
}
.az-dots-menu-navigation.light .az-dots-menu-dot {
  border-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.35);
}
.az-dots-menu-navigation.light .az-dots-menu-label {
  color: #FFFFFF;
}
.az-dots-menu-navigation.dark .az-dots-menu-dot {
  border-color: #141618;
  background-color: rgba(20, 22, 24, 0.35);
}
.az-dots-menu-navigation.dark .az-dots-menu-label {
  color: #141618;
}

/*------------------------------------------------------------------------------------
    6. Hero Headers ( Light & Dark )
-------------------------------------------------------------------------------------*/
.wrap-hero-header.az-light-type.wrap-hero-header .az-hero-wrapper {
  background-color: #F9F9F9;
}
.wrap-hero-header.az-light-type.wrap-hero-header .az-hero-container .az-hero-title,
.wrap-hero-header.az-light-type.wrap-hero-header .az-hero-container .az-hero-sub {
  color: #141618;
}
.wrap-hero-header.az-light-type.wrap-hero-header .scroll-btn-full-area-hero-header {
  color: #141618;
}
.wrap-hero-header.az-dark-type.wrap-hero-header .az-hero-wrapper {
  background-color: #141618;
}
.wrap-hero-header.az-dark-type.wrap-hero-header .az-hero-container .az-hero-title,
.wrap-hero-header.az-dark-type.wrap-hero-header .az-hero-container .az-hero-sub {
  color: #FFFFFF;
}
.wrap-hero-header.az-dark-type.wrap-hero-header .scroll-btn-full-area-hero-header {
  color: #FFFFFF;
}

/*------------------------------------------------------------------------------------
    7. AZ Slider ( Light & Dark )
-------------------------------------------------------------------------------------*/
#az-hero-flexslider.flexslider .slides > li[data-skin-slide="slide-light-type"] .az-hero-container .az-hero-title,
#az-hero-flexslider.flexslider .slides > li[data-skin-slide="slide-light-type"] .az-hero-container .az-hero-sub {
  color: #141618;
}
#az-hero-flexslider.flexslider .slides > li[data-skin-slide="slide-dark-type"] .az-hero-container .az-hero-title,
#az-hero-flexslider.flexslider .slides > li[data-skin-slide="slide-dark-type"] .az-hero-container .az-hero-sub {
  color: #FFFFFF;
}
#az-hero-flexslider.flexslider.slide-light-type .flex-direction-nav a {
  color: #141618;
}
#az-hero-flexslider.flexslider.slide-light-type[data-control-nav-design="rect"] .flex-control-nav a::after {
  background: #141618;
}
#az-hero-flexslider.flexslider.slide-light-type[data-control-nav-design="dots"] .flex-control-nav a.flex-active::after {
  background-color: #141618;
}
#az-hero-flexslider.flexslider.slide-light-type[data-control-nav-design="dots"] .flex-control-nav a::after {
  border-color: #141618;
}
#az-hero-flexslider.flexslider.slide-dark-type .flex-direction-nav a {
  color: #FFFFFF;
}
#az-hero-flexslider.flexslider.slide-dark-type[data-control-nav-design="rect"] .flex-control-nav a::after {
  background: #FFFFFF;
}
#az-hero-flexslider.flexslider.slide-dark-type[data-control-nav-design="dots"] .flex-control-nav a.flex-active::after {
  background-color: #FFFFFF;
}
#az-hero-flexslider.flexslider.slide-dark-type[data-control-nav-design="dots"] .flex-control-nav a::after {
  border-color: #FFFFFF;
}

.az-slider-page-builder.flexslider .slides > li[data-skin-slide="slide-light-type"] .az-slider-container .az-slider-title,
.az-slider-page-builder.flexslider .slides > li[data-skin-slide="slide-light-type"] .az-slider-container .az-slider-sub {
  color: #141618;
}
.az-slider-page-builder.flexslider .slides > li[data-skin-slide="slide-dark-type"] .az-slider-container .az-slider-title,
.az-slider-page-builder.flexslider .slides > li[data-skin-slide="slide-dark-type"] .az-slider-container .az-slider-sub {
  color: #FFFFFF;
}
.az-slider-page-builder.flexslider.slide-light-type .flex-direction-nav a {
  color: #141618;
}
.az-slider-page-builder.flexslider.slide-light-type[data-control-nav-design="rect"] .flex-control-nav a::after {
  background: #141618;
}
.az-slider-page-builder.flexslider.slide-light-type[data-control-nav-design="dots"] .flex-control-nav a.flex-active::after {
  background-color: #141618;
}
.az-slider-page-builder.flexslider.slide-light-type[data-control-nav-design="dots"] .flex-control-nav a::after {
  border-color: #141618;
}
.az-slider-page-builder.flexslider.slide-dark-type .flex-direction-nav a {
  color: #FFFFFF;
}
.az-slider-page-builder.flexslider.slide-dark-type[data-control-nav-design="rect"] .flex-control-nav a::after {
  background: #FFFFFF;
}
.az-slider-page-builder.flexslider.slide-dark-type[data-control-nav-design="dots"] .flex-control-nav a.flex-active::after {
  background-color: #FFFFFF;
}
.az-slider-page-builder.flexslider.slide-dark-type[data-control-nav-design="dots"] .flex-control-nav a::after {
  border-color: #FFFFFF;
}

/*------------------------------------------------------------------------------------
    8. Footers ( Light & Dark )
-------------------------------------------------------------------------------------*/
#az-footer.az-light-type .az-footer-bottom-area {
  background: #FFFFFF;
}
#az-footer.az-light-type .az-footer-bottom-area .az-footer-credits p, #az-footer.az-light-type .az-footer-bottom-area .az-footer-credits a {
  color: #141618;
}
#az-footer.az-light-type .az-footer-bottom-area .az-footer-socials a {
  color: #141618;
}
#az-footer.az-dark-type .az-footer-bottom-area {
  background: #09a6cf;
}
#az-footer.az-dark-type .az-footer-bottom-area .az-footer-credits p, #az-footer.az-dark-type .az-footer-bottom-area .az-footer-credits a {
  color: #FFFFFF;
}
#az-footer.az-dark-type .az-footer-bottom-area .az-footer-socials a {
  color: #FFFFFF;
}
#az-footer .az-footer-widgets-area {
  background: #1B1D1F;
}
#az-footer .az-footer-widgets-area .widget,
#az-footer .az-footer-widgets-area .widget a,
#az-footer .az-footer-widgets-area .widget-title,
#az-footer .az-footer-widgets-area .widget_calendar caption,
#az-footer .az-footer-widgets-area .widget_search input[type="text"],
#az-footer .az-footer-widgets-area .widget_tag_cloud a {
  color: #FFFFFF;
}
#az-footer .az-footer-widgets-area .widget a:hover,
#az-footer .az-footer-widgets-area .widget_tag_cloud a:hover {
  color: #EF4135;
}
#az-footer .az-footer-widgets-area .widget.widget_calendar table,
#az-footer .az-footer-widgets-area .widget.widget_calendar th,
#az-footer .az-footer-widgets-area .widget.widget_calendar td,
#az-footer .az-footer-widgets-area .widget.widget_calendar tr {
  border-color: #383838;
}
#az-footer .az-footer-widgets-area .widget.widget_search input[type="text"] {
  background: #141618;
  border-color: #383838 !important;
}
#az-footer .az-footer-widgets-area .widget.widget_search input[type="submit"].icon-search {
  color: #383838;
}
#az-footer .az-footer-widgets-area .widget.widget_tag_cloud a {
  border-color: #383838 !important;
}

/*------------------------------------------------------------------------------------
    9. Carousel Skin ( Light & Dark )
-------------------------------------------------------------------------------------*/
.owl-carousel[data-skin-nav="light"] .owl-controls .owl-prev,
.owl-carousel[data-skin-nav="light"] .owl-controls .owl-next {
  background: #FFFFFF;
}
.owl-carousel[data-skin-nav="light"] .owl-controls .owl-prev i,
.owl-carousel[data-skin-nav="light"] .owl-controls .owl-next i {
  color: #141618;
}
.owl-carousel[data-skin-nav="light"] .owl-controls .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.3);
}
.owl-carousel[data-skin-nav="light"] .owl-controls .owl-dots .owl-dot.active span,
.owl-carousel[data-skin-nav="light"] .owl-controls .owl-dots .owl-dot:hover span {
  background: rgba(255, 255, 255, 0.9);
}
.owl-carousel[data-skin-nav="dark"] .owl-controls .owl-prev,
.owl-carousel[data-skin-nav="dark"] .owl-controls .owl-next {
  background: #141618;
}
.owl-carousel[data-skin-nav="dark"] .owl-controls .owl-prev i,
.owl-carousel[data-skin-nav="dark"] .owl-controls .owl-next i {
  color: #FFFFFF;
}
.owl-carousel[data-skin-nav="dark"] .owl-controls .owl-dots .owl-dot span {
  background: rgba(20, 22, 24, 0.3);
}
.owl-carousel[data-skin-nav="dark"] .owl-controls .owl-dots .owl-dot.active span,
.owl-carousel[data-skin-nav="dark"] .owl-controls .owl-dots .owl-dot:hover span {
  background: rgba(20, 22, 24, 0.9);
}

/*------------------------------------------------------------------------------------
    10. iLightbox Skin ( Light & Dark )
-------------------------------------------------------------------------------------*/
/* Light Style */
.ilightbox-overlay.light {
  background: #FFFFFF;
}

.ilightbox-holder.light .ilightbox-container .ilightbox-caption {
  color: #141618;
}

.ilightbox-holder.light .ilightbox-container .ilightbox-social {
  background: rgba(255, 255, 255, 0.2);
}

.ilightbox-holder.light .ilightbox-alert {
  background: url("_include/ilightbox/light-skin/alert.png") center top no-repeat;
  color: #141618;
}

/* Style toolbar */
.ilightbox-toolbar.light a {
  background-image: url("_include/ilightbox/light-skin/buttons.png");
}

.isMobile .ilightbox-toolbar.light {
  background: #FFFFFF;
}

.isMobile .ilightbox-toolbar.light a.ilightbox-fullscreen {
  background-image: url("_include/ilightbox/light-skin/fullscreen-icon-64.png");
}

.isMobile .ilightbox-toolbar.light a.ilightbox-close {
  background-image: url("_include/ilightbox/light-skin/x-mark-icon-64.png");
}

.isMobile .ilightbox-toolbar.light a.ilightbox-next-button {
  background-image: url("_include/ilightbox/light-skin/arrow-next-icon-64.png");
  background-position: 52% 50%;
}

.isMobile .ilightbox-toolbar.light a.ilightbox-prev-button {
  background-image: url("_include/ilightbox/light-skin/arrow-prev-icon-64.png");
  background-position: 48% 50%;
}

.isMobile .ilightbox-toolbar.light a.ilightbox-play {
  background-image: url("_include/ilightbox/light-skin/play-icon-64.png");
}

.isMobile .ilightbox-toolbar.light a.ilightbox-pause {
  background-image: url("_include/ilightbox/light-skin/pause-icon-64.png");
}

.ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-title {
  color: #141618;
}

/* Style thumbnails */
.ilightbox-thumbnails.light .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.01);
}

.ilightbox-thumbnails.light .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video {
  background: url("_include/ilightbox/light-skin/thumb-overlay-play.png") no-repeat center;
  display: none;
}

/* Configure arrow buttons */
.ilightbox-button.light {
  background: url("_include/ilightbox/light-skin/arrow-next-vertical-icon-64.png") no-repeat 50% 50%;
  background-color: #FFFFFF;
}

.ilightbox-button.ilightbox-prev-button.light {
  background-image: url("_include/ilightbox/light-skin/arrow-prev-vertical-icon-64.png");
  background-position: 50% 50%;
}

.ilightbox-button.light.horizontal {
  background-image: url("_include/ilightbox/light-skin/arrow-next-icon-64.png");
  background-position: 50% 50%;
}

.ilightbox-button.ilightbox-prev-button.light.horizontal {
  background-image: url("_include/ilightbox/light-skin/arrow-prev-icon-64.png");
  background-position: 50% 50%;
}

/* Dark Style */
.ilightbox-overlay.dark {
  background: #141618;
}

.ilightbox-holder.dark .ilightbox-container .ilightbox-caption {
  color: #FFFFFF;
}

.ilightbox-holder.dark .ilightbox-container .ilightbox-social {
  background: rgba(20, 22, 24, 0.25);
}

.ilightbox-holder.dark .ilightbox-alert {
  background: url("_include/ilightbox/dark-skin/alert.png") center top no-repeat;
  color: #FFFFFF;
}

/* Style toolbar */
.ilightbox-toolbar.dark a {
  background-image: url("_include/ilightbox/dark-skin/buttons.png");
}

.isMobile .ilightbox-toolbar.dark {
  background: #141618;
}

.isMobile .ilightbox-toolbar.dark a.ilightbox-fullscreen {
  background-image: url("_include/ilightbox/dark-skin/fullscreen-icon-64.png");
}

.isMobile .ilightbox-toolbar.dark a.ilightbox-close {
  background-image: url("_include/ilightbox/dark-skin/x-mark-icon-64.png");
}

.isMobile .ilightbox-toolbar.dark a.ilightbox-next-button {
  background-image: url("_include/ilightbox/dark-skin/arrow-next-icon-64.png");
  background-position: 52% 50%;
}

.isMobile .ilightbox-toolbar.dark a.ilightbox-prev-button {
  background-image: url("_include/ilightbox/dark-skin/arrow-prev-icon-64.png");
  background-position: 48% 50%;
}

.isMobile .ilightbox-toolbar.dark a.ilightbox-play {
  background-image: url("_include/ilightbox/dark-skin/play-icon-64.png");
}

.isMobile .ilightbox-toolbar.dark a.ilightbox-pause {
  background-image: url("_include/ilightbox/dark-skin/pause-icon-64.png");
}

.ilightbox-holder.dark .ilightbox-inner-toolbar .ilightbox-title {
  color: #FFFFFF;
}

/* Style thumbnails */
.ilightbox-thumbnails.dark .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.01);
}

.ilightbox-thumbnails.dark .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video {
  background: url("_include/ilightbox/dark-skin/thumb-overlay-play.png") no-repeat center;
  display: none;
}

/* Configure arrow buttons */
.ilightbox-button.dark {
  background: url("_include/ilightbox/dark-skin/arrow-next-vertical-icon-64.png") no-repeat 50% 50%;
  background-color: #141618;
}

.ilightbox-button.ilightbox-prev-button.dark {
  background-image: url("_include/ilightbox/dark-skin/arrow-prev-vertical-icon-64.png");
  background-position: 50% 50%;
}

.ilightbox-button.dark.horizontal {
  background-image: url("_include/ilightbox/dark-skin/arrow-next-icon-64.png");
  background-position: 50% 50%;
}

.ilightbox-button.ilightbox-prev-button.dark.horizontal {
  background-image: url("_include/ilightbox/dark-skin/arrow-prev-icon-64.png");
  background-position: 50% 50%;
}

/* GUIDE
-------------------------------------------------------------------------------------

    1. Responsive
    2. Isotope/Carousel Font-System for Team, Post & Portfolio
    3. Retina Display

-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
    1. Responsive
-------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .container,
  .header-container {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .container,
  .header-container {
    max-width: 1170px;
  }
}
@media (max-width: 992px) {
  .single-clms,
  .multi-clms {
    float: left;
  }

  [class*="single-clms col-md"] {
    width: 100%;
  }

  .row-parent.az-gutter-0 .az-v-space-clm,
  .row-inner.az-gutter-0 .az-v-space-clm {
    margin-top: 0;
  }
  .row-parent.az-gutter-default .az-v-space-clm,
  .row-inner.az-gutter-default .az-v-space-clm {
    margin-top: 30px;
  }

  .az-shift-layer .az-no-shift-x {
    margin-left: 0px !important;
  }
  .az-shift-layer .az-no-shift-y {
    margin-top: 0px !important;
  }

  .row.az-equal {
    display: block;
    height: auto !important;
  }
  .row.az-equal .az-main-col-content {
    float: left;
    height: auto;
    display: block;
    width: 100%;
    height: 100%;
  }
  .row.az-equal .az-main-col-content .az-col,
  .row.az-equal .az-main-col-content .az-col-cont {
    height: auto;
  }
  .row.az-equal .az-main-col-content .az-col.az-clm-force-height {
    height: inherit !important;
  }
  .row.az-equal .az-main-col-content [class^="az-clm-padding-"]:not(.az-clm-padding-0),
  .row.az-equal .az-main-col-content [class*=" az-clm-padding-"]:not(.az-clm-padding-0) {
    padding: 30px;
  }

  .row-inner .az-main-col-content [class^="az-clm-padding-"]:not(.az-clm-padding-0),
  .row-inner .az-main-col-content [class*=" az-clm-padding-"]:not(.az-clm-padding-0) {
    padding: 30px;
  }

  .az-section-full-screen .row.az-equal {
    height: 100% !important;
  }

  .clm-border-active {
    border: 0 none !important;
  }

  .az-dots-menu-navigation {
    display: none;
  }

  .az-main-col-content:first-child .az-pricing-table-block {
    margin-top: 0;
  }

  .az-pricing-table-block.most-popular {
    margin-top: 30px;
  }
  .az-pricing-table-block.no-table-border-right {
    border-right: 1px solid #EFEFEF;
  }
  .az-pricing-table-block.no-table-border-left {
    border-left: 1px solid #EFEFEF;
  }

  .az-isotope-filter.align-inherit ul {
    text-align: center;
  }
  .az-isotope-filter.align-inherit ul li:first-child {
    float: none;
  }
}
@media (max-width: 1024px) {
  #az-header .header-container {
    width: 100%;
    max-width: 100%;
  }
  #az-header.h-classic .header-container {
    position: absolute;
    left: 0;
  }
  #az-header.h-classic .az-menu-trigger {
    opacity: 1;
    visibility: visible;
  }
  #az-header.h-classic.h-relative .az-nav-wrapper, #az-header.h-classic.h-fixed .az-nav-wrapper, #az-header.h-classic.h-sticky .az-nav-wrapper, #az-header.h-classic.h-scrollable .az-nav-wrapper {
    position: absolute;
    -webkit-transition: none;
    transition: none;
  }
  #az-header.h-classic .az-nav-wrapper {
    height: 76px;
  }
  #az-header.h-classic .az-nav-panel.desktop-classic-menu {
    display: none;
  }
  #az-header.h-classic.h-sticky.is-small .az-logo-img img,
  #az-header.h-classic.h-sticky.is-small .az-logo-svg img,
  #az-header.h-classic.h-sticky.is-small .az-nav-wrapper,
  #az-header.h-classic.h-sticky.is-small .az-logo-container {
    -webkit-transition: none;
    transition: none;
  }
  #az-header.h-classic.h-scrollable.scrolled-down .az-nav-wrapper {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  #az-header.h-classic .az-logo-img img,
  #az-header.h-classic .az-logo-svg img {
    max-height: 44px;
  }
  #az-header.h-classic .az-nav-panel ul li.az-btn-menu > a > span {
    width: 100%;
  }
  #az-header.h-side .header-container {
    position: absolute;
    left: 0;
  }
  #az-header.h-side.h-left .az-side-head-wrapper, #az-header.h-side.h-right .az-side-head-wrapper {
    display: block;
  }
  #az-header.h-side.h-left .az-nav-wrapper, #az-header.h-side.h-right .az-nav-wrapper {
    -webkit-transition: -webkit-transform 0.45s ease 0s;
    transition: transform 0.45s ease 0s;
  }
  #az-header.h-side.h-left .az-nav-wrapper.is-opened, #az-header.h-side.h-right .az-nav-wrapper.is-opened {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  #az-header.h-side.h-left .az-nav-wrapper {
    -webkit-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  #az-header.h-side.h-right .az-nav-wrapper {
    -webkit-transform: translateX(260px);
    transform: translateX(260px);
  }
  #az-header.h-creative .header-container {
    position: absolute;
    left: 0;
  }
  #az-header.h-creative.h-c-central .az-nav-panel ul li {
    display: block;
  }
  #az-header.h-creative.h-c-central .az-nav-panel ul li a {
    margin: 0;
  }
  #az-header.h-creative.h-c-central .az-nav-panel ul.sub-menu {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    text-align: center;
  }
  #az-header .az-header-modal-share {
    background-color: #141618 !important;
  }
  #az-header .az-header-modal-share .az-share-btn .az-share-text {
    display: none;
  }

  #az-header .az-optional-menu-trigger {
    display: block;
  }
  #az-header .az-optional-menu.h-default {
    position: absolute;
    top: -76px;
    left: 0;
    width: 100%;
    height: 76px;
    padding: 0 30px;
  }
  #az-header .az-optional-menu.h-default .az-optional-menu-container {
    display: none;
    float: right;
  }
  #az-header .az-optional-menu.h-default ul {
    position: relative;
    margin: 0;
  }
  #az-header .az-optional-menu.h-default ul::before {
    display: none;
  }
  #az-header .az-optional-menu.h-default ul li a {
    line-height: 76px;
  }
  #az-header .az-optional-menu.h-default #az-header-language-list .lang {
    line-height: 76px;
  }
  #az-header.h-creative .az-optional-menu.h-default #az-header-language-list:before {
    left: -25px;
    right: auto;
  }

  .az-main-wrapper.h-left .az-main-content {
    padding-left: 0px;
  }
  .az-main-wrapper.h-right .az-main-content {
    padding-right: 0px;
  }

  .az-main-wrapper.az-classic-menu .az-main-content.is-open .fake-transparent-layer {
    display: none;
  }
  .az-main-wrapper.az-classic-menu .az-main-content.is-open .az-hero-wrap,
  .az-main-wrapper.az-classic-menu .az-main-content.is-open .az-hero-wrapper,
  .az-main-wrapper.az-classic-menu .az-main-content.is-open .az-hero-container {
    opacity: 1 !important;
    -webkit-transform: translateY(0px) !important;
    transform: translateY(0px) !important;
  }

  #az-footer.f-classic .az-footer-bottom-area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #az-footer.f-classic .az-footer-bottom-area .az-footer-credits,
  #az-footer.f-classic .az-footer-bottom-area .az-footer-socials {
    width: 100%;
    text-align: center;
    padding: 20px 0;
  }
  #az-footer.f-classic .az-footer-bottom-area .az-footer-socials ul {
    float: none;
  }
  #az-footer.f-classic .az-footer-bottom-area .az-footer-socials ul li {
    float: none;
    display: inline-block;
  }
  #az-footer .az-footer-widgets-area[data-cols="2"] .az-footer-column-widget, #az-footer .az-footer-widgets-area[data-cols="3"] .az-footer-column-widget, #az-footer .az-footer-widgets-area[data-cols="4"] .az-footer-column-widget, #az-footer .az-footer-widgets-area[data-cols="5"] .az-footer-column-widget, #az-footer .az-footer-widgets-area[data-cols="6"] .az-footer-column-widget {
    width: 100%;
  }
  #az-footer .az-footer-widgets-area .az-footer-column-widget {
    margin-bottom: 40px;
    padding: 0;
  }
  #az-footer .az-footer-widgets-area .az-footer-column-widget:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #az-header .az-header-modal-search #searchform-modal input[type="text"] {
    font-size: 3rem;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 2.8rem;
    line-height: 3.8rem;
  }

  h2 {
    font-size: 2.6rem;
    line-height: 3.6rem;
  }

  blockquote,
  .az-twitter-feed-wrapper:not(.az-font-size-custom) .az-twitter-feed-body {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }

  #az-header.h-creative .az-creative-nav-wrapper .az-bg-menu-image .az-m-bg-image {
    display: none;
  }
  #az-header.h-creative .az-creative-nav-content .az-nav-panel ul li a {
    font-size: 2.5rem;
    letter-spacing: -1px;
  }
  #az-header.h-creative .az-creative-nav-content .az-nav-panel ul.sub-menu li a {
    font-size: 1.6rem;
  }

  .wrap-hero-header .az-hero-main.az-no-fullscreen-mobile {
    height: auto !important;
  }
  .wrap-hero-header .az-hero-main.az-no-fullscreen-mobile .az-hero-content.az-h-v-center .az-hero-box {
    padding-top: 25vh;
    padding-bottom: 25vh;
  }
  .wrap-hero-header .az-hero-main.az-no-fullscreen-mobile .az-hero-content.az-h-v-bottom .az-hero-box {
    padding-top: 50vh;
  }
  .wrap-hero-header .az-hero-main.az-no-fullscreen-mobile .az-hero-content .az-hero-box.no-hero-texts {
    display: block;
    padding: 25vh 0;
  }

  .az-main-wrapper .az-hero-container .az-hero-content .az-hero-box.az-hero-box-center .container {
    padding-left: 0;
    padding-right: 0;
  }

  #az-hero-flexslider.flexslider.yes-direction-nav .flex-direction-nav a.flex-next,
  .az-slider-page-builder.flexslider.yes-direction-nav .flex-direction-nav a.flex-next {
    right: auto;
    left: 50%;
  }
  #az-hero-flexslider.flexslider.yes-direction-nav .flex-direction-nav a.flex-prev,
  .az-slider-page-builder.flexslider.yes-direction-nav .flex-direction-nav a.flex-prev {
    left: auto;
    right: 50%;
  }
  #az-hero-flexslider.flexslider.yes-direction-nav .flex-control-nav,
  .az-slider-page-builder.flexslider.yes-direction-nav .flex-control-nav {
    opacity: 0;
    display: none;
  }

  #az-header .az-header-modal-search #searchform-modal input[type="text"] {
    font-size: 2rem;
  }

  .az-testimonials-gallery.container,
  .az-twitter-feed-gallery.container {
    padding: 0;
  }

  .az-tabs-wrapper .tabs-nav li {
    float: left;
    width: 100%;
    margin: 0;
  }
  .az-tabs-wrapper.vertical .tabs-nav {
    width: 100%;
    border-bottom: 1px solid #E9E9E9;
  }
  .az-tabs-wrapper.vertical .tab-content {
    width: 100%;
    border-left: 0 none;
    padding: 50px 20px 0;
  }

  .wpcf7 .wpcf7-form input,
  .wpcf7 .wpcf7-form select,
  .wpcf7 .wpcf7-form .wpcf7-submit {
    width: 100%;
  }
  .wpcf7 .wpcf7-form img.ajax-loader {
    margin: 15px 0 0 0 !important;
  }
  .wpcf7 .wpcf7-form .wpcf7-response-output {
    margin-top: -10px;
  }
  .wpcf7 .wpcf7-form p.wpcf7-inline-field {
    width: 100%;
    display: block;
    padding: 0px;
  }

  .az-button-wrapper.az-btn-inline {
    float: left;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
  }
  .az-button-wrapper.az-btn-inline > .az-btn:not(.az-btn-icon) {
    width: 100%;
  }
  .az-button-wrapper + .az-btn-inline {
    margin-top: 15px;
  }

  .az-comment-area .comments-list .comment-wrap-inner .comment-avatar {
    position: relative;
  }
  .az-comment-area .comments-list .comment-wrap-inner .comment-inner {
    float: left;
    margin: 25px 0 0 0;
    padding-left: 0;
  }
  .az-comment-area .comments-list .children .comment-content {
    padding-left: 30px;
  }
  .az-comment-area .form-submit input[type="submit"] {
    width: 100%;
  }

  .az-sidebar-active .az-col-sidebar .az-comment-area .comments-list .children .comment-content {
    padding-left: 30px;
  }

  .az-normal-pagination .prev-post a span,
  .az-normal-pagination .next-post a span {
    opacity: 0;
  }
  .az-normal-pagination .az-back-to-main-active .prev-post,
  .az-normal-pagination .az-back-to-main-active .next-post {
    width: 20%;
  }
  .az-normal-pagination .az-back-to-main-active .back-post {
    width: 60%;
  }

  .az-single-post-meta-area span {
    display: block;
    margin: 0 0 15px 0;
  }
  .az-single-post-meta-area span:before {
    opacity: 0;
  }
  .az-single-post-meta-area span:last-child {
    margin: 0;
  }
}
@media (max-width: 375px) {
  #az-header .az-header-modal-search #searchform-modal input[type="text"] {
    font-size: 1.4rem;
  }
}
/*------------------------------------------------------------------------------------
    2. Isotope/Carousel Font-System for Team, Post & Portfolio
-------------------------------------------------------------------------------------*/
@media (min-width: 1499px) {
  .container .az-module-grid[data-cols="1"] .az-grid-item-title {
    font-size: 2.2rem;
    letter-spacing: -1px;
  }
  .container .az-module-grid[data-cols="1"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container .az-module-grid[data-cols="2"] .az-grid-item-title {
    font-size: 2rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="2"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container .az-module-grid[data-cols="3"] .az-grid-item-title {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="3"] .az-grid-item-attributes {
    font-size: 1.2rem;
  }
  .container .az-module-grid[data-cols="4"] .az-grid-item-title {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="4"] .az-grid-item-attributes {
    font-size: 1.1rem;
  }
  .container .az-module-grid[data-cols="5"] .az-grid-item-title, .container .az-module-grid[data-cols="6"] .az-grid-item-title {
    font-size: 1.4rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="5"] .az-grid-item-attributes, .container .az-module-grid[data-cols="6"] .az-grid-item-attributes {
    font-size: 1rem;
  }
  .container .az-module-grid.az-isotope-metro .az-grid-item-title {
    font-size: 2rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid.az-isotope-metro .az-grid-item-attributes {
    font-size: 1.3rem;
  }

  .container-fluid .az-module-grid[data-cols="1"] .az-grid-item-title {
    font-size: 2.8rem;
    letter-spacing: -1px;
  }
  .container-fluid .az-module-grid[data-cols="1"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container-fluid .az-module-grid[data-cols="2"] .az-grid-item-title {
    font-size: 2.6rem;
    letter-spacing: -1px;
  }
  .container-fluid .az-module-grid[data-cols="2"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container-fluid .az-module-grid[data-cols="3"] .az-grid-item-title {
    font-size: 2.4rem;
    letter-spacing: -1px;
  }
  .container-fluid .az-module-grid[data-cols="3"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container-fluid .az-module-grid[data-cols="4"] .az-grid-item-title {
    font-size: 2.2rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="4"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container-fluid .az-module-grid[data-cols="5"] .az-grid-item-title {
    font-size: 2rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="5"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container-fluid .az-module-grid[data-cols="6"] .az-grid-item-title {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="6"] .az-grid-item-attributes {
    font-size: 1.2rem;
  }
  .container-fluid .az-module-grid.az-isotope-metro .az-grid-item-title {
    font-size: 2.6rem;
    letter-spacing: -1px;
  }
  .container-fluid .az-module-grid.az-isotope-metro .az-grid-item-attributes {
    font-size: 1.3rem;
  }
}
@media (min-width: 1200px) and (max-width: 1498px) {
  .container .az-module-grid[data-cols="1"] .az-grid-item-title {
    font-size: 2.2rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="1"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container .az-module-grid[data-cols="2"] .az-grid-item-title {
    font-size: 2rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="2"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container .az-module-grid[data-cols="3"] .az-grid-item-title {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="3"] .az-grid-item-attributes {
    font-size: 1.2rem;
  }
  .container .az-module-grid[data-cols="4"] .az-grid-item-title {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="4"] .az-grid-item-attributes {
    font-size: 1.1rem;
  }
  .container .az-module-grid[data-cols="5"] .az-grid-item-title, .container .az-module-grid[data-cols="6"] .az-grid-item-title {
    font-size: 1.4rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="5"] .az-grid-item-attributes, .container .az-module-grid[data-cols="6"] .az-grid-item-attributes {
    font-size: 1rem;
  }
  .container .az-module-grid.az-isotope-metro .az-grid-item-title {
    font-size: 2rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid.az-isotope-metro .az-grid-item-attributes {
    font-size: 1.3rem;
  }

  .container-fluid .az-module-grid[data-cols="1"] .az-grid-item-title {
    font-size: 2.4rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="1"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container-fluid .az-module-grid[data-cols="2"] .az-grid-item-title {
    font-size: 2.2rem;
    letter-spacing: -1px;
  }
  .container-fluid .az-module-grid[data-cols="2"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container-fluid .az-module-grid[data-cols="3"] .az-grid-item-title {
    font-size: 2rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="3"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container-fluid .az-module-grid[data-cols="4"] .az-grid-item-title {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="4"] .az-grid-item-attributes {
    font-size: 1.2rem;
  }
  .container-fluid .az-module-grid[data-cols="5"] .az-grid-item-title {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="5"] .az-grid-item-attributes {
    font-size: 1.1rem;
  }
  .container-fluid .az-module-grid[data-cols="6"] .az-grid-item-title {
    font-size: 1.4rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="6"] .az-grid-item-attributes {
    font-size: 1rem;
  }
  .container-fluid .az-module-grid.az-isotope-metro .az-grid-item-title {
    font-size: 2.2rem;
    letter-spacing: -1px;
  }
  .container-fluid .az-module-grid.az-isotope-metro .az-grid-item-attributes {
    font-size: 1.3rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .container .az-module-grid[data-cols="1"] .az-grid-item-title {
    font-size: 2rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="1"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container .az-module-grid[data-cols="2"] .az-grid-item-title {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="2"] .az-grid-item-attributes {
    font-size: 1.2rem;
  }
  .container .az-module-grid[data-cols="3"] .az-grid-item-title {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="3"] .az-grid-item-attributes {
    font-size: 1.1rem;
  }
  .container .az-module-grid.az-isotope-metro .az-grid-item-title {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid.az-isotope-metro .az-grid-item-attributes {
    font-size: 1.1rem;
  }

  .container-fluid .az-module-grid[data-cols="1"] .az-grid-item-title {
    font-size: 2.2rem;
    letter-spacing: -1px;
  }
  .container-fluid .az-module-grid[data-cols="1"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container-fluid .az-module-grid[data-cols="2"] .az-grid-item-title {
    font-size: 2rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="2"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container-fluid .az-module-grid[data-cols="3"] .az-grid-item-title {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="3"] .az-grid-item-attributes {
    font-size: 1.2rem;
  }
  .container-fluid .az-module-grid.az-isotope-metro .az-grid-item-title {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid.az-isotope-metro .az-grid-item-attributes {
    font-size: 1.2rem;
  }

  .az-module-grid[data-cols="4"] .az-grid-item-title {
    font-size: 1.4rem;
    letter-spacing: -0.5px;
  }
  .az-module-grid[data-cols="4"] .az-grid-item-attributes {
    font-size: 1rem;
  }
  .az-module-grid[data-cols="5"] .az-grid-item-box-wrapper, .az-module-grid[data-cols="6"] .az-grid-item-box-wrapper {
    display: none;
  }
  .az-module-grid[data-cols="5"] i.az-grid-item-icon:not(.az-icon-center-item), .az-module-grid[data-cols="6"] i.az-grid-item-icon:not(.az-icon-center-item) {
    top: 50%;
    right: 50%;
    margin: -10px -10px 0 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .container .az-module-grid[data-cols="1"] .az-grid-item-title {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="1"] .az-grid-item-attributes {
    font-size: 1.2rem;
  }
  .container .az-module-grid[data-cols="2"] .az-grid-item-title {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="2"] .az-grid-item-attributes {
    font-size: 1.1rem;
  }
  .container .az-module-grid[data-cols="3"] .az-grid-item-title {
    font-size: 1.4rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid[data-cols="3"] .az-grid-item-attributes {
    font-size: 1rem;
  }
  .container .az-module-grid.az-isotope-metro .az-grid-item-title {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
  }
  .container .az-module-grid.az-isotope-metro .az-grid-item-attributes {
    font-size: 1.1rem;
  }

  .container-fluid .az-module-grid[data-cols="1"] .az-grid-item-title {
    font-size: 2rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="1"] .az-grid-item-attributes {
    font-size: 1.3rem;
  }
  .container-fluid .az-module-grid[data-cols="2"] .az-grid-item-title {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="2"] .az-grid-item-attributes {
    font-size: 1.2rem;
  }
  .container-fluid .az-module-grid[data-cols="3"] .az-grid-item-title {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid[data-cols="3"] .az-grid-item-attributes {
    font-size: 1.1rem;
  }
  .container-fluid .az-module-grid.az-isotope-metro .az-grid-item-title {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  .container-fluid .az-module-grid.az-isotope-metro .az-grid-item-attributes {
    font-size: 1.2rem;
  }

  .az-module-grid[data-cols="4"] .az-grid-item-box-wrapper, .az-module-grid[data-cols="5"] .az-grid-item-box-wrapper, .az-module-grid[data-cols="6"] .az-grid-item-box-wrapper {
    display: none;
  }
  .az-module-grid[data-cols="4"] i.az-grid-item-icon:not(.az-icon-center-item), .az-module-grid[data-cols="5"] i.az-grid-item-icon:not(.az-icon-center-item), .az-module-grid[data-cols="6"] i.az-grid-item-icon:not(.az-icon-center-item) {
    top: 50%;
    right: 50%;
    margin: -10px -10px 0 0;
  }
}
@media (max-width: 767px) {
  .az-module-grid[data-cols="1"] .az-grid-item-title {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  .az-module-grid[data-cols="1"] .az-grid-item-attributes {
    font-size: 1.2rem;
  }
  .az-module-grid[data-cols="2"] .az-grid-item-title {
    font-size: 1.6rem;
    letter-spacing: -0.5px;
  }
  .az-module-grid[data-cols="2"] .az-grid-item-attributes {
    font-size: 1.1rem;
  }
  .az-module-grid[data-cols="3"] .az-grid-item-box-wrapper, .az-module-grid[data-cols="4"] .az-grid-item-box-wrapper, .az-module-grid[data-cols="5"] .az-grid-item-box-wrapper, .az-module-grid[data-cols="6"] .az-grid-item-box-wrapper {
    display: none;
  }
  .az-module-grid[data-cols="3"] i.az-grid-item-icon, .az-module-grid[data-cols="4"] i.az-grid-item-icon, .az-module-grid[data-cols="5"] i.az-grid-item-icon, .az-module-grid[data-cols="6"] i.az-grid-item-icon {
    top: 50% !important;
    right: 50% !important;
    left: auto !important;
    font-size: 10px !important;
    margin: -5px -5px 0 0 !important;
  }
  .az-module-grid[data-cols="3"] i.az-grid-item-icon {
    font-size: 16px !important;
    margin: -8px -8px 0 0 !important;
  }
  .az-module-grid.az-isotope-metro .az-grid-item-title {
    font-size: 1.8rem;
    letter-spacing: -0.5px;
  }
  .az-module-grid.az-isotope-metro .az-grid-item-attributes {
    font-size: 1.2rem;
  }
}
/*------------------------------------------------------------------------------------
    3. Retina Display
-------------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #az-preloader-container .az-preloader-item .preloader-img {
    display: none;
  }

  #az-preloader-container .az-preloader-item .retina.preloader-img {
    display: inline-block !important;
  }

  #az-header.az-light-type .az-logo-img .white-img,
  #az-header.az-light-type .az-logo-img .dark-img,
  #az-header.az-light-type .az-logo-img .retina.white-img {
    display: none !important;
  }
  #az-header.az-light-type .az-logo-img .retina.dark-img {
    display: block !important;
  }
  #az-header.az-dark-type .az-logo-img .white-img,
  #az-header.az-dark-type .az-logo-img .dark-img,
  #az-header.az-dark-type .az-logo-img .retina.dark-img {
    display: none !important;
  }
  #az-header.az-dark-type .az-logo-img .retina.white-img {
    display: block !important;
  }

  .mejs-overlay-button {
    background-image: url("_include/img/mediaelement/bigplay_@2x.png");
    background-size: 32px 32px;
  }

  .mejs-controls .mejs-button button {
    background-image: url("_include/img/mediaelement/controls_@2x.png");
    background-size: 50px 64px;
  }

  #fancybox-loading div,
  .mejs-overlay-loading span {
    background-image: url("_include/img/fancy_loading@2x.gif");
    background-size: 24px 24px;
  }
}

/*# sourceMappingURL=style.css.map */