@charset "utf-8";
/* CSS Document */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 23, 2014 */



@font-face {
 font-family: 'latoregular';
 src: url('fonts/lato-regular-webfont.eot');
 src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-regular-webfont.woff2') format('woff2'), url('fonts/lato-regular-webfont.woff') format('woff'), url('fonts/lato-regular-webfont.ttf') format('truetype'), url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'latobold';
 src:  url('fonts/lato-bold-webfont.eot');
 src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-bold-webfont.woff2') format('woff2'), url('fonts/lato-bold-webfont.woff') format('woff'), url('fonts/lato-bold-webfont.ttf') format('truetype'), url('fonts/lato-bold-webfont.svg#latobold') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'latolight';
 src: url('fonts/lato-light-webfont.eot');
 src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-light-webfont.woff2') format('woff2'), url('fonts/lato-light-webfont.woff') format('woff'), url('fonts/lato-light-webfont.ttf') format('truetype'), url('fonts/lato-light-webfont.svg#latolight') format('svg');
 font-weight: normal;
 font-style: normal;
}

/************************************RESET CSS**********************************************/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	border: 0 none;
	font: inherit;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/************************************FIN RESET CSS**********************************************/

body {
	font-family: 'Lato', sans-serif;
}
a {
	color:#8b8787;
	font-family: 'latobold', arial;
}
a:hover {
	color:#f13a4c
}
/*HOME*/
.cont {
	max-width:1400px;
	margin:0px auto
}
/*Slider*/
.slider_cont {
	width:99.9%;
	height:auto;
	overflow:hidden;
	text-align:center;
	position:relative
}
.slider_cont img {
	height: auto;
	position: relative;
	width: 100%;
	z-index: 0;
	width: inherit;  /* This makes the next two lines work in IE8. */
	max-width: 100%; /* Add !important if needed. */
}
.slider_info {
	background: url(images/bg_op_home.png) repeat;
	height: auto;
	overflow: hidden;
	padding: 3% 0;
	position: absolute;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	Margin-top:80px;
	left:0;
	right:0;
	width: 95%;
	z-index: 1;
	font-family: 'latolight';
	font-size:28px;
	text-transform:uppercase;
	color:#FFF;
	max-width:1350px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
#logo {
	background:url(images/logo_matafuegos_impulso.png) no-repeat;
	width:430px;
	height:135px;
	margin:0px auto;
	padding:2% 0
}
/*********MENU*********/
nav {
	background: none repeat scroll 0 0 #0f0;
	left: 0;
	margin: auto;
	max-width: 1350px;
	position: absolute;
	right: 0;
	top: 15px;
	width: 95%;
	z-index: 2;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(100, 113, 130, 0.5);
	-moz-box-shadow:    0px 5px 5px 0px rgba(100, 113, 130, 0.5);
	box-shadow:         0px 5px 5px 0px rgba(100, 113, 130, 0.5);
	background:url(images/menu_bg.png) repeat-x;
	height:45px
}
#menu {
	padding:0 30px;
	font-family: 'latobold', arial;
	letter-spacing:1px;
	max-width:780px;
	float:left
}
#menu li {
	display: inline-block;
	list-style-type: none;
	padding: 0 25px;
	line-height:42px;
	font-weight:bold;
	font-size:11px;
	font-family: 'Lato', sans-serif;
	text-transform:uppercase;
	border-right:1px solid #f0eef0;
	margin: 0;
	vertical-align: top;
}
#menu a {
	color:#463f3f;
	text-decoration:none
}
.logo_mi a {
	background:url(images/logo_MI.png) no-repeat;
	width:64px;
	height:42px;
	float: left;
	text-indent:-9999px;
	text-align:center;
	margin-top:1px;
}
#menu li a:hover {
	opacity: 0.6;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
/*Menu para dispositivos moviles*/
#menu_movil, #menu_movil ul, #menu_movil li, #menu_movil a {
	border: none;
	line-height: 1;
	margin: 0;
	padding: 0;
	font-family: 'latobold', arial;
}
#menu_movil {
	padding:0 30px;
	font-family: 'latobold', arial;
	height: 37px;
	display: block;
	width: auto;
	margin: 0;
}
#menu_movil > ul {
	list-style: inside none;
	margin: 0;
	padding: 0;
}
#menu_movil > ul > li {
	list-style: inside none;
	float: left;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
}
#menu_movil.align-center > ul {
	text-align: center;
}
#menu_movil.align-center > ul > li {
	float: none;
	margin-left: -3px;
}
#menu_movil.align-center ul ul {
	text-align: left;
}
#menu_movil.align-center > ul > li:first-child > a {
	border-radius: 0;
}
#menu_movil > ul > li > a {
	outline: none;
	display: block;
	position: relative;
	text-align: center;
	text-decoration:none;
	padding: 0 15px;
	line-height:42px;
	font-weight:bold;
	font-size:11px;
	font-family: 'Lato', sans-serif;
	text-transform:uppercase;
	border-right:1px solid #f0eef0;
	color:#463f3f;
}
#menu_movil > ul > li > a:after {
	content: "";
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: -2px;
	z-index: 99;
}
#menu_movil ul li.has-sub:hover > a:after {
	top: 0;
	bottom: 0;
}
#menu_movil > ul > li.has-sub > a:before {
	content: "";
	position: absolute;
	top: 18px;
	right: 6px;
}
#menu_movil > ul > li.has-sub:hover > a:before {
	top: 19px;
}
#menu_movil > ul > li.has-sub:hover > a {
	padding-bottom: 14px;
	z-index: 999;
}
#menu_movil ul li.has-sub:hover > ul, #menu_movil ul li.has-sub:hover > div {
	display: block;
}
#menu_movil > ul > li.has-sub > a:hover, #menu_movil > ul > li.has-sub:hover > a {
	background: #a2a2a2;
	background: -moz-linear-gradient(top, #a2a2a2 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2a2a2), color-stop(100%, #222222));
	background: -webkit-linear-gradient(top, #a2a2a2 0%, #222222 100%);
	background: -o-linear-gradient(top, #a2a2a2 0%, #222222 100%);
	background: -ms-linear-gradient(top, #a2a2a2 0%, #222222 100%);
	background: linear-gradient(top, #a2a2a2 0%, #222222 100%);
	color:#fff
}
#menu_movil ul li > ul, #menu_movil ul li > div {
	display: none;
	width: auto;
	position: absolute;
	top: 45px;
	background: #3f3f3f;
	border-radius: 0 0 5px 5px;
	z-index: 999;
	padding: 10px 0;
}
#menu_movil ul li > ul {
	width: 200px;
}
#menu_movil ul ul ul {
	position: absolute;
}
#menu_movil ul ul li:hover > ul {
	left: 100%;
	top: -10px;
	border-radius: 5px;
}
#menu_movil ul li > ul li {
	display: block;
	list-style: inside none;
	position: relative;
	margin: 0;
	padding: 0;
}
#menu_movil ul li > ul li a {
	display: block;
	position: relative;
	font-family: 'latobold', arial;
	color: #ffffff;
	text-decoration: none;
	margin: 0;
	padding: 8px 20px;
}
#menu_movil, #menu_movil ul ul > li:hover > a, #menu_movil ul ul li a:hover {
}
#menu_movil > ul > li > a:hover {
	/* background: #3f3f3f;*/
color: #999;
	opacity: 0.6;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
#menu_movil ul ul a:hover {
	color: #ffffff;
}
#menu_movil > ul > li.has-sub > a:hover:before {
	font-family: 'latobold', arial;
}
.has-sub a:hover {
	background: #151515
}
#menu_movil {
	display:none
}
/* IDIOMA*/
.idioma {
	float:right;
	width:72px;
	margin:4px 10px
}
.bt_esp a {
	background: url(images/bt_esp.png) no-repeat;
	width:36px;
	height:35px;
	float:right
}
.bt_ing a {
	background: url(images/bt_ing.png) no-repeat;
	width:36px;
	height:35px;
	float:right
}
.bt_esp span, .bt_ing span {
	visibility: hidden;
}
.bt_esp a:hover, .bt_ing a:hover {
	opacity: 0.6;
	-webkit-transition: background-color 300ms linear;
	-moz-transition: background-color 300ms linear;
	-o-transition: background-color 300ms linear;
	-ms-transition: background-color 300ms linear;
	transition: background-color 300ms linear;
}
/**Menu inferior**/

#menu_inferior {
	width:100%;
	margin:0.1% 0
}
#menu_inferior .box {
	width:24.8%;
	margin:0.1%;
	float:left;
	background:#000;
	height:auto;
	position:relative
}
#menu_inferior .box img {
	height: auto;
	position: relative;
	width: 100%;
	z-index: 0;
}
#menu_inferior .box:hover img {
	opacity: 0.6;
	background-color: rgba(0, 0, 0, 0.5);
	transition: all 0.4s ease-in-out;
}
.box .titulo {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.box .titulo h1 {
	padding:2% 0.5%;
	margin: 0px auto;
	width:80%;
	margin-top:25%;
	text-align:center;
	background:#f1f2ef;
	font-family: 'lato', arial;
	text-transform:uppercase;
	color:#a50a1a;
	font-size:15px;
	opacity: 0.85;
}
.box .titulo h1 a {
	color:#a50a1a;
	text-decoration:none
}
.box .titulo h1:hover {
	color:#333;
	opacity: 1;
}
/**CERtitificados*/
.certificados {
	margin:0px auto;
	width:95%;

	padding:12% 0 0;
	text-align:center
}
.certificados .icono {
	
	margin:0 4%;
	display:inline
	}
.certificados .icono img {
	height: auto;
	position: relative;
	width: 100%;
	z-index: 0;
	width: inherit;  /* This makes the next two lines work in IE8. */
	max-width: 100%; /* Add !important if needed. */
}
.certificadosmovil {
	background:url(images/certificados_todos.png) no-repeat center center;
	width:273px;
	height:28px;
	margin:0px auto;
	display:none;
	padding:6% 2%
}
/**Footer**/

footer {
	border-top:2px solid #eeecec;
	border-bottom:2px solid #eeecec;
	margin: 0.3% 0.1%;
	width:99.8%;
	padding:1% 0;
	float:left;
	text-align:center;
	font-size:13px;
	font-family: 'latolight', arial;
	color:#8b8787;
	line-height:16px
}
footer a {
	color:#8b8787;
	font-family: 'latobold', arial;
}
/***contenido**/

#main { /*width:100%; max-width:1350px; margin:60px 0 10px; float:left*/
	max-width:99.8%;
	height:auto;
	overflow:hidden;
	padding:60px 0 0;
	position:relative
}
.contenido {
	float: left;
	overflow: hidden;
	padding: 1% 0;
	width: 50%;
}
article {
	padding:2% 8%; float:left
}
article h1 {
	color:#494848;
	font-family: 'latoregular';
	font-size:18px;
	line-height:28px;
	text-transform:uppercase;
	padding:5px 0
}
article h2 {
	color:#494848;
	font-family: 'latobold';
	font-size:14px;
	line-height:22px;
	text-transform:uppercase;
	padding:5px 0;
	letter-spacing:1px
}
p {
	line-height:22px;
	font-family: 'latolight';
	color:494848;
	font-size:14px;
	padding:2% 0
}
.foto {
	float: left;
	margin: 25px 0.1% 0;
	width: 49.8%;
}
.foto img {
	height: auto;
	position: relative;
	width: 100%;
	z-index: 0;
}
.destacado {
	color:#f13a4c;
	font-family: 'latobold';
}
.descarga {
	position:absolute;
	top:50%;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	z-index:1;
	font-family: 'latobold';
	text-transform:uppercase;
	color:#da4650
}
.descarga a {
	color:#fff;
	background-color: #da4650;
	padding:2% 4%;
	text-decoration:none
}
.descarga a:hover {
	background-color:#fc515d
}
.clientes {  float: left;
    padding: 0 0 1.2% 0;
    width: 100%;   min-height: 580px;}
.clientes .box {
	display: inline-table;
    float:left;
    margin-left:10%;
    width: 40%;}
	
.clientes 	#items { 
	line-height:25px;}
/*listas*/

#numericas {

font-family: 'latolight';
	font-size:14px;
	line-height:17px;
	margin-left:35px;
}

#items {
	font-family: 'latolight';
	font-size:14px;
	line-height:20px;
	margin-left:35px;
	
}
#items li {
	list-style-type: square;
}
#items li ul {
	margin:15px 0
}
#items li ul li {
	list-style-type:none;
	display:inline;
	padding:0 20px;
	margin:25px 10px;
	background:url(images/stick.png) no-repeat left center
}
/*contacto*/
.google-maps {
	
	overflow: hidden;
	padding-bottom: 76%;
	position: relative;
	margin:0px auto;
	width:95%
	
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/**FORM***/
#form-main {
}
#form-div {
	padding: 0 1%;
	width: 98%;
}
.feedback-input {
 border: 1px solid #EEE;
  color: #666;
  font-family: "latolight";
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 1%;
  padding: 6px;
  width: 98%;
}
.feedback-input:focus {
	background: #fff;
	box-shadow: 0;
	border: 3px solid #f13a4c;
	color: #f13a4c;
	outline: none;
	padding: 1%;
}
.focused {
	color:#f13a4c;
	border:#f13a4c solid 3px;
}
textarea {
	width: 100%;
	height: 150px;
	line-height: 150%;
	resize:vertical;
}
input:hover, textarea:hover, input:focus, textarea:focus {
	background-color:white;
}
#button-red {
  background-color: #f13a4c;
    border: 4px solid #ccc;
    color: white;
    cursor: pointer;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    transition: all 0.3s ease 0s;
    width: 30%;
}
#button-red:hover {
	background-color: rgba(0, 0, 0, 0);
	color: #0493bd;
}
.submit:hover {
	color: #f13a4c;
}
.ease {
	width: 0px;
	height: 74px;
	background-color: #fbfbfb;
 -webkit-transition: .3s ease;
 -moz-transition: .3s ease;
 -o-transition: .3s ease;
 -ms-transition: .3s ease;
 transition: .3s ease;
}
.submit:hover .ease {
	width:100%;
	background-color:white;
}
	
	
	
	
	.titulocentro { text-align:center; padding:2% 0.5% 0.5%; font-size:18px; color: #4a4949}
 .fotounica {  
 float: left;
  margin: 0px auto;
  width: 45%;}
 .fotounica img 	{height: auto;
	position: relative;
	width: 100%;
	z-index: 0;}
	
	.epigrafe { text-align:center; padding:0.5% 8%; color:#4a4949 }

/*Tabs*/
.tabs li {   width: 30%;
  display: inline;
  float: left;
  text-align: center;
  padding: 1%;
  border-top: 2px solid #EEECEC;
  border-left: 1px solid #EEECEC;
  border-right: 1px solid #EEECEC;
  height: 35px;}
	
	.tabs, .tabs a { color:#9b9b9b; text-decoration:none; font-weight:400; font-size:18px; font-family: 'Lato', sans-serif;}
	.tabs li:hover {  border-top: 2px solid #f0293d; color:#f0293d}
	.tabs li a:hover {  color:#f0293d}
	
.tabcontent { /*max-height:400px;*/ padding:2% 5%; float: left;}
.tabcontent article { float:left; width:45%;   padding: 1%  2%;}
.lafoto img {
	height: auto;
	position: relative;
	width: 100%;
	z-index: 0;
}
/*Carusel*/
.carrusel {  border: 1px solid #EEECEC; padding:3%; width:94%;margin:1% 0}
	
	
/*MQ*/
@media screen and (max-width: 1190px) {
.slider_info {
/*margin-top:8%*/
}
.certificados {
padding: 9% 0 0
}
article p {
font-size:14px;
line-height:22px
}
.certificados .icono { margin:0 2%}
 #items li ul li {
 font-size: 11px;
 margin: 25px 2px;
 padding: 0 20px;
}
}
 @media screen and (max-width: 995px) {
 nav {
top: 2%
}
#logo {
background:url(images/logo_matafuegos_impulso_v2.png) no-repeat;
width:323px;
height:105px
}
.contenido {
width:98%;
padding:1% 1% 

}
article {padding:0 5%;   width: 90%;}
 #menu_movil {
display: inline-block
}
 #menu {
display:none
}
 #menu_inferior .box {
width:49.8%;
}
.slider_info {
font-size:22px;
/*margin-top:8%;*/
}
.certificados {
padding:3% 0
}
.foto {
width:49.8%;
}
.clientes { padding: 2% 0 1.2% 0;   min-height: 350px; }
.tabs, .tabs a { font-size: 16px;}
}
 @media screen and (max-width: 790px) {
 #logo {
background:  url(images/logo_matafuegos_impulso_movil.png) no-repeat;
width:232px;
height:72px
}
 .slider_info {
font-size:16px;
line-height:18px;
}


#items li ul li {
 font-size: 13px;
 margin: 10px 2px;
}
.certificados {
padding:3% 0;
width:100%
}
.certificados .icono { margin:0 0.2%}
.clientes { padding: 2% 0 1.2% 0;   min-height: none; }


}
 @media screen and (max-width: 650px) {
 .slider_cont {
height:300px;
overflow:hidden;
}
 .slider_info {
margin-top:62px;
}
.slider_cont img {
 height: 100%;
 position: relative;
 width: inherit;
 z-index: 0;
 max-width:none;
 width:auto;
}
 #menu_movil {
padding: 0 20px
}


#items li ul li {
display: block;
margin:
}
#form-div {
width:95%
}
.clientes .box {
    display: inline-table;
    float: left;
    margin-left: 2%;
    width: 47%;
}
.clientes #items {
    font-size: 12px;
    line-height: 25px;
}
.tabs li  { width: 100%; background: #F7F5F5;}
.tabs a { font-size: 14px;}
.tabcontent article { width: 100%;}


}
 @media screen and (max-width: 440px) {
 #menu_inferior .box {
width:99.8%;
}
 .idioma {
 margin: 4px 5px;
}
 .certificados {
display:none
}
.certificadosmovil {
display:block
}
.slider_info {
width:90%;
line-height:22px;
}
nav {
width:90%
}
.titulocentro { padding: 5% 0.5% 0.5%;}
article h1 {   font-size: 15px;
  line-height: 20px;}
}
 @media screen and (max-width: 400px) {
.slider_info {
margin-top:20%;
}
footer {
padding:3%;
width:94%
}
.clientes .box {

    width: 98%;
}
.fotounica { width: 100%;}
}
@media screen and (max-width: 330px) {
.idioma {
display:none
}
.certificadosmovil {
display:none
}
}




/* SLIDERRRRRRRRRRRRRRRRRR*/

/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
.slides li {border: 1px solid #D7D7D7;  padding: 5px; }
.slides  p {line-height: 16px;}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -25px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
  .flex-control-nav {   bottom: -15px;}
  .tabcontent p { font-size: 13px; line-height: 15px; }
  .flexslider .slides { margin-left: 20px;}
}