/*
Template Name: Stability Responsive HTML Template
Template URI: http://themeforest.net/user/dan_fisher/portfolio
Author: Dan Fisher
Author URI: http://themeforest.net/user/dan_fisher
Description: Stability is a clean, and multi-purpose HTML Template. It is suitable for your business, a creative agency or a portfolio projects. Stability comes with stylish design, 6 home pages, 2-4 columns, fullwidth portfolio layouts, pricing tables, 4 blog page layouts, single portfolio layouts, contacts page and more.
Version: 1.2
Tags: black, blog, bold, bootstrap, business, grid, portfolio, post formats, posts, red, stability, strong, white
*/
/* Table of Content
==================================================
#General
- Typography
#Header
- Text Based Logo
- Image Based Logo
#Navigation
#Slider
- Revolution Slider
- Royal Slider
#Content
- Page Heading
- Page Content
#Widgets
- Base Widgets
- Latest Post Widget
- Contacts Info
- Flickr
- Tag Cloud
- Tabbed Widget
#Pages
- About Us
- 404 Error Page
- Coming Soon
- Contacts
#Blog
#Portfolio
#Footer
- Footer widgets
- Copyright
#One Page
*/
/*
// #General
// --------------------------------------------------
*/
.container-fluid > .row > .col-md-12 {
padding-left: 0;
padding-right: 0;
}
html {
overflow-x: hidden;
overflow-y: auto;
}
body {
background-color: #f7f7f7;
color: #6d6d6d;
font-family: 'Muli', sans-serif;
font-size: 13px;
line-height: 1.6em;
margin: 0;
-webkit-font-smoothing: antialiased;
}
@media (min-width: 1200px){
.container {
width: 1274px;
}
}
.container {
padding-left: 10px;
padding-right: 10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 10px;
padding-right: 10px;
}
.row {
margin-right: -10px;
margin-left: -10px;
}
.container-fluid {
padding-left: 10px;
padding-right: 10px;
}
.row-white {
background: #fff;
padding: 34px 24px;
box-sizing: content-box;
margin: 0;
border-radius: 6px;
}
.row-white:before,
.row-white:after {
content: " ";
display: block;
}
.row-white:after {
clear: both;
}
@media (max-width: 767px) {
.row-white {
padding: 24px 4px;
}
}
.border-rounded img {
border-radius: 6px;
}
body.bg1 {
background: #ffffff url(../images/bg1.jpg) 50% 0 no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.site-wrapper {
overflow: hidden;
position: relative;
}
body.boxed .site-wrapper {
margin: 0 auto;
max-width: 1200px;
background: #fff;
}
@media (min-width: 992px) {
body.boxed .site-wrapper {
margin: 30px auto;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
overflow: hidden;
border-radius: 6px;
}
body.boxed .site-wrapper .header-top {
border-radius: 6px 6px 0 0;
}
}
.h2-block-title .widget-title,
.h2-block-title .widget-title span{
font-size: 24px;
font-family: 'Oswald', sans-serif;
}
/*
// #Header
// --------------------------------------------------
*/
.header {
position: relative;
z-index: 99;
}
/* Sticky Menu */
body.sticky-header .header {
position: fixed;
top: -44px;
left: 0px;
width: 100%;
z-index: 99;
}
body.sticky-header .header .header-main {
/*-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);*/
-webkit-box-shadow: 0 10px 10px -3px rgba(0,0,0,0.3);
box-shadow: 0 10px 10px -3px rgba(0,0,0,0.3);
}
body.sticky-header .header .header-main:before {
}
body.sticky-header .header .logo {
padding: 0;
}
body.sticky-header .header .logo h1,
body.sticky-header .header .logo h2 {
font-size: 30px;
}
body.sticky-header .header .nav-main {
min-height: 90px;
}
@media all and (min-width: 992px) {
body.sticky-header .header .flexnav > li > a {
line-height: 90px;
}
body.sticky-header .header.menu-pills .flexnav {
padding-top: 18px;
}
body.sticky-header .header.menu-pills .flexnav > li > a {
line-height: 44px;
}
}
body.boxed .header-main {
margin: 0 auto;
max-width: 1200px;
}
.header-top {
background: #2f2f2f;
padding: 0;
color: #fff;
font-family: 'Roboto',sans-serif;
line-height: 44px;
font-size: 12px;
}
@media (max-width: 767px) {
.header-top {
}
}
.header-top ul {
padding-left: 5px;
list-style: none;
margin: 0;
display: inline-block;
}
.header-top ul > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.header-top ul > li {
position: relative;
padding: 0 10px 0 13px;
}
.header-top ul > li a{
color: rgba(255,255,255,0.7) !important;
}
.header-top ul > li a:hover{
color: rgba(255,255,255,1) !important;
}
.header-top ul > li a::before{
content: "";
display: block;
position: absolute;
height: 6px;
left: 1.5px;
bottom: 0px;
width: 100%;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.header-top ul > li a:hover::before{
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.header-top ul > li:nth-child(1) a:hover::before {
background: #ED0134;
}
.header-top ul > li:nth-child(2) a:hover::before {
background: #ED0134;
}
.header-top ul > li:nth-child(3) a:hover::before {
background: #41B39F;
}
.header-top ul > li:nth-child(4) a:hover::before {
background: #a300fa;
}
.header-top ul > li:nth-child(5) a:hover::before {
background: #4144C6;
}
.header-top ul > li:nth-child(6) a:hover::before {
background: #145F7F;
}
.header-top ul > li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 50%;
margin-top: -4px;
background: #616161;
height: 7px;
width: 1px;
}
.header-top ul > li:first-child {
}
.header-top ul > li:first-child:before {
display: none;
}
.header-top .info-item {
margin-right: 25px;
}
.header-top a {
color: #fff;
text-decoration: none;
border-bottom: 1px solid transparent;
}
.header-top a:hover {
text-decoration: none;
color: #fff;
border-bottom-color: #616161;
}
.header-top .fa {
font-size: 14px;
vertical-align: top;
margin-right: 5px;
color: #fff;
}
.header-top-left {
float: left;
}
.header-top-left a{
border: 0;
}
.header-top-left h4{
margin: 0px;
padding: 0px;
float: left;
position: relative;
margin-right: 10px;
font-weight: 700;
}
.header-top-left h4 a{
display: inline-block;
position: relative;
padding: 0px 10px;
line-height: 44px;
color: rgba(255,255,255,1) !important;
background-color: rgba(255, 255, 255, 0.2);
}
.header-top-left h4 a:hover{
background-color: #E61C22;
-webkit-transition: background-color 1s ease;
-moz-transition: background-color 1s ease;
-o-transition: background-color 1s ease;
transition: background-color 1s ease;
}
.header-top-left h4 a::before {
border-color: transparent rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) transparent;
border-style: solid;
border-width: 22px 5px;
right: 100%;
}
.header-top-left h4 a::after {
border-color: rgba(255, 255, 255, 0.2) transparent transparent rgba(255, 255, 255, 0.2);
border-style: solid;
border-width: 22px 5px;
left: 100%;
}
.header-top-left h4 a::before, .header-top-left h4 a::after {
content: "";
display: block;
position: absolute;
top: 0;
}
.header-top-left h4 a:hover::before {
border-color: transparent rgba(230, 28, 34, 1) rgba(230, 28, 34, 1) transparent;
-webkit-transition: border-color 1s ease;
-moz-transition: border-color 1s ease;
-o-transition: border-color 1s ease;
transition: border-color 1s ease;
}
.header-top-left h4 a:hover::after {
border-color: rgba(230, 28, 34, 1) transparent transparent rgba(230, 28, 34, 1);
-webkit-transition: border-color 1s ease;
-moz-transition: border-color 1s ease;
-o-transition: border-color 1s ease;
transition: border-color 1s ease;
}
@media (max-width: 991px) {
.header-top-left {
display: none;
}
}
.header-top-right {
float: right;
}
.header-top-right a.header-top-right-play{
background: #ED0134;
line-height: 28px;
color: #fff !important;
border-radius: 4px;
padding-right: 15px;
margin-left: 10px;
display: inline-block;
border: 0;
}
.header-top-right a.header-top-right-play:hover{
border: 0;
background: #FF5245;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.header-top-right a.header-top-right-play i{
float: left;
line-height: 28px;
font-size: 14px;
padding: 0px 10px 0px 15px;
margin: 0;
}
.header-top-right > span + span {
margin-left: 32px;
}
.header-top-right > span + span.info-item {
margin-left: 25px;
margin-right: 0;
}
.header-top-right > span.info-item {
margin-right: 0;
}
@media (max-width: 767px) {
.header-top-right {
float: none;
text-align: center;
}
.social-media{
display: none;
}
}
/* Header Main */
.header-main {
position: relative;
background: #fff;
}
.header-main:before,
.header-main:after {
content: " ";
display: table;
}
.header-main:after {
clear: both;
}
.header-main > .container {
position: relative;
}
/* Logo */
.header .logo {
-webkit-transition: 0.2s;
transition: 0.2s;
float: left;
margin: 18px 0px;
position: relative;
}
.header .logo img {
position: relative;
display: inline-block;
z-index: 2;
max-width: 420px;
max-height: 54px;
}
.header .logo img.logo_adorno {
position: absolute;
top: -26px;
left: 38px;
z-index: 10;
max-height: 70px;
}
@media (max-width: 1200px) {
.header .logo img{
max-width: 225px;
}
}
.header .logo h1,
.header .logo h2 {
position: relative;
z-index: 2;
font-family: 'Anton', sans-serif;
font-size: 36px;
line-height: 1em;
color: #2f2f2f;
font-weight: normal;
margin: 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.header .logo h1 > a,
.header .logo h2 > a {
color: #2f2f2f;
text-decoration: none;
display: inline-block;
}
.header .logo h1 > a:first-letter,
.header .logo h2 > a:first-letter {
color: #dc2a0b;
}
.header .logo .tagline {
margin: 0;
font-size: 10px;
line-height: 1.5em;
color: #a3a3a3;
position: relative;
z-index: 2;
}
/* Header Search Form */
.search-form {
width: 260px;
display: none;
vertical-align: middle;
}
@media (min-width: 992px) {
.search-form {
display: table-cell;
}
}
.search-form .btn,
#search-block-form .btn {
background-image: -webkit-linear-gradient(top, #3d3d3d 0%, #2f2f2f 100%);
background-image: linear-gradient(to bottom, #3d3d3d 0%, #2f2f2f 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3d3d3d', endColorstr='#ff2f2f2f', GradientType=0);
text-align: center;
border-color: #2f2f2f;
padding-left: 18px;
padding-right: 18px;
}
.search-form .btn .fa {
line-height: 1.3em;
color: #fff;
margin-right: 0;
}
.header .search-form {
float: right;
padding: 35px 0;
}
.header .social-media {
float: right;
position: relative;
padding: 25px 0px;
z-index: 2;
margin-right: 24px;
}
@media (max-width: 1199px) {
.header .social-media {
margin-right: 10px;
}
}
.header .social-media ul{
list-style: none;
padding: 0;
margin: 0;
}
.header .social-media ul li{
float: left;
}
.header .social-media ul li a{
display: block;
width: 44px;
text-align: center;
font-size: 24px;
line-height: 40px;
color: #999;
border-radius: 10%;
transition: all .2s ease-in-out;
}
.header .social-media ul li a:hover{
-webkit-transform: scale(1.5,1.5);
-moz-transform: scale(1.5,1.5);
-o-transform: scale(1.5,1.5);
transform: scale(1.5,1.5);
}
.header .social-media ul li a.facebook:hover{
color: #22589b;
}
.header .social-media ul li a.twitter:hover{
color: #00c4ff;
}
.header .social-media ul li a.youtube:hover{
color: #e1191f;
}
.header .social-media ul li a.instagram:hover{
color: #c13584;;
}
.header .btn-extras{
float: right;
padding: 25px 0px 25px 10px;
position: relative;
z-index: 2;
}
.header .btn-extras a{
display: block;
width: 40px;
background: #eee;
text-align: center;
height: 40px;
color: #333;
border-radius: 10%;
cursor: pointer;
}
.header .btn-extras a i {
display:block;
line-height:40px;
text-align:center;
font-size:22px;
}
.header .btn-extras a:hover{
background: #ED0134;
-webkit-transition: background-color 1s ease;
-moz-transition: background-color 1s ease;
-o-transition: background-color 1s ease;
transition: background-color 1s ease;
color: #fff;
text-decoration: none;
}
.header .btn-extras a i.icon-close {
display: none;
}
.header .btn-extras a.btn-search-hover,
.header .btn-extras a.btn-menu-hover,
.header .btn-extras a.btn-box-menu-hover {
background: #ED0134;
color: #fff;
}
.header .btn-extras a.btn-search-hover i.icon-close,
.header .btn-extras a.btn-menu-hover i.icon-close,
.header .btn-extras a.btn-box-menu-hover i.icon-close {
display: block;
}
.header .btn-extras a.btn-search-hover i.fa-search,
.header .btn-extras a.btn-menu-hover i.fa-bars,
.header .btn-extras a.btn-box-menu-hover i.fa-bars {
display: none;
}
.search-flyout {
position: absolute;
top: 100%;
width: 100%;
background-color: #ED0134;
box-shadow: 0 10px 10px -3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0 10px 10px -3px rgba(0,0,0,0.3);
z-index: 1000;
display: none;
}
.search-flyout .form-control,
.mobile-search .form-control {
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
font-size: 2.5rem;
border-left: 2px solid rgba(255,255,255,.25);
padding: 5px 70px 5px 15px;
box-sizing: border-box;
color: #fff;
outline: none;
}
.search-flyout .form-control:focus,
.mobile-search .form-control:focus {
border-left: 2px solid rgba(255,255,255,.25);
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.search-flyout .form-control::placeholder,
.mobile-search .form-control::placeholder {
color: rgba(255,255,255,.75 );
opacity: .75;
}
.search-flyout .btn-primary,
.mobile-search .btn-primary {
background: rgba(255,82,69,0.5);
border: 0px;
border-radius: 0px;
font-size: 24px;
padding: 8px 20px;
line-height: 30px;
}
.search-flyout .btn-primary:hover,
.search-flyout .btn-primary:focus,
.search-flyout .btn-primary:active,
.search-flyout .btn-primary.active,
.mobile-search .btn-primary:hover,
.mobile-search .btn-primary:focus,
.mobile-search .btn-primary:active,
.mobile-search .btn-primary.active {
background: #FF5245 !important;
border: 0px;
}
.menu-prensa {
background: #efefef;
}
.menu-prensa ul {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
}
.menu-prensa ul > li {
display: inline-block;
padding: 0 15px;
border-right: 1px solid rgba(0,0,0,0.08);
}
.menu-prensa ul > li:last-child {
border-right: 0px;
}
.menu-prensa ul > li a {
display: inline-block;
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
line-height: 50px;
color: #2f2f2f !important;
padding: 0 15px;
position: relative;
}
.menu-prensa ul > li a:before {
content: "";
display: block;
position: absolute;
height: 6px;
left: 0;
bottom: 0;
width: 100%;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.menu-prensa ul > li:hover > a:before,
.menu-prensa ul > li.active > a:before {
background: #ED0134;
}
@media (max-width: 1199px) {
.menu-prensa ul > li a {
padding: 0 7px;
}
.menu-prensa ul > li {
padding: 0 5px;
}
}
@media (max-width: 991px) {
.menu-prensa {
display: none;
}
}
.box-menu{
display: none;
background: #ebebeb;
}
.box-menu .canales-box {
background: #ED0134;
padding: 10px 20px 45% 20px;
}
#TVPENOTICIAS .box-menu .canales-box {
padding-bottom: 10%;
}
#TVPEINTERNACIONAL .box-menu .canales-box {
background: #41B39F;
padding-bottom: 45%;
}
.box-menu .canales-box a {
display: block;
}
.box-menu .canales-box .box-img img {
max-height: 75px;
width: auto;
}
.box-menu .canales-box hr {
margin: 0;
margin-bottom: 10px;
}
.box-menu .content-box {
padding: 20px 0;
}
.box-menu .content-box h3 {
margin: 0;
color: #fff;
padding: 10px 0 10px 24px;
line-height: 34px;
position: relative;
}
.box-menu .content-box h3,
.box-menu .content-box h3 a {
color: #2f2f2f;
}
.box-menu .content-box h3:hover {
text-decoration: underline;
}
.box-menu .content-box h3:before {
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
height: 16px;
width: 16px;
background: #ED0134;
}
#TVPEINTERNACIONAL .box-menu .content-box h3:before {
background: #41B39F;
}
.box-menu .content-box h4 {
}
.box-menu .content-box ul {
list-style: none;
margin: 0;
padding: 0px;
}
.box-menu .content-box ul li {
line-height: 1.5em;
margin-bottom: 10px;
}
.box-menu .content-box ul li a {
color: #2f2f2f;
}
.box-menu .content-box ul li a:hover {
color: #ED0134;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.box-menu .content-box ul.category li:last-child {
margin-bottom: 1.5em;
}
.header .btn-extras a.btn-menu {
display: none;
}
@media (max-width: 767px) {
.header .btn-extras a.btn-search {
display: none;
}
}
@media (max-width: 991px) {
.header .btn-extras a.btn-box-menu {
display: none;
}
.header .btn-extras a.btn-menu {
display: block;
}
}
/*
// #Navigation
// --------------------------------------------------
*/
/* Navigation Wrapper */
.nav-main {
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 991px) {
.nav-main {
width: 100%;
clear: both;
}
}
@media (min-width: 992px) {
.nav-main {
background: none;
min-height: 90px;
}
}
@media (min-width: 767px) and (max-width: 992px) {
.nav-main .container {
width: 100%;
}
}
/* Navigation General styles */
.flexnav {
-webkit-transition: none;
transition: none;
padding-left: 0;
list-style: none;
-webkit-transform-style: preserve-3d;
overflow: hidden;
margin: 0 auto;
padding: 0 15px;
max-height: 0;
margin: 0 -15px;
}
.flexnav.opacity {
opacity: 0;
filter: alpha(opacity=0);
}
.flexnav.flexnav-show {
max-height: 2000px;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.flexnav li {
position: relative;
overflow: hidden;
/* Submenu */
}
.flexnav li a {
position: relative;
display: block;
z-index: 2;
overflow: hidden;
color: #fff;
text-decoration: none;
padding: 12px 8px;
}
.flexnav > li > a {
font-family: 'Roboto', sans-serif;
font-size: 1.4em;
font-weight: 700;
}
.flexnav li a .label {
margin-left: 4px;
vertical-align: middle;
}
.flexnav li + li {
border-top: 1px solid #3f3f3f;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.flexnav li ul {
width: 100%;
padding-left: 0;
list-style: none;
margin: 0;
padding-left: 20px;
}
.flexnav li ul li {
position: relative;
overflow: hidden;
}
.flexnav li ul li a {
display: block;
color: #fff;
}
.flexnav li ul.flexnav-show li {
overflow: visible;
}
@media (min-width: 992px) {
.flexnav {
margin: 0;
}
}
/* Touch Button (used for Mobile) */
.touch-button {
position: absolute;
z-index: 999;
top: 1px;
right: 0;
width: 42px;
height: 42px;
display: inline-block;
text-align: center;
background: rgba(255, 255, 255, 0.07);
/* Touch Button Active */
}
.touch-button:hover {
cursor: pointer;
}
.touch-button .navicon {
position: relative;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
}
.touch-button .navicon:before {
display: inline-block;
content: "\f107";
font-family: 'FontAwesome';
font-size: 14px;
color: #c1c1c1;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.touch-button.active .navicon:before {
content: "\f106";
}
/* Navigation styles - For Desktop */
@media all and (min-width: 992px) {
.flexnav {
overflow: visible;
text-align: center;
position: relative;
z-index: 3;
margin: 0;
padding: 0;
padding-left: 0;
list-style: none;
}
.flexnav.opacity {
opacity: 1;
filter: alpha(opacity=100);
}
.flexnav > li {
text-align: left;
list-style: none;
display: inline-block;
overflow: visible;
position: relative;
border: none !important;
-webkit-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
/* Submenu */
}
.flexnav > li + li {
margin-left: 9px;
}
.flexnav > li > a {
font-size: 19px;
color: #656464;
text-decoration: none;
padding: 0 15px;
font-family: 'Roboto', sans-serif;
line-height: 90px;
font-weight: 700;
position: relative;
z-index: 3;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.flexnav > li > a:before {
content: "";
display: block;
position: absolute;
height: 8px;
left: 0;
bottom: 0;
width: 100%;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.flexnav > li:hover,
.flexnav > li.active {
background: #fff;
}
.flexnav > li:hover > a,
.flexnav > li.active > a {
color: #2f2f2f;
}
.flexnav > li:hover > a:before,
.flexnav > li.active > a:before {
background: #ED0134;
}
.flexnav > li.item-with-ul > a:after {
display: inline-block;
content: "\f078";
font-family: 'FontAwesome';
font-size: 14px;
color: #c1c1c1;
margin-left: 6px;
font-style: normal;
font-weight: normal;
line-height: 1;
position: relative;
top: -2px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flexnav > li ul {
padding-left: 0;
list-style: none;
display: none;
position: absolute;
top: auto;
left: 0;
min-width: 180px;
background: #fff;
-webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
overflow: visible !important;
}
.flexnav > li ul li {
width: 100%;
border: none !important;
/* Submenu 2nd Level */
}
.flexnav > li ul li.item-with-ul > a:after {
display: block;
position: absolute;
right: 12px;
top: 50%;
margin-top: -7px;
content: "\f105";
font-family: 'FontAwesome';
font-size: 14px;
color: #c1c1c1;
margin-left: 6px;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flexnav > li ul li a {
color: #2f2f2f;
padding: 10px 20px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.flexnav > li ul li a:hover {
background: #f2f2f2;
-webkit-transition: none;
transition: none;
}
.flexnav > li ul li.active > a {
background: #f2f2f2;
}
.flexnav > li ul li + li a {
border-top: 1px solid #f2f2f2;
}
.flexnav > li ul li > ul {
margin-left: 100%;
top: 0;
}
.flexnav > li > ul {
padding: 15px 0px;
}
.touch-button {
display: none;
}
}
/* Navigation Toggle Button */
.navbar-toggle {
margin: 0;
padding: 9px;
border-radius: 2px;
vertical-align: top;
height: 40px;
width: 40px;
background: #2f2f2f;
position: absolute;
top: 38px;
right: 15px;
z-index: 8;
}
.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus {
background: #434343;
}
.navbar-toggle .fa {
color: #fff;
font-size: 14px;
}
.navbar-toggle .touch-button {
display: none;
}
/* Header v2 */
@media (min-width: 992px) {
.header-menu-fullw .header-main > .container {
margin-bottom: 0;
padding: 0 15px;
}
}
.header-menu-fullw .header-main .head-banner {
padding: 13px 0;
display: none;
position: relative;
}
@media (min-width: 992px) {
.header-menu-fullw .header-main .head-banner {
display: block;
float: right;
}
}
.header-menu-fullw .nav-main {
text-align: left;
min-height: 0;
background-image: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #ececec 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffececec', GradientType=0);
}
@media all and (min-width: 992px) {
.header-menu-fullw .nav-main {
height: 71px;
border-top: 1px solid #d8d8d8;
}
.header-menu-fullw .nav-main .flexnav {
text-align: left;
}
.header-menu-fullw .nav-main .flexnav > li > a {
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
line-height: 70px;
padding: 0 20px;
}
.header-menu-fullw .nav-main .flexnav > li.signin {
float: right;
}
.header-menu-fullw .nav-main .flexnav > li.signin > a:before {
display: inline !important;
background: none;
vertical-align: middle;
position: static;
content: "\f007";
font-family: 'FontAwesome';
font-size: 14px;
color: #c1c1c1;
margin-right: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.header-menu-fullw .nav-main .flexnav > li + li {
margin-left: -5px;
}
}
/* Header v3 */
.header-top-clean .header-top {
background: #fafafa;
border-bottom: 1px solid #eaeaea;
}
.header-top-clean .header-top a {
color: #2f2f2f;
}
.header-top-clean .header-top a:hover {
border-bottom-color: #a3a3a3;
}
.header-top-clean .header-top .fa {
color: #616161;
}
/* Header v4 */
.header-top-colored .header-top {
background: #dc2a0b;
color: #fff;
}
.header-top-colored .header-top a {
color: #fff;
}
.header-top-colored .header-top a:hover {
border-bottom-color: #fff;
}
.header-top-colored .header-top .fa {
color: #fff;
}
.header-top-colored .header-top ul > li:before {
background: #fff;
}
header.menu-colored {
/* Navigation styles - For Desktop */
}
@media all and (min-width: 992px) {
header.menu-colored .flexnav > li {
/* Submenu */
}
header.menu-colored .flexnav > li > a:before {
display: none;
}
header.menu-colored .flexnav > li.active {
background: none;
}
header.menu-colored .flexnav > li.active > a {
color: #dc2a0b;
}
header.menu-colored .flexnav > li:hover {
background: #dc2a0b;
}
header.menu-colored .flexnav > li:hover > a {
color: #fff;
}
header.menu-colored .flexnav > li:hover > a:after {
color: #fff;
}
header.menu-colored .flexnav > li ul li.active > a {
background: #f2f2f2;
}
header.menu-colored .flexnav > li ul li > a:hover {
background: #dc2a0b;
color: #fff;
}
}
/* Header v5 */
@media all and (min-width: 992px) {
.header-centered .logo {
text-align: center;
width: 100%;
}
}
@media all and (min-width: 992px) {
.header-centered .nav-main .flexnav {
text-align: center;
}
.header-centered .nav-main .flexnav > li > a {
padding-left: 28px;
padding-right: 28px;
}
}
/* Header v6 */
@media all and (min-width: 992px) {
header.menu-pills .flexnav {
background: none;
padding-top: 35px;
}
header.menu-pills .flexnav > li {
-webkit-transition: 0.2s;
transition: 0.2s;
}
header.menu-pills .flexnav > li > a {
line-height: 44px;
border-radius: 8px;
}
header.menu-pills .flexnav > li{
border-radius: 8px;
}
header.menu-pills .flexnav > li ul{
border-radius: 0;
}
}
/* One Page */
header.header-fixed {
width: 100%;
position: fixed;
left: 0;
top: 0 !important;
}
.one-page.sticky-header {
padding-top: 0 !important;
}
.one-page .tp-banner-holder {
border-top: none;
margin-top: 114px;
}
.one-page .footer-copyright {
padding: 60px 0;
}
.one-page .footer .social-links {
margin-bottom: 20px;
}
.one-page .page-content {
padding: 0;
}
/*
// #Sliders
// --------------------------------------------------
*/
/* Revolution Slider */
.tp-banner-container .tp-caption {
opacity: 0;
filter: alpha(opacity=0);
}
.tp-banner-holder {
position: relative;
background: #2f2f2f;
}
.tp-banner-container {
position: relative;
}
.tp-banner {
width: 100%;
padding: 0;
position: relative;
}
.tp-banner ul {
padding-left: 0;
list-style: none;
}
.tp-banner-fullscreen-container {
width: 100%;
position: relative;
padding: 0;
}
/* Revolution Slider (Custom styles) */
.loading-bar-hoz .br-timer-bar{
background: #ED0134;
}
.tp-dottedoverlay{ background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;}
/*.tp-dottedoverlay.filled {
background: #000;
opacity: 0.55;
filter: alpha(opacity=55.00000000000001);
height: 66%;
top: 17%;
}*/
.one-page .tp-dottedoverlay.filled{
height: 100%;
top: 0;
}
.tp-dottedoverlay.twoxtwo-custom {
background: -webkit-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.52) 1%, rgba(0, 0, 0, 0.5) 100%);
background: -moz-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.52) 1%, rgba(0, 0, 0, 0.5) 100%);
background: -ms-radial-gradient(50% 55%, ellipse closest-corner, rgba(0, 0, 0, 0.52) 1%, rgba(0, 0, 0, 0.5) 100%);
}
.tp-caption.large_bold_white,
.tp-caption.mediumwhitebg {
font-family: 'Oswald', sans-serif;
}
.tp-caption.large_bold_white {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.tp-caption.with-icon .icon {
width: 100px;
height: 100px;
font-size: 48px;
line-height: 100px;
margin-bottom: 0;
}
.tp-caption.with-icon .circled .icon:after {
background: rgba(0, 0, 0, 0.1);
}
/*
// #Content
// --------------------------------------------------
*/
/* Page Heading */
.page-heading {
background: rgba(0, 0, 0, 0.7);
position: relative;
text-align: center;
/* Page Title */
/* Breadcrumbs */
}
@media (min-width: 992px) {
.page-heading {
text-align: left;
}
}
.page-heading h1 {
font-size: 24px;
margin: 0;
color: #fff;
padding: 25px 0 10px 0;
}
@media (min-width: 992px) {
.page-heading h1 {
padding: 25px 0;
}
}
.page-heading .breadcrumb {
background: none;
text-align: center;
font-size: 12px;
margin: 0;
padding: 0 0 20px 0;
}
@media (min-width: 992px) {
.page-heading .breadcrumb {
text-align: right;
padding: 27px 0;
}
}
.page-heading .breadcrumb > li + li:before {
content: "\2022";
padding-right: 6px;
}
.page-heading .breadcrumb a {
color: #fff;
}
.section-bottom {
margin-bottom: -64px !important;
}
.nd-region {
padding-top: 34px;
padding-bottom: 34px;
position: relative;
}
.no-padding{
padding: 0;
}
.no-top-padding{
padding-top: 0;
}
.no-bottom-padding{
padding-bottom: 0;
}
.padding-top{
padding-top: 64px;
}
.padding-bottom{
padding-bottom: 64px;
}
/* One Page section */
.section,
.one-page .nd-region{
padding: 80px 0;
}
.one-page .top-half-padding{
padding-top: 40px;
}
.one-page .bottom-half-padding{
padding-bottom: 40px;
}
.one-page .half-padding{
padding: 40px 0;
}
.top-padding{
padding-top: 80px;
}
.section.primary .title-decorated:before,
.section.primary .title-decorated:after {
background: #fff;
}
.section.primary .title-decorated h1:before {
background: #fff;
}
.section.primary .title-decorated h1 > span {
color: #fff;
}
.section.primary .circliful {
color: #fff;
}
.section.primary .circliful .fa {
color: #2f2f2f;
opacity: 0.8;
filter: alpha(opacity=80);
}
.section.dark label {
color: #a3a3a3;
}
.section.primary {
background: #dc2a0b;
}
.section.section__nopadding {
padding: 0;
}
.section .googlemap-wrapper {
margin: 0;
}
/* Featured Section */
.featured-section {
margin: 0 -100% 0 -100%;
padding: 0 100% 0 100%;
background-image: url(../images/samples/slide-bg-sm.jpg);
background-position: 0 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
background-attachment: fixed;
}
@media (min-width: 992px) {
.featured-section {
-webkit-background-size: 100% auto;
background-size: 100% auto;
}
}
.featured-section.featured-section__alt {
margin-bottom: -40px;
}
h2 + .featured-section {
margin-top: 30px;
}
.featured-section:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: #000;
opacity: 0.55;
filter: alpha(opacity=55.00000000000001);
}
.featured-section .circliful {
color: #fff;
}
.featured-item {
height: 300px;
padding: 35px;
position: relative;
background: transparent;
color: #fff;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.featured-item:before {
content: "";
display: block;
position: absolute;
height: 1px;
bottom: 0;
left: 10px;
right: 10px;
background: rgba(255, 255, 255, 0.2);
}
@media (min-width: 992px) {
.featured-item:before {
left: -15px;
right: auto;
bottom: 0;
width: 1px;
height: 20px;
}
}
.featured-item:after {
content: "";
display: none;
position: absolute;
bottom: 15px;
top: 15px;
left: -15px;
width: 1px;
background: rgba(255, 255, 255, 0.2);
}
@media (min-width: 768px) and (max-width: 991px) {
.featured-item:after {
display: block;
}
}
@media (min-width: 992px) {
.featured-item:after {
display: none;
}
}
@media (min-width: 992px) {
.featured-section .row > [class^='col-']:first-child .featured-item:before {
display: none;
}
}
.featured-section .row > [class^='col-']:first-child .featured-item:after,
.featured-section .row > [class^='col-']:nth-child(3n) .featured-item:after {
display: none;
}
.featured-item .featured-link {
text-align: left;
width: 100%;
height: 100%;
display: block;
position: relative;
color: #fff;
}
.featured-item .featured-main {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding-top: 60px;
}
.featured-item .featured-icon {
font-size: 42px;
position: absolute;
width: 100%;
left: 0;
top: 0;
text-align: center;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.featured-item .featured-title {
text-align: center;
color: #fff;
margin-bottom: 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.featured-item .featured-subtitle {
color: #fff;
line-height: 1.5em;
}
.featured-item .featured-desc {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media (min-width: 992px) {
.featured-item .featured-desc {
opacity: 0;
filter: alpha(opacity=0);
}
}
.featured-item .featured-desc > p {
font-size: 14px;
line-height: 18px;
opacity: 0.4;
filter: alpha(opacity=40);
}
@media (min-width: 992px) {
.featured-item:hover {
background-color: #dc2a0b;
}
.featured-item:hover .featured-icon {
-webkit-animation: moveFromBottom 300ms ease;
animation: moveFromBottom 300ms ease;
}
.featured-item:hover .featured-title {
-webkit-animation: smallToBig 300ms ease;
animation: smallToBig 300ms ease;
}
.featured-item:hover .featured-desc {
opacity: 1;
filter: alpha(opacity=100);
-webkit-animation: moveFromBottom 300ms ease;
animation: moveFromBottom 300ms ease;
}
}
@-webkit-keyframes smallToBig {
from {
-webkit-transform: scale(0.1);
}
to {
-webkit-transform: scale(1);
}
}
@-moz-keyframes smallToBig {
from {
-moz-transform: scale(0.1);
}
to {
-moz-transform: scale(1);
}
}
@-ms-keyframes smallToBig {
from {
-ms-transform: scale(0.1);
}
to {
-ms-transform: scale(1);
}
}
@-webkit-keyframes moveFromBottom {
from {
-webkit-transform: translateY(100%);
}
to {
-webkit-transform: translateY(0%);
}
}
@-moz-keyframes moveFromBottom {
from {
-moz-transform: translateY(100%);
}
to {
-moz-transform: translateY(0%);
}
}
@-ms-keyframes moveFromBottom {
from {
-ms-transform: translateY(100%);
}
to {
-ms-transform: translateY(0%);
}
}
/*
// #Widgets
// --------------------------------------------------
*/
aside .widget {
margin-bottom: 65px;
}
/* Base Widgets */
.widget_archive ul,
.widget_nav_menu ul,
.widget_meta ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_categories ul {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.widget_archive ul li,
.widget_nav_menu ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_categories ul li {
padding: 8px 0 10px 20px;
position: relative;
border-bottom: 1px solid #dcdcdc;
}
.widget_archive ul li:before,
.widget_nav_menu ul li:before,
.widget_meta ul li:before,
.widget_pages ul li:before,
.widget_recent_comments ul li:before,
.widget_recent_entries ul li:before,
.widget_categories ul li:before {
position: absolute;
top: 10px;
left: 0;
display: block;
content: "\f0da";
font-family: 'FontAwesome';
font-size: 14px;
color: #dc2a0b;
margin-right: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.widget_archive ul ul,
.widget_nav_menu ul ul,
.widget_meta ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul {
margin-top: 1em;
margin-bottom: -1em;
}
.widget_recent_comments ul li:before {
content: "\f075";
}
/* Widget :: Latest Post Widget */
.widget .latest-posts-list {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.widget .latest-posts-list > li {
overflow: hidden;
}
.widget .latest-posts-list > li + li {
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.widget .thumbnail {
float: left;
margin: 0 20px 0 0;
}
.widget .date {
display: block;
color: #b4b8be;
font-size: 11px;
}
.widget .title {
font-size: 13px;
line-height: 20px;
margin-bottom: 0;
text-transform: none;
font-family: 'Muli', sans-serif;
overflow: hidden;
}
.widget .title > a {
-webkit-transition: none;
transition: none;
padding-top: .3em;
display: inline;
}
.widget .title > a:hover {
color: #dc2a0b;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
footer .widget .latest-posts-list > li + li {
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
footer .widget .date {
color: #fff;
}
footer .widget .title > a {
color: #a3a3a3;
}
footer .widget .title > a:hover {
color: #dc2a0b;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
footer .footer-redes{
margin-bottom: 20px;
}
/* Widget :: Contacts Info */
.contacts-widget .contacts-info-list {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.contacts-widget .contacts-info-list > li {
position: relative;
padding-left: 50px;
min-height: 34px;
display: block;
}
.contacts-widget .contacts-info-list > li + li {
margin-top: 22px;
}
.contacts-widget .contacts-info-list > li .info-item {
display: table-cell;
vertical-align: middle;
}
.contacts-widget .contacts-info-list > li > .fa {
display: block;
position: absolute;
left: 0;
top: 0;
width: 34px;
height: 34px;
border-radius: 6px;
background: rgba(0,0,0,0.5);
line-height: 34px;
font-size: 18px;
color: #fff;
text-align: center;
}
section.dark .contacts-widget .contacts-info-list > li > .fa {
background: rgba(255, 255, 255, 0.1);
}
.contacts-widget .contacts-info-list > li a {
-webkit-transition: none;
transition: none;
}
.contacts-widget .contacts-info-list > li a:hover {
text-decoration: underline;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
footer .contacts-widget .contacts-info-list > li > .fa {
background: rgba(255,255,255,0.2);
color: #ccc;
}
footer .contacts-widget .contacts-info-list > li a {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
footer .contacts-widget .contacts-info-list > li a:hover {
text-decoration: none;
color: #dc2a0b;
}
/* Widget :: Flickr */
.widget_flickr {
overflow: hidden;
}
.widget_flickr .flickr-feed {
padding-left: 0;
list-style: none;
margin-right: -15px;
}
.widget_flickr .flickr-feed > li {
float: left;
margin: 0 0 15px 0;
width: 33.3%;
padding-right: 15px;
}
@media (min-width: 400px) {
.widget_flickr .flickr-feed > li {
width: 25%;
}
}
@media (min-width: 620px) {
.widget_flickr .flickr-feed > li {
width: 16.66%;
}
}
@media (min-width: 992px) {
.widget_flickr .flickr-feed > li {
width: 33.3%;
}
}
.widget_flickr .flickr-feed > li > a {
display: block;
border: 0 solid transparent;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.widget_flickr .flickr-feed > li > a:hover {
border: 4px solid #dc2a0b;
}
.widget_flickr .flickr-feed > li > a img {
width: 100%;
height: auto;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.widget_flickr .flickr-feed > li > a img:hover {
-webkit-transition: 0.2s;
transition: 0.2s;
}
footer .widget_flickr .flickr-feed > li > a:hover {
border: 4px solid #fff;
}
/* Widget :: Tag Cloud */
.widget_tag_cloud .tagcloud a {
display: inline-block;
padding: 4px 8px;
border: 1px solid #cecece;
border-radius: 4px;
margin: 0 3px 6px 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
footer .widget_tag_cloud .tagcloud a {
border-color: rgba(255, 255, 255, 0.1);
}
aside .tagcloud a:hover {
background: #fff;
border-color: #fff;
color: #2f2f2f;
text-decoration: none;
-webkit-transition: none;
transition: none;
}
aside .tagcloud a {
color: #2f2f2f;
border-color: #e4e4e4;
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
}
aside .tagcloud a:hover {
background: #2f2f2f;
color: #fff;
}
/* Widget :: Tabbed */
.tabbed-widget .tabs .tab-content {
padding: 15px;
}
@media (max-width: 1199px) {
.tabbed-widget .tabs .nav-tabs > li > a {
padding-left: 14px;
padding-right: 14px;
}
}
.tabbed-widget .tabs .nav-tabs > li > a .fa {
margin-right: 0;
}
/*
// #Page :: About Us
// --------------------------------------------------
*/
/* Team List */
.team-list {
padding-left: 0;
list-style: none;
overflow: hidden;
margin-bottom: -20px;
}
.team-list > li {
margin-bottom: 40px;
}
.team-list > li:before,
.team-list > li:after {
content: " ";
display: table;
}
.team-list > li:after {
clear: both;
}
.team-list > li:nth-child(4n+1){
clear: left;
}
@media (min-width: 767px) and (max-width: 992px) {
.team-list > li .alignnone {
float: left;
margin-right: 20px;
}
}
.team-list > li .team-head .team-head-info {
color: #b4b8be;
display: block;
padding-bottom: 5px;
}
.team-list > li .team-head .team-social {
margin-bottom: 15px;
}
.team-list > li .team-head .team-social > li {
padding-bottom: 5px;
white-space: nowrap;
overflow: hidden;
}
.team-list > li .team-head .team-social > li .fa {
width: 20px;
text-align: right;
font-size: 14px;
color: #b4b8be;
margin-right: 10px;
}
.team-list > li .team-excerpt {
overflow: hidden;
}
@media (min-width: 992px) {
.team-list > li .team-excerpt {
height: 60px;
}
}
/* Page Heading */
.page-heading {
background: rgba(0, 0, 0, 0.7);
position: relative;
text-align: left;
}
@media (min-width: 992px) {
.page-heading {
text-align: left;
}
}
.page-heading h1 {
font-size: 24px;
margin: 0;
color: #fff;
padding: 34px 0 8px 34px;
position: relative;
}
.page-heading h1:before{
content: "";
position: absolute;
top: 50%;
left: 0;
margin-top: 3px;
height: 20px;
width: 20px;
background: #fff;
}
@media (min-width: 992px) {
.page-heading h1 {
padding: 34px 0 8px 34px;
}
}
.page-heading .breadcrumb {
background: none;
text-align: left;
font-size: 12px;
margin: 0;
padding: 0 0 10px 34px;
}
@media (min-width: 992px) {
.page-heading .breadcrumb {
text-align: left;
padding: 0 0 34px 34px;
}
}
.page-heading .breadcrumb > li + li:before {
content: "\25A0";
padding-right: 6px;
color: rgb(255,255,255,0.6);
}
.page-heading .breadcrumb a {
color: #fff;
}
.page-heading .breadcrumb a:hover {
color: rgba(255, 255, 255, 0.6);
}
.page-heading .share-social {
list-style: none;
padding: 0;
margin: 0;
display: block;
text-align: left;
padding: 5px 0 20px 29px;
}
.page-heading .share-social li {
display: inline-block;
padding: 0;
margin-left: 5px;
}
.page-heading .share-social li a {
display: block;
background: rgba(0, 0, 0, 0.2);
padding: 0;
margin: 0;
line-height: 34px;
width: 34px;
text-align: center;
border-radius: 50%;
color: #707070;
font-size: 18px;
}
.page-heading .share-social li a:hover {
background: #fff;
color: #2f2f2f;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
@media (min-width: 768px) {
.page-heading .share-social {
text-align: right;
padding: 45px 0 45px 0;
}
}
.page-heading .search-form {
padding: 16px 0;
}
.page-heading .search-form .form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.page-heading .search-form .btn {
background: #dc2a0b;
border-color: #dc2a0b;
}
.page-heading.page-heading__lg {
padding: 30px 0 0 0;
}
@media (min-width: 768px) {
.page-heading.page-heading__lg {
padding-top: 60px;
}
}
@media (min-width: 992px) {
.page-heading.page-heading__lg {
padding-top: 150px;
}
}
.page-heading.page-heading__image {
background-position: 0 0;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}
.page-heading.page-heading__image:before,
.page-heading__slideshow:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
height: 100%;
/*background: #000;
opacity: 0.55;
filter: alpha(opacity=55.00000000000001);*/
}
@media (min-width: 992px) {
.page-heading.page-heading__image {
-webkit-background-size: cover;
background-size: cover;
}
}
.page-heading.page-heading__image h1 {
text-align: left;
}
@media (min-width: 992px) {
.page-heading.page-heading__image h1 {
}
}
.page-heading.page-heading__image .breadcrumb {
text-align: left;
padding-top: 6px;
}
@media (min-width: 992px) {
.page-heading.page-heading__image .breadcrumb {
text-align: left;
}
}
.page-heading .breadcrumb .last{
color: rgba(255, 255, 255, 0.6);
}
.page-heading__image_content{
background: #ED0134;
padding: 0 20px;
margin-bottom: 34px;
border-radius: 6px;
position: relative;
}
.page-heading__image_content h3 {
color: #fff;
padding: 10px 34px 5px 34px;
margin: 0;
font-weight: 400;
}
.page-heading__image_content .social_content{
position: absolute;
bottom: 20px;
right: 20px;
}
.page-heading__image_content a.social{
color: #fff !important;
margin-left: 5px;
font-size: 24px;
display: inline-block;
line-height: 34px;
width: 34px;
text-align: center;
transition: all .2s ease-in-out;
}
.page-heading__image_content a.social:hover{
-webkit-transform: scale(1.5,1.5);
-moz-transform: scale(1.5,1.5);
-o-transform: scale(1.5,1.5);
transform: scale(1.5,1.5);
}
.page-heading.page-heading__image .share-social li a {
background: rgba(255, 255, 255, 0.35);
color: #2f2f2f;
}
.page-heading.page-heading__image .share-social li a:hover {
background: #fff;
}
@media (min-width: 992px){
.page-heading.page-heading__image .share-social {
padding: 132px 0 0px 0;
}
}
@media (max-width: 991px){
.page-heading.page-heading__image .share-social {
padding: 106px 0 0px 0;
}
.page-heading.page-heading__image .breadcrumb {
padding-bottom: 20px;
}
.page-heading.page-heading__image h1 {
padding-top: 20px;
}
.page-heading.page-heading__image h1::before {
margin-top: -3px;
}
}
@media (max-width: 767px){
.page-heading__image_content{
margin-bottom: 20px;
}
.page-heading.page-heading__image .share-social {
padding: 0px 0 20px 0;
}
.page-heading__image_content .social_content{
position: relative;
padding: 10px 0 10px 24px;
right: auto;
bottom: auto;
}
}
.page-heading.page-heading__slideshow {
overflow: hidden !important;
}
.page-heading__slideshow:before {
z-index: 50;
}
.page-heading__slideshow .container{
z-index: 60;
position: relative;
}
.page-heading__slideshow .tp-banner img{
width: 100%;
}
.slides {
height: 100%;
overflow: hidden;
*zoom: 1;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}
.slide {
height: 100%;
width: 100%;
float: left;
clear: none;
}
.page-heading.page-heading__slideshow .tp-banner {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 1;
}
.page-heading.page-heading__slideshow h1 {
padding-bottom: 0;
text-align: left;
position: relative;
z-index: 2;
}
@media (min-width: 992px) {
.page-heading.page-heading__slideshow h1 {
padding-bottom: 0;
}
}
.page-heading.page-heading__slideshow .breadcrumb {
text-align: left;
padding-top: 6px;
position: relative;
z-index: 2;
}
@media (min-width: 992px) {
.page-heading.page-heading__slideshow .breadcrumb {
text-align: left;
}
}
.page-heading.page-heading__slideshow .tp-dottedoverlay.filled {
height: 100%;
top: 0;
}
/* Team Member */
.team-single-head {
padding-bottom: 10px;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 30px;
}
.team-single-head h2 {
margin-bottom: .2em;
}
/*
// #Page :: 404 Error Page
// --------------------------------------------------
*/
.error-title {
font-size: 110px;
color: #dc2a0b;
font-family: 'Anton', sans-serif;
margin: 0 0 .3em 0;
}
@media (min-width: 992px) {
.error-title {
font-size: 220px;
}
}
/*
// #Page :: Coming Soon
// --------------------------------------------------
*/
/* Header v7 (Coming Soon) */
.header-coming-soon {
text-align: center;
border-top: 4px solid #2f2f2f;
border-bottom: 1px solid #ddd;
}
.header-coming-soon .header-main {
display: block;
margin: 0;
padding: 30px 0;
height: auto;
}
.header-coming-soon .header-main:before,
.header-coming-soon .header-main:after {
content: " ";
display: table;
}
.header-coming-soon .header-main:after {
clear: both;
}
@media (min-width: 992px) {
.header-coming-soon .header-main {
padding: 80px 0;
}
}
.header-coming-soon .header-main > .container {
margin-bottom: 0;
height: auto;
}
.header-coming-soon .header-main .logo {
display: block;
float: none;
height: auto;
}
.main__padd-top {
padding-top: 0;
}
@media (min-width: 768px) {
.main__padd-top {
padding-top: 80px;
}
}
/* Countdown */
.countdown {
position: relative;
padding: 40px 0 20px 0;
}
.countdown [class^="col-"] div {
display: block !important;
margin: 0 auto !important;
}
.countdown .count-label {
display: block;
text-align: center;
}
.googlemap-wrapper {
position: relative;
margin: 0;
}
.googlemap-wrapper img {
max-width: none !important;
}
.map-canvas {
width: 100%;
height: 200px;
padding: 6px;
background-color: #e5e5e5;
border: 1px solid #eee;
}
@media (min-width: 768px) {
.map-canvas {
height: 320px;
}
}
@media (min-width: 992px) {
.map-canvas {
margin-bottom: 0;
height: 390px;
}
}
.map-canvas:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
margin: -15px 0 0 -15px;
width: 30px;
height: 30px;
color: #2f2f2f;
content: '\f110';
text-align: center;
font-size: 20px;
font-family: 'FontAwesome';
line-height: 30px;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*
// #Blog
// --------------------------------------------------
*/
.entry {
border-bottom: 1px solid #dcdcdc;
padding-bottom: 60px;
margin-bottom: 60px;
position: relative;
text-align: center;
}
@media (min-width: 992px) {
.entry {
text-align: left;
}
}
@media (min-width: 992px) {
.entry.entry__with-icon {
padding: 0 0 60px 100px;
}
}
.entry.entry__with-icon .entry-icon {
display: block;
position: absolute;
left: 0;
top: 0;
width: 70px;
height: 70px;
line-height: 62px;
margin-right: 30px;
font-size: 28px;
text-align: center;
background-color: #dc2a0b;
background-image: url(../images/noise.png);
border-radius: 50%;
border: 4px solid #ebebeb;
color: #fff;
}
.entry .entry-header {
margin-bottom: 25px;
text-align: left;
}
.entry .entry-header h2 {
margin-bottom: .25em;
}
.entry .entry-header h2 > a {
color: #2f2f2f;
}
.entry .entry-header h2 > a:hover {
text-decoration: none;
color: #dc2a0b;
}
.entry .entry-header h2.small {
font-size: 16px;
}
.entry .entry-meta {
font-size: 12px;
color: #b4b8be;
font-style: italic;
}
.entry .entry-meta > span:before {
content: "/";
display: inline-block;
padding: 0 6px 0 2px;
}
.entry .entry-meta > span:first-child:before {
display: none;
}
.entry .entry-meta a {
border-bottom: 1px solid transparent;
}
.entry .entry-meta a:hover {
text-decoration: none;
border-bottom: 1px solid #dc2a0b;
}
.entry .entry-thumb {
overflow: hidden;
padding: 6px;
background-color: #e5e5e5;
border: 1px solid #cecece;
border-radius: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
max-width: 100%;
height: auto;
position: relative;
display: inline-block;
margin: 0 auto 30px auto;
text-align: center;
}
@media (min-width: 992px) {
.entry .entry-thumb {
display: block;
}
}
.entry .entry-thumb > a {
display: block;
position: relative;
}
.entry .entry-thumb > a:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #dc2a0b;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 1;
}
.entry .entry-thumb > a:after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.2s;
transition: 0.2s;
-webkit-transform: translate(0, -15px);
-ms-transform: translate(0, -15px);
transform: translate(0, -15px);
z-index: 2;
margin: -8px 0 0 -13px;
content: "\f0c1";
font-family: 'FontAwesome';
font-size: 28px;
color: #fff;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.entry .entry-thumb:hover > a:before {
opacity: 0.9;
filter: alpha(opacity=90);
}
.entry .entry-thumb:hover > a:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.entry .entry-thumb:hover img {
-webkit-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.entry .entry-thumb img {
padding: 0;
border: none;
background: none;
-webkit-transition: 0.2s;
transition: 0.2s;
margin-bottom: 0;
}
.entry .excerpt {
margin-bottom: 36px;
text-align: left;
}
.entry .entry-footer {
text-align: left;
}
.entry .entry-content {
text-align: left;
}
.entry.entry__image .entry-thumb img {
margin-bottom: 0;
}
.entry.entry__link .entry-header {
margin-bottom: 0;
}
.entry.entry__link .entry-header h2 {
margin-bottom: .5em;
}
.entry.entry__link .entry-url {
display: block;
font-size: 14px;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid #f4f4f4;
}
.entry.entry__quote .entry-header {
padding-top: 16px;
margin-top: 16px;
border-top: 1px solid #f4f4f4;
}
.entry.entry__quote .quote-holder .quote-inner {
font-size: 18px;
line-height: 24px;
font-style: italic;
color: #2f2f2f;
}
.entry.entry__small .entry-header {
margin-bottom: 8px;
}
.entry.entry__small .entry-header h2 {
font-size: 16px;
}
.entry.entry__small .entry-thumb {
margin-bottom: 22px;
}
.entry.entry__small .excerpt {
margin-bottom: 18px;
}
.entry.entry__single {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}
/* Timeline */
@media (min-width: 992px) {
.timeline {
position: relative;
}
.timeline:before {
content: "";
display: block;
position: absolute;
left: 150px;
top: 0;
bottom: 0;
width: 4px;
background: #ebebeb;
}
.timeline .entry {
margin-left: 20%;
margin-left: 230px;
padding-left: 0;
}
.timeline .entry .entry-icon {
position: absolute;
left: -114px;
top: 0;
}
.timeline .entry .entry-date {
display: block;
position: absolute;
left: -190px;
top: 27px;
}
.timeline .entry .entry-date + span:before {
display: none;
}
}
/* Blog Masonry Layout */
.masonry-feed {
padding-left: 0;
list-style: none;
}
.masonry-feed:before,
.masonry-feed:after {
content: " ";
display: table;
}
.masonry-feed:after {
clear: both;
}
.masonry-feed > .masonry-item {
margin-bottom: 30px;
max-width: 100%;
}
@media (max-width: 991px) {
.masonry-feed > .masonry-item {
width: 100%;
}
}
.masonry-feed > .masonry-item .entry {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.masonry-feed > .masonry-item .entry .entry-header h2 {
font-size: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.masonry-feed > .masonry-item .entry .excerpt {
margin-bottom: 1.5em;
}
.masonry-feed > .masonry-item .entry .entry-thumb {
margin-bottom: 1.5em;
}
/* Comments */
.comments-wrapper {
padding-bottom: 50px;
}
.comment-wrapper {
background: #f7f7f7;
padding: 18px 18px 20px 86px;
margin-bottom: 30px;
position: relative;
border-left: 3px solid #dcdcdc;
}
.comment-wrapper:before,
.comment-wrapper:after {
content: " ";
display: table;
}
.comment-wrapper:after {
clear: both;
}
@media (min-width: 992px) {
.comment-wrapper {
padding: 24px 24px 36px 116px;
}
}
.comment-wrapper .comment-author > img {
display: block;
position: absolute;
left: 18px;
top: 18px;
border-radius: 50%;
width: 50px;
height: auto;
}
@media (min-width: 992px) {
.comment-wrapper .comment-author > img {
width: 70px;
height: auto;
left: 24px;
top: 24px;
}
}
.comment-author {
padding-top: 7px;
}
@media (min-width: 992px) {
.comment-author {
float: left;
}
}
.comment-author h5 {
display: inline-block;
margin-right: 2px;
margin-bottom: .2em;
}
.comment-reply {
padding-top: 8px;
}
@media (min-width: 992px) {
.comment-reply {
float: right;
padding-top: 0;
}
}
.comment-reply .btn .fa {
margin-right: 7px;
}
.comment-meta {
font-size: 12px;
font-style: italic;
}
.comment-meta > a {
color: #b4b8be;
}
.comment-body {
clear: both;
padding: 12px 0 0 0;
}
.children {
padding-left: 0;
list-style: none;
}
@media (min-width: 992px) {
.indented {
display: inline-block;
margin-left: 100px;
}
}
.bypostauthor .comment-wrapper {
border-left-color: #dc2a0b;
}
/* Comment Form */
.comment-respond .reply-title {
margin-bottom: .5em;
}
/*
// #Portfolio
// --------------------------------------------------
*/
/* Project Feed Filter */
.project-feed-filter {
padding-left: 0;
list-style: none;
margin: 0 0 24px;
}
.project-feed-filter > li {
display: inline-block;
padding: 0 2px;
margin-bottom: 10px;
}
.project-feed-filter > li .btn-primary {
text-shadow: none !important;
}
@media (max-width: 400px) {
.project-feed-filter > li {
display: block;
margin-bottom: 5px;
}
.project-feed-filter > li .btn {
display: block;
width: 100%;
}
}
/* Project Feed */
.project-feed {
}
.centered-title .project-feed {
margin-bottom: 0;
}
@media (min-width: 992px) {
.project-feed.project-feed__4cols .project-item {
width: 25%;
}
}
.project-feed.project-feed__fullw {
overflow: hidden;
border: none;
padding: 0;
}
.project-feed.project-feed__fullw .project-item {
position: relative;
float: left;
overflow: hidden;
width: 100%;
margin-bottom: 0;
}
@media (max-width: 767px) and (min-width: 406px) {
.project-feed.project-feed__fullw .project-item {
width: 50%;
padding: 0;
}
}
@media (min-width: 768px) {
.project-feed.project-feed__fullw .project-item {
width: 25%;
}
}
@media (min-width: 992px) {
.project-feed.project-feed__fullw .project-item {
width: 20%;
}
}
.project-feed.project-feed__fullw .project-item .project-img img {
width: 100%;
height: auto;
padding: 0;
border: none;
}
.project-feed.project-feed__fullw .project-item .overlay {
left: 0;
top: 0;
bottom: 0;
right: 0;
}
/* Project Item Overlay */
.project-item {
}
@media (min-width: 406px) and (max-width: 767px) {
.project-feed__3cols .project-item,
.project-feed__2cols .project-item {
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 992px) {
.project-feed__3cols .project-item,
.project-feed__2cols .project-item {
margin-left: auto;
margin-right: auto;
}
}
.project-item .project-item-inner {
background: #f7f7f7;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.section-dark .project-item .project-item-inner {
background: rgba(255, 255, 255, 0.08);
}
.project-item .project-img {
position: relative;
overflow: hidden;
margin : 0;
}
.project-item .project-img > img {
margin-bottom: 0;
width: 100%;
height: auto;
}
.section-dark .project-item .project-img > img {
background: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.05);
}
.project-item .overlay {
position: absolute;
top: 7px;
left: 7px;
overflow: hidden;
right: 6px;
bottom: 7px;
opacity: 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.project-item .dlink,
.project-item .zoom {
display: block;
position: absolute;
top: 0;
bottom: 0;
width: 50%;
color: #dc2a0b;
background: rgba(255, 255, 255, 0.9);
text-decoration: none;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.3s;
transition: 0.3s;
font-size: 38px;
text-align: center;
z-index: 2;
}
.project-item .dlink:hover,
.project-item .zoom:hover {
background: #dc2a0b;
color: #fff;
}
.project-item .dlink .fa,
.project-item .zoom .fa {
position: absolute;
left: 50%;
top: 50%;
margin: -19px 0 0 -19px;
}
.project-item .dlink {
left: 0;
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.project-item .zoom {
right: 0;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.project-item .project-img:hover .overlay {
opacity: 1;
filter: alpha(opacity=100);
}
.project-item .project-img:hover .dlink,
.project-item .project-img:hover .zoom {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
/* Portfolio Description */
.project-desc {
text-align: center;
padding: 25px 20px;
}
.project-desc .title {
margin-bottom: 5px;
}
.project-desc .title > a {
color: #2f2f2f;
}
.section-dark .project-desc .title > a {
color: #fff;
}
.project-desc .title > a:hover {
color: #dc2a0b;
text-decoration: none;
}
.project-desc .desc {
color: #b4b8be;
font-style: italic;
}
.section-dark .project-desc .desc {
color: #aeaeae;
}
/* Isotope Plugin */
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
z-index: 1;
pointer-events: none;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
.portfolio-sidebar-bottom {
margin-bottom: -64px;
}
.portfolio-sidebar-bottom .project-feed {
margin-bottom: 0;
}
/* Common style */
.project-item figure.effect-winston {
position: relative;
overflow: hidden;
text-align: center;
cursor: pointer;
}
.project-item figure.effect-winston img {
position: relative;
display: block;
height: auto;
max-width: 100%;
opacity: 0.55;
filter: alpha(opacity=55.00000000000001);
}
.project-item figure.effect-winston figcaption {
padding: 2em;
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.project-item figure.effect-winston figcaption::before,
.project-item figure.effect-winston figcaption::after {
pointer-events: none;
}
.project-item figure.effect-winston figcaption,
.project-item figure.effect-winston figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.project-item figure.effect-winston p {
margin-bottom: 0;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.project-item figure.effect-winston figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
figure.effect-winston {
background: #2f2f2f;
text-align: left;
}
figure.effect-winston img {
-webkit-transition: opacity 0.45s;
transition: opacity 0.45s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-winston figcaption::before {
position: absolute;
width: 100%;
height: 60px;
bottom: 0;
left: 0;
content: '';
}
@media (min-width: 992px) {
figure.effect-winston figcaption::before {
bottom: auto;
top: 40px;
left: -20px;
height: 100%;
background: url(../images/triangle.svg) no-repeat center center;
background-size: 100% 100%;
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
transition: opacity 0.45s, transform 0.45s;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
}
figure.effect-winston h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
color: #fff;
}
figure.effect-winston p {
position: absolute;
right: 0;
bottom: 0;
padding: 0 1.5em 20px 0;
}
figure.effect-winston a {
margin: 0 3px;
color: #2f2f2f;
opacity: 0.7;
filter: alpha(opacity=70);
}
figure.effect-winston a:hover,
figure.effect-winston a:focus {
opacity: 1;
filter: alpha(opacity=100);
}
figure.effect-winston p a i {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
figure.effect-winston:hover img {
opacity: 0.6;
}
figure.effect-winston:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media (max-width: 991px) {
figure.effect-winston:hover figcaption::before {
background: rgba(255, 255, 255, 0.3);
}
}
@media (min-width: 992px) {
figure.effect-winston:hover figcaption::before {
opacity: 0.7;
-webkit-transform: rotate3d(0, 0, 1, 20deg);
transform: rotate3d(0, 0, 1, 20deg);
}
}
figure.effect-winston:hover p i {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-winston:hover p a:nth-child(3) i {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
figure.effect-winston:hover p a:nth-child(2) i {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-winston:hover p a:first-child i {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
/* Portfolio Timeline */
.portfolio-timeline {
padding-left: 0;
list-style: none;
position: relative;
margin-bottom: 50px;
}
.portfolio-timeline:before {
content: "";
display: block;
position: absolute;
left: 16px;
top: 0;
width: 4px;
background: #f7f7f7;
height: 100%;
}
@media (min-width: 992px) {
.portfolio-timeline:before {
left: 26px;
}
}
@media (min-width: 992px) {
.portfolio-timeline:after {
content: "";
display: block;
position: absolute;
left: 26px;
bottom: 0;
width: 4px;
background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 100%);
background-image: linear-gradient(to bottom, #f7f7f7 0%, #ffffff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffffffff', GradientType=0);
height: 100px;
}
}
.portfolio-timeline > li {
position: relative;
padding-bottom: 40px;
}
@media (min-width: 992px) {
.portfolio-timeline > li {
padding-bottom: 20px;
}
}
.portfolio-timeline > li:last-child {
padding-bottom: 0;
}
.portfolio-timeline > li:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 34px;
height: 34px;
background: #dcdcdc;
border-radius: 50%;
}
@media (min-width: 992px) {
.portfolio-timeline > li:before {
left: 10px;
}
}
.portfolio-timeline > li:after {
content: "";
display: block;
position: absolute;
left: 5px;
top: 5px;
width: 24px;
height: 24px;
background: #2f2f2f;
border-radius: 50%;
}
@media (min-width: 992px) {
.portfolio-timeline > li:after {
left: 15px;
}
}
.portfolio-timeline .project-item .project-desc {
text-align: left;
padding: 7px 0 30px 50px;
}
@media (min-width: 992px) {
.portfolio-timeline .project-item .project-desc {
padding-left: 0;
padding-bottom: 0;
}
}
.portfolio-timeline .project-item .excerpt {
padding: 20px 0 20px 0;
}
.portfolio-timeline .project-item .project-footer {
color: #2f2f2f;
}
.portfolio-timeline .project-item .project-footer > ul {
margin-bottom: 24px;
}
.partners__logos {
list-style: none;
margin: 0;
}
.partners__logos > li {
float: left;
width: 20%;
padding: 0;
}
.partners__logos > li > a {
margin: 0 2px 4px 2px;
display: block;
padding: 20px;
border-radius: 6px;
background: #fafafa;
}
.partners__logos > li > a:hover img {
opacity: 1;
filter: alpha(opacity=100);
}
.partners__logos > li img {
max-width: 100%;
height: auto;
-webkit-transition: 0.2s;
transition: 0.2s;
opacity: 0.5;
filter: alpha(opacity=50);
}
/*
// #Social Links Section
// --------------------------------------------------
*/
.social-links-section {
padding: 35px;
}
.social-links-section.social-links-section__white {
background: #fff;
}
.social-links-section.social-links-section__grey {
background: #b7b7b7;
}
.social-links-section.social-links-section__dark {
background: #444;
color: #fff;
}
.social-links-section.social-links-section__dark .fa {
background: #fafafa;
}
.social-links-section.social-links-section__dark h5 {
color: #a3a3a3;
}
.social-links-section.social-links-section__dark a {
color: #2f2f2f;
}
.social-links-section.social-links-section__dark a:hover h5 {
color: #fff;
}
.social-links-section ul {
padding-left: 0;
list-style: none;
margin: 0;
text-align: center;
}
.social-links-section ul > li {
display: inline-block;
margin: 0;
padding: 0 25px;
}
.social-links-section ul > li a {
display: block;
-webkit-transition: 0.15s;
transition: 0.15s;
}
.social-links-section ul > li .fa {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
margin-right: 6px;
-webkit-transition: 0.15s;
transition: 0.15s;
}
.social-links-section ul > li h5 {
display: inline-block;
margin-bottom: 0;
padding-top: 5px;
line-height: 32px;
vertical-align: middle;
letter-spacing: .3em;
font-size: 11px;
}
.social-links-section.icons-rounded .fa {
border-radius: 50%;
}
/*
// #Footer
// --------------------------------------------------
*/
.footer-bg1, .footer-bg2, .footer-bg3{
height: 5px;
}
.footer-bg1{
background: #ED0134;
}
.footer-bg2{
background: #FF2766;
}
.footer-bg3{
background: #FF5245;
}
footer.nd-region {
background: #282729;
color: rgba(255,255,255,0.5);
padding-bottom: 14px !important;
}
footer.nd-region a {
color: rgba(255,255,255,0.75);
}
footer.footer__light {
background: none;
}
/* Footer Widgets */
footer .footer-widgets {
padding: 64px 0 14px 0;
}
/* Footers Widgets specific styling */
footer .widget {
margin-bottom: 30px;
/* Widget Title */
/* Thumbnail */
/* Base Widgets */
}
footer .widget .widget-title {
color: rgba(255,255,255,0.4);
font-size: 18px;
margin-bottom: 1.6em;
margin-top: 0.3em;
}
footer .widget .thumbnail {
padding: 4px;
background: rgba(255, 255, 255, 0.1);
border: none;
}
footer .widget .thumbnail:hover {
background: #fff;
-webkit-transition: 0.2s;
transition: 0.2s;
}
footer .widget .thumbnail:hover img {
border-color: #fff;
}
footer .widget .thumbnail img {
border: 1px solid #2f2f2f;
-webkit-transition: 0.2s;
transition: 0.2s;
}
footer .list-menu-footer ul,
.list-menu-mobile ul {
list-style: none;
padding-left: 0px;
}
footer .list-menu-footer ul li {
line-height: 20px;
margin-bottom: 10px;
}
footer .list-menu-footer ul li a,
.list-menu-mobile ul li a {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
footer .list-menu-footer ul li a:hover,
.list-menu-mobile ul li a:hover {
text-decoration: underline;
color: #fff;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
text-decoration: none;
}
footer .widget_archive ul li,
footer .widget_nav_menu ul li,
footer .widget_meta ul li,
footer .widget_pages ul li,
footer .widget_recent_comments ul li,
footer .widget_recent_entries ul li,
footer .widget_categories ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
-webkit-transition: 0.2s;
transition: 0.2s;
}
footer .widget_archive ul li:before,
footer .widget_nav_menu ul li:before,
footer .widget_meta ul li:before,
footer .widget_pages ul li:before,
footer .widget_recent_comments ul li:before,
footer .widget_recent_entries ul li:before,
footer .widget_categories ul li:before {
color: rgba(255, 255, 255, 0.08);
-webkit-transition: 0.2s;
transition: 0.2s;
}
footer .widget_archive ul li:hover,
footer .widget_nav_menu ul li:hover,
footer .widget_meta ul li:hover,
footer .widget_pages ul li:hover,
footer .widget_recent_comments ul li:hover,
footer .widget_recent_entries ul li:hover,
footer .widget_categories ul li:hover {
padding-left: 40px;
color: #fff;
}
footer .widget_archive ul li:hover:before,
footer .widget_nav_menu ul li:hover:before,
footer .widget_meta ul li:hover:before,
footer .widget_pages ul li:hover:before,
footer .widget_recent_comments ul li:hover:before,
footer .widget_recent_entries ul li:hover:before,
footer .widget_categories ul li:hover:before {
color: #fff;
left: 20px;
}
footer .widget_archive ul li:hover > a,
footer .widget_nav_menu ul li:hover > a,
footer .widget_meta ul li:hover > a,
footer .widget_pages ul li:hover > a,
footer .widget_recent_comments ul li:hover > a,
footer .widget_recent_entries ul li:hover > a,
footer .widget_categories ul li:hover > a {
color: #fff;
text-decoration: none;
}
footer .app-offer__logo,
.NoStream .app-offer__logo {
display: inline-block;
vertical-align: middle;
line-height: 1;
height: 34px;
width: 115px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% auto;
margin-right: 5px;
}
footer .app-offer__logo_app-store,
.NoStream .app-offer__logo_app-store {
background-image: url(../images/app-store-badge-ESP.png);
}
footer .app-offer__logo_google-play,
.NoStream .app-offer__logo_google-play {
background-image: url(../images/google-play-badge-ESP.png);
}
/* Canales */
.Canales-PE-logos {
padding: 10px 0px;
background: #201F20;
text-align: center;
}
.Canales-PE-logos a{
display: inline-block;
text-align: center;
padding: 0px 49px;
opacity: 0.5;
filter: alpha(opacity=0.5);
}
.Canales-PE-logos a:hover,
.mobile-side-menu .Menu-logos a:hover {
opacity: 1;
filter: alpha(opacity=1);
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
-o-transition: opacity .25s ease;
transition: opacity .25s ease;
}
/* Copyright */
.footer-copyright {
border-top: 1px solid #282729;
background: #191819;
text-align: center;
line-height: 20px;
padding: 10px 0px;
color: #a3a3a3;
}
/* Loader */
#qLpercentage {
font-family: 'Anton', sans-serif;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
/*
// #Shop
// --------------------------------------------------
*/
/* Checkout */
#cart-form-pane td {
vertical-align: middle !important;
}
#cart-form-pane td:first-child,
#cart-form-pane th:first-child {
width: 8%;
}
#cart-form-pane td:nth-child(2),
#cart-form-pane th:nth-child(2) {
width: 62%;
}
#cart-form-pane td:nth-child(3),
#cart-form-pane th:nth-child(3) {
text-align: center;
}
#cart-form-pane td:nth-child(4),
#cart-form-pane th:nth-child(4) {
text-align: center;
}
#cart-form-pane td:nth-child(5),
#cart-form-pane th:nth-child(5) {
text-align: center;
}
#cart-form-pane td:nth-child(6),
#cart-form-pane th:nth-child(6) {
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
#cart-form-pane tbody .product-thumb {
padding-left: 0;
padding-right: 0;
}
#cart-form-pane tbody img {
max-width: 50px;
height: auto;
}
/* Quantity Buttons */
.quantity {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 160px;
height: 46px;
}
.buttons_added .quantity {
margin: 0;
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.quantity .minus,
.quantity .plus {
position: absolute;
display: block;
overflow: visible;
margin: 0;
padding: 0;
width: 46px;
height: 46px;
outline: 0;
border: 1px solid #d0d0d0;
border-radius: 2px;
background: #f1f1f1;
box-shadow: none;
color: #666;
vertical-align: text-top;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
font-weight: bold;
font-size: 12px;
line-height: 13px;
cursor: pointer;
}
.quantity .plus {
right: 0;
top: 0;
}
.quantity .qty {
float: left;
padding: 0 39px;
width: 160px;
height: 46px;
border: 1px solid #d0d0d0;
box-shadow: none;
text-align: center;
font-size: 1em;
}
.quantity .qty::-webkit-inner-spin-button,
.quantity .qty::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity .qty::-ms-clear {
display: none;
}
table.cart-total > tbody > tr > th {
padding-top: 16px;
padding-bottom: 16px;
padding-left: 0;
font-family: 'Oswald', sans-serif;
color: #2f2f2f;
vertical-align: middle;
}
table.cart-total > tbody > tr > td {
padding-top: 17px;
padding-bottom: 18px;
vertical-align: middle;
text-align: right;
}
table.cart-total > tbody > tr > td .amount {
display: inline-block;
font-size: 2em;
color: #dc2a0b;
}
/* Product */
.product_title {
margin-bottom: .5em;
}
.price .amount {
display: inline-block;
font-size: 2em;
color: #dc2a0b;
}
.price del .amount {
color: #ddd;
text-decoration: line-through;
font-size: 1.5em;
}
.product-comments .says{
display: none;
}
/* Product Meta */
.product_meta > span {
display: block;
}
/* Rating */
.review_num {
position: relative;
float: left;
margin-right: 10px;
top: -2px;
}
div.fivestar-widget-static {
float: right;
padding-bottom: 8px;
}
/* Widget :: Top Rated Products Widget */
.top-rated-widget .latest-posts-list .title {
padding-top: 10px;
margin-bottom: .5em;
}
/* Products Feed */
.products:first-child {
padding-top: 10px;
}
.products {
padding-left: 0;
list-style: none;
}
.products .product .project-item-inner {
position: relative;
}
.products .product .project-desc {
text-align: left;
}
.products .product .project-desc .title {
margin-bottom: .5em;
font-size: 16px;
font-family: 'Oswald', sans-serif;
}
.products .product .project-desc .price .amount {
font-size: 1.5em;
}
.products .product .project-desc .price del .amount {
font-size: 1em;
}
.products .product .onsale {
width: 40px;
height: 40px;
border-radius: 50%;
background: #dc2a0b;
color: #fff;
display: block;
position: absolute;
right: -15px;
top: -15px;
text-align: center;
line-height: 38px;
font-size: 1em;
z-index: 3;
border: 1px solid #fff;
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
}
@media (min-width: 992px) {
.products .product .onsale {
right: -20px;
top: -20px;
}
}
.catalog-ordering {
margin-bottom: 30px;
}
/*
// #Forums (bbppress)
// --------------------------------------------------
*/
#forum table{
margin-top: 10px;
border: 1px solid #ddd;
}
#forum table thead{
background-color: #f7f7f7;
}
#forum table>thead>tr>th{
border-bottom: 0;
}
#forum table th,
#forum table td{
width: 13%;
text-align: center;
}
#forum table td{
padding: 25px 14px;
}
#forum table th img{
position: relative;
left: 6px;
top: -2px;
}
#forum table[id^="forum-topic"] th:nth-child(2){
text-align: left;
padding-left: 20px;
}
#forum table[id^="forum-topic"] th:first-child,
#forum table[id^="forum-topic"] td:first-child{
display: none;
}
#forum #forum-0 th:first-child,
#forum #forum-0 td:first-child,
#forum table td.title{
display: table-cell;
padding-left: 20px;
width: 48%;
text-align: left;
}
#forum table th:last-child,
#forum table td:last-child{
width: 26%;
}
#forum table .submitted a:after{
display: block;
content: '';
clear: right;
}
#forum table .icon{
display: none;
}
#forum table .description{
margin: 0.5em 0 0;
}
/* Forum Single Topic */
.node-forum .topic {
margin-bottom: 30px;
}
.node-forum .topic:before,
.node-forum .topic:after {
content: " ";
display: table;
}
.node-forum .topic:after {
clear: both;
}
.node-forum .bbp-reply-author {
padding-left: 80px;
position: relative;
margin-bottom: 20px;
}
@media (min-width: 480px) {
.node-forum .bbp-reply-author {
float: left;
width: 120px;
text-align: center;
margin-bottom: 0;
padding-left: 0;
}
}
.node-forum .bbp-reply-author .bbp-author-avatar {
display: block;
float: left;
}
@media (min-width: 480px) {
.node-forum .bbp-reply-author .bbp-author-avatar {
float: none;
}
}
.node-forum .bbp-reply-author .bbp-author-avatar img {
max-width: 60px;
height: auto;
margin: 10px auto 0 auto;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}
@media (min-width: 480px) {
.node-forum .bbp-reply-author .bbp-author-avatar img {
max-width: 80px;
position: static;
}
}
.node-forum .bbp-reply-author .bbp-author-name a{
margin: 15px 0 0 0;
display: block;
font-family: 'Oswald', sans-serif;
color: #2f2f2f;
}
.node-forum .bbp-reply-author .bbp-author-role {
margin: 0 0 10px 0;
}
.node-forum .bbp-reply-author .bbps-post-count {
padding-top: 10px;
border-top: 1px solid #dcdcdc;
}
.node-forum .bbp-reply-content {
border: 1px solid #dcdcdc;
position: relative;
}
@media (min-width: 480px) {
.node-forum .bbp-reply-content {
margin-left: 155px;
}
}
@media (min-width: 480px) {
.node-forum .bbp-reply-content {
min-height: 254px;
}
}
.node-forum .bbp-reply-content .bbp-reply-header {
background: #f7f7f7;
padding: 20px 30px;
clear: none;
text-align: right;
overflow: hidden;
}
.node-forum .bbp-reply-content .bbp-reply-header .bbp-meta:before,
.node-forum .bbp-reply-content .bbp-reply-header .bbp-meta:after {
content: " ";
display: table;
}
.node-forum .bbp-reply-content .bbp-reply-header .bbp-meta:after {
clear: both;
}
.node-forum .bbp-reply-content .bbp-reply-header .bbp-meta .bbp-reply-permalink {
color: #2f2f2f;
float: right;
}
.node-forum .bbp-reply-content .bbp-reply-header .bbp-meta .bbp-reply-post-date {
float: left;
font-size: 12px;
}
.node-forum .bbp-reply-content .bbp-reply-entry {
padding: 30px;
}
.node-forum .comments-wrapper > h3{
display: none;
}
.node-forum .comment-reply{
padding-top: 25px;
}
.bbp-pagination {
text-align: right;
margin-bottom: 20px;
}
.bbp-reply-author img{
width: 80px;
}
/* Profile Section */
.profile .tab{
display: none;
}
.profile .tab.active{
display: block;
}
.bbp-single-user-details {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #dcdcdc;
}
.bbp-single-user-details:before,
.bbp-single-user-details:after {
content: " ";
display: table;
}
.bbp-single-user-details:after {
clear: both;
}
.bbp-single-user-details .bbp-user-avatar {
float: left;
width: 100px;
}
.bbp-single-user-details .bbp-user-avatar img {
border-radius: 50%;
width: 100px;
}
.bbp-single-user-details .bbp-user-navigation {
margin-left: 130px;
}
.bbp-single-user-details .bbp-user-navigation ul {
padding-left: 0;
list-style: none;
}
.bbp-single-user-details .bbp-user-navigation ul > li > a {
display: block;
padding: 8px 10px;
}
.bbp-single-user-details .bbp-user-navigation ul > li.current > a {
background: #f7f7f7;
color: #2f2f2f;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
/* Drupal integration */
/* ========================== Mega Slider ================= */
.md-arrow-left, .md-arrow-right {
display: block;
font-size: 50px;
width: 60px !important;
height: 100px !important;
line-height: 54px;
background: none !important;
margin-top: -50px;
}
@media(min-width: 1200px) {
.md-arrow-left {
left: 14%;
}
.md-arrow-right {
right: 14%;
}
}
.md-arrow-left:after,
.md-arrow-right:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: block;
background: transparent;
content: "";
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
font-family: 'FontAwesome';
font-size: 50px;
color: #f7f7f7;
font-style: normal;
font-weight: normal;
line-height: 100px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
}
.md-arrow-left:hover,
.md-arrow-right:hover {
color: #fff;
}
.md-arrow-left:after {
content: '\f053';
}
.md-arrow-right:after {
content: '\f054';
}
.md-arrow-right:after {
margin-left: 1px;
}
.md-arrow-left:hover:after,
.md-arrow-right:hover:after {
background: rgba(0,0,0,0.35);
color: #fff;
}
/* ========================== Bullets (pagination) ======== */
.md-slide-bullet-2 .md-bullets{
bottom: 0px;
line-height: 0px;
}
.md-bullet {
padding: 0px 0px;
}
.md-bullet {
position: relative;
display: inline-block;
margin: 0 !important;
width: 100px !important;
height: 10px !important;
cursor: pointer;
background: transparent !important;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.md-bullet:after {
content: "";
width: 100px;
height: 10px;
display: block;
position: absolute;
left: 0px;
bottom: 0px;
-webkit-transition: height .25s ease;
-moz-transition: height .25s ease;
-o-transition: height .25s ease;
transition: height .25s ease;
}
.md-bullet:last-child {
margin-right: 0px;
}
.md-bullet:nth-child(1):after {
background: #41B39F;
}
.md-bullet:nth-child(2):after {
background: #FF510D;
}
.md-bullet:nth-child(3):after {
background: #0081EA;
}
.md-bullet:nth-child(4):after {
background: #7B0A87;
}
.md-bullet:nth-child(5):after {
background: #FA9C3A;
}
.md-bullet:nth-child(6):after {
background: #145F7F;
}
.md-bullet:hover,
.md-bullet.md-current {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.md-bullet.md-current a{
display: none;
}
.md-bullet:hover:after,
.md-bullet.md-current:after {
height: 20px;
}
@media(max-width: 767px) {
.md-bullet {
width: 50px !important;
}
.md-bullet:after {
width: 50px;
}
}
.md-object .icon-box .icon {
width: 100px;
height: 100px;
font-size: 48px;
line-height: 100px;
margin-bottom: 0;
}
.md-object .icon-box.circled .icon:after {
background: rgba(0, 0, 0, 0.1);
}
/* ========================== Panels ====================== */
.hidden-title .pane-title{
text-indent: -9999px;
}
@media(max-width: 991px) {
.hidden-title .pane-title{
display: none;
}
}
/* ========================== Content ===================== */
.alignleft img, .alignright img, .alignnone img, .aligncenter img {
width: auto;
}
html.js fieldset.collapsed {
height: auto;
}
.alert .close{
display: none;
}
.alert.alert-dismissable .close{
display: block;
}
.pager-load-more .btn{
width: 358px;
padding: 14px 0;
font-size: 18px;
border-radius: 0 !important;
}
.centered-title .widget-title,
.centered-title .project-feed-filter{
text-align: center;
}
.centered-title .widget-title{
margin-bottom: 1.2em;
}
.centered-title .widget-title.centered-title .widget-title span{
font-size: 28px !important;
font-family: 'Oswald', sans-serif;
}
.centered-title.dark h3 > span{
color: #fff !important;
}
.btn-primary{
text-shadow: none !important;
}
/* ========================== Forms ======================= */
.container-inline .input-group{
display: table;
}
.input-group > div,
.input-group > input{
display: table-cell;
}
.input-group > .form-item{
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group > .form-item .form-control{
float: none;
}
.input-group > input,
.input-group .form-actions{
display: table-cell;
position: relative;
white-space: nowrap;
width: 1%;
vertical-align: middle;
}
.input-group .form-submit{
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-left: -1px;
padding: 12px 18px;
}
.btn-icon{
font-family: FontAwesome !important;
}
.search-advanced{
padding-bottom: 20px;
}
.search-advanced .form-item label{
width: 200px;
}
@media(min-width: 991px){
.search-advanced .criterion{
width: 50%;
float:left;
}
.search-advanced .criterion:first-child{
padding-right: 30px;
}
}
.one-page #block-nikadevs-cms-contact-form .widget-title,
#block-nikadevs-cms-contact-form .form-item-copy,
#contact-site-form .form-item-copy{
display: none;
}
div.error{
background-image: none;
}
/* ========================== Sidebar ===================== */
aside .title-accent > h3 > span {
font-family: inherit;
font-size: inherit;
}
aside .widget{
margin-bottom: 65px;
}
aside .tabs .tab-content {
padding: 15px;
}
.widget .date{
}
aside .widget_tag_cloud .tagcloud a {
color: #2f2f2f;
border-color: #e4e4e4;
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
}
aside .widget_tag_cloud .tagcloud a:hover {
background: #2f2f2f;
color: #fff;
}
/* ========================== Footer ====================== */
footer .widget-title {
font-size: 14px;
margin-bottom: 1.6em;
color: #fff;
}
footer .title-accent > h3 > span,
aside .title-accent > h3 > span {
font-family: inherit;
font-size: inherit;
}
footer .widget .title > a {
color: #a3a3a3;
}
footer .thumbnail {
padding: 4px;
background: rgba(255, 255, 255, 0.1);
border: none;
}
footer .title-accent {
padding-top: 0px;
}
/* ========================== Pager ====================== */
.hidden-pager{
transition: all 0.5s;
opacity: 0;
}
ul:hover > .hidden-pager{
opacity: 1;
}
/* ========================== Patterns =================== */
.pattern-brickwall{
background: url(../images/patterns/brickwall.png);
}
.pattern-cream-pixels{
background: url(../images/patterns/cream_pixels.png);
}
.pattern-grey-wash-wall{
background: url(../images/patterns/grey_wash_wall.png);
}
.pattern-greyzz{
background: url(../images/patterns/greyzz.png);
}
.pattern-mooning{
background: url(../images/patterns/mooning.png);
}
.pattern-p5{
background: url(../images/patterns/p5.png);
}
.pattern-retina-wood{
background: url(../images/patterns/retina_wood.png);
}
.pattern-shattered{
background: url(../images/patterns/shattered.png);
}
.pattern-sos{
background: url(../images/patterns/sos.png);
}
.pattern-squared-metal{
background: url(../images/patterns/squared_metal.png);
}
.pattern-subtle-grunge{
background: url(../images/patterns/subtle_grunge.png);
}
.pattern-binding-dark{
background: url(../images/patterns/binding_dark.png);
}
/* Product Page */
.add-to-cart .form-actions{
display: inline-block;
}
.posted_in a:after,
.tagged_as a:after{
content: ',';
color: #6d6d6d;
padding-right: 4px;
}
.posted_in a:last-child:after,
.tagged_as a:last-child:after{
content: '';
}
.field-type-fivestar{
padding-bottom: 25px;
}
#block-views-products-block .widget-title span,
#block-views-products-block-1 .widget-title span{
font-family: inherit;
font-size: inherit;
}
.fivestar-static-form-item p{
display: none;
}
/* Shop Page */
.dlink .form-item-qty{
display: none;
}
.dlink .node-add-to-cart{
font-family: FontAwesome;
font-size: 38px;
width: 100%;
position: absolute;
bottom: 0;
top: 0;
left: 0;
background: none !important;
border: none;
}
.dlink .node-add-to-cart:hover{
color: #fff;
background: transparent !important;
}
.dlink form > div > div{
display: none;
}
.dlink form > div > div.form-actions{
display: block;
}
/* Cart Page */
.remove input{
font-family: FontAwesome;
border: none;
background: none;
font-size: 1.3333333333333333em;
padding: 4px;
}
#cart-form-pane .entity-uc-cart-item{
display: none;
}
#cart-form-pane table{
margin-bottom: 15px;
}
#cart-form-pane .text-right a{
padding-right: 10px;
}
@media(max-width: 610px) {
#cart-form-pane .box{
padding: 20px 10px !important;
}
#cart-form-pane th:first-child,
#cart-form-pane td:first-child,
#cart-form-pane th:nth-child(3),
#cart-form-pane td:nth-child(3){
display: none;
}
.quantity,
.quantity .qty{
width: 60px;
}
.quantity .qty{
padding: 0 5px;
}
.quantity .minus, .quantity .plus{
width: 20px;
}
#cart-form-pane td{
padding: 14px 5px;
}
}
/* Checkout Page */
fieldset{
position: relative;
padding: 70px 30px 15px 30px !important;
margin-bottom: 3px;
border-radius: 1px 1px 2px 2px;
border: 1px solid #ddd;
background: #f7f7f7;
}
fieldset.collapsed {
padding: 49px 0 0 0 !important;
}
legend{
position: absolute;
top: 0px;
border-bottom: none;
left: 0;
padding: 14px 14px 14px 18px;
font-size: 13px;
border-radius: 1px 1px 0 0;
color: #fff;
-webkit-transition: 0.2s;
transition: 0.2s;
}
fieldset.collapsed legend{
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff4f4f4', GradientType=0);
}
fieldset.collapsed legend span a{
color: #6d6d6d;
}
legend a,
legend a:hover{
color: #fff;
text-decoration: none;
}
.collapsible legend > span a:before{
content: "\f067";
font-family: 'FontAwesome';
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 1;
padding-right: 10px;
margin-left: -3px;
}
fieldset.collapsed legend > span a:before{
content: "\f068";
}
.collapsible legend > span a{
display: block;
}
fieldset.collapsed legend:before{
color: #6d6d6d;
}
.uc-store-address-field .form-item label{
text-align: left;
width: auto;
}
.uc-cart-checkout-form .uc-store-address-field .form-item label {
padding: 5px 6px 0px;
}
.uc-cart-checkout-form .form-item {
margin-top: 14px;
}
.form-item-panes-billing-billing-street2 label,
.form-item-panes-delivery-delivery-street2 label{
display: none;
}
.uc-cart-checkout-form .form-actions{
margin-top: 20px;
}
.uc-cart-checkout-form .form-actions #edit-cancel,
#uc-cart-checkout-review-form #edit-back{
float: left;
}
@media(min-width: 597px){
#payment-details .form-item{
width: 31%;
float: left;
}
#payment-details .form-item-panes-payment-details-cc-number{
width: 100%;
}
.form-item-panes-payment-details-cc-exp-year{
margin: 43px 3.5% 0 !important;
}
}
/* Checkout Overview Page */
.order-review-table{
width: 100%;
}
.order-review-table>tbody>tr>td{
border-top: none;
padding: 8px;
}
/* Primary Tabs */
.tabs.primary{
padding-left: 31px;
margin: 0 0 -1px;
border-bottom: 1px solid #ddd;
}
.tabs.primary li > a {
font-family: 'Roboto',sans-serif;
font-size: 16px;
font-weight: 700;
background: #fff;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-bottom: none !important;
border-radius: 0;
padding: 12px 13px;
color: #999;
position: relative;
line-height: 1.42857143;
border: 1px solid transparent;
display: block;
}
.tabs.primary li {
position: relative;
display: inline-block;
bottom: -1px;
z-index: 50;
border: 1px solid #ddd;
margin-right: 20px;
}
.tabs.primary li.active {
border-bottom: 0;
bottom: -2px;
}
.tabs.primary li.active a {
color: #2f2f2f;
}
.tabs.primary a:hover,
.tabs.primary a:focus {
text-decoration: none;
}
/* Mega Menu */
.tb-megamenu .nav-collapse.collapse{
display: block;
}
.flexnav .tb-megamenu-block ul,
.flexnav .mega-group-ct{
margin-left: 0;
display: block !important;
position: relative;
min-width: 0;
background: none;
box-shadow: none;
opacity: 1 !important;
height: 100% !important;
}
.mega-group > a:after{
content: '' !important;
}
.mega-group > a{
font-size: 1.2em;
padding-bottom: 10px;
border-bottom: 1px solid #3f3f3f;
color: #969696;
padding-top: 10px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
line-height: 1.2em;
color: #2f2f2f;
margin: 0 0 8px 10px;
padding-left: 0px !important;
background: none !important;
}
.mega-group-ct{
margin-bottom: 10px;
}
.mega-group-ct a{
border: none !important;
padding-left: 11px !important;
}
@media (min-width: 992px) {
.mega-group > a{
color: #2f2f2f;
border-bottom: 1px solid #efefef;
color: #3f3f3f;
padding-top: 0;
}
.mega-align-center > .dropdown-menu {
left: 50%;
transform: translate(-50%);
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
}
.mega-align-right > .dropdown-menu {
left: auto;
right: 0;
}
.mega-align-justify > .dropdown-menu{
right: -200px;
left: auto;
}
}
@media (max-width: 992px) {
.dropdown-menu{
position: relative;
background: none;
border: none;
box-shadow: none;
}
.dropdown-menu .widget-title{
color: #fff;
}
}
.flexnav .tb-megamenu-block{
padding: 10px 10px 15px 0;
}
.flexnav .tb-megamenu-block a{
border: none;
padding: 0;
}
.flexnav .tb-megamenu-block a:hover{
background: none;
}
.flexnav > li > a i{
position: relative;
top: -1px;
left: -3px;
}
.flexnav ul ul li > a i{
color: #bfbfbf;
margin-right: 3px;
}
/* WebForm */
.webform-component{
margin-bottom: 30px;
}
.webform-component-time .webform-container-inline div,
.webform-component-time .webform-container-inline div.form-item,
.webform-component-number {
display: inline-block;
}
.webform-container-inline div.form-item-submitted-time-hour{
width: 100%;
}
.webform-container-inline div.form-item-submitted-time-minute{
margin-left: 30px;
width: 64%;
}
#edit-submitted-time-ampm{
position: relative;
left: -44px;
}
.checkbox.webform-grid-option{
display: table-cell;
}
input[type="radio"], input[type="checkbox"]{
margin-left: 0 !important;
}
/* Magazine Layout */
.owl-carousel__posts .project-item .project-desc {
text-align: left;
}
.owl-carousel__posts .project-item .project-desc .title {
text-transform: none;
font-family: 'Oswald', sans-serif;
font-size: 16px;
}
.owl-carousel__posts .project-item .project-desc .meta {
margin-bottom: .5em;
font-size: .91em;
}
.owl-carousel__posts .project-item .project-desc .meta .comments {
display: inline-block;
padding-right: 4px;
color: #2f2f2f;
}
.owl-carousel__posts .project-item .project-desc .meta .comments:hover {
text-decoration: none;
}
.owl-carousel__posts .project-item .project-desc .meta .comments > .fa {
color: #dc2a0b;
}
.owl-carousel__posts .project-item .project-desc .meta .date {
display: inline-block;
color: #b4b8be;
font-style: italic;
font-size: 13px;
text-transform: none;
}
.owl-carousel__posts .project-item .dlink {
width: 100%;
}
.thumbnail.owl-carousel{
margin: 0 0 20px 0;
}
/* Magazine Slider */
.magazine-slider-holder {
overflow: hidden;
}
.magazine-border{
border-top: 5px solid #d4d4d4;
position: relative;
overflow: hidden;
}
.magazine-border:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
height: 1px;
background: #bebebe;
}
.view-news li{
list-style: none;
}
.view-news ul{
padding: 0;
}
.magazine-slider-holder .item-desc {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
color: #fff;
background: rgba(220, 42, 11, 0.85);
}
.magazine-slider-holder .item-desc h2,
.magazine-slider-holder .item-desc h3 {
color: #fff;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.magazine-slider-holder .item-desc .meta {
margin-bottom: 6px;
font-style: italic;
}
.magazine-slider-holder .item-desc .meta .date,
.magazine-slider-holder .item-desc .meta .author {
color: #fff;
color: rgba(255, 255, 255, 0.6);
font-size: 13px;
display: inline;
}
.magazine-slider-holder .owl-pagination {
display: none;
}
.view-news .thumbnail {
padding: 6px;
}
/* */
.item-sm .item{
position: relative;
margin-bottom: 24px;
}
.item-sm img{
display: block;
max-width: 100%;
height: auto;
}
.item-sm h2{
font-size: 18px;
}
.item-sm .item-desc {
padding: 12px 15px;
background: rgba(47, 47, 47, 0.85) !important;
}
.item-sm.item-sm-alt .item {
margin-bottom: 3px;
}
.item-sm.item-sm-alt .item-desc h2 {
font-size: 14px;
}
/* Shortcodes Background */
.background-fullwidth{
margin-left: -100%;
margin-right: -100%;
padding-left: 100%;
padding-right: 100%;
overflow: hidden;
}
.bg-gray{
background: #444;
color: #fff;
}
.bg-dark-gray{
background: #2f2f2f;
color: #a3a3a3;
}
.section-no-v-paddings{
padding-top: 0;
padding-bottom: 0;
}
.section-no-v-margins{
margin-top: 0;
margin-bottom: 0;
}
/* Recent Post Bottom controls */
.bottom-control-slider{
margin-bottom: 44px;
}
/* Taxonomy list */
.view-taxonomy .item-list > ul,
.view-taxonomy .item-list > ul > li,
.view-taxonomy .links.inline,
.view-taxonomy .links.inline li{
list-style: none;
padding-left: 0;
}
.view-taxonomy .links.inline {
margin-bottom: 40px;
}
/* Flexnav tablets fix *//*
@media(min-width: 991px){
.nav-child{
display: none !important;
}
.nav-child.open{
display: block !important;
}
}*/
.max-width-container{
max-width: 1170px;
}
@media (max-width: 1100px) and (min-width: 950px) {
.footer-copyright .social-links-wrapper .social-links {
margin-right: 40px;
}
}
/* Form */
.filter-wrapper{
padding: 30px 15px !important;
margin-bottom: 20px;
}
.form-actions .form-submit + .form-submit{
margin-left: 10px;
}
.form-managed-file .form-file{
height: auto;
}
header.header-fixed {
display: block !important;
visibility: visible !important;
}
.display-price {
display: inline-block;
font-size: 2em;
color: #dc2a0b;
float: none;
clear: right;
font-weight: normal;
padding: 0;
}
div.price {
margin: 0 0 1.5em 0;
}
.aligcenter{
text-align: center;
}
.aligleft{
text-align: left;
}
.aligright{
text-align: right;
}
img{
max-width: 100%;
height: auto;
}
@media print {
header{
display: none;
}
footer{
display: none;
}
.breadcrumb {
display: none;
}
.share-social {
display: none;
}
}
/* Mobile menu */
.mobile-side-menu {
width: 100%;
display: none;
bottom: 0px;
z-index: 60;
color: #fff;
overflow-x: hidden;
overflow-y: auto;
/* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
}
.mobile-side-menu .flexnav {
margin: 20px 5px 10px 5px;
}
.mobile-side-menu .Menu-logos a {
padding: 0 35px;
opacity: 0.5;
filter: alpha(opacity=0.5);
}
.mobile-side-menu .Menu-logos a img {
max-height: 60px;
width: auto;
}
.mobile-side-menu .list-menu-mobile ul {
padding: 10px 35px;
}
.mobile-side-menu .list-menu-mobile ul li {
line-height: 24px;
}
.mobile-side-menu .list-menu-mobile a {
color: rgba(255,255,255,0.75);
}
.mobile-side-menu .social_mobile {
background: rgba(0,0,0,0.5);
padding: 25px 0;
}
.mobile-side-menu .social_mobile h3 {
color: rgba(255,255,255,0.6);
line-height: 34px;
margin: 0;
text-align: right;
}
.mobile-search{
background: #000;
padding: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-search .btn-primary {
background: transparent;
font-size: 20px;
padding: 10px;
border-radius: 6px;
}
.mobile-search .form-control {
font-size: 1.8rem;
border-left: 0px solid rgba(255,255,255,.25);
padding: 5px 15px;
}
.mobile-search .form-control:focus {
border-left: 0px solid rgba(255,255,255,.25);
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.noscroll {
position: fixed;
right: 0;
top: 0;
overflow: hidden;
}
.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 55;
background-color: rgba(0, 0, 0, 0.85);
}
/* Ocultar Elementos */
#block-webform-client-block-13 .title-accent,
#block-webform-client-block-16 .title-accent {
display: none;
}
@media (min-width: 992px) {
.bordered_contact {
border-left: 1px solid #eee;
padding: 0px 0px 30px 30px;
}
}
/* Search results */
ul.search-results{
padding: 0px;
margin: 0px;
float: none;
display: block;
list-style: none;
box-sizing: content-box;
}
ul.search-results > li {
background: #fff;
margin: 0px 0px 10px 0px;
padding: 24px;
border-radius: 6px;
}
ul.search-results > li:last-child {
margin-bottom: 0px;
}
ul.search-results > li > h4 {
text-transform: none;
}
p.italic{
font-style: italic;
}
/* Spacing */
.m-0{
margin: 0 !important;
}
.pl-0{
padding-left: 0 !important;
}
.pr-0{
padding-right: 0 !important;
}
.pb-14{
padding-bottom: 14px !important;
}
.mb-20{
margin-bottom: 20px !important;
}
.mb-34{
margin-bottom: 34px !important;
}
/* Parrilla */
.parrilla {
background: #eee;
}
.parrilla .icono-play,
.programacion .icono-play {
position: relative;
}
.parrilla .icono-play a span,
.programacion .icono-play a span {
position: absolute;
left: 50%;
top: 50%;
margin-top: -28px;
margin-left: -28px;
background: rgba(0,0,0,0.3);
width: 56px;
height: 56px;
color: #fff;
text-align: center;
border-radius: 50%;
border: 3px solid #fff;
transition: all .2s ease-in-out;
}
.parrilla .icono-play a span i,
.programacion .icono-play a span i {
font-size: 28px;
line-height: 52px;
}
.parrilla .icono-play a:hover span,
.programacion .icono-play a:hover span {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.parrilla .active{
background: #fff;
}
.parrilla h2{
font-size: 22px;
margin: 20px 0 10px 0;
padding: 0;
line-height: 40px;
}
.parrilla h4{
font-size: 18px;
color: #ED0134;
margin: 0;
padding: 0;
line-height: 64px;
}
.parrilla h3{
font-size: 22px;
margin: 0;
padding: 0;
line-height: 30px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.parrilla h3 a{
color: #2f2f2f;
}
.parrilla h3 a:hover{
color: #ED0134;
text-decoration: none;
}
.parrilla span{
font-size: 15px;
display: inline-block;
font-family: 'Roboto',sans-serif;
font-weight: 700;
color: #666;
}
@media (max-width: 991px) {
.parrilla h3{
margin-bottom: 14px;
}
}
@media (max-width: 767px) {
.parrilla h3{
font-size: 18px;
}
.parrilla h4{
font-size: 15px;
line-height: 50px;
}
.parrilla img{
margin: 15px 0;
}
}
/* Tabla Programación */
.programacion table > thead > tr > th {
border-bottom: 0px;
padding: 20px;
background-color: #f7f7f7;
}
.programacion table > thead > tr > th a {
text-transform: lowercase;
font-size: 16px;
color: #2f2f2f !important;
}
.programacion table > thead > tr > th a:hover {
color: #FF5245 !important;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.programacion table > thead > tr > th.active {
background-color: #fff;
}
.programacion table > thead > tr > th.active a {
color: #ED0134 !important;
}
.programacion table > thead > tr > th span {
display: block;
font-size: 22px;
font-weight: 700;
text-transform: capitalize;
}
.programacion table > tbody > tr > td{
padding: 30px 15px;
min-width: 200px;
}
.programacion table > tbody > tr > td .icono-play {
display: inline-block;
}
.programacion table > tbody > tr > td h3,
.programacion table > tbody > tr > td h4 {
margin-bottom: 10px;
}
.programacion table > tbody > tr > td img {
height: 120px;
max-width: none;
}
.programacion table > tbody > tr.active {
background-color: rgba(237,1,52,0.05);
}
.programacion table > tbody > tr.active > td {
border-top: 1px solid #ED0134;
background-color: transparent;
}
.programacion table > tbody > tr > td a.play_TV{
display: inline-block;
line-height: 30px;
margin-top: 5px;
}
.programacion table > tbody > tr > td a.play_TV i{
float: left;
font-size: 18px;
line-height: 30px;
margin-right: 5px;
}
.section-dark {
background: #2f2f2f;
}
.play-dark {
background: #201F20;
}
.section-light {
background: #fff;
}
.eub-bg{
background: url(../images/bg/eub.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* Somos */
.somos{
background: #41B39F;
}
.somos p{
color: #fff;
font-size: 15px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.somos #myWrapperYoutube {
margin: 20px 0;
}
}
/* Iframe Streaming */
#myWrapper {
position: relative;
padding-bottom: 450px;
padding-top: 0px;
height: 0;
line-height:0px;
}
#myWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#myWrapper .NoStream {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#myWrapper .NoStream h3{
max-width: 798px;
height: 100%;
background:#000;
text-align:center;
color:#fff;
padding:60px;
margin: 0 auto;
}
@media (max-width: 991px) {
#myWrapper {
padding-bottom: 405px;
}
}
@media (max-width: 749px) {
#myWrapper {
padding-bottom: 56%;
}
#myWrapper .NoStream h3{
font-size: 14px;
padding:20px 34px;
line-height:20px;
}
}
/* Iframe Streaming */
/* Iframe Youtube */
#myWrapperYoutube,
.media_embed {
position: relative;
padding-bottom: 56%;
padding-top: 0px;
height: 0;
line-height:0px;
}
#myWrapperYoutube iframe,
.media_embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Iframe Youtube */
/* Pager */
.pager {
margin: 34px 0 0 0;
}
.pager li>a, .pager li>span {
padding: 7px 14px;
border: 0;
background: #fff;
}
.pager li.pager-current>a, .pager li.pager-current>span {
background: #ED0134;
}
.pager li.pager-current >a:hover {
background: #FF5245;
}
/* Item */
.item{
margin-bottom: 20px;
position: relative;
background: #fff;
border-radius: 6px;
}
.item .item-img a.youtube {
padding-bottom: 56.25%;
display: block;
background-position: top 53% center;
background-size: cover;
border-radius: 6px 6px 0 0;
}
.item .item-img{
background: #ddd;
position: relative;
border-radius: 6px 6px 0 0;
}
.item .item-img img{
border-radius: 6px 6px 0 0;
width: 100%;
height: auto;
}
.item .item-img .gradient{
position: absolute;
bottom: 0;
left: 0;
z-index: 8;
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
background-image: linear-gradient(to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=0);
height: 50%;
width: 100%;
display: block;
}
.item .item-img .icon{
background: rgba(0,0,0,.3);
position: absolute;
top: 15px;
left: 15px;
z-index: 10;
color: rgba(255,255,255,.8);
line-height: 39px;
padding: 0;
margin: 0;
width: 45px;
height: 45px;
font-size: 20px;
text-align: center;
border-radius: 50%;
border: 3px solid #fff;
}
.item .item-img .share-social{
position: absolute;
bottom: 10px;
right: 10px;
z-index: 25;
}
.item .item-img .share-social a{
color: rgba(255,255,255,0.8);
line-height: 26px;
width: 27px;
height: 27px;
font-size: 13px;
text-align: center;
display: inline-block;
background: rgba(255,255,255,0);
border: 1px solid rgba(255,255,255,0.8);
margin-left: 5px;
border-radius: 50%;
}
.item .item-img .share-social a:hover{
color: rgba(255,255,255,1);
-webkit-transition: background-color .25s ease;
-moz-transition: background-color .25s ease;
-o-transition: background-color .25s ease;
transition: background-color .25s ease;
}
.item .item-img .share-social a.facebook:hover{
background: #22589b;
}
.item .item-img .share-social a.twitter:hover{
background: #00c4ff;
}
.item .item-img .share-social a.mail:hover{
background: #ED0134;
}
.item .item-img blockquote { display: none; }
.item .item-content{
padding: 10px 15px 10px 15px;
max-height: 184.38px;
}
.item .item-content a.tags-noticia{
color: #ED0134;
border: 1px solid #ED0134;
line-height: 20px;
display: inline-block;
padding: 0px 10px;
border-radius: 6px;
}
a.tags-noticia, a.tags-programa, a.tags-audio {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
}
.item .item-content a.tags-noticia:hover {
text-decoration: underline;
}
.item .item-content .title{
min-height: 111.38px;
}
.item .item-content .title h3{
font-size: 18px;
line-height: 1.2em;
margin: 10px 0 0 0;
}
.item .item-content .title h3 a, .item .item-content .title h3 a:hover{
color: #2f2f2f;
}
.item .item-content .title h3 a:hover{
text-decoration: underline;
}
.item .item-content .date{
border-top: 0px solid #eee;
}
.item .item-content .date span{
line-height: 26px;
color: #868585;
display: block;
font-size: 12px;
margin: 0;
}
.item .item-content .date span i{
float: left;
margin-right: 10px;
line-height: 26px;
font-size: 12px;
color: #ED0134;
display: block;
}
.section-light .item {
background: #f7f7f7;
}
.section-dark .item{
background: rgba(255, 255, 255, 0.08);
}
.section-dark .item .item-content a.tags-noticia{
color: #aeaeae !important;
border: 1px solid #aeaeae !important;
}
.section-dark .item .item-content .title h3 a,
.section-dark .item .item-content .title h3 a:hover {
color: #fff;
}
.section-dark .content-item-slider .arrow-left a,
.section-dark .content-item-slider .arrow-right a{
background: #fff;
color: #ED0134 !important;
}
.section-dark .content-item-slider .arrow-left a:hover,
.section-dark .content-item-slider .arrow-right a:hover {
color: #fff !important;
background: #ED0134;
}
.section-dark h4{
color: #fff;
}
.section-dark .item .item-content .date span,
.section-dark .item .item-content .date span i {
color: rgba(255, 255, 255, 0.75);
}
/* Item Redes */
.item .item-redes{
padding: 20px 15px 20px 15px;
}
.item .item-redes h3{
font-size: 18px;
line-height: 30px;
margin: 0px 0px 20px 0px;
}
.item .item-redes h3 i{
float: left;
margin-right: 10px;
font-size: 22px;
line-height: 30px;
}
.item .item-redes h3.facebook i{
color: #22589b;
}
.item .item-redes h3.twitter i{
color: #00c4ff;
}
.item .item-redes h3.youtube i{
color: #e1191f;
}
.item .item-redes h3.comments i{
color: #ED0134;
}
.item .item-redes .Cuadro-YouTube{
height: 65.41px;
background: #f7f7f7;
padding: 8px 30px;
border-radius: 6px;
line-height: 0;
}
.item .item-redes #myWrapperYoutube {
margin-top: 10px;
}
/* Destada - Gallery */
.item.item-destacada .item-content{
position: absolute;
bottom: 0px;
left: 10px;
background: none;
z-index: 20;
width: 95%;
}
.item.item-destacada .item-content a.tags-noticia{
color: #fff;
border: 1px solid #ED0134;
background: #ED0134;
margin-bottom: 5px;
}
.item.item-destacada .item-content .title{
min-height: auto;
margin-bottom: 10px;
}
.item.item-destacada .item-content .title h3{
font-size: 26px;
}
.item.item-destacada .item-content .title h3 a, .item.item-destacada .item-content .title h3 a:hover{
color: #fff;
}
.item.item-destacada .item-content .date, .item.item-list .item-content .date{
border: 0px;
}
.item.item-destacada .item-content .date span{
margin-bottom: 44px;
display: inline-block;
text-align: left;
color: #fff;
}
.item.item-destacada .item-img > a{
padding-bottom: 57.065%;
background-size: cover;
background-position: top 53% center;
background-repeat: no-repeat;
display: block;
border-radius: 6px;
}
.item.item-destacada .item-img > a .gradient{
border-radius: 0px 0px 6px 6px;
height: 75%;
}
.item.item-gallery .item-img > a{
padding-bottom: 118.02%;
}
.item.item-gallery .item-content .title h3{
font-size: 18px;
}
.item.item-gallery .item-img .gradient{
height: 70%;
}
.TVPE-PROGRAMAS .item .item-content .title {
min-height: auto;
padding-bottom: 11px;
}
.TVPE-PROGRAMAS .item .item-content .title h3 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.TVPE-PROGRAMAS .item:hover {
background: #ED0134;
-webkit-transition: background-color .5s ease;
-moz-transition: background-color .5s ease;
-o-transition: background-color .5s ease;
transition: background-color .5s ease;
}
.TVPE-PROGRAMAS .item:hover .item-content .title h3 a {
color: #fff;
}
.TVPE-PROGRAMAS .item .item-content .title h3 a:hover {
color: #fff;
text-decoration: none;
}
/* Note */
.note p{
font-size: 18px !important;
}
.note ul{
font-size: 18px !important;
margin: 0 0 1.5em 0 !important;
}
.note h1, .note h2 {
margin-bottom: 14px;
}
.note .bajada {
font-size: 20px;
margin-bottom: 34px;
font-style: italic;
}
.note .date span{
line-height: 30px;
display: block;
margin: 20px 0;
}
.note .date span i{
float: left;
margin-right: 10px;
line-height: 30px;
font-size: 14px;
color: #ED0134;
display: block;
}
.note .list_tags h4{
line-height: 34px;
margin: 0;
float: left;
margin-right: 10px;
}
.note .list_tags ul {
list-style: none;
margin: 0;
padding: 0;
}
.note .list_tags ul li {
display: inline-block;
line-height: 34px;
padding: 0px 15px;
border-right: 1px solid #ddd;
}
.note .list_tags ul li:last-child {
border-right: 0;
}
.note .gallery {
background: #333;
padding: 20px;
max-width: 940px;
margin: 0 auto;
position: relative;
}
.note .gallery .info-g {
display: none;
}
.image-description {
line-height: 20px;
font-size: 15px;
color: rgba(255,255,255,0.5);
background: #333;
padding: 20px;
}
.note .gallery .description {
line-height: 20px;
font-size: 15px;
padding-top: 20px;
color: rgba(255,255,255,0.5);
}
.note .gallery .description .foto,
.image-description .foto {
float: left;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #666;
}
.note .gallery .description .foto i,
.image-description .foto i {
margin-right: 10px;
}
.note .gallery .arrow-left, .note .gallery .arrow-right{
position: absolute;
top: 50%;
z-index: 10;
margin-top: -70px;
}
.note .gallery .arrow-left a, .note .gallery .arrow-right a{
color: #fff !important;
width: 60px;
height: 100px;
text-align: center;
font-size: 50px;
line-height: 100px;
background: transparent;
cursor: pointer;
display: block;
}
.note .gallery .arrow-left{
left: 20px;
}
.note .gallery .arrow-right{
right: 20px;
}
.note .gallery .arrow-left a:hover, .note .gallery .arrow-right a:hover{
background: rgba(0,0,0,0.5);
color: #fff !important;
}
/* Note List */
.item.item-list {
padding: 15px 15px 10px 15px;
}
.item.item-list:after {
content: " ";
clear: both;
}
.item.item-list .item-img{
margin-bottom: 34px;
}
.item.item-list .item-img a.youtube{
padding-bottom: 56.25%;
display: block;
background-position: top 53% center;
background-size: cover;
border-radius: 0;
}
.item.item-list .item-img img{
border-radius: 0px;
}
.item.item-list .item-content{
padding: 0;
}
.item.item-list .item-content .title h3{
font-size: 16px;
}
.item.item-list .item-content .title{
min-height: 90px;
}
.item.item-list .item-content .date span{
border-top: 0px solid #eee;
display: inline-block;
}
.item.item-list .item-img .share-social{
bottom: -65px;
left: 0px;
}
.item.item-list .item-img .share-social a{
color: rgba(0,0,0,0.3);
border-color: rgba(0,0,0,0.3);
margin-left: 0px;
margin-right: 5px;
}
.item.item-list .item-img .share-social a:hover {
color: rgba(255,255,255,0.8);
}
.item.item-list .item-img a .gradient, .item.item-list .item-img a .icon{
display: none;
}
.item.item-list .item-img{
margin-bottom: 0;
}
.item.page .item-content .title h3{
font-size: 20px;
margin-bottom: 10px;
}
.item.page {
padding: 20px;
}
.item.page:last-child {
margin-bottom: 0px;
}
.item.page .item-img .share-social{
bottom: 0px;
right: -121px;
left: auto;
}
.item.page .item-img a .icon{
display: block;
}
.item.sidebar .item-content .title {
min-height: 60px;
margin-bottom: 10px;
}
.item.sidebar .item-img .share-social{
bottom: -40px;
left: 0px;
}
.item.sidebar .item-img .share-social a{
margin-left: 0px;
margin-right: 5px;
}
.item.sidebar .item-img .share-social a:hover {
color: rgba(255,255,255,0.8) !important;
}
.item.video .item-content .title{
min-height: 90px;
}
@media (max-width: 1199px) {
.item .item-content .title {
min-height: 121.28px;
}
.item.item-destacada .item-img > a {
padding-bottom: 66.633%;
}
.item.item-destacada .item-content .title h3 {
font-size: 22px;
}
.item.item-gallery .item-img > a{
padding-bottom: 139.255%;
}
.item.item-gallery .item-content .title h3,
.item .item-content .title h3 {
font-size: 16px;
}
.item.item-list .item-img .share-social {
bottom: -55px;
}
.item.page .item-img .share-social{
bottom: -40px;
left: 0px;
right: auto;
}
.item.page .item-img{
margin-bottom: 34px;
}
}
@media (max-width: 991px) {
.item.item-destacada .item-img > a{
padding-bottom: 64.326%;
}
.item.item-gallery .item-img > a{
padding-bottom: 136.425%;
}
.item.item.page .item-content .title {
min-height: auto;
}
.item.sidebar .item-img a .gradient,
.item.page .item-img a .gradient {
display: block;
}
.item.page .item-img .share-social {
bottom: 10px;
left: auto;
right: 5px;
}
.item.page .item-img {
margin-bottom: 0px;
}
.item.sidebar .item-img .share-social a,
.item.page .item-img .share-social a {
color: rgba(255,255,255,0.8);
border: 1px solid rgba(255,255,255,0.8);
}
.item.page .paragraph{
display: none;
}
.item.sidebar {
padding: 15px;
}
.item.sidebar .item-img .share-social {
bottom: 10px;
right: 5px;
left: auto;
}
}
@media (max-width: 767px) {
.item.item-destacada .item-img > a,
.item.item-gallery .item-img > a {
padding-bottom: 65%;
}
.item.item-destacada .item-content .date span {
margin-bottom: 10px;
}
.item.item-destacada .item-content .title h3,
.item.item-gallery .item-content .title h3 {
font-size: 18px;
}
.item.item-list .item-img .share-social {
bottom: -40px;
}
.item.item-list .item-content .title {
min-height: 70px;
}
.item.page .item-img a .gradient {
display: block;
}
.item.page .item-img .share-social {
bottom: 10px;
left: auto;
right: 5px;
}
.item.page .item-img,
.item.sidebar .item-img {
margin-bottom: 15px;
}
.item.page .item-img .share-social a {
color: rgba(255,255,255,0.8);
border: 1px solid rgba(255,255,255,0.8);
}
.item.page .item-content .title h3 {
font-size: 18px;
}
.item .item-content .title,
.item.sidebar .item-content .title,
.item.video .item-content .title {
min-height: auto;
margin-bottom: 10px;
}
.TVPE-PROGRAMAS .item .item-content .title {
margin-bottom: 0;
}
.item.item-slick .item-content .title {
min-height: 90px;
margin-bottom: 0px;
}
.item.item-banners .item-img > a {
padding-bottom: 130%;
}
.item.sidebar .item-img .share-social {
bottom: 10px;
}
}
.item.item-slick .item-content .title h3{
font-size: 16px;
}
.item.item-slick .item-img a.youtube {
padding-bottom: 56.25%;
background-position: center;
}
.page_video{
margin-bottom: -20px;
display: inline-block;
}
/* Tgas */
.section-tags {
background: #ED0134;
}
.tags {
padding: 10px 45px;
position: relative;
}
.tags-item{
margin: 0px 5px;
}
.tags-item a{
color: #fff;
border: 0px solid #ddd;
text-align: center;
display: inline-block;
padding: 0 15px;
font-family: 'Roboto',sans-serif;
font-size: 13px;
line-height: 24px;
border-radius: 4px;
position: relative;
}
.tags-item a:hover{
color: #fff !important;
text-decoration: underline;
}
.tags-item a::after {
content: "";
display: block;
position: absolute;
right: -5px;
top: 4px;
height: 16px;
width: 1px;
line-height: 24px;
-webkit-transition: 0.2s;
transition: 0.2s;
background: rgba(0,0,0,0.2);
}
.tags-item:last-child a::after {
background: none;
}
.tags .arrow-left, .tags .arrow-right{
position: absolute;
top: 7px;
}
.tags .arrow-left a, .tags .arrow-right a{
color: #fff !important;
padding: 0;
width: 30px;
height: 30px;
text-align: center;
padding-top: 2px;
line-height: 28px;
font-size: 16px;
background: #ED0134;
cursor: pointer;
display: block;
border-radius: 6px;
}
.tags .arrow-left{
left: 0px;
}
.tags .arrow-right{
right: 0px;
}
.tags .arrow-left a:hover, .tags .arrow-right a:hover{
background: #B0080E;
color: #fff !important;
border: 0px;
}
/* Play */
.play {}
.play h1 {
margin-bottom: 26px;
float: left;
}
.play .share-social {
padding: 31px 0 31px 0;
}
.play .canales {
float: left;
padding-left: 64px;
}
.play .canales a {
display: inline-block;
margin: 0;
padding: 28px 20px;
margin-right: 1px;
background-color: rgba(0, 0, 0, 0.1);
}
.play .canales a.active {
background-color: #ED0134;
}
.play .canales a.active img {
opacity: 1;
filter: alpha(opacity=1);
}
.play .canales a:hover {
background-color: #ED0134;
-webkit-transition: background-color .5s ease;
-moz-transition: background-color .5s ease;
-o-transition: background-color .5s ease;
transition: background-color .5s ease;
}
.play .canales a img {
height: 40px;
width: auto;
opacity: 0.5;
filter: alpha(opacity=0.5);
}
.play .canales a:hover img {
opacity: 1;
filter: alpha(opacity=1);
-webkit-transition: opacity .25s ease;
-moz-transition: opacity .25s ease;
-o-transition: opacity .25s ease;
transition: opacity .25s ease;
}
@media (max-width: 1199px) {
.play h1 {
display: none;
}
.play .canales {
padding-left: 0;
}
}
@media (max-width: 991px) {
.play h1 {
display: none;
}
.play .canales {
padding-left: 0;
}
}
@media (max-width: 767px) {
.play .canales {
float: none;
}
.play .share-social {
padding: 20px 0;
}
.play .canales a {
padding: 14px;
}
.play .canales a img {
height: 32px;
}
}
/* Slider */
.SLIDER-Nota {
height: auto !important;
position: relative;
color: #fff;
padding: 70px 34px 140px 34px;
font-size: 18px;
line-height: 1.2em;
}
.SLIDER-Nota h1 {
font-size: 1.7em;
margin-bottom: 10px;
}
.SLIDER-Nota h1.small {
font-size: 1.4em;
line-height: 1.45em;
}
.SLIDER-Nota h2{
font-size: 1.1em;
margin-bottom: 0px;
}
.SLIDER-Nota h1,
.SLIDER-Nota h2 {
color: #fff;
}
.SLIDER-Nota p {
margin: 1rem 0;
color: rgba(255,255,255,.75);
}
.SLIDER-Nota .SLIDER-CUADRO-01 {
position: absolute;
top: 0;
left: -40px;
height: 60px;
width: 60px;
}
.SLIDER-Nota .SLIDER-CUADRO-02 {
position: absolute;
bottom: 30px;
right: -60px;
height: 60px;
width: 60px;
}
.SLIDER-Nota .SLIDER-CUADRO-ESTRENO {
position: absolute;
top: 0;
left: 20px;
height: 60px;
width: auto;
}
.SLIDER-Nota .SLIDER-CUADRO-ESTRENO h3 {
margin: 0;
line-height: 60px;
color: #fff;
font-size: 1.2em;
padding: 0px 20px;
}
.SLIDER-Nota a{
height: 60px !important;
width: auto !important;
background: #ED0134;
display: block;
position: absolute;
bottom: -30px;
right: 0px;
line-height: 60px !important;
padding-right: 15px !important;
color: #fff;
font-size: 20px;
font-family: 'Roboto',sans-serif;
font-weight: 700;
}
.SLIDER-Nota a:hover{
text-decoration: none;
animation: buzz-out 0.75s 1;
-webkit-animation: buzz-out 0.75s 1;
color: #fff;
}
@-webkit-keyframes buzz-out {
0% {
-webkit-transform: translate(0px, 0px);
}
25% {
-webkit-transform: translate(20px, 0px);
}
50% {
-webkit-transform: translate(0px, 0px);
}
75% {
-webkit-transform: translate(20px, 0px);
}
100% {
-webkit-transform: translate(0px, 0px);
}
}
.SLIDER-Nota a i{
float: left;
display: block;
text-align: center;
width: 60px;
height: 60px;
background: #FF5245;
line-height: 60px;
margin-right: 15px;
font-size: 26px;
}
.SLIDER-Nota .SLIDER-CIERRE{
position: absolute;
bottom: 70px;
left: 34px;
font-family: 'Roboto',sans-serif;
line-height: 1.2em;
font-size: 24px;
}
@media (max-width: 1200px) {
.SLIDER-Nota {
margin-left: 60px;
margin-right: -60px;
padding-bottom: 120px;
}
}
@media (max-width: 991px) {
.SLIDER-Nota {
margin-left: 60px;
margin-right: -80px;
padding-bottom: 80px;
}
.SLIDER-CIERRE {
display: none;
}
.SLIDER-Nota h1 {
font-size: 1.6em;
}
.SLIDER-Nota h2{
font-size: 1.1em;
}
}
@media (max-width: 768px) {
.SLIDER-Nota {
margin-left: 60px;
margin-right: -80px;
padding-bottom: 80px;
}
.SLIDER-CIERRE {
display: none;
}
.SLIDER-Nota p {
display: none;
}
}
@media (max-width: 480px) {
.SLIDER-Nota {
padding: 50px 20px 20% 20px;
margin-right: -75%;
margin-left: 30px;
}
.SLIDER-Nota .SLIDER-CUADRO-01 {
left: -30px;
height: 40px;
width: 40px;
}
.SLIDER-Nota .SLIDER-CUADRO-02 {
bottom: 20px;
right: -40px;
height: 40px;
width: 40px;
}
.SLIDER-Nota .SLIDER-CUADRO-ESTRENO {
left: 10px;
height: 40px;
width: auto;
}
.SLIDER-Nota .SLIDER-CUADRO-ESTRENO h3 {
line-height: 40px;
font-size: 0.8em;
padding: 0 10px;
}
.SLIDER-Nota h1 {
font-size: 1.2em;
margin-bottom: 5px;
}
.SLIDER-Nota h2{
font-size: .8em;
font-weight: 400;
}
.SLIDER-Nota .SLIDER-CIERRE{
display: none;
}
.SLIDER-Nota a{
height: 40px !important;
line-height: 40px !important;
font-size: 16px;
bottom: -20px;
}
.SLIDER-Nota a i{
height: 40px;
width: 40px;
line-height: 40px;
font-size: 20px;
}
}
.CUADRO-purple{
background: #641E84;
}
.CUADRO-purple .SLIDER-CUADRO-01{
background: #9D2EE5;
}
.CUADRO-purple .SLIDER-CUADRO-02{
background: #A518AF;
}
.CUADRO-purple .SLIDER-CUADRO-ESTRENO{
background: #A518AF;
}
.CUADRO-green{
background: #076757;
}
.CUADRO-green .SLIDER-CUADRO-01{
background: #01B36E;
}
.CUADRO-green .SLIDER-CUADRO-02{
background: #013732;
}
.CUADRO-green .SLIDER-CUADRO-ESTRENO{
background: #013732;
}
.CUADRO-orange{
background: #FF7029;
}
.CUADRO-orange .SLIDER-CUADRO-01{
background: #FA9C3A;
}
.CUADRO-orange .SLIDER-CUADRO-02{
background: #F3801C;
}
.CUADRO-orange .SLIDER-CUADRO-ESTRENO{
background: #F3801C;
}
.CUADRO-blue{
background: #145F7F;
}
.CUADRO-blue .SLIDER-CUADRO-01{
background: #38B1E3;
}
.CUADRO-blue .SLIDER-CUADRO-02{
background: #10384E;
}
.CUADRO-blue .SLIDER-CUADRO-ESTRENO{
background: #10384E;
}
.CUADRO-pink{
background: #FF644C;
}
.CUADRO-pink .SLIDER-CUADRO-01{
background: #E61C22;
}
.CUADRO-pink .SLIDER-CUADRO-02{
background: #B0080E;
}
.CUADRO-pink .SLIDER-CUADRO-ESTRENO{
background: #B0080E;
}
.CUADRO-skyblue{
background: #4144C6;
}
.CUADRO-skyblue .SLIDER-CUADRO-01{
background: #6ABAFF;
}
.CUADRO-skyblue .SLIDER-CUADRO-02{
background: #0081EA;
}
.CUADRO-skyblue .SLIDER-CUADRO-ESTRENO{
background: #0081EA;
}
.CUADRO-greenwather{
background: #41B39F;
}
.CUADRO-greenwather .SLIDER-CUADRO-01{
background: #88E5D3;
}
.CUADRO-greenwather .SLIDER-CUADRO-02,
.CUADRO-greenwather .SLIDER-CUADRO-ESTRENO {
background: #013732;
}
.CUADRO-sky {
background: #0081EA;
}
.CUADRO-sky .SLIDER-CUADRO-01 {
background: #C0E4FF;
}
.CUADRO-sky .SLIDER-CUADRO-02,
.CUADRO-sky .SLIDER-CUADRO-ESTRENO {
background: #001233;
}
.CUADRO-brown {
background: #441902;
}
.CUADRO-brown .SLIDER-CUADRO-01 {
background: #FFE0A9;
}
.CUADRO-brown .SLIDER-CUADRO-02,
.CUADRO-brown .SLIDER-CUADRO-ESTRENO {
background: #FA9C3A;
}
.CUADRO-red{
background: #E61C22;
}
.CUADRO-red .SLIDER-CUADRO-01{
background: #FFA786;
}
.CUADRO-red .SLIDER-CUADRO-02,
.CUADRO-red .SLIDER-CUADRO-ESTRENO {
background: #FF5245;
}
.CUADRO-yellow{
background: #FFAA00;
}
.CUADRO-yellow .SLIDER-CUADRO-01{
background: #FFE0A9;
}
.CUADRO-yellow .SLIDER-CUADRO-02{
background: #FF7029;
}
.CUADRO-yellow .SLIDER-CUADRO-ESTRENO{
background: #FA9C3A;
}
.CUADRO-cherry{
background: #800742;
}
.CUADRO-cherry .SLIDER-CUADRO-01{
background: #FCDCFF;
}
.CUADRO-cherry .SLIDER-CUADRO-02,
.CUADRO-cherry .SLIDER-CUADRO-ESTRENO {
background: #4D0728;
}
/* TVPENOTICIAS */
#TVPENOTICIAS .header-top-right a.header-top-right-play{
background: #ED0134;
}
#TVPENOTICIAS .header-top-right a.header-top-right-play:hover{
background: #B0080E;
}
#TVPENOTICIAS .header .btn-extras a:hover{
background: #ED0134;
}
#TVPENOTICIAS .flexnav > li:hover > a:before,
#TVPENOTICIAS .flexnav > li.active > a:before {
background: #ED0134;
}
#TVPENOTICIAS .footer-bg1{
background: #B0080E;
}
#TVPENOTICIAS .footer-bg2{
background: #ED0134;
}
#TVPENOTICIAS .footer-bg3{
background: #FF2766;
}
#TVPENOTICIAS .parrilla h4{
color: #ED0134;
}
#TVPENOTICIAS .parrilla h3 a:hover{
color: #ED0134;
}
#TVPENOTICIAS .programacion table > thead > tr > th.active a {
color: #ED0134 !important;
}
#TVPENOTICIAS .programacion table > thead > tr > th a:hover {
color: #B0080E !important;
}
#TVPENOTICIAS table a {
color: #ED0134;
text-decoration: none;
}
#TVPENOTICIAS table a:hover {
color: #B0080E;
text-decoration: none;
}
#TVPENOTICIAS .programacion table > tbody > tr.active {
background-color: rgba(237,1,52,0.05);
}
#TVPENOTICIAS .programacion table > tbody > tr.active > td {
border-top: 1px solid #ED0134;
}
#TVPENOTICIAS .search-flyout {
background-color: #ED0134;
}
#TVPENOTICIAS .search-flyout .btn-primary {
background: rgba(176,8,14,0.5);
}
#TVPENOTICIAS .mobile-search .btn-primary {
background: transparent;
}
#TVPENOTICIAS .search-flyout .btn-primary:hover,
#TVPENOTICIAS .search-flyout .btn-primary:focus,
#TVPENOTICIAS .search-flyout .btn-primary:active,
#TVPENOTICIAS .search-flyout .btn-primary.active,
#TVPENOTICIAS .mobile-search .btn-primary:hover,
#TVPENOTICIAS .mobile-search .btn-primary:focus,
#TVPENOTICIAS .mobile-search .btn-primary:active,
#TVPENOTICIAS .mobile-search .btn-primary.active {
background: #B0080E !important;
}
#TVPENOTICIAS .header .btn-extras a.btn-search-hover,
#TVPENOTICIAS .header .btn-extras a.btn-menu-hover,
#TVPENOTICIAS .header .btn-extras a.btn-box-menu-hover {
background: #ED0134;
}
#TVPENOTICIAS .content-item-slider .arrow-left a:hover,
#TVPENOTICIAS .content-item-slider .arrow-right a:hover {
background: #B0080E;
}
#TVPENOTICIAS .note a:hover {
color: #B0080E;
}
/* TVPEINTERNACIONAL */
#TVPEINTERNACIONAL .header-top-right a.header-top-right-play{
background: #41B39F;
}
#TVPEINTERNACIONAL .header-top-right a.header-top-right-play:hover{
background: #076757;
}
#TVPEINTERNACIONAL .header .btn-extras a:hover{
background: #41B39F;
}
#TVPEINTERNACIONAL .flexnav > li:hover > a:before,
#TVPEINTERNACIONAL .flexnav > li.active > a:before {
background: #41B39F;
}
#TVPEINTERNACIONAL .footer-bg1{
background: #076757;
}
#TVPEINTERNACIONAL .footer-bg2{
background: #41B39F;
}
#TVPEINTERNACIONAL .footer-bg3{
background: #88E5D3;
}
#TVPEINTERNACIONAL .parrilla h4{
color: #41B39F;
}
#TVPEINTERNACIONAL .parrilla h3 a:hover{
color: #41B39F;
}
#TVPEINTERNACIONAL .programacion table > thead > tr > th.active a {
color: #41B39F !important;
}
#TVPEINTERNACIONAL .programacion table > thead > tr > th a:hover {
color: #076757 !important;
}
#TVPEINTERNACIONAL table a {
color: #41B39F;
text-decoration: none;
}
#TVPEINTERNACIONAL table a:hover {
color: #076757;
text-decoration: none;
}
#TVPEINTERNACIONAL .programacion table > tbody > tr.active {
background-color: rgba(65,179,159,0.05);
}
#TVPEINTERNACIONAL .programacion table > tbody > tr.active > td {
border-top: 1px solid #41B39F;
}
#TVPEINTERNACIONAL .search-flyout {
background-color: #41B39F;
}
#TVPEINTERNACIONAL .search-flyout .btn-primary {
background: rgba(7,103,87,0.5);
}
#TVPEINTERNACIONAL .mobile-search .btn-primary {
background: transparent;
}
#TVPEINTERNACIONAL .search-flyout .btn-primary:hover,
#TVPEINTERNACIONAL .search-flyout .btn-primary:focus,
#TVPEINTERNACIONAL .search-flyout .btn-primary:active,
#TVPEINTERNACIONAL .search-flyout .btn-primary.active,
#TVPEINTERNACIONAL .mobile-search .btn-primary:hover,
#TVPEINTERNACIONAL .mobile-search .btn-primary:focus,
#TVPEINTERNACIONAL .mobile-search .btn-primary:active,
#TVPEINTERNACIONAL .mobile-search .btn-primary.active {
background: #076757 !important;
}
#TVPEINTERNACIONAL .header .btn-extras a.btn-search-hover,
#TVPEINTERNACIONAL .header .btn-extras a.btn-menu-hover,
#TVPEINTERNACIONAL .header .btn-extras a.btn-box-menu-hover {
background: #41B39F;
}
#TVPEINTERNACIONAL div.section-dark .btn-primary {
color: #41B39F !important;
}
#TVPEINTERNACIONAL div.section-dark .btn-primary:hover {
background-color: #076757 !important;
color: #fff !important;
}
#TVPEINTERNACIONAL .loading-bar-hoz .br-timer-bar{
background: #41B39F;
}
#TVPEINTERNACIONAL .TVPE-PROGRAMAS .item:hover {
background: #41B39F;
}
#TVPEINTERNACIONAL div.nd-region .title-accent > h3::before {
background: #41B39F;
}
#TVPEINTERNACIONAL .content-item-slider .arrow-left a,
#TVPEINTERNACIONAL .content-item-slider .arrow-right a {
background: #41B39F;
}
#TVPEINTERNACIONAL .content-item-slider .arrow-left a:hover,
#TVPEINTERNACIONAL .content-item-slider .arrow-right a:hover {
background: #076757;
}
#TVPEINTERNACIONAL .note a {
color: #41B39F;
}
#TVPEINTERNACIONAL .note a:hover {
color: #076757;
}
#TVPEINTERNACIONAL .item.item-destacada .item-content a.tags-noticia {
border: 1px solid #41B39F;
background: #41B39F;
}
#TVPEINTERNACIONAL .item .item-content .date span i {
color: #41B39F;
}
#TVPEINTERNACIONAL .tabs .nav-tabs > li.active > a {
color: #41B39F;
}
/* SIMPLEADS */
/* Horizontal */
#block-simpleads-ad-groups-5889 .title-accent{ display: none; }
#block-simpleads-ad-groups-5889 .simplead-container{ text-align: center; }
#content_top .simplead-container{ margin-bottom: 34px; }
#block-simpleads-ad-groups-5889 .image-ad img{ width: 100%; height: auto; max-width: 1080px; }
#block-simpleads-ad-groups-5889 .image-ad a.ad_link_mobile,
#block-simpleads-ad-groups-5889 .image-ad img.ad_image_mobile{ display: none; }
/* Vertical */
#block-simpleads-ad-groups-5888 .title-accent{ display: none; }
#block-simpleads-ad-groups-5888 .adslist #ad_groups_5888{position: absolute; left:-160px; top: 0px; z-index: 10000; }
#block-simpleads-ad-groups-5888 .image-ad a.ad_link_mobile,
#block-simpleads-ad-groups-5888 .image-ad img.ad_image_mobile{ display: none; }
#ad_groups_5888-right-content{ position: absolute; top: 0; right: 0;}
#ad_groups_5888-right{ position: absolute; right:-160px; top: 0px; z-index: 10000; }
#ad_groups_5888-right .image-ad img,
#ad_groups_5888 .image-ad img{ max-width: 150px;}
@media (max-width: 991px) {
#ad_groups_5888-right-content{ display: none; }
#block-simpleads-ad-groups-5888 .image-ad a.ad_link_desktop,
#block-simpleads-ad-groups-5888 .image-ad img.ad_image_desktop{ display: none; }
#block-simpleads-ad-groups-5888 .image-ad a.ad_link_mobile,
#block-simpleads-ad-groups-5888 .image-ad img.ad_image_mobile{ display: inline-block; }
#block-simpleads-ad-groups-5888 .adslist #ad_groups_5888{ position: relative; left: auto; top: auto; }
#ad_groups_5888-right .image-ad img,
#ad_groups_5888 .image-ad img{ width: 100%; height: auto; max-width: 1080px; }
}
@media (max-width: 767px) {
#block-simpleads-ad-groups-5889 .image-ad img{ width: 100%; height: auto; max-width: 380px; }
#block-simpleads-ad-groups-5889 .image-ad a.ad_link_desktop,
#block-simpleads-ad-groups-5889 .image-ad img.ad_image_desktop{ display: none; }
#block-simpleads-ad-groups-5889 .image-ad a.ad_link_mobile,
#block-simpleads-ad-groups-5889 .image-ad img.ad_image_mobile{ display: inline-block; }
}
/* SLICK */
.content-item-slider{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.read-more{
position: absolute;
top: 6px;
right: 10px;
}
.with-slick {
right: 101px;
}
@media (max-width: 767px) {
.read-more,
.with-slick{
position: relative;
text-align: center;
top: -10px;
right: auto;
left: auto;
margin-bottom: 10px;
}
}
.content-item-slider .arrow-left, .content-item-slider .arrow-right{
position: absolute;
top: 6px;
}
.content-item-slider .arrow-left a, .content-item-slider .arrow-right a{
margin-right: 0px;
padding: 0;
font-size: 17px;
line-height: 38px;
width: 38px;
height: 38px;
text-align: center;
display: block;
border-radius: 6px;
cursor: pointer;
}
.content-item-slider .arrow-left a, .content-item-slider .arrow-right a {
color: #fff !important;
background: #ED0134;
}
.content-item-slider .arrow-left a:hover, .content-item-slider .arrow-right a:hover {
background: #FF5245;
color: #fff !important;
}
.content-item-slider .arrow-left{
right: 53px;
}
.content-item-slider .arrow-right{
right: 10px;
}
.content-item-slider .item .item-content .title h3 {
font-size: 16px;
}
.content-item-slider .item .item-img .icon {
top: 10px;
left: 10px;
}
#peruano-opina {
height: 505px;
border: 1px solid #f7f7f7;
border-top: 0px;
overflow-x: hidden;
overflow-y: auto;
padding: 0px 15px;
}
.estreno {
background: #ED0134;
color: #fff;
padding: 0px 10px;
display: block;
float: left;
line-height: 28px;
margin-right: 10px;
font-family: 'Roboto',sans-serif;
font-weight: 700;
font-size: 15px;
}
/* Parrafo */
.prf-15 p {
font-size: 15px !important;
}
.line_iframe {
line-height: 0;
}
/* Especiales */
.background_rusia_2018 {
background: url('../images/bg/back_rusia_2018.jpg');
background-size: cover !important;
background-repeat: no-repeat;
background-position: center;
}
.background_brasil_2019 {
background: url('../images/bg/background-copa-2019.jpg');
background-size: cover !important;
background-repeat: no-repeat;
background-position: center;
}
.background_lima_2019 {
background: url('../images/bg/Lima-2019-header.jpg');
background-size: cover !important;
background-repeat: no-repeat;
background-position: center;
}
.background_brasil_2019_section {
background: url('../images/bg/brasil_2019_background.png');
background-size: cover !important;
background-repeat: no-repeat;
background-position: center;
}
.background_lima_2019_section {
background: url('../images/bg/lima_2019_background.png');
background-size: cover !important;
background-repeat: no-repeat;
background-position: center;
}
.background_nuestra_section {
background: url('../images/bg/bg-nuestrahistoria.jpg');
background-size: cover !important;
background-repeat: no-repeat;
background-position: center;
}
.background_congreso_section {
background: url('../images/bg/bg-congreso2020.jpg');
background-size: cover !important;
background-repeat: no-repeat;
background-position: center;
}
.background_candelaria_section {
background: url('../images/bg/bg-especial-candelaria.jpg');
background-size: cover !important;
background-repeat: no-repeat;
background-position: center;
}
.background_golpe_section {
background: url('../images/bg/bg-especial-golpe.jpg');
background-size: cover !important;
background-repeat: no-repeat;
background-position: center;
}
.background_tvperu_deportes {
background: rgba(0,18,51,1);
background: -moz-linear-gradient(45deg, rgba(0,18,51,1) 0%, rgba(65,68,198,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,18,51,1)), color-stop(100%, rgba(65,68,198,1)));
background: -webkit-linear-gradient(45deg, rgba(0,18,51,1) 0%, rgba(65,68,198,1) 100%);
background: -o-linear-gradient(45deg, rgba(0,18,51,1) 0%, rgba(65,68,198,1) 100%);
background: -ms-linear-gradient(45deg, rgba(0,18,51,1) 0%, rgba(65,68,198,1) 100%);
background: linear-gradient(45deg, rgba(0,18,51,1) 0%, rgba(65,68,198,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001233', endColorstr='#4144c6', GradientType=1 );
}
.background_play {
background: rgba(59,59,59,1);
background: -moz-linear-gradient(-45deg, rgba(59,59,59,1) 0%, rgba(25,24,25,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(59,59,59,1)), color-stop(100%, rgba(25,24,25,1)));
background: -webkit-linear-gradient(-45deg, rgba(59,59,59,1) 0%, rgba(25,24,25,1) 100%);
background: -o-linear-gradient(-45deg, rgba(59,59,59,1) 0%, rgba(25,24,25,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(59,59,59,1) 0%, rgba(25,24,25,1) 100%);
background: linear-gradient(135deg, rgba(59,59,59,1) 0%, rgba(25,24,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#191819', GradientType=1 );
}
.lima_2019_blue {
background-color: #4144C6;
}
.lima_2019_purple {
background-color: #A518AF;
}
.brasil_2019_green {
background-color: #ED0134;
}
.brasil_2019_yellow {
background-color: #43a840;
}
.brasil_2019_blue {
background-color: #004f92;
}
.brasil_2019_yellow .item .item-content a.tags-noticia {
background-color: #00a747;
color: #fff !important;
border: 1px solid #00a747 !important;
}
.brasil_2019_blue .item .item-content a.tags-noticia {
background-color: #01a6ff;
color: #fff !important;
border: 1px solid #01a6ff !important;
}
.menu-especiales {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.menu-especiales li {
display: inline-block;
padding: 0px 10px;
}
.menu-especiales li > a {
font-size: 17px;
color: #fff;
text-decoration: none;
padding: 0 15px;
font-family: 'Roboto', sans-serif;
line-height: 50px;
font-weight: 700;
position: relative;
z-index: 3;
-webkit-transition: 0.2s;
transition: 0.2s;
display: inline-block;
}
.menu-especiales li > a:before {
content: "";
display: block;
position: absolute;
height: 6px;
left: 0;
bottom: 0;
width: 100%;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.menu-especiales li:hover > a:before, .menu-especiales li.active > a:before {
background: #fff;
}
.item.item_equipos {
padding: 20px;
}
.item.item_equipos h3 {
float: left;
line-height: 54px;
margin-bottom: 0;
font-size: 20px;
margin-right: 34px;
}
.item.item_equipos .group-row {
float: left;
}
.item.item_equipos .group-row a {
display: block;
}
.item.item_equipos .group-row img {
max-width: 54px;
height: auto;
margin: 0px 5px;
border-radius: 50%;
border: 5px solid;
border-color: rgba(0,0,0,0.2);
}
.item.item_equipos_panamericanos {
padding: 20px 3px 10px 3px;
}
.item.item_equipos_panamericanos .group-row img {
margin: 0px 17px;
margin-bottom: 10px;
}
.campeonato_resultados {
position: relative;
display:block;
margin: 54px 34px 44px 34px;
text-align: center;
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 100%);
background-image: linear-gradient(to top,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.2) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=0);
-webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
border-radius: 3% 3% 3% 3% / 20% 20% 60% 60%;
color: #ffffff;
}
.campeonato_resultados::before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
content: "";
z-index: 10;
top: -20px;
left: 3%;
right: 3%;
height: 20px;
border: none;
background: rgba(0,0,0,0.2);
border-top-left-radius: 50% 100%;
border-top-right-radius: 50% 100%;
}
.campeonato_resultados::after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
content: "";
z-index: 10;
bottom: -20px;
left: 3%;
right: 3%;
height: 20px;
border: none;
background: rgba(0,0,0,0.5);
border-bottom-left-radius: 50% 100%;
border-bottom-right-radius: 50% 100%;
}
.campeonato-fixture {
text-align: center;
}
.brasil_2019_resultados {
color: #fff;
margin-top: 25%;
text-align: center;
}
.campeonato-table .caption h3,
.campeonato-fixture h3,
.brasil_2019_resultados h3 {
font-size: 16px;
color: #fff;
background-color: #004f92;
display: inline-block;
line-height: 1.2em;
padding: 7px 20px;
margin-bottom: 0px;
border-radius: 6px;
}
.brasil_2019_resultados p {
background: #43a840;
display: inline-flex;
padding: 7px 20px;
margin-bottom: 10px;
border-radius: 6px;
}
.campeonato-fixture h3 {
border-radius: 6px 6px 0 0;
}
.campeonato-fixture .match-group h2 {
margin-bottom: 0;
text-align: left;
line-height: 90px;
}
.campeonato-fixture .match-hour {
font-size: 15px;
margin-bottom: 10px;
}
.campeonato-fixture .match-teams{
}
.campeonato-fixture .match-teams .team{
float: left;
width: 40%;
}
.campeonato-fixture .match-teams .team-1{
text-align: right;
padding-right: 40px;
}
.campeonato-fixture .match-teams .team-2{
text-align: left;
padding-left: 40px;
}
.campeonato-fixture .match-teams .team .team-name{
color: #2f2f2f;
line-height: 60px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
display: inline-block;
font-size: 18px;
padding: 0px 2.5px;
}
.campeonato-fixture .match-teams .score{
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,1) 0%,rgba(113,113,113,1) 100%);
background-image: linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(113,113,113,1) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#71717100',GradientType=0);
display: inline-block;
float: left;
width: 20%;
border-radius: 14px;
line-height: 60px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 36px;
color: #fff;
text-align: center;
}
.campeonato-fixture .match-teams .score span,
.campeonato-fixture .match-teams .score span small {
display: inline-block;
line-height: 60px;
}
.campeonato-fixture .match-teams .score small{
font-size: 20px;
vertical-align: top;
}
.campeonato-table {
padding: 24px;
}
.campeonato-table .caption {
text-align: center;
}
.campeonato-table .caption h3 {
margin-bottom: 20px;
}
.campeonato-table table {
border-color: #eee;
}
.campeonato-table table > thead > tr > th {
border-bottom: 0px;
padding: 20px;
background-color: #f7f7f7;
}
.campeonato-table tbody tr td .country {
line-height: 60px;
font-family: 'Roboto',sans-serif;
font-weight: 700;
}
.campeonato-table table > tbody > tr > td {
vertical-align: middle;
font-size: 17px;
padding: 5px 14px;
border-color: #eee;
}
.campeonato-table tbody tr td .img_sede img {
max-height: 150px;
border-radius: 8px;
}
.panamericanos-table {
}
.panamericanos-table .caption {
text-align: left;
}
.panamericanos-table .sede .caption {
text-align: center;
margin-bottom: 0px;
}
.panamericanos-table .disciplinas .caption {
text-align: center;
}
.panamericanos-table a {
display: inline-block;
color: #999 !important;
text-align: center;
width: 140px;
position: relative;
cursor: pointer;
line-height: 1.2em;
margin-bottom: 10px;
min-height: 141px;
vertical-align: top;
padding: 0 5px;
}
.panamericanos-table a:hover {
color: #4144C6 !important;
}
.panamericanos-table a img {
text-align: center;
display: inline-block;
max-height: 90px;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
.panamericanos-table a img.img_back {
opacity: 0;
}
.panamericanos-table a img.img_front {
position: absolute;
top:0;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
overflow: hidden;
z-index: 2;
transition: opacity .5s linear;
cursor: pointer;
}
.panamericanos-table a:hover img.img_back {
opacity: 1;
}
.panamericanos-table a:hover img.img_front {
opacity: 0;
}
.brasil_2019_marcador {
position: relative;
display:block;
margin: 24px 34px;
height: 60px;
text-align: center;
background-image: -webkit-linear-gradient(bottom,rgba(147,147,147,1) 0%,rgba(255,255,255,1) 100%);
background-image: linear-gradient(to top,rgba(147,147,147,1) 0%,rgba(255,255,255,1) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93939300',endColorstr='#FFFFFF00',GradientType=0);
-webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
border-radius: 3% 3% 3% 3% / 20% 20% 60% 60%;
}
.brasil_2019_marcador::before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
content: "";
z-index: 15;
top: -10px;
left: 3%;
right: 3%;
height: 10px;
border: none;
background: #FFFFFF;
border-top-left-radius: 50% 100%;
border-top-right-radius: 50% 100%;
}
.brasil_2019_marcador::after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
content: "";
z-index: 15;
bottom: -10px;
left: 3%;
right: 3%;
height: 10px;
border: none;
background: #939393;
border-bottom-left-radius: 50% 100%;
border-bottom-right-radius: 50% 100%;
}
.brasil_2019_marcador img,
.team-flat .flat img,
.match-teams .team .team-flat img,
.campeonato-table tbody tr td .country img,
.estadios .flat img{
max-width: 50px;
height: auto;
margin: 0px 0px;
border-radius: 50%;
border: 5px solid;
border-color: rgba(0,0,0,0.2);
}
.team-flat {
position: relative;
}
.team-flat .flat {
position: absolute;
right: 10px;
bottom: 0px;
margin-bottom: -40px;
}
.team-flat .flat img {
max-width: 80px;
}
.team-content .progress {
height: 30px;
padding: 0px;
}
.team-content .progress-bar-blue {
background-color: #004f92;
}
.team-content .progress-bar-green {
background-color: #43a840;
}
.team-content .progress-bar-blue, .team-content .progress-bar-green {
line-height: 30px;
height: 30px;
}
.team-content .progress-label {
font-size: 18px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
}
.team-content .team-text {
min-height: 180px;
}
.team-content .team-text h1, .team-content .team-text h2 {
display: inline-block;
margin-bottom: 5px;
}
.team-content .team-text strong {
color: #2f2f2f;
}
.team-content .date h4 {
margin-bottom: 10px;
}
.brasil_2019_marcador .info-team {
float: left;
width: 32%;
text-align: center;
}
.brasil_2019_marcador .info-team span {
color: #2f2f2f;
line-height: 60px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
display: inline-block;
font-size: 22px;
padding: 0px 2.5px;
}
.brasil_2019_marcador .marcador {
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,1) 0%,rgba(113,113,113,1) 100%);
background-image: linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(113,113,113,1) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#71717100',GradientType=0);
display: inline-block;
float: left;
width: 36%;
border-radius: 14px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
font-size: 36px;
}
.brasil_2019_marcador .marcador span,
.brasil_2019_marcador .marcador span small {
display: inline-block;
line-height: 60px;
}
.brasil_2019_marcador .marcador small{
font-size: 20px;
vertical-align: top;
}
.campeonato-estadios p {
min-height: 150px;
}
.campeonato-estadios p strong {
color: #2f2f2f
}
.brasil_2019_marcador .marcador span.no-point,
.campeonato-fixture .match-teams .score span.vs {
padding: 0px 3px;
}
.d-block {
display: block;
}
.publicidad-web{
text-align: center;
}
.publicidad-web .app-img-destock
.publicidad-web .app-img-mobile {
}
.publicidad-web .app-img-mobile {
display: none;
}
.slick-home .item-back-home{
min-height: 560px;
position: relative;
background-position: center !important;
background-repeat: no-repeat !important;
-webkit-background-size: cover !important;
background-size: cover !important;
}
.slick-home .item-cont-home{
position: absolute;
width: 450px;
top: 50%;
left: 50%;
transform: translate(-125%, -50%);
-webkit-transform: translate(-125%, -50%);
-moz-transform: translate(-125%, -50%);
-o-transform: translate(-125%, -50%);
}
.slick-home .item-cont-home .SLIDER-Nota {
transition: transform 1s ease;
-webkit-transition: transform 1s ease;
-moz-transition: transform 1s ease;
-o-transition: transform 1s ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.slick-home .slick-active .item-cont-home .SLIDER-Nota {
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
}
@media (max-width: 1199px) {
.slick-home .slick-next {
right: 2.5%;
}
.slick-home .slick-prev {
left: 2.5%;
}
.item.item_equipos h3 {
margin-right: 10px;
line-height: 41px;
}
.item.item_equipos .group-row img {
max-width: 41px;
margin: 0 2px;
}
.brasil_2019_resultados {
margin-top: 35%;
}
.campeonato-fixture .match-teams .team {
width: 35%;
}
.campeonato-fixture .match-teams .score {
width: 30%;
}
}
@media (max-width: 991px) {
.slick-home .item-back-home{
min-height: 480px;
}
.slick-home .item-cont-home{
width: 380px;
}
.slick-home .item-cont-home{
transform: translate(-100%, -50%);
-webkit-transform: translate(-100%, -50%);
-moz-transform: translate(-100%, -50%);
-o-transform: translate(-100%, -50%);
}
.item.item_equipos h3 {
margin-right: 34px;
line-height: 54px;
}
.item.item_equipos .group-row img {
max-width: 54px;
margin: 0 5px;
}
.brasil_2019_resultados {
margin-top: 40%;
}
.team-content .team-text {
min-height: 210px;
}
}
@media (max-width: 767px) {
.slick-home .item-back-home {
min-height: 400px;
background-position: 60% center !important;
}
.slick-home .item-back-home-center {
background-position: center !important;
}
.slick-home .item-cont-home {
width: 360px;
}
.slick-home .item-cont-home {
transform: translate(-100%, -50%);
-webkit-transform: translate(-100%, -50%);
-moz-transform: translate(-100%, -50%);
-o-transform: translate(-100%, -50%);
}
.publicidad-web .app-img-destock {
display: none;
}
.publicidad-web .app-img-mobile {
display: inline-block;
}
.team-content .team-text,
.campeonato-estadios p {
min-height: auto;
}
.campeonato-fixture .match-group h2 {
margin-bottom: 10px;
text-align: center;
line-height: 1.5em;
}
.campeonato-fixture .match-teams .team .team-name,
.brasil_2019_marcador .info-team span.abreviatura {
display: none;
}
.item.item_equipos h3 {
margin-right: 10px;
line-height: 48px;
}
.item.item_equipos .group-row img {
max-width: 48px;
margin: 0 3px;
}
.campeonato-fixture .match-teams .team {
float: left;
width: 30%;
}
.campeonato-fixture .match-teams .score {
width: 40%;
}
.brasil_2019_resultados {
margin-top: 50%;
}
.background_lima_2019,
.background_brasil_2019 {
background-size: 250% !important;
background-position: top left 70%;
background-color: #008a01;
}
}
@media (max-width: 480px) {
.slick-home .slick-dots li,
.slick-home .slick-dots li button {
width: 50px;
}
.slick-home .slick-next {
right: 0;
}
.slick-home .slick-prev {
left: 0;
}
.slick-home .item-back-home{
min-height: 320px;
background-position: 75% center !important;
}
.slick-home .item-back-home-center {
background-position: center !important;
}
.slick-home .item-cont-home{
width: 70%;
}
.slick-home .item-cont-home .SLIDER-Nota {
margin: 0 auto;
}
.slick-home .item-cont-home{
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.campeonato-fixture .match-teams .team {
width: 25%;
}
.campeonato-fixture .match-teams .score {
width: 50%;
}
.brasil_2019_marcador {
margin: 24px 0px;
}
.brasil_2019_marcador .info-team {
width: 25%;
}
.brasil_2019_marcador .marcador {
width: 50%;
}
}