.awards-container {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 24px;
} @media screen and (max-width: 990px) {
.awards-container {
grid-template-columns: repeat(3, 1fr);
}
} @media screen and (max-width: 560px) {
.awards-container {
grid-template-columns: repeat(2, 1fr);
}
}
.single-award.hidden {
display: none;
}
.toggle-awards-btn {
padding: 10px 20px;
cursor: pointer;
margin: 48px auto 0 !important;
display: block;
border: none !important;
background: transparent;
font-family: 'Lato', sans-serif !important;
letter-spacing: 0px;
color: #7E7E7E;
transition:all 0.4s ease;
}
.toggle-awards-btn:hover {
color: #222;
transition:all 0.4s ease;
}
.single-award h5 {
font: normal normal normal 18px / 27px Lato;
letter-spacing: 0px !important;
color: #464D57 !important;
text-align: center !important;
margin-right: auto !important;
margin-left: auto !important;
margin: 0 auto 8px !important;
}
.awards-container .single-award-img {
margin-left:auto;
margin-right:auto;
text-align: center !important;
}
.awards-container .single-award-img img {
width:150px !important;
height:157px !important;
object-fit: contain !important;
}
.awards-container .single-award h6 {
margin-bottom: initial !important;
margin-top: initial !important;
margin-left: 0px !important;
text-align: center !important;
color: #9b9b9b;
line-height: 1.4em;
text-transform:uppercase;
}.custom-fitxa-container {
width: 100%;
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
min-height: 500px;
position:relative;
}
.custom-fitxa-container.ancho {
background-size:100% auto;
}
.custom-fitxa-content {
padding-top:90px;
}
.custom-fitxa-video-container, 
.custom-fitxa-specs {
width:90%;
max-width:1300px;
margin-left:auto;
margin-right:auto;
}
.custom-fitxa-specs {
padding-bottom: 360px;
}
.custom-fitxa-video-content {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.custom-fitxa-title h2 {
font: normal normal bold 45px/56px Rufina;
letter-spacing: 0px !important;
color: #082B2E !important;
margin: 0 !important;
position: relative;
z-index: 2;
}
.custom-fitxa-title h3 { 
font: normal normal bold 64px/78px Rufina;
letter-spacing: 0px !important;
color: #082B2E !important;
margin:0 !important;
}
.custom-fitxa-title .undertitle p {
margin:0 !important;
}
.custom-fitxa-title a,
.custom-fitxa-title .undertitle p a, 
.custom-fitxa-data a {
color: #082B2E !important;
text-decoration:underline !important;
}
.custom-fitxa-title a:hover,
.custom-fitxa-title .undertitle p a:hover, 
.custom-fitxa-data a:hover {
color: #082B2E !important;
text-decoration:none !important;
}
.custom-video-caption p {
margin:6px 0 0 0 !important;
font: normal normal normal 14px/27px Lato !important;
letter-spacing: 0px!important;
color: #464D57 !important;
text-transform: uppercase !important;
}
.custom-fitxa-video-content iframe, 
.custom-fitxa-video-content object, 
.custom-fitxa-video-content embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
}
.custom-fitxa-title {
margin-top: 50px;
margin-bottom: 80px;
}
.custom-fitxa-content h4 {
font-family:'Lato', sans-serif;
font-weight:600;
font-size:24px;
line-height:38px;
letter-spacing: 0.42px;
margin-bottom: 20px;
width: 80%;
}
.custom-fitxa-extra,
.custom-fitxa-desc {
float: left;
width: 50%;
margin: 0;
}
.custom-fitxa-desc-content {
margin-left: 55px;
max-width: 500px;
}
.custom-fitxa-extra-content {
margin-left: 140px;
margin-top: 10px;
line-height: 2;
}
.custom-fitxa-links {
margin-top: 80px;
}
.custom-fitxa-links p {
margin:0 !important;
}
.custom-fitxa-extra-content a {margin-right: 2%; }
.custom-fitxa-links a {
font-weight: bold;
color: #082B2E !important;
text-decoration:none !important;
}
.custom-fitxa-links a::before {
content: "";
width: 16px;
height: 2px;
display: inline-block;
vertical-align: middle;
background-color: #122A2D;
margin-right: 8px;
}
@media only screen and (max-width:767px) {
#cropped-overlay-title-container {
top: 320px !important;
opacity: 0.7 !important;
}
.single-project-description {
width: 90%;
margin: 0 auto;
}
h2.works-main-title, .hub-project-description h4, .single-project-description h4, .single-project-description-no-margin h4 {
line-height: 1.2 !important;
font-size: 26px !important;
}
.custom-fitxa-extra,
.custom-fitxa-desc {
float: none;
width: 90%;
margin: 0 0 20px 0;
}
.custom-fitxa-extra {
margin-top:20px;
}
.custom-fitxa-extra-content {
margin-left: 55px;
}
}
@media only screen and (max-width:767px) {
#works-grid {
margin-top: 60px !important;
}
h2.works-main-title, .hub-project-description h4, .single-project-description h4, .single-project-description-no-margin h4 {
line-height: 1.3 !important;
font-size: 19px !important;
}
}.prefooter-contact-container a,
.prefooter-contact-container a:visited {color:#000 !important}
.prefooter-contact-container a:hover {text-decoration:underline;}
p.main-contact-fifty { width: 48%; margin: 0px !important; line-height: 2em;  padding-top:45px; }
p.main-contact-fifty:nth-child(odd) { float: left; }
p.main-contact-fifty:nth-child(even) { float: right; }
p.main-contact-fifty span { width: 100% !important; margin: 0 !important; }
p.main-contact-full { width: 100%; float:none !important; clear:both;  padding-top:50px; }
.main-contact-legal, .main-contact-legal p, .main-contact-legal span { }
.main-contact-form input.wpcf7-form-control.wpcf7-submit { 
padding: 15px 50px !important; 
border-radius: 2px !important;
background-color:#082B2E;
text-transform:uppercase;
font-size: 16px;
font-family:'Lato', sans-serif;
line-height: 1 !important;
font-weight:300 !important;
letter-spacing: 0px;
color: #F2F2F2;
opacity: 1;
}
.main-contact-submit {
margin-top:20px;
text-align: right;
}
span.wpcf7-spinner {
display: block;
}
.prefooter-contact-form-text {
text-align: left;
font: normal normal normal 18px/27px Lato;
letter-spacing: 0px;
color: #464D57;
opacity: 1;
}
.main-contact-form span.wpcf7-form-control-wrap.quiz-26 span, .main-contact-form span.wpcf7-form-control-wrap.quiz-26 label {}
.main-contact-form input, #top .main-contact-form textarea {
border: none !important;
border-bottom: 2px solid rgba(70, 77, 87, 0.3) !important;
color: rgba(70, 77, 87, 0.3) !important;
background-color:transparent !important;
}
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
}
#top input[type="text"]:focus, #top input[type="password"]:focus, #top input[type="email"]:focus, #top input[type="number"]:focus, #top input[type="url"]:focus, #top input[type="tel"]:focus, #top input[type="search"]:focus, #top textarea:focus {
box-shadow:none !important;
border-bottom: 2px solid rgba(70, 77, 87, 1) !important;
color: rgba(70, 77, 87, 1) !important;
}
#top .main-contact-form label {
font: normal normal normal 13px/16px Lato;
letter-spacing: 0px;
color: #474D56;
opacity: 1;
}
.main-contact-form * {resize:none !important}
.prefooter-contact-container .wpcf7-list-item {
margin: 0 !important;
}
.prefooter-contact-container input.wpcf7-form-control.wpcf7-quiz.quizz, 
.main-contact-form input.wpcf7-form-control.wpcf7-quiz.quizz { display: inline !important; width: 50px !important; }
.prefooter-contact-container h2.titulos-hola {
font: normal normal bold 72px/86px Rufina;
letter-spacing: 0.94px;
color: #082B2E;
}
.prefooter-contact-container span.wpcf7-form-control-wrap.quiz-26 span, .prefooter-contact-container span.wpcf7-form-control-wrap.quiz-26 label, 
.main-contact-form span.wpcf7-form-control-wrap.quiz-26 span, .main-contact-form span.wpcf7-form-control-wrap.quiz-26 label {font-weight: 700 !important }
.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { border-color: #feca22!important; background-color: #feca22!important; padding: 10px !important; margin: 20px 0 !important; }
#top label {font-weight: 500 !important;} 
div#custom_html-2 {
padding: 0 !important;
}
.prefooter-contact-container {
padding-top:150px;
padding-bottom:70px;
margin-bottom: 15px;
}
.prefooter-contact-container .prefooter-contact-text {
width:45%;
float:left;
clear:none;
}
.prefooter-contact-container .prefooter-contact-form {
width:55%;
float:left;
clear:none;
} .prefooter-contact-container input.wpcf7-form-control.wpcf7-submit {
background-color: #121037 !important;
color: #FFF !important;
}
.prefooter-contact-container input.wpcf7-form-control.wpcf7-submit:hover {
background-color: #FFF !important;
color: #a20f3b !important;
}@import url("https://fonts.googleapis.com/css2?family=Rufina:wght@400;700&display=swap");
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .content {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.responsive .container {
max-width: 1444px;
}
.responsive #top .avia-post-nav {
display: none;
}
.container_wrap { border: none !important; } .max-width-image-container .flex_cell_inner {
max-width: 1564px;
margin-left:auto;
margin-right:auto;
}
body .max-width-image-container .column-top-margin {
margin-top: 115px !important;
}
h1 {
font: normal normal bold 72px/86px Rufina;
letter-spacing: 0.94px !important;
color: #082B2E !important;
text-transform:none !important;
}
h2 { font: normal normal bold 60px/72px Rufina;
letter-spacing: 0.87px !important;
color: #082B2E !important;
text-transform:none !important;
}
body.lang-es .caption-bottom-left h2 {
font-size: 54px;
line-height: 1.2;
margin-top: 10px !important;
}
body.lang-es .caption-bottom-right h2 {
font-size: 44px;
line-height: 1.2;
}
h2.titular-grande {
font: normal normal bold 72px/86px Rufina;
letter-spacing: 0.94px !important;
color: #082B2E !important;
text-transform:none !important;
}
h3 {
font: normal normal bold 32px/38px Lato;
letter-spacing: 0.42px !important;
color: #464D57 !important;
text-transform:none !important;
}
h3.sub-titulos-work {
text-align: left;
font: normal normal bold 18px/27px Lato;
letter-spacing: 0px !important;
color: #082B2E !important;
opacity: 1;
}
h3.sub-titulos-work::before {
content:"";
width:16px;
height:2px;
display:inline-block;
vertical-align:middle;
margin-right:8px;
background-color: #082B2E !important;
}
h4.description { font-size: 28px !important; margin-bottom: 40px !important; }
h5 {
max-width:470px;
margin-left:36px;
text-align: left;
font: normal normal normal 18px/27px Lato;
letter-spacing: 0px !important;
color: #464D57 !important;
opacity: 1;
margin-bottom:60px;
margin-top:60px;
}
h5.award { margin-bottom: initial !important; margin-top: initial !important; margin-left: 0px !important; text-align: center !important; }
h6.award { margin-bottom: initial !important; margin-top: initial !important; margin-left: 0px !important; text-align: center !important; color: #9b9b9b; line-height: 1.4em; }
.xl-text {
font: normal normal normal 42px/60px Rufina !important;
letter-spacing: 0px !important;
color: #464D57 !important;
}
.l-text {
font: normal normal normal 43px/53px Rufina !important;
letter-spacing: -0.43px !important;
color: #464D57 !important;
max-width:1180px;
margin-left:auto;
margin-right:auto;
}
p {
font: normal normal normal 14px/26px Lato !important;
letter-spacing: 0px !important;
color: #464D57 !important;
}
p.avia_cookie_text {
color: #fff !important;
display: block;
margin-bottom: 16px;
}
a.avia-button.avia-color-theme-color-highlight.avia-cookie-consent-button.avia-cookie-consent-button-2.av-extra-cookie-btn.avia-cookie-info-btn,
a.avia-button.avia-color-theme-color-highlight.avia-cookie-consent-button.avia-cookie-consent-button-1.avia-cookie-close-bar.avia-cookie-select-all,
a.avia-button.avia-color-theme-color-highlight.avia-cookie-consent-button.avia-cookie-consent-button-3.av-extra-cookie-btn.avia-cookie-hide-notification {
color:#FFF !important;
background:transparent !important;
border:2px solid #FFF !important;
}
a.avia-button.avia-color-theme-color-highlight.avia-cookie-consent-button.avia-cookie-consent-button-2.av-extra-cookie-btn.avia-cookie-info-btn:hover,
a.avia-button.avia-color-theme-color-highlight.avia-cookie-consent-button.avia-cookie-consent-button-1.avia-cookie-close-bar.avia-cookie-select-all:hover,
a.avia-button.avia-color-theme-color-highlight.avia-cookie-consent-button.avia-cookie-consent-button-3.av-extra-cookie-btn.avia-cookie-hide-notification:hover {
color:#222 !important;
background:#FFF !important;
border:2px solid #FFF !important;
}
strong { color: inherit !important; }  span.logo.avia-svg-logo a svg {
width: 244px;
}
.header-scrolled span.logo.avia-svg-logo a svg {
width: 122px;
} html.white .logo img, 
html.white .logo svg, 
html.white div#lang_sel_list .wpml-ls-item a {
filter: invert(1) brightness(100) !important;
}
html.white.av-burger-overlay-active .logo img, html.white.av-burger-overlay-active .logo svg, 
html.white .header-scrolled .logo img, html.white .header-scrolled .logo svg,
html.white .header-scrolled div#lang_sel_list .wpml-ls-item a {
filter: initial !important;
}
html.white li.av-burger-menu-main.menu-item-avia-special { 
filter: invert(1) brightness(100) !important;
}
html.white.av-burger-overlay-active .header-scrolled li.av-burger-menu-main.menu-item-avia-special, 
html.white .header-scrolled li.av-burger-menu-main.menu-item-avia-special {
filter: initial !important
} html.white.dark .logo img, 
html.white.dark .logo svg, 
html.white.dark div#lang_sel_list .wpml-ls-item a {
filter: initial !important;
}
html.white.dark li.av-burger-menu-main.menu-item-avia-special {
filter: initial !important;
} div#lang_sel_list {
padding: 0;
line-height: 1 !important;
text-align: right;
border: none !important;
vertical-align: middle;
position: absolute;
right: 12px;
top: 24px;
transition:all .5s ease-in-out;
}
.header-scrolled-full div#lang_sel_list {
top: 5px;
transition:all .5s ease-in-out;
}
div#lang_sel_list .wpml-ls-item, 
div#lang_sel_list .wpml-ls-item span {
font-size: 11px !important;
}
div#lang_sel_list .wpml-ls-item a {
background:transparent !important;
}
div#lang_sel_list .wpml-ls-item, 
div#lang_sel_list .wpml-ls-item:hover,
div#lang_sel_list .wpml-ls-item a:hover, 
div#lang_sel_list .wpml-ls-item span:hover {
text-decoration:none !important;
}
div#lang_sel_list a.wpml-ls-link {
padding: 5px;
}
.av-hamburger-box {margin-top:-4px !important;} 
.header_color .av-hamburger-inner, 
.header_color .av-hamburger-inner::before {
background-color: #333333;
height: 2.3px !important;
width:24px !important;
}
.header_color .av-hamburger-inner::after {
content: "Menu";
display: inline-block;
vertical-align: middle;
float: none;
line-height: 13px !important;
position: absolute;
border: none !important;
height: auto;
width: auto;
background-color: transparent !important;
color: #333;
right: -50px;
top: -10px;
font-size: 16px;
} 
.header_color .av-hamburger.is-active .av-hamburger-inner::after {
content:"";
background-color: #FFF !important;
}
body.lang-es .header_color .av-hamburger-inner::after {
content:"Menú";
}
.av-hamburger-inner::before {
top: -7px;
}
span.av-hamburger-box::after {
}
span.av-hamburger-box {
width: 84px !important;
}
.av-burger-overlay-active {} 
.av-burger-overlay-active .header_color .av-hamburger-inner::after {
content:"";
background-color:#333;
height: 2.3px !important;
width:24px !important;
right: initial;
top: initial;
bottom: initial;
} div#custom_html-4 {
position: fixed;
top: 50%;
left: -80px;
}
div#custom_html-7 {
position: fixed;
top: 50%;
left: -56px;
} div#custom_html-3 {
position: fixed;
top: 50%;
right: -200px;
}
div#custom_html-8 {
position: fixed;
top: 50%;
right: -208px;
}
.custom-discover, 
.custom-copyright {
font-size:11px !important;
line-height: 13px !important;
letter-spacing: 3.74px;
color: #474D56;
text-transform: uppercase;
}
.custom-copyright a {
color: #474D56;
text-decoration:none;
transition: color 0.4s ease;
}
.custom-copyright a:hover {
color: #37CFDC !important;
transition: color 0.4s ease;
}
.custom-discover-content, 
.custom-copyright-content {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
text-align: center;
float: right;
}
.custom-discover-content::before {
display:inline-block;
width:16px;
height:2px;
background-color:#474D56;
margin:-1px 15px 0 0 !important;
content:"";
vertical-align:middle;
} .avia-video .avia-iframe-wrap::after {
content: "";
position: absolute;
width: 100%;
height: 60px;
margin: 0 auto;
background-color:transparent;
z-index: 2;
top: 50%;
margin-top: -30px;
width: 60px;
left: 0;
right: 0; background-size:contain;
background-position:center center;
pointer-events:none !important;
opacity:1;
animation: all 0.5s ease;
}
.avia-video.playing::after {
visibility:hidden;
opacity:0;
animation: all 0.5s ease;
}
.avia-video, .avia-iframe-wrap {
margin-bottom: 0;
}  h2.overlay-title {
text-align: left;
font-weight: bold;
font-family: 'Rufina';
font-size: 257px;
line-height: 1;
letter-spacing: -5.14px;
color: #082B2E;
opacity: 0.2;
POSITION: absolute;
margin-top: -280PX;
z-index: 1 !important;
margin-left: -150px;
pointer-events:none !important;
}
#home-showreel.avia-slideshow .avia-slideshow-dots.avia-slideshow-controls {
display: none !important;
}
#home-showreel.avia-slideshow {
padding-bottom:80px;
}
#top #home-showreel.avia-slideshow .avia-slideshow-arrows {
text-align:right;
margin-top:20px;
}
#top #home-showreel.avia-slideshow .avia-slideshow-arrows a.prev-slide {
margin-right: 54px !important;
}
#top #home-showreel.avia-slideshow .avia-slideshow-arrows a {
opacity: 1 !important;
top: initial !important;
bottom: 0 !important;
width: auto !important;
position: relative;
line-height: 27px;
height: 27px;
display: block;
margin: auto;
text-align: right;
text-transform: lowercase;
font-family: 'Lato';
font-size: 14px;
font: normal normal bold 18px/27px Lato;
letter-spacing: 0px;
}
#top #home-showreel.avia-slideshow.av-control-minimal .avia-slideshow-arrows a::after, 
#top #home-showreel.avia-slideshow.av-control-minimal .avia-slideshow-arrows a::before {
border: none !important;
font-family: 'Lato';
font-size: 14px;
font: normal normal bold 18px/27px Lato;
letter-spacing: 0px;
color: #082B2E;
display: inline-block;
font-family: 'Lato' !important;
width: initial;
height: initial;
position: relative;
content: "";
vertical-align: middle;
}
#top #home-showreel.avia-slideshow.av-control-minimal .avia-slideshow-arrows a.next-slide::after {
margin-left:5px;
content:url(https://contentfilms.productions/wp-content/uploads/2022/01/icon-line-2pt.png) !important;
}
#top #home-showreel.avia-slideshow.av-control-minimal .avia-slideshow-arrows a.prev-slide::before {
margin-right:5px;
content:url(https://contentfilms.productions/wp-content/uploads/2022/01/icon-line-2pt.png) !important;
} .caption-bottom-left {
position: absolute;
background: #FFF;
width: 568px;
height:276px;
bottom: 40px;
left: -200px;
padding-top: 45px;
padding-left:60px;
pointer-events:none !important;
}
.caption-bottom-right {
position: absolute;
background: #FFF;
width: 510px;
bottom: 280px;
right: -80px;
padding-top: 40px;
padding-bottom: 30px;
pointer-events:none !important;
}
.caption-bottom-left-over-video {
position: absolute;
background: transparent;
bottom: 10px;
left:0;
padding:40px;
pointer-events:none !important;
}
.caption-bottom-left-over-video h2, 
.caption-bottom-left-over-video p {
color:#FFF !important;
}
.caption-bottom-right h2, 
.caption-bottom-right p,
.caption-bottom-left h2, 
.caption-bottom-left p, 
.caption-bottom-left-over-video h2, 
.caption-bottom-left-over-video p {
margin:0 !important;
}
a.know-more-link {
color: #082B2E;
text-decoration: none;
font: normal normal bold 18px/24px Lato;
line-height:24px;
letter-spacing: 0px;
transition: all 0.5s ease;
}
a.know-more-link:hover {
color: #37CFDC !important;
transition: all 0.5s ease;
}
a.know-more-link::after {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
margin-top:6px;
content:url(https://contentfilms.productions/wp-content/uploads/2022/01/icon-arrow-right.png);
}
.know-more-link-text {
border-bottom:1px solid #082B2E !important;
}
a.know-more-link:hover .know-more-link-text {
border-bottom:1px solid #37CFDC !important;
}
a.know-more-link:hover::after {
content:url(https://contentfilms.productions/wp-content/uploads/2022/01/blue-arrow.png);
} .wpsisac-slick-slider .slick-arrow, 
.wpsisac-slick-carousal .slick-arrow {
background:transparent;
}
.wpsisac-slick-slider .slick-arrow svg, 
.wpsisac-slick-carousal .slick-arrow svg {
fill: #222;
height: 100%;
width: 100%;
}
.wpsisac-slick-carousal.design-1 .slick-prev,
.wpsisac-slick-carousal.design-6 .slick-prev {
right: 50px !important;
bottom: -65px;
top: initial !important;
left:initial !important;
}
.wpsisac-slick-carousal.design-1 .slick-next,
.wpsisac-slick-carousal.design-6 .slick-next {
bottom: -65px;
top: initial !important;
}
.slick-carousel-center-container-two {
max-width:1056px;
float:none !important;
margin-right: auto !important;
margin-left: auto !important;
} 
.slick-carousel-full-container {
position: absolute !important;
width:125% !important;
left: -12.5% !important;
}
.slick-carousel-left-container {
position: absolute;
left: -16.66666666667%;
max-width:1584px;
}
.slick-carousel-right-container {
position: absolute !important;
right: -16.66666666667%;
max-width:1584px;
left:initial;
}
.slick-carousel-right-container .caption-bottom-left {
bottom:110px;
z-index:100;
}
.slick-carousel-right-container .wpsisac-slick-carousal.design-1 .slick-next,
.slick-carousel-right-container .wpsisac-slick-carousal.design-6 .slick-next {
left:50px !important;
}
.slick-carousel-right-container .wpsisac-slick-carousal.design-1 .slick-prev,
.slick-carousel-right-container .wpsisac-slick-carousal.design-6 .slick-prev {
left:0 !important;
}
.z-index-zero {
position:relative !important;
z-index:-1 !important;
}
div#after_grid_row_2 {
z-index: 0;
position: relative;
}
.slick-carousel-left-container .caption-bottom-right {
width: 388px;
bottom: 57px;
height:276px;
right: 0;
padding-top: 46px;
padding-left:36px;
pointer-events:none !important;
z-index:1000;
}
.slick-carousel-left-container .caption-bottom-left {
z-index:1000;
}
.slick-carousel-left-container-two {
position: absolute;
left:-10px;
max-width:1584px;
}
.slick-carousel-left-container-three {
position: absolute;
left:-10px;
max-width:1480px;
}
.slick-carousel-right-container-three {
position: absolute;
right:-450px;
max-width:1480px;
}
.slick-carousel-right-container-three-dyw-top {
right:-470px;
max-width:1638px;
float:right !important;
}
.slick-carousel-right-container-three-dyw-bottom {
right:-400px;
max-width:1808px;
float:right !important;
}
.slick-carousel-right-container-three-h2-top .wpsisac-slick-carousal.design-6 .slick-prev,
.slick-carousel-right-container-three-dyw-top .wpsisac-slick-carousal.design-6 .slick-prev,
.slick-carousel-right-container-three-h2-bottom .wpsisac-slick-carousal.design-6 .slick-prev,
.slick-carousel-right-container-three-dyw-bottom .wpsisac-slick-carousal.design-6 .slick-prev,
.slick-carousel-right-container-two-h2-bottom .wpsisac-slick-carousal.design-6 .slick-prev, 
.slick-carousel-right-container-two-dyw-bottom .wpsisac-slick-carousal.design-6 .slick-prev {
left:-80px !important;
bottom:-20px !important;
}
.slick-carousel-right-container-three-h2-top .wpsisac-slick-carousal.design-6 .slick-next, 
.slick-carousel-right-container-three-dyw-top .wpsisac-slick-carousal.design-6 .slick-next, 
.slick-carousel-right-container-three-h2-bottom .wpsisac-slick-carousal.design-6 .slick-next,
.slick-carousel-right-container-three-dyw-bottom .wpsisac-slick-carousal.design-6 .slick-next,
.slick-carousel-right-container-two-dyw-bottom .wpsisac-slick-carousal.design-6 .slick-next,
.slick-carousel-right-container-two-h2-bottom .wpsisac-slick-carousal.design-6 .slick-next {
left:-45px !important;
bottom:-20px !important;
}
.slick-carousel-left-container-three-h2-top .wpsisac-slick-carousal.design-6 .slick-prev,
.slick-carousel-left-container-three-dyw-top .wpsisac-slick-carousal.design-6 .slick-prev {
right:-45px !important;
bottom:-20px !important;
}
.slick-carousel-left-container-three-h2-top .wpsisac-slick-carousal.design-6 .slick-next,
.slick-carousel-left-container-three-dyw-top .wpsisac-slick-carousal.design-6 .slick-next {
right:-80px !important;
bottom:-20px !important;
} .slick-carousel-right-container-three-h2-top .wpsisac-slick-carousal.design-1 .slick-prev,
.slick-carousel-right-container-three-dyw-top .wpsisac-slick-carousal.design-1 .slick-prev,
.slick-carousel-right-container-three-h2-bottom .wpsisac-slick-carousal.design-1 .slick-prev,
.slick-carousel-right-container-three-dyw-bottom .wpsisac-slick-carousal.design-1 .slick-prev,
.slick-carousel-right-container-two-h2-bottom .wpsisac-slick-carousal.design-1 .slick-prev, 
.slick-carousel-right-container-two-dyw-bottom .wpsisac-slick-carousal.design-1 .slick-prev {
left:-80px !important;
bottom:-20px !important;
}
.slick-carousel-right-container-three-h2-top .wpsisac-slick-carousal.design-1 .slick-next, 
.slick-carousel-right-container-three-dyw-top .wpsisac-slick-carousal.design-1 .slick-next, 
.slick-carousel-right-container-three-h2-bottom .wpsisac-slick-carousal.design-1 .slick-next,
.slick-carousel-right-container-three-dyw-bottom .wpsisac-slick-carousal.design-1 .slick-next,
.slick-carousel-right-container-two-dyw-bottom .wpsisac-slick-carousal.design-1 .slick-next,
.slick-carousel-right-container-two-h2-bottom .wpsisac-slick-carousal.design-1 .slick-next {
left:-45px !important;
bottom:-20px !important;
}
.slick-carousel-left-container-three-h2-top .wpsisac-slick-carousal.design-1 .slick-prev,
.slick-carousel-left-container-three-dyw-top .wpsisac-slick-carousal.design-1 .slick-prev {
right:-45px !important;
bottom:-20px !important;
}
.slick-carousel-left-container-three-h2-top .wpsisac-slick-carousal.design-1 .slick-next,
.slick-carousel-left-container-three-dyw-top .wpsisac-slick-carousal.design-1 .slick-next {
right:-80px !important;
bottom:-20px !important;
}
.slick-carousel-left-container-two-dyw-top {
max-width:1092px;
left:-80px !important;
}
.slick-carousel-left-container-three-dyw-top {
max-width:1638px;
left:-260px !important;
}
.slick-carousel-left-container-three-h2-top {
max-width:1544px;
left:-290px !important;
}
.slick-carousel-right-container-two-dyw-bottom {
right:-400px;
max-width:1588px;
float:right !important;
}
.slick-carousel-right-container-two-h2-bottom {
right:-280px;
max-width:1588px;
float:right !important;
}
.slide-color-section .container, 
.responsive .slide-color-section .container {
max-width:100%;
padding:0 !important;
}
.wpsisac-slick-carousal .wpsisac-image-slide {
margin: 0 10px;
}
.wpsisac-slick-carousal button.slick-next, 
.wpsisac-slick-carousal button.slick-next:hover, 
.wpsisac-slick-carousal button.slick-next:focus {
background: rgba(255,255,255,0.7) url(https://contentfilms.productions/wp-content/uploads/2022/01/next.png) center center no-repeat !important;
outline: none !important;
margin-right: 7px !important;
}
.wpsisac-slick-carousal button.slick-prev, 
.wpsisac-slick-carousal button.slick-prev:hover, 
.wpsisac-slick-carousal button.slick-prev:focus {
background: rgba(255,255,255,0.7) url(https://contentfilms.productions/wp-content/uploads/2022/01/previous.png) center center no-repeat !important;
outline: none !important;
margin-left: 7px !important;
} .wpsisac-slick-carousal span.slick-next, 
.wpsisac-slick-carousal span.slick-next:hover, 
.wpsisac-slick-carousal span.slick-next:focus {
background: rgba(255,255,255,0) url(https://contentfilms.productions/wp-content/uploads/2022/01/next.png) center center no-repeat !important;
outline: none !important;
margin-right: 7px !important;
}
.wpsisac-slick-carousal span.slick-prev, 
.wpsisac-slick-carousal span.slick-prev:hover, 
.wpsisac-slick-carousal span.slick-prev:focus {
background: rgba(255,255,255,0) url(https://contentfilms.productions/wp-content/uploads/2022/01/previous.png) center center no-repeat !important;
outline: none !important;
margin-left: 7px !important;
}
.wpsisac-slick-carousal span.slick-next svg,
.wpsisac-slick-carousal span.slick-prev svg {
display:none;
} .vimeo-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.vimeo-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .home-image-right-align {
max-width:1034px !important;
float: right !important;;
clear: both !important;;
text-align: right !important;
margin-right: 0 !important;
margin-left: auto !important;
}
.home-image-right-align .caption-bottom-left {
width: 640px;
height: 321px;
left: -266px;
bottom:68px;
padding-top: 65px;
padding-left: 60px;
text-align: left;
} .home-video-center-align .caption-bottom-right {
position: absolute;
background: #FFF;
width: 508px;
height:278px;
bottom: 80px;
right: -80px;
padding-top: 41px;
padding-left:36px;
} .avia_textblock.awwards-logos, 
.avia_textblock.awwards-logos p {
text-align: center;
}
.avia_textblock.awwards-logos img {
width:12.5%;
max-width:150px;
height:auto;
margin:60px 2.5%;
} .home-cats-block .flex_cell.av_one_full .flex_cell_inner {
max-width:1534px;
width:90%;
margin-left:auto;
margin-right:auto;
}
.home-cats-block .flex_column {
background-position:130px top !important;
}
.work-categories-home p, 
.work-categories-home, 
.work-categories-home a {
font: normal normal normal 70px/84px Rufina !important;
letter-spacing: 0.94px !important;
color: #082B2E !important;
margin-top: 0 !important;
}
.work-categories-home a:hover {
border-bottom:2px solid #082B2E !important;
font-weight:600 !important;
text-decoration:none !important;
color: #082B2E !important;
} .html_header_transparency #top.single-portfolio .avia-builder-el-0 .container { }
#cropped-overlay-title-container {
position: absolute;
width: 300%;
left: -100%;
z-index: 2;
text-align:center;
top:655px;
pointer-events:none !important;
}
.cropped-title-overlay {
font-family:'Rufina', serif;
font-weight:bold;
font-size:257px;
line-height:1;
letter-spacing: -5.14px;
color: #cdcdcd;
opacity: 0.2;
word-spacing: 340px;
white-space: nowrap;
}
.custom-fitxa-content.light ul.single-project-links-list a, 
.custom-fitxa-content.light .single-project-description a, 
.custom-fitxa-content.light .custom-fitxa-desc li, 
.custom-fitxa-content.light .custom-fitxa-desc a, 
.custom-fitxa-content.light .custom-fitxa-desc p, 
.custom-fitxa-content.light .custom-fitxa-title h2, 
.custom-fitxa-content.light .custom-fitxa-title h3, 
.custom-fitxa-content.light {
color:#FFF !important
}
.custom-fitxa-content.light .custom-fitxa-title a, 
.custom-fitxa-content.light .custom-fitxa-title .undertitle p a, 
.custom-fitxa-content.light .custom-fitxa-data a {
color:#FFF !important
}
.custom-fitxa-content.light ul.single-project-links-list a::before, 
.custom-fitxa-content.light .single-project-description a::before {
background-color:#FFF !important;
}
.single-project-credits {
margin-bottom: 100px;
}
.single-project-credits p {
font-family:'Lato', sans-serifserif !important;
font-weight:normal !important;
font-size:14px !important;
line-height:27px !important;
letter-spacing: 0px !important;
text-transform: uppercase !important;
margin:0 !important;
}
.single-project-description {
margin-bottom: 200px;
}
h2.works-main-title, 
.hub-project-description h4, 
.single-project-description h4,
.single-project-description-no-margin h4 {
font-family:'Lato', sans-serif;
font-weight:600;
font-size:32px;
line-height:38px;
letter-spacing: 0.42px;
margin-bottom: 60px;
width: 80%;
}
body.postid-3854 .single-project-description-no-margin h4,
body.postid-3777 .single-project-description-no-margin h4 {
font-size:24px;
}
body.postid-3854 .single-project-description-no-margin h4,
body.postid-3777 .single-project-description-no-margin h4 {
margin-top: 16px;
}
body.postid-3854 .slick-carousel-right-container-three-dyw-bottom .wpsisac-slick-carousal.design-1 .slick-next,
body.postid-3854 .slick-carousel-right-container-three-dyw-bottom .wpsisac-slick-carousal.design-1 .slick-prev,
body.postid-3777 .slick-carousel-right-container-three-dyw-bottom .wpsisac-slick-carousal.design-1 .slick-next,
body.postid-3777 .slick-carousel-right-container-three-dyw-bottom .wpsisac-slick-carousal.design-1 .slick-prev {
bottom:-64px !important;
}
body.postid-3854 .slick-carousel-right-container-three-dyw-bottom,
body.postid-3777 .slick-carousel-right-container-three-dyw-bottom {
right: -280px;
max-width: 1400px;
}
.slick-carousel-center-container-full-width-extends {
max-width:2982px;
float:none !important;
margin-right: auto !important;
margin-left: auto !important;
}
.avia-image-container.fifty-four-right {
margin-right: 3% !important;
} body.postid-3942 .single-project-description-no-margin h4,
body.postid-3943 .single-project-description-no-margin h4,
body.postid-3861 .single-project-description-no-margin h4,
body.postid-3940 .single-project-description-no-margin h4 {
margin-top: 16px;
}
body.postid-3942 .single-project-description-no-margin h4,
body.postid-3943 .single-project-description-no-margin h4,
body.postid-3861 .single-project-description-no-margin h4,
body.postid-3940 .single-project-description-no-margin h4 {
font-size:24px;
}
body.postid-4344 .single-project-overlapped-video-container,
body.postid-4398 .single-project-overlapped-video-container,
body.postid-4272 .single-project-overlapped-video-container,
body.postid-4209 .single-project-overlapped-video-container {
margin-bottom: 96px !important;
}  body.postid-4344 #av-layout-grid-1,
body.postid-4398 #av-layout-grid-1,
body.postid-4209 #av-layout-grid-3,
body.postid-4272 #av-layout-grid-3,
body.postid-4209 #av-layout-grid-1,
body.postid-4272 #av-layout-grid-1,
body.postid-3940 #av-layout-grid-1,
body.postid-3861 #av-layout-grid-1 {
width: 200%;
margin-left: -50%;
overflow: hidden;
white-space: nowrap;
}
body.postid-4344 #av-layout-grid-1 .flex_cell,
body.postid-4398 #av-layout-grid-1 .flex_cell,
body.postid-4209 #av-layout-grid-3 .flex_cell,
body.postid-4272 #av-layout-grid-3 .flex_cell,
body.postid-4209 #av-layout-grid-1 .flex_cell,
body.postid-4272 #av-layout-grid-1 .flex_cell,
body.postid-3861 #av-layout-grid-1 .flex_cell,
body.postid-3940 #av-layout-grid-1 .flex_cell {
width:100%;
}
body.postid-3940 .single-project-overlapped-video-container,
body.postid-3861 .single-project-overlapped-video-container {
margin-bottom: 64px;
}  body.postid-4398 .slick-carousel-left-container,
body.postid-4344 .slick-carousel-left-container,
body.postid-4209 .slick-carousel-left-container,
body.postid-4272 .slick-carousel-left-container,
body.postid-3940 .slick-carousel-left-container,
body.postid-3861 .slick-carousel-left-container,
body.postid-3942 .slick-carousel-left-container,
body.postid-3943 .slick-carousel-left-container {
max-width: 1488px;
left: -5%;
}  body.postid-4344 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-prev,
body.postid-4398 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-prev,
body.postid-4209 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-prev,
body.postid-4272 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-prev,
body.postid-3942 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-prev,
body.postid-3943 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-prev,
body.postid-3861 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-prev,
body.postid-3940 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-prev {
bottom: -24px;
right: -52px !important;
}  body.postid-4344 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-next,
body.postid-4398 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-next,
body.postid-4209 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-next,
body.postid-4272 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-next,
body.postid-3942 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-next,
body.postid-3943 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-next,
body.postid-3861 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-next,
body.postid-3940 .slick-carousel-left-container .wpsisac-slick-carousal.design-1 .slick-next {
bottom: -24px;
right: -96px !important;
}
.single-project-description-no-margin h4 {
margin-top:48px;
margin-bottom:16px;
}
.single-project-description p {
margin-left:55px;
}
.single-project-description-no-margin p {
margin-left:0;
max-width:440px;
}
.single-project-description-no-margin ul.single-project-links-list {
margin-top: 36px;
}
.av-layout-grid-container .single-project-description p {
margin-left:0;
}
ul.single-project-links-list {
list-style-type:none !important;
font-weight:bold;
margin-left: 0px;
margin-top: 80px;
}
ul.single-project-links-list li {
font-size:16px;
line-height:27px;
letter-spacing: 0;
margin: 5px 0 !important;
}
ul.single-project-links-list a, 
.single-project-description a {
font-weight:bold;
color:#082B2E !important;
}
ul.single-project-links-list a::before, 
.single-project-description a::before {
content:"";
width:16px;
height:2px;
display:inline-block;
vertical-align:middle;
background-color:#122A2D;
margin-right:8px;
}
.colophon-two-columns {}
.colophon-two-columns .container {
max-width:988px !important;
}
@media only screen and (min-width:988px) {
.colophon-two-columns .flex_column.avia-builder-el-first  {width: 546px !important;}
.colophon-two-columns .av-flex-placeholder {width: 24px !important;}
.colophon-two-columns .flex_column.avia-builder-el-last {width: 318px !important;}
.colophon-two-columns .flex_column.avia-builder-el-last img {margin:0 !important;}
.colophon-two-columns .flex_column.avia-builder-el-last .avia-image-container.avia-align-left {margin:0 !important;}
} html.project_hub #cropped-overlay-title-container {
top: 375px !important;
position: relative;
margin-top: -375px;
margin-bottom: -150px;
padding-top: 150px;
}
.hub-project-caption .av_one_half p {
max-width: 420px;
}
.project-hub h1,
.single-portfolio h1 { 
text-align: center;
font-size:72px;
font-weight:bold;
line-height:86px;
font-family:'Rufina', sans-serif;
letter-spacing: 0.94px !important;
margin-top:100px !important;
margin-bottom:36px !important;
}
.project-hub h2.titular-principal,
.single-portfolio h2.titular-principal { 
font: normal normal normal 45px/54px Rufina !important;
letter-spacing: -0.43px !important;
color: #464D57 !important;
max-width:1000px;
margin-right:auto;
margin-left:auto;
}
html.project_hub h2 {
font: normal normal bold 45px/54px Rufina !important;
}
.hub-project-description {}
.hub-project-description a {
font-weight:600;
text-decoration:underline;
}
.hub-project-description a:hover {
text-decoration:none;
}
.hub-project-description table, 
.hub-project-description tr, 
.hub-project-description th, 
.hub-project-description td {
background:transparent !important;
border:none !important;
text-transform:none !important;
font: normal normal normal 14px/22px Lato;
padding:0 !important;
width: auto !important;
padding: 10px 40px 5px 0 !important;
}
.hub-project-description-video-caption, 
.hub-project-description-video-caption p {
font-size:14px !important;
line-height:27px !important;
letter-spacing: 0px !important;
text-transform: uppercase;
}
.single-project-overlapped-video-container {
margin-top: -270px;
background: transparent !important;
margin-bottom: 150px;
pointer-events:none;
}
.single-project-overlapped-video-container .container,
.single-project-overlapped-video-container .content {
padding:0 !important;
max-width: 1344px !important;
}
.single-overlay-left-title {
margin-bottom: -80px;
z-index: 1;
pointer-events:none !important;
}
.behind-the-scenes-overlay,
.behind-the-scenes-overlay p{
font-family: 'Rufina', serif !important;
font-weight:bold !important;
font-size:263px !important;
line-height:184px !important;
letter-spacing: -5.26px !important;
color: #F6F8FA !important;
margin:0 !important;
} .custom-post-nav-container { margin:60px auto 60px;
background-color:#F4F8F8;
padding:120px 0;
display: block;
clear: both;
float: none;
}
.custom-post-nav-content {
text-align: center;
}
.custom-post-nav-link, 
.custom-post-nav-link a {
font: normal normal normal 16px/19px Lato;
letter-spacing: 5.44px;
color: #464D57;
font-size:16px;
line-height:19px;
text-transform: uppercase;
}
.custom-post-nav-content a:hover {
opacity:0.7;
text-decoration:none !important;
}
.custom-post-nav-head {
margin-top:20px;
}
.custom-post-nav-head, 
.custom-post-nav-head a {
font: normal normal normal 45px/54px Rufina;
letter-spacing: 0px;
color: #464D57;
} .wpsisac-slick-carousal-wrp {
position:relative;
z-index:10;
}
#top .hr-invisible, 
.hr-invisible .hr-inner {
pointer-events: none !important;
position:relative;
z-index:-1;
}
.postid-3226 div#av_section_4 {
pointer-events: none !important;
}
.av-current-sort-title span span {
display: none;
}
.responsive #works-grid .container {
max-width: 1664px;
}
#works-grid .av-sort-by-term {
text-align: right;
}
#works-grid .av-sort-by-term a { font: normal normal bold 14px/20px Lato;
letter-spacing: 0px;
color: #122A2D;
margin-left:10px;
}
#works-grid span.text-sep.avia_show_sort {
color: transparent;
}
#works-grid a.active_sort {
color:#21B2BF;
}
#works-grid .av-inner-masonry-content {
background-color: transparent !important;
}
#works-grid .av-masonry-entry .av-inner-masonry-content {padding:36px !important}
#works-grid h3.av-masonry-entry-title.entry-title {
font: normal normal bold 67px/76px Rufina;
letter-spacing: 0px;
color: #FFFFFF !important;
max-width:425px;
}
#works-grid .av-masonry-entry-content.entry-content {
font: normal normal normal 16px/22px Lato;
letter-spacing: 0px;
color: #FFFFFF;
}
#works-grid .av-masonry-entry .avia-arrow {
display:none;
}
#works-grid .av-fixed-size .av-masonry-entry.av-landscape-img .av-inner-masonry-sizer, 
#works-grid .av-fixed-size .av-masonry-entry.tag-landscape .av-inner-masonry-sizer {
padding-bottom: 35%;
}
#works-grid  .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
padding-bottom: 60%;
}
#works-grid .av-masonry-outerimage-container {
transition:all 1s ease-out;
}
#works-grid .av-masonry-image-container {
transition:all 1s ease-out;
}
#works-grid .isotope-item:hover .av-masonry-outerimage-container {
background-color:#37CFDC !important;
transition:all 1s ease;
}
#works-grid .isotope-item:hover .av-masonry-image-container {
opacity:0.2;
transition:all 1s ease;
}
@media only screen and (min-width:767px) {
#works-grid .av-masonry-col-2 .av-masonry-entry.av-landscape-img,  
#works-grid .av-masonry-col-2 .av-masonry-entry.tag-landscape {
width: 99.50%;
}
#works-grid .av-masonry-col-2 .av-masonry-entry {border-bottom: 60px solid transparent !important;}
#works-grid .av-masonry-col-2 .av-masonry-entry.av-landscape-img, 
#works-grid .av-masonry-col-2 .av-masonry-entry.tag-landscape {
border-bottom: 60px solid transparent !important; }
#works-grid .av-masonry-col-2 .av-masonry-entry.av-landscape-img:nth-child(2), 
#works-grid .av-masonry-col-2 .av-masonry-entry.tag-landscape:nth-child(2) {
border-top:none !important;
}
} .hidden-contact div#contact {
display: none;
}
.hidden-contact.grey #socket, 
.hidden-contact.grey #footer {
background-color: #FFF !important;
}
.grey div#custom_html-2, 
.grey #socket, 
.grey #footer {
background-color: #F6F8FA !important;
}
#footer {
padding: 5px 0;
}
#footer .widget {
margin: 0 !important;
}
.footer_color, 
.socket_color {
border-color:transparent !important;
}
#socket .social_bookmarks {
float:right !important;
width: auto !important;
height: 30px;
line-height: 30px;
}
#top .social_bookmarks li {
height: 30px;
line-height: 30px;
float:none;
display: inline-block;
vertical-align: middle;
top:0;
margin-left: 15px;
color: #082B2E !important;
opacity: 1 !important;
}
#top .social_bookmarks li a {
color: #082B2E !important;
font-size:20px !important;
}
span.copyright {
line-height: 30px;
height: 30px;
color:#082B2E !important;
text-align: left;
font: normal normal medium 11px/13px Lato;
letter-spacing: 1.32px;
}
span.copyright a {
color:#082B2E !important;
letter-spacing: 3.74px;
} @media only screen and (min-width:1280px ) {
.slick-carousel-left-container .wpsisac-slick-carousal.design-6 .slick-next {
bottom: -30px;
top: initial !important;
background-color: transparent !important;
right: -70px !important;
}
.slick-carousel-left-container .wpsisac-slick-carousal.design-6 .slick-prev {
right: -35px !important;
bottom: -30px;
top: initial !important;
left: initial !important;
background-color: transparent !important;
}
.fifty-four-left {
margin-left:154px !important;
}
}
@media only screen and (min-width:990px ) and (max-width:1780px) {
.single-project-description:nth-last-of-type(1) p {
width: 80%;
}
}
@media only screen and (min-width:990px) and (max-width:1520px) {
div#custom_html-4 {
left: -110px;
}
div#custom_html-7 {
left: -86px;
}
div#custom_html-3 {
right: -235px;
}
div#custom_html-8 {
right: -243px;
}	
}
@media only screen and (max-width:1280px) { .slick-carousel-left-container {
left: initial;
max-width: none !important;
right:50px;
}
.slick-carousel-right-container {
position:relative !important;
left: initial;
max-width: none !important;
left:50px;
}
.slick-carousel-right-container .caption-bottom-left {
bottom: 0;
}
#works-grid h3.av-masonry-entry-title.entry-title {
font: normal normal bold 42px/48px Rufina;
}
#works-grid .av-masonry-entry-content.entry-content {
font: normal normal normal 14px/18px Lato;
}
}
@media only screen and (min-width:1280px) and (max-width:1680px) {
.caption-bottom-left {left:-50px;}
}
@media only screen and (min-width:990px) and (max-width:1280px) {
h2 {
font: normal normal bold 48px/56px Rufina;
letter-spacing: 0.67px !important;
}
body.lang-es .caption-bottom-left h2, 
body.lang-es .caption-bottom-right h2 {
font-size: 34px;
line-height: 1.2;
}
.caption-bottom-left {
left:0;
height: auto;
width:auto;
padding: 45px;
}
.avia_textblock.caption-bottom-right {
height: auto;
padding: 45px;
width: 380px;
}
.home-image-right-align .caption-bottom-left {
left:0;
height: auto;
width:auto;
padding: 45px;  
}
}
@media only screen and (max-width:1024px) {
#top .input-text, #top input[type="text"], 
#top input[type="input"], 
#top input[type="password"], 
#top input[type="email"], 
#top input[type="number"], 
#top input[type="url"], 
#top input[type="tel"], 
#top input[type="search"], 
#top textarea, #top select {
padding: 4px;
margin-bottom:5px;
}
.prefooter-contact-container h2.titulos-hola {
font: normal normal bold 58px/68px Rufina;
letter-spacing: 0.54px;
}
.custom-post-nav-container {
margin: 40px auto 0;
padding: 80px 0;
}
.max-width-image-container .flex_cell_inner {
max-width: 80%;
}
h2.works-main-title, .hub-project-description h4, .single-project-description h4, .single-project-description-no-margin h4 {
font-size: 22px;
line-height: 28px;
letter-spacing: 0;
margin-bottom: 30px;
width: 90%;
}
}
@media only screen and (max-width:990px) {
.custom-fitxa-content.light {
padding-bottom: 30px;
}
.custom-fitxa-links {
margin-top:10px;
}
.single-project-description {margin-bottom:0 !important;}
.hr.hr-invisible {display:none !important;}
.custom-fitxa-content {
z-index: 3;
position:relative;
}
html.white li.av-burger-menu-main.menu-item-avia-special, 
html.white .logo img, html.white .logo svg, 
html.white.project_hub li.av-burger-menu-main.menu-item-avia-special, 
html.white.project_hub .logo img, html.white.project_hub .logo svg {
filter: initial !important;
}
.project-hub h2.titular-principal, .single-portfolio h2.titular-principal {
font-size:34px !important;
line-height:1.3 !important;
letter-spacing: normal !important;
}
#socket .copyright {
float: left;
line-height: 1.5;
}
.av-minimum-height-75 .container {
max-height: 320px !important;
}
#home-main-section-showreel.av-minimum-height-100 .container {
height:auto !important;
}
#racional-principal-home .content {
padding:40px 0 20px !important;
}
#racional-principal-home.av-minimum-height-50 .container {
height:auto !important;
}
.home-last-column-see-projects {
padding: 0px 0 60px 0 !important;
}
div#custom_html-4 {
left: -110px;
}
div#custom_html-7 {
left: -86px;
}
div#custom_html-3 {
right: -235px;
}
div#custom_html-8 {
right: -243px;
}	
body .max-width-image-container .column-top-margin {
margin-top: 10px !important;
}
.behind-the-scenes-overlay, .behind-the-scenes-overlay p {
font-size: 100px !important;
line-height: 100px !important;
letter-spacing: -3px !important;
}
.single-overlay-left-title {margin:10px;}
.behind-the-scenes-overlay br {display:none;}
p.main-contact-fifty {
width: 100%;
float:none !important;
clear:both;
}
h2 {
font-size: 38px;
line-height: 1.2;
}
body.lang-es .caption-bottom-left h2, 
body.lang-es .caption-bottom-right h2 {
font-size: 28px;
line-height: 1.2;
}
.responsive .av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content {
display:block !important;
}
#works-grid .av-masonry-entry .av-inner-masonry-content {
padding: 24px !important;
}
h1 {
font-size: 42px !important;
line-height:1.3 !important;
}
h2.titular-grande {
font-size: 36px !important;
line-height:1.3 !important;
}
.xl-text {
font-size: 24px !important;
line-height:1.4 !important;
}
.caption-bottom-left {
position: relative;
width: 90%;
height: auto;
bottom: initial;
left: 0;
}
.home-video-center-align .caption-bottom-right {
position: relative;
right: initial;
top: initial;
bottom: initial;
height: auto;
width:auto !important;
}
.slick-carousel-left-container .caption-bottom-right {
height: auto;
position: relative;
width: 80%;
left: 20%;
padding: 16px;
margin: 10px 0 -10px !important;
bottom: initial;
}
.home-image-right-align .caption-bottom-left {
position: relative;
top: initial;
bottom: initial;
left: initial;
width: 80%;
padding: 30px;
}
.l-text {
letter-spacing: -0.23px !important;
font-size: 28px !important;
line-height: 1.3 !important;
}
.work-categories-home p, .work-categories-home, .work-categories-home a {
font-size: 40px !important;
line-height: 1.2 !important;
}
.slick-carousel-left-container-three-h2-top, 
.slick-carousel-left-container-three-dyw-top {
left: -120px !important;
}
.slick-carousel-right-container-two-h2-bottom {
right: -90px !important;
} 
.slick-carousel-right-container-two-dyw-bottom {
right: -120px !important;
}
.slick-carousel-right-container-three-dyw-bottom, 
.slick-carousel-right-container-three-dyw-top {
right: -120px !important;
}
.slick-carousel-right-container-three-dyw-bottom .wpsisac-slick-carousal.design-6 .slick-next {left:75px !important;}
.slick-carousel-right-container-three-dyw-top .wpsisac-slick-carousal.design-6 .slick-prev {left:0 !important;}
.slick-carousel-right-container-three-dyw-bottom .wpsisac-slick-carousal.design-6 .slick-prev {left:30px !important;}
.slick-carousel-right-container-three-dyw-top .wpsisac-slick-carousal.design-6 .slick-next {left:45px !important;}
}
@media only screen and (max-width:767px) {
#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
margin-top: 0;
}
.custom-fitxa-specs {
padding-bottom: 0px;
}
.single-project-overlapped-video-container {
margin-top: 60px;
margin-bottom: 60px;
}
.avia_textblock.single-project-description-no-margin {margin-top:40px}
.responsive #top #wrap_all .container, 
.custom-fitxa-video-container, 
.custom-fitxa-specs {
width: 80% !important;
max-width: 80% !important;
}
.main-contact-submit {
text-align: left !important;
margin-top: 20px !important;
}
.prefooter-contact-container .prefooter-contact-form, 
.prefooter-contact-container .prefooter-contact-text {
width: 100%;
float: none;
clear: both;
}
h2.overlay-title {
margin-top: -80px;
font-size: 100px;
margin-left: -100px;
}
z
.avia_textblock.awwards-logos img {
width: 20%;
margin: 20px 2.5%;
}
#works-grid h3.av-masonry-entry-title.entry-title {
font: normal normal bold 32px/38px Rufina;
}
#works-grid .av-masonry-col-2 .av-masonry-entry {
width: 99.50%;
}
#works-grid .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
padding-bottom: 40% !important;
}
.prefooter-contact-container h2.titulos-hola {
margin-bottom: 40px;
font-size: 46px !important;
line-height: 1.3 !important;
}
h5 {
margin-bottom: 30px;
margin-top: 30px;
font-size: 16px;
line-height: 1.4 !important;
}
.prefooter-contact-form-text {
font-size: 16px;
line-height: 22px;
}
span.logo.avia-svg-logo a svg {
width: 184px;
}
.widget_media_image img, .widget_media_image svg {
width: 184px;
height:auto;
}
.custom-fitxa-desc-content {
margin-left: 25px;
}
}
@media only screen and (max-width:560px) {
.slick-carousel-right-container-three-dyw-top .wpsisac-slick-carousal.design-6 .slick-prev {
left: -90px !important;
}
.slick-carousel-right-container-three-dyw-top .wpsisac-slick-carousal.design-6 .slick-next {
left: -45px !important;
}
.slick-carousel-right-container-three-dyw-bottom .wpsisac-slick-carousal.design-6 .slick-next {
left: -45px !important;
}
.slick-carousel-right-container-three-dyw-bottom .wpsisac-slick-carousal.design-6 .slick-prev {
left: -90px !important;
}
html.project_hub h2 {
font: normal normal bold 26px/34px Rufina !important;
}
.project-hub h1, .single-portfolio h1 {
font-size: 36px;
line-height: 1.3;
letter-spacing: 0.5px !important;
margin-top: 50px !important;
margin-bottom: 16px !important;
}
.project-hub h2.titular-principal, .single-portfolio h2.titular-principal {
font-size:24px !important;
}
.know-more-link-text {font-size: 14px;}
.slick-carousel-left-container .caption-bottom-right {
height: auto;
position: relative;
width: 80%;
left: 25%;
padding: 16px;
margin: 10px 0 -10px !important;
bottom: initial;
}
#awards h2.titular-grande, #home-quality p, #home-quality h4 {
text-align:center !important;
}
#home-quality a.know-more-link {float:right !important;}
.caption-bottom-left {
width: auto;
padding-left: 36px;
}
.avia-image-container.avia-align-right {
margin-left: 0;
}
.av-masonry-image-container { }
.custom-post-nav-link, .custom-post-nav-link a {
letter-spacing: 3px;
font-size: 12px;
line-height: 16px;
}
.custom-post-nav-head, .custom-post-nav-head a {
font: normal normal normal 34px/42px Rufina;
}
#works-grid h3.av-masonry-entry-title.entry-title {
font: normal normal bold 22px/24px Rufina;
}
#works-grid .av-masonry-entry .av-inner-masonry-content {
padding: 12px !important;
}
.xl-text {
font-size: 20px !important;
line-height:1.4 !important;
}
h2 {
font-size: 30px;
line-height: 1.2;
}
body.lang-es .caption-bottom-left h2 {
} 
body.lang-es .caption-bottom-right h2 {
font-size: 22px;
line-height: 1.2;
}
.l-text {
letter-spacing: 0 !important;
font-size: 22px !important;
}
.work-categories-home p, .work-categories-home, .work-categories-home a {
font-size: 30px !important;
}
.home-image-right-align .caption-bottom-left {
width: 100%;
padding: 20px;
}
.home-image-right-align .caption-bottom-left {height:auto;}
div#awards {
margin: 30px 0;
}
.prefooter-contact-container {
padding-top: 60px;
padding-bottom: 30px;
margin-bottom: 15px;
}
.slick-carousel-left-container-three {
left: -10px;
}
}
@media only screen and (max-width:380px) {
.xl-text {
font-size: 16px !important;
line-height:1.4 !important;
}
.custom-discover, .custom-copyright { display: none; }
}