/*
Theme Name: Matufia
Version: 1.0
Text Domain: mtf
*/


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, strong, 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, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video , input, textarea{
    margin: 0;
    padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'ShareTechMono-Regular';
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main{
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, button, select, input , textarea, img{ outline:0 !important; }

a{ outline:0; border:0; text-decoration:none; }
a img{ outline:0; border:0; }
img{ outline:0; border:0; }
button{ outline:0; }

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

.anim{
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
 

/* FONTS */

@font-face {
  font-family: 'ShareTechMono-Regular';
  src: url('fonts/ShareTechMono-Regular/ShareTechMono-Regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/ShareTechMono-Regular/ShareTechMono-Regular.woff') format('woff'),
  url('fonts/ShareTechMono-Regular/ShareTechMono-Regular.ttf')  format('truetype'),
  url('fonts/ShareTechMono-Regular/ShareTechMono-Regular.svg#ShareTechMono-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


.special-hover{ position:relative; }
.special-hover .text-normal-hover{ opacity:1;}
.special-hover .text-translate-hover{ position:absolute; top:0; left:0; width:100%; height:auto; opacity:0;}
.special-hover:hover .text-normal-hover{ opacity:0; }
.special-hover:hover .text-translate-hover{ opacity:1;}

body.mobile .special-hover .text-translate-hover{ display:none; }
body.mobile .special-hover:hover .text-normal-hover{ opacity:1; }
body.mobile .special-hover:hover .text-translate-hover{ opacity:0;}

@keyframes translate-hover{
    0%{ text-shadow:-5px 0px 0px #FF0000; }
    /*50%{ text-shadow:0px 0px 0px #FF0000;}*/
	100%{ text-shadow:0px 0px 0px #FF0000; }
}

/* STYLES */

body{ background-color:#000; }
body.body-red{ background-color:#FF0000; }

.center-vert-out{ display:table; vertical-align:middle; height:100%; width:100%;}
.center-vert-in{ display:table-cell; vertical-align:middle; height:100%;}

.center-horz-out{ position: relative; float: left; left: 50%; }
.center-horz-in{ position: relative; float: left; left: -50%; }

.align-vert{ display:flex; align-items:center; }

.container{ padding:0 6%; }


.overlay-color{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:10;}
.overlay-color.black{ background-color:#000;}
.overlay-color.red{ background-color:#FF0000;}
.overlay-color.opacity75{ opacity:0.75; }
.overlay-color.opacity80{ opacity:0.8; }
.overlay-color.opacity85{ opacity:0.85; }
.overlay-color.opacity90{ opacity:0.9; }

.bg-color-burn{ background-blend-mode:color-burn; }

/* LOADER */
#loader-wrapper{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:2000;}
#loader{ position:relative; width:100%; height:100%; background-color:#000;}
#loader video{position:absolute; left:50%; top:50%; min-width:102%; 
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

/* MENU */

body{ padding-top:50px; letter-spacing:-2px; }

header{ height:50px; width:100%; position:fixed; top:0; left:0; z-index:1000;
	-webkit-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
}
header .container{ height:100%; }
.nav-menu{ position:relative; top:50%;
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
}
.nav-menu.menu-left{ float:left;}
.nav-menu.menu-right{ float:right;}
.nav-menu.menu-mid{ width:152px; position:absolute; left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.nav-menu.menu-mid .st0{fill:#000;
	-webkit-transition: fill 0.3s ease;
	-o-transition: fill 0.3s ease;
}
.nav-menu.menu-mid:hover .st0{fill:#fff;}

.nav-menu li{ float:left; position:relative; }
.nav-menu li:before{ content:"/"; font-size:20px; line-height:24px; margin:0 4px 0 6px;}
.nav-menu li:first-child{}
.nav-menu li:first-child:before{ content:""; margin:0; }
.nav-menu a{ font-size:18px; line-height:24px; text-transform:uppercase;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}
.nav-menu a.separador:hover{ color:#000; }

#menu-mobile-btn{ display:none; position:absolute; right:6%; top:50%; font-size:28px; cursor:pointer;
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}
#menu-mobile-btn:hover{ color:#fff !important; } 

#menu-mobile-wrapper{ width:100vw; height:100vh; position:fixed; z-index:900; left:0; top:-110%; background-color:rgba(0,0,0,0.75); display:none;
	-webkit-transition: top 0.6s ease;
	-o-transition: top 0.6s ease;
}
#menu-mobile-wrapper.show{ top:0; }
.nav-menu.menu-mobile{ text-align:center; padding:0 6%; }
.nav-menu.menu-mobile li{ float:none; display:block; }
.nav-menu.menu-mobile li:before{ content:""; margin:0;}
.nav-menu.menu-mobile li a{ color:#FF0000; font-size:26px; line-height:30px;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}
.nav-menu.menu-mobile li.current-menu-item a, .nav-menu.menu-mobile li a:hover{ color:#fff; }


body.header-red header{ background-color:#FF0000; }
body.header-red header .nav-menu.menu-mid .st0{fill:#000; }
body.header-red header .nav-menu.menu-mid:hover .st0{fill:#fff;}
body.header-red header .nav-menu a{ color:#000; }
body.header-red header .nav-menu li:before{ color:#000; }
body.header-red header .nav-menu .current-menu-item a, body.header-red header .nav-menu a:hover{ color:#fff; }
body.header-red header .nav-menu a.separador:hover{ color:#000; }

body.header-red header #menu-mobile-btn{ color:#000; } 

body.header-black header{ background-color:#000; border-bottom:1px solid #FF0000;}
body.header-black header .nav-menu.menu-mid .st0{fill:#FF0000;}
body.header-black header .nav-menu.menu-mid:hover .st0{fill:#fff;}
body.header-black header .nav-menu a{ color:#FF0000; }
body.header-black header .nav-menu li:before{ color:#FF0000; }
body.header-black header .nav-menu .current-menu-item a, body.header-black header .nav-menu a:hover{ color:#fff; }
body.header-black header .nav-menu a.separador:hover{ color:#FF0000; }

body.header-black header #menu-mobile-btn{ color:#FF0000; } 

.logos-header{ height:120px; position:relative;}
.logos-header .container{ height:100%; }
.logos-header .st0{fill:#FF0000;}
.logo-left{ width:70px; float:left; position:relative; top:50%;
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);}
.logo-mid{width:50%; max-width:500px; position:absolute; left:50%; top:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

/* FOOTER */

footer{ margin-top:100px; overflow:hidden; margin-bottom:60px; }
footer .container{ overflow:hidden; position:relative;}
.footer-left{ float:left; }
footer p{ color:#FF0000; font-size:14px; line-height:18px; letter-spacing:0px;}
footer a{ color:#FF0000; letter-spacing:0px;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}
footer a:hover{ color:#fff; }
footer p.big{ font-size:18px; line-height:22px; }
.footer-right.text{ float:right; width:200px; position:absolute; right:6%; bottom:0; }
.footer-right.circulo{ float:right; width:100px; position:absolute; right:6%; top:50%;
    -webkit-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
}
.footer-right a .st0{fill:#FF0000; display:inline-block;
	-webkit-transition: fill 0.3s ease;
	-o-transition: fill 0.3s ease;
}
.footer-right a:hover .st0{fill:#fff;}

ul.rrss{ overflow:hidden; margin-top:24px;}
ul.rrss li{ display:table-cell; vertical-align:middle; height:38px; padding:0 9px; position:relative;}
ul.rrss li:first-child{ padding-left:0; }
ul.rrss li:before{/* content:""; width:1px; height:100%; position:absolute; top:0; left:0; background-color:#FF0000;*/}
ul.rrss li:first-child:before{/* width:0; height:0; display:none;*/}
ul.rrss li a{ display:block; font-size:24px; line-height:38px; text-align:center; position:relative;}
ul.rrss li a.facebook{width:15px; margin-left:-2px;}
ul.rrss li a.instagram{ width:24px; margin-left:-2px;}
ul.rrss li a.linkedin{width:24px; margin-left:-2px;}
ul.rrss li a.vimeo{width:24px; margin-left:-2px;}

body.body-red footer p{ color:#000; }
body.body-red footer a{ color:#000; }
body.body-red footer a:hover{ color:#fff; }
body.body-red .footer-right a .st0{fill:#000; }
body.body-red .footer-right a:hover .st0{fill:#fff; }
body.body-red ul.rrss li:after{ background-color:#000;}

footer.footer-big p{ font-size:24px; line-height:28px; }
footer.footer-big .footer-right.circulo{ width:200px; }
footer.footer-big ul.rrss li{ height:40px; padding:0 10px;}
footer.footer-big ul.rrss li a{ font-size:30px; line-height:40px; }

/* SLIDER */
.slick-arrow{ width:14px; height:24px; cursor:pointer; position:absolute; top:50%;
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
}
.slick-arrow .st0{fill:#FF0000;
	-webkit-transition: fill 0.3s ease;
	transition: fill 0.3s ease;
}
.slick-arrow:hover .st0{fill:#fff;}
.slick-prev{ left:-50px; }
.slick-next{ right:-50px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.slider-wrapper{ /*height:525px;*/ height:75vh; position:relative; }
/*.slider-wrapper:before{ content:""; display:block; padding-bottom:37%; }*/
.slider-wrapper .container{ height:100%; position:relative; }

.logo-circ-home{ position:absolute; left:6%; top:50px; width:150px; height:150px; z-index:5; border-radius:50%;
	-webkit-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
}
.logo-circ-home:hover{ box-shadow:0px 0px 30px #FF0000; }
.logo-circ-home .st0{fill:#FF0000;}

.slider{ top:0; left:0; width:100%; height:100%;}
.slider-item{ position:relative; height:100%; overflow:hidden;}
.slider-item iframe{ min-width:100%; height:100%; }
.slider-item img{ position:absolute; min-width:102%; min-height:102%; top:50%; left:50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.slick-list, .slick-track{ height:100%; }

.player-wrapper{ height:100%; width:100%; position:relative; background-color:#000; z-index:10; overflow:hidden; } 
.player-wrapper .player{ height: 100%; width: 100%; position:relative; }
.player-wrapper .player .player-loader .vjs-loading-spinner{ z-index:10; }
.player-wrapper .player .player-still{ cursor:pointer; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; z-index:100; opacity:1;
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
}
.player-wrapper .player.alrdy-played .player-still{ opacity:0; }
.player-wrapper .player .player-still svg{ position:absolute; left:50%; top:50%; width:48px; height:48px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.player-wrapper .player .player-still svg .st0{ fill:#FF0000; animation:  play-anim infinite 4s ease-in-out;}

@keyframes play-anim{
    0%{fill:#FF0000;}
    50%{fill:#fff;}
	100%{fill:#FF0000;}
}

.player-wrapper .player .player-text{ position:absolute; left:6%; top:24%; z-index:100; font-size:44px; line-height:52px; font-weight:700; font-family:"Old Standard TT";}
.player-wrapper .player .slider-video{ width:100% !important; height:100% !important; }
.player-wrapper .player .slider-video video{ background-color:transparent;  cursor:pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 101%;
	max-width:101%;
    width: auto;
    height: auto;
    z-index: 15;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.player-controls{ position:absolute; left:0; bottom:30px; width:100%; box-sizing:border-box; padding:0 30px; z-index:20; height:18px; opacity: 1; filter: alpha(opacity=100);
	transition: opacity 0.3s ease-in-out , bottom 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out , bottom 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out , bottom 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out , bottom 0.3s ease-in-out;
}
.isFullScreen .player-controls{ z-index:999999999999 !important; bottom:10px; }
.hide-elements .player-controls{ opacity:0; }

.timeline{ width:calc(100% - 13px - 80px);height:4px; left:50%; top:50%;  position:relative; background-color:#000; cursor:pointer;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.timeline .buffer{ position:absolute; left:0; top:0; height:100%; background-color:#fff; }
.timeline .progress{ position:absolute; left:0; top:0; height:100%; background-color:#FF0000; }
.player-controls .btn{ background-position:center center; background-repeat: no-repeat; background-size:contain; color:#fff; font-size:16px; line-height:18px;
position:absolute; cursor:pointer; z-index:10; opacity: 1; filter: alpha(opacity=100);
	transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
}
.player-controls .btn:hover{ color:#FF0000; }
.player-controls .btn.hidden{ opacity: 0; filter: alpha(opacity=0); z-index:0;}
.player-controls .play{left:30px; top:0; }
.player-controls .pause{ left:30px; top:0px;}
.player-controls .full{ right:30px; top:0px; }

.slider-thumbnails{ width:100%; overflow:hidden; position:relative; margin-top:40px;}
.slider-thumbnails .slick-track{ width:100% !important; }
.slider-thumbnails ul{ width:100%; overflow:hidden; position:relative; text-align:center;}
.slider-thumbnails ul li{ width:16.66666%; float:none !important; display:inline-block !important; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; cursor:pointer; opacity:0.75; outline:none;
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
}
.slider-thumbnails ul li:before{ content:""; display:block; padding-bottom:55%; }
.slider-thumbnails ul li.slick-current, .slider-thumbnails ul li:hover{ opacity:1; }

/* BARRA TEXTO */

.barra-texto-wrapper{text-transform:uppercase; color:#FF0000; text-align:center; margin:60px auto;}
.barra-texto-wrapper h3{font-size:34px; line-height:38px; padding:30px 40px; position:relative;}
.barra-texto-wrapper h3:before{ content:"-"; position:absolute; top:0px; font-size:34px; line-height:2px; left:50%;}
.barra-texto-wrapper h3:after{ content:"-"; position:absolute; bottom:0; font-size:34px; line-height:2px; left:50%;}

/* GRID */

.grid-wrapper{}
.grid{ overflow:hidden; }
.grid-item{ width:25%; float:left; position:relative; overflow:hidden;}
.grid-item:before{ content:""; display:block; padding-bottom:54%; }
.grid-item .img{ z-index:0; position:absolute; left:0; top:0; right:0; bottom:0; 
    -webkit-transform: scale(1);
    transform: scale(1);
	
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
.grid-item:hover .img{
/*    -webkit-transform: scale(1.2);
    transform: scale(1.2);*/
}
.grid-item .img img{ position:absolute; left:50%; top:50%; max-width:none; /*height:102%; width:auto;*/ width:102%; height:auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.grid-item .grid-info{ z-index:20; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; 
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
}
.grid-item:hover .grid-info{ opacity:1; }
.grid-item .info{ color:#FF0000; padding:0 18%; width:100%; box-sizing:border-box; position:relative; z-index:10;}
.grid-item .info.info-center{ text-align:center; }
.grid-item .info h2{ text-transform:uppercase; font-size:28px; line-height:32px; margin-bottom:8px;}
.grid-item .info .logo{ margin-bottom:8px;}
.grid-item .info .logo img{ height:auto; max-height:40px; width:auto; max-width:50%;
   -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.grid-item .info p.year{ text-transform:uppercase; font-size:16px; line-height:20px; position:relative; padding-bottom:12px;}
.grid-item .info p:after{ content:""; position:absolute; height:1px; width:8px; background-color:#FF0000; left:0; bottom:0;}

.content-item .img{ background-size: cover; background-repeat: no-repeat; background-position: center; }
.content-item .overlay-color{ mix-blend-mode:color-burn; opacity:1; 
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
}
.content-item:hover .overlay-color{ opacity:0; }
.content-item .grid-info{/* opacity:1; */}
.content-item .info{ color:#fff; }
.content-item .info h3{ text-transform:uppercase; font-size:44px; line-height:48px; margin-bottom:18px;letter-spacing:8px;}
.content-item .info h2{ text-transform:uppercase; font-size:30px; line-height:34px; margin-bottom:0;}
.content-item .info h4{ text-transform:uppercase; font-size:30px; line-height:34px; margin-bottom:8px;}
.content-item .info p:after{  background-color:#fff; }
.content-item .info.info-center p:after{ left:50%; margin-left:-4px;}
.content-item .title-img{ margin-bottom:20px; }
.content-item .extra-img{ margin-bottom:20px; }

.grid-x-two{ /*width:1100px;*/ margin:auto; overflow:hidden;}
.grid-x-two .grid-item .img img{ min-width:102%; max-width:102%; height:auto; }
.grid-x-two .grid-item{ width:50%; }
.grid-x-two .grid-item:before{ padding-bottom:55%;}


.grid-full .grid-item{ width:100%; }
.grid-full .grid-item:before{ padding-bottom:25%;}

.grid-full .grid-item .grid-info{ justify-content:center; }
.grid-full .grid-item .info{ text-align:center; }
.grid-full .grid-item .info h2{ font-size:30px; line-height:34px; margin-bottom:10px;}
.grid-full .grid-item .info .logo{ margin-bottom:10px;}
.grid-full .grid-item .info .logo img{ max-height:60px; width:auto; }
.grid-full .grid-item .info p.year{ font-size:18px; line-height:22px;  padding-bottom:16px;}
.grid-full .grid-item .info p:after{  left:50%; margin-left:-4px;}


/* PAGE */

.page-header{ overflow:hidden; padding-top:50px; margin-bottom:100px; }
body.single-type-work .page-header{ margin-bottom:20px; }
.page-header .bg{ width:100%; height:170px; background-position:top center; background-repeat:no-repeat; background-size:cover; position:relative; margin-top:-50px;}
.page-header .bg .back-btn{ top:50px; }
.back-btn{ position:absolute; }
.back-btn a{ color:#FF0000; text-transform:uppercase; font-size:22px; line-height:26px; cursor:pointer;
	-webkit-transition: text-shadow 0.3s ease;
	-o-transition: text-shadow 0.3s ease;
}
.back-btn a:hover{ text-decoration:none; text-shadow:0px 0px 6px #FF0000; }
.page-title{ text-transform:uppercase; font-size:40px; line-height:44px; letter-spacing:10px; text-align:center; color:#FF0000; padding-top:30px;}

body.body-red .back-btn a{ color:#000; }
body.body-red .page-title{ color:#000; }

/* SINGLE */

.single-container{ position:relative; padding:0 14%; }
.single-container .slider-wrapper{ height:65vh; }

.single-header{ overflow:hidden; height:60px; margin:0 auto 20px;}
.single-header .container{ height:100%; }
.single-header .left{ float:left; position:relative; top:50%;
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
}
.single-header .left img{ height:100%; max-width:none; width:auto;
   -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.single-header .right{ float:right; position:relative; top:50%;
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
}
.single-header p{ color:#FF0000; text-transform:uppercase; font-size:22px; line-height:26px; }

.single-content{ margin-top:40px; color:#FF0000; margin-bottom:90px;}
.single-content h1{ font-size:34px; line-height:38px; margin-bottom:30px; }

.single-content .info{ font-size:20px; line-height:24px; margin-bottom:30px; }
.single-content p{ margin-bottom:20px; }
.single-content a{  color:#FF0000;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}
.single-content a:hover{  color:#fff; text-decoration:underline;  }

.single-content .info-extra{ font-size:18px; line-height:24px; margin-bottom:30px; }
.single-content .info-extra a{font-size:22px; line-height:28px; display:inline-block; margin-bottom:20px; text-transform:uppercase;}

body.body-red .single-content{ color:#000; }

/* RELACIONADOS */
.relacionados-wrapper{border-top:1px solid #FF0000; }
.relacionados-wrapper h3{text-transform: uppercase; font-size: 24px; line-height: 30px; letter-spacing: 10px; text-align: center; color: #FF0000; margin: 80px auto; }

/* ABOUT */

.page-about-content{ text-transform:uppercase; color:#FF0000; text-align:center; margin-bottom:120px;}
.page-about-content h1{ font-size:160px; line-height:170px; padding:0 40px;}
.page-about-content h2{ font-size:55px; line-height:58px; padding:0 40px;  margin-bottom:50px; letter-spacing:-6px;}
.page-about-content h3{ font-size:34px; line-height:38px; padding:30px 40px; position:relative;}
.page-about-content h3:before{ content:"-"; position:absolute; top:0px; font-size:34px; line-height:2px; left:50%;}
.page-about-content h3:after{ content:"-"; position:absolute; bottom:0; font-size:34px; line-height:2px; left:50%;}

.clientes-wrapper{}
.clientes-wrapper ul{ overflow:hidden; text-align:center;}
.clientes-wrapper ul li{ width:18%; height:100px; display:inline-block; margin-bottom:60px; margin-left:2.5%; margin-right:-7px;}
.clientes-wrapper ul li:first-child{ margin-left:0; }
.clientes-wrapper ul li:nth-child(5n+1){ margin-left:0; }
.clientes-wrapper ul li:before{  content: '';  display: inline-block; vertical-align: middle; height: 100%;}
.clientes-wrapper ul li img{ display:inline-block; margin:auto; height:auto; max-height:60%; width:auto; max-width:40%; vertical-align:middle;
   -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/* TEAM */
.team-wrapper{ margin-bottom:80px; overflow:hidden;}
.team-title{ max-height:280px; min-height:100px; background-color:#FF0000; position:relative; text-align:center; }
.team-wrapper .team-block:nth-child(1) .team-title{ border-right:1px solid #000; }
.team-title h2{ font-size:26px; line-height:30px; color:#000; letter-spacing:-1px; text-transform:uppercase; position:absolute; top:50%; left:0; width:100%;  padding:0 8%; box-sizing:border-box;
    -webkit-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
}
.team-title:before{ content:""; display:block; padding-bottom:15%; }

.team{ overflow:hidden; position:relative; font-size:0; text-align:center;}
.team-item{ display:inline-block; width:25%; position:relative; box-sizing:border-box; border-bottom:1px solid #FF0000;/* border-right:1px solid #FF0000;*/}
.team-item:first-child:before{ width:1px; background-color:#FF0000; }
.team-wrapper .team-block:nth-child(2) .team-item:first-child:before{ width:0; background-color:transparent;}
.team-item:before{ content:""; display:block; padding-bottom:70%; }
.team-item:after{content:"";width:1px;background-color:#FF0000;height: 100%;position: absolute;right: 0;top: 0;}
.team-img{ position:absolute; top:0; left:0; width:100%; height:100%;}
.team-img img{ position:absolute; left:50%; top:50%; min-width:101%; min-height:101%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.team-info{ position:absolute; top:0; left:0; width:100%; left:50%; top:50%; padding-bottom:14px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.team-info:after{ content:"-"; font-size:20px; line-height:2px; color:#FF0000; position:absolute; left:50%; bottom:0; }
.team-info h3{ font-size:22px; line-height:24px; letter-spacing:-1px;  color:#FF0000; padding:0 20px; text-transform:uppercase; text-align:center; width:100%; box-sizing:border-box; margin-bottom:4px; }
.team-info a{ font-size:16px; line-height:18px; letter-spacing:1px;  color:#FF0000; padding:0 20px; text-align:center; width:100%; box-sizing:border-box;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}
.team-info a:hover{ color:#fff; }

.team-half .team-block{ width:50%; float:left;}
.team-half .team-title:before{ content:""; display:block; padding-bottom:30%; }
.team-half .team-item{ width:50%;}

/* CONTACT */

form{ width:80%; margin:auto; overflow:hidden;}
.form-row{ overflow:hidden; }
.form-block{ width:100%; margin-bottom:50px; }
.form-block.half{ width:48%; float:right;}
.form-block.half:first-child{ float:left;}

.form-block input{ width:100%; height:44px; background-color:transparent; border-bottom:1px solid #FF0000; box-sizing:border-box; color:#FF0000; text-transform:uppercase; font-size:18px; }
.form-block textarea{ width:100%; height:100px; background-color:transparent; border-bottom:1px solid #FF0000; box-sizing:border-box; color:#FF0000; text-transform:uppercase; font-size:18px; resize:none;
padding:6px 0;}

.form-row .submit-out{ text-align:center;}
.form-row .submit-out input{ width:auto; height:44px; background-color:#000; border:1px solid #FF0000; box-sizing:border-box; color:#FF0000; text-transform:uppercase; font-size:18px; cursor:pointer; 
padding:0 32px; margin-left:15px;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-o-transition: color 0.3s ease, background-color 0.3s ease;
}
.form-row .submit-out input:hover{background-color:#FF0000; color:#000; }


span.wpcf7-not-valid-tip { color: #FF0000; font-size: 14px; line-height:16px; display: block; margin-top:6px;}
div.wpcf7-response-output { margin: 30px auto; padding:0; width:90%; border:none;  font-size: 16px; line-height:20px; text-align:center;}
div.wpcf7-mail-sent-ok{  color: #FF0000; }
div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors{ color:#fff; }
div.wpcf7 .ajax-loader{ background-image:url(img/ajax-loader.gif) !important; }

::-webkit-input-placeholder{ color: #FF0000; opacity:0.9; }
::-moz-placeholder{ color: #FF0000; opacity:0.9; }
:-ms-input-placeholder{ color: #FF0000; opacity:0.9; }
:-moz-placeholder{  color: #FF0000; opacity:0.9; }

@media screen and (max-width:1680px){
	
	/* GRID */
	.grid-item .info h2{ font-size:24px; line-height:28px; }
	.grid-item .info p.year{ font-size:14px; line-height:18px;}
	
	.content-item .info h3{ font-size:40px; line-height:44px; }
	.content-item .info h2{ font-size:26px; line-height:30px; }
	.content-item .info h4{ font-size:26px; line-height:30px; }	
	
}
@media screen and (max-width:1220px){
	
	/* SLIDER */
	.slick-prev{ left:-25px; }
	.slick-next{ right:-25px;}
	
	/* GRID */
	.grid-item .info h2{ font-size:20px; line-height:24px; }	
	
	.content-item .info h3{ font-size:36px; line-height:40px; }
	.content-item .info h2{ font-size:22px; line-height:26px; }
	.content-item .info h4{ font-size:22px; line-height:26px; }		
}

@media screen and (max-width:1024px){
	
	/* SLIDER */
	.slider-wrapper{ height:auto !important; }	
	.slider-wrapper:before{ content:""; display:block; padding-bottom:56%; }
	.slider{ position:absolute; }
	
	.slider-item iframe{ width:100%; height:100%; }

	/* GRID */
	.grid-item{ width:33.3333333%; }
	
	/* TEAM */
	.team-item{ width:50%; }
	
	.team-wrapper .team-block:nth-child(2) .team-item:first-child:before{ width:1px; background-color:#FF0000;}
	.team-half .team-block{ width:100%; float:none; margin-bottom:80px;}
	.team-wrapper .team-block:nth-child(2){ margin-bottom:0; }
	.team-item:nth-child(2n+1):before{ width:1px; background-color:#FF0000; }
	.team-half .team-title:before{ content:""; display:block; padding-bottom:30%; }
	.team-half .team-item{ width:50%;}	
	
	

}

@media screen and (max-width:991px){
	.container{ padding:0 5%; }
	
	.single-container{ padding:0 5%; }
	
	/* GRID */
	.grid-x-two .grid-item{ width:100%; }
	.grid-x-two .grid-item:before{ padding-bottom:55%;}	
}

@media screen and (max-width:768px){
	
	/* MENU */
	.nav-menu.menu-left{ display:none; }
	.nav-menu.menu-right{ display:none; }
	.nav-menu.menu-mid{ width:152px; position:absolute; left:5%;
		-webkit-transform: translateX(0%) translateY(-50%);
		transform: translateX(0%) translateY(-50%);
	}	
	#menu-mobile-wrapper{ display:block; }
	#menu-mobile-btn{ display:block; }
	
	
	/* SLIDER */
	
	.player-controls{ bottom:10px; height:20px;}
	.player-controls .btn{ font-size:20px; line-height:20px;}
	
	/* BARRA TEXTO */

	.barra-texto-wrapper h3{font-size:26px; line-height:30px; }
	.barra-texto-wrapper h3:before{font-size:26px; }
	.barra-texto-wrapper h3:after{ font-size:26px; }	

	/* GRID */
	.grid-item{ width:50%; }
	
	/* ABOUT */
	
	.page-about-content h1{ font-size:100px; line-height:110px; }
	.page-about-content h2{ font-size:40px; line-height:46px; }
	.page-about-content h3{ font-size:26px; line-height:30px; }
	.page-about-content h3:before{ font-size:26px;}
	.page-about-content h3:after{ font-size:26px;}

	.clientes-wrapper ul li{ width:22%; height:80px; margin-bottom:50px; margin-left:4%; margin-right:-7px;}	
	.clientes-wrapper ul li:nth-child(5n+1) {margin-left: 4%; }
	.clientes-wrapper ul li:nth-child(4n+1) {margin-left: 0%; }
	
	/* CONTACT */
	
	form{ width:100%;}
	.form-block.half{ width:100%; float:none;}
	.form-block.half:first-child{ float:none;}	

}

@media screen and (max-width:580px){
	.nav-menu.menu-mid{ width:120px; }
	
	
	.logo-circ-home{ display:none; }
	.page-header{ margin-bottom:50px; }
	.page-header .bg{ height:120px; }
	
	/* FOOTER */
	
	footer{height:auto; text-align:center;}
	.footer-left{ float:none; margin-bottom:40px;}
	.footer-right{ display:block; margin:auto;
		-webkit-transform: translateX(0) translateY(0%) !important;
		transform: translateX(0) translateY(0%) !important;
	}

	.footer-right.text{ float:none; width:200px; position:relative; right:auto; bottom:auto; }
	.footer-right.circulo{ float:none; width:100px; position:relative; right:auto; top:auto;}
	
	footer p{ font-size:18px; line-height:20px; }
	
	ul.rrss{ width: 144px; margin: 24px auto 0; }
	ul.rrss li{ display:table-cell; vertical-align:middle; height:38px; padding:0 9px; position:relative;}
	
	footer.footer-big p{ font-size:18px; line-height:20px; }
	footer.footer-big .footer-right.circulo{ width:100px; }
	footer.footer-big ul.rrss li{ height:48px; padding:0 9px;}
	footer.footer-big ul.rrss li a{ font-size:24px; line-height:48px; }

	/* SLIDER */
	.slider-thumbnails ul li{ width:33.3333333% !important; }
	
	
	/* BARRA TEXTO */

	.barra-texto-wrapper h3{font-size:22px; line-height:28px; padding:15px 20px; }
	.barra-texto-wrapper h3:before{font-size:22px; }
	.barra-texto-wrapper h3:after{ font-size:22px; }	

	/* GRID */
	.grid-item{ /*width:100%; */}
	.grid-item .info{ padding:0 8%; }
	
	.grid-item .info h2{ font-size:16px; line-height:18px; margin-bottom:0; }	
	.grid-item .info .logo{ display:none; }
	.grid-item .info p.year{ padding-bottom:6px; }
	
	.content-item .extra-img{ display:none; }
	.content-item .info h3{ font-size:22px; line-height:24px; letter-spacing:4px; margin-bottom:10px;}
	.content-item .info h2{ font-size:18px; line-height:22px; }
	.content-item .info h4{ font-size:18px; line-height:22px; }	
	
	/* ABOUT */
	
	.page-about-content{ margin-bottom:60px; }
	.page-about-content h1{ font-size:70px; line-height:80px; padding:0 20px;}
	.page-about-content h2{ font-size:30px; line-height:36px; letter-spacing:-2px; padding:0 20px; margin-bottom:25px;}
	.page-about-content h3{ font-size:22px; line-height:28px; padding:15px 20px; }
	.page-about-content h3:before{ font-size:22px;}
	.page-about-content h3:after{ font-size:22px;}	

	.clientes-wrapper ul li{ width:48%; height:80px; margin-bottom:50px; margin-left:4%; margin-right:-12px;}	
	.clientes-wrapper ul li:nth-child(5n+1) {margin-left: 4%; }
	.clientes-wrapper ul li:nth-child(4n+1) {margin-left: 4%; }
	.clientes-wrapper ul li:nth-child(2n+1) {margin-left: 0%; }
	.clientes-wrapper ul li img { max-height: 90%; max-width: 80%;}
	
	/* TEAM */
	.team-item{ width:100%; }
	.team-item:before{ width:1px; background-color:#FF0000; }
	.team-half .team-item{ width:100%;}		
		
}