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

/*@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');*/

:root {
	--doscondos-color-black: #111111;
	--doscondos-color-green: #a2d84f;
	--doscondos-color-darkgreen: #17754E;
	--doscondos-color-white: #FFFFFF;
	--doscondos-color-grey00: #F2F2F2;
	--doscondos-color-grey01: #EAEBEC;
	--doscondos-color-grey02: #B9BCBE;
	--doscondos-color-grey03: #5E696E;	
	--doscondos-color-grey04: #141618;	
	--doscondos-color-red: #A40000;
	--doscondos-color-std-shadow: rgba(0, 0, 0, 0.3);

	--doscondos-site-width: 1440px;
	--doscondos-staffblock-height: 33em;	
	--doscondos-std-bgr-transition: background-color 1s ease;
	
	--doscondos-duration: 30s;
	
}

iframe #__next > div {
	--background-color:136, 56, 48 !important;
}


/* --------------------- G L O B A L --------------------- */

* {
	font-family: "Archivo Expanded", sans-serif;
	font-weight: 400;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input, textarea {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
	padding: 1em 2em;
	border-radius: .5em;
	border: solid .1em var(--doscondos-color-grey02);
}

*,
*:before,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::selection {
	background: var(--doscondos-color-black);
	color: var(--doscondos-color-white);
}

body,
header,
footer,
article,
div,
span,
ul,
li,
a,
button,
p,
blockquote {
	line-height: 1.25;
	/*letter-spacing: 0.02em;*/
}

html {
	width: 100%;
}

html.menu {
	height: 100%;
	overflow: hidden;
}

body {
	background-color: var(--doscondos-color-black);
	color: var(--doscondos-color-white);
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	/*-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased;*/
}

body,
form,
iframe {
	margin: 0;
	padding: 0;
}

img,
table,
iframe {
	border: 0;
}

article {
	background: var(--doscondos-color-white);
}

table {
	border-collapse: collapse;
}

table td {
	padding: 0;
}

table td span {
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	word-wrap: break-word;
	margin: 0;
	font-size: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
h7 span,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h7 a,
p {
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	text-decoration: none;
	padding: 0;
	/*-webkit-transition: all 1000ms;
	transition: all 1000ms;*/
}

p {
	margin: 1.5em 0;
	font-weight: 300;
	line-height: 1.25;
	/*letter-spacing: 0.02em;*/
}

a,
a *,
button,
button * {
	cursor: pointer !important;
	text-decoration: none;
	color: var(--doscondos-color-green);
	/*-webkit-transition: all 1000ms;
	transition: all 1000ms;*/
	font-weight: 900;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

a:hover,
a:hover span {
	outline: none;
	color: var(--doscondos-color-grey0);
}

button,
button:active,
button:hover {
	border: none;
	outline: none !important;
	border-radius: 1em;
}

ol,
ul {
	list-style: none;
}

svg {
	display: block;
	width: 100%;
}

img {
	text-indent: -9999px
}

b,
strong {
	font-weight: 700;
}

pre {
 white-space: pre-wrap;			 /* css-3 */
 white-space: -moz-pre-wrap;	/* Mozilla, since 1999 */
 white-space: -pre-wrap;			/* Opera 4-6 */
 white-space: -o-pre-wrap;		/* Opera 7 */
 word-wrap: break-word;			 /* Internet Explorer 5.5+ */
}

section {
	/*margin: 2.5em 0;*/
	position: relative;
	clear: both;
	overflow: hidden;
}

section h1 {
	font-size: 2.5em;
	padding: 0;
	margin: 0;
	display: block;
	font-weight: 900;
}

section h2 {
	font-size: 2.5em;
	padding: 0;
	margin: 0;
	display: block;
	font-weight: 400;
}

section h3 {
	font-size: 2em;
	padding: 0;
	margin: 0;
	display: block;
	font-weight: 300;
}


section h4 {
	font-size: 1.4em;
	padding: 0;
	margin: 0 0 1em 0;
	display: block;
	font-weight: 600;
	line-height:1.2;
}

section h5 {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	display: block;
	font-weight: 600;
	line-height:1;
}

.button,
button {
	padding: 1em 4em;
	font-weight: 900;
	text-transform: uppercase;
	margin: .5em 0;
	text-align: center;
	font-size: .9em;
	display: block;
	border-radius: 4em;
	color:  var(--doscondos-color-black);
	background:  var(--doscondos-color-green);
}


.grid-statement{
	overflow-y: auto;
	overflow-x:visible;

}
.grid-statement p {
	font-size: 1.2em;
}

.grid-statement::-webkit-scrollbar {
	-webkit-appearance: none;
}

.grid-statement::-webkit-scrollbar:vertical {
	width: 7px;
}

.grid-statement::-webkit-scrollbar:horizontal {
	height: 0;
}

.grid-statement::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: var(--doscondos-color-green);
	-webkit-box-shadow: var(--doscondos-color-green);
}

.site-main {
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
}

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


/* ----------------------- B E H A V I O R ---------------------- */


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

.desktop {
	display: block !important;
}

.mobile {
	display: none !important;
}

.hide {
	display: none !important;
}

.fade {
	opacity: 0;
}

.clear-fix {
	clear: both;
}

.clearfix::after,
.clearfix::before {
	content: " ";
	display: table;
}

.page{
	overflow:hidden;
}

.wrapper {
	width: 90%;
	margin: 0 auto;
	padding: 0 1em;
	position: relative;
	display:block;
}


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


/* ------------------------- H E A D E R ------------------------ */


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

.header {
	width: 100%;
	position: fixed;
	height: 7em;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 999;
	background-color: var(--doscondos-color-black);
}


.header,
.header * {
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
}

.header.short {
	position: fixed;
	height: 5em;
}

.header .header-wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items:flex-start;
}

.header .header-wrapper > *{
	display: block;
	position: relative;
}

.header .header-wrapper .logoblock{
	padding: .5em 0 0;
	display: block;
}

.header .header-wrapper .logoblock > *{
	font-weight: 600;
	font-style: italic;
	display: block;
}
.header .header-wrapper .logo{
	font-size:4em;
	color: var(--doscondos-color-white);
}
.header .header-wrapper .logo span{
	font-weight: 300;
	color: var(--doscondos-color-grey01);
}
.header .header-wrapper .claim{
	font-size:.8em;
	margin-top: -1em;
	font-weight: 300;
	color: var(--doscondos-color-grey01);
}

.header .header-wrapper .menublock, .header .header-wrapper .breadcrumbsblock{
	margin: 3em 0;
}

.header .header-wrapper .breadcrumbsblock .breadcrumbs{
	text-transform: uppercase;
	font-size:.9em;
}


/* ------------	H A M B U R G E R	------------- */

#mobile-nav {
	transition: all 1s;
	right: 1em;
	top: 0;
	position: absolute;
	z-index: 999;
	font-weight: 800;
	padding: 0;
	display: flex;
	align-items: center;
}

#mobile-nav .title {
	display: inline-block;
	vertical-align: middle;
	padding: 0 1em;
}

#mobile-nav .bar {
	display: inline-block;
	position: relative;
}

#mobile-nav .bar,
#mobile-nav .bar::before,
#mobile-nav .bar::after {
	background-color: white;
	height: 1px;
	-webkit-transition: all 250ms ease-in;
	-moz-transition: all 250ms ease-in;
	-o-transition: all 250ms ease-in;
	transition: all 250ms ease-in;
	width: 1em;
	z-index: 99;
}

#mobile-nav .bar::before,
#mobile-nav .bar::after {
	content: "";
	position: absolute;
}

#mobile-nav .bar::before {
	top: -0.35em;
}

#mobile-nav .bar::after {
	bottom: -0.35em;
}

#mobile-nav:hover,
#home-nav:hover {
	cursor: pointer;
}

#mobile-nav:hover .bar::before {
	top: -0.75em;
}

#mobile-nav:hover .bar::after {
	bottom: -0.75em;
}

:checked~#mobile-nav .bar::before {
	top: 0 !important;
	transform: rotate(45deg);
}

:checked~#mobile-nav .bar::after {
	top: 0 !important;
	transform: rotate(-45deg);
}

:checked~#mobile-nav .bar {
	background-color: transparent;
}

#nav-toggle {
	position: absolute;
	opacity:0;
}

.header.short .header-wrapper .menublock, .header.short .header-wrapper .breadcrumbsblock {
	margin: 2em 0;
}

.header.short .header-wrapper .logo {
	font-size: 3em;
	line-height: .8;
	
}

.header.short .header-wrapper .claim {
	opacity:0;
}

.header.short .header-wrapper .logoblock {
	padding:.5em 0;
}



.header .header-commingsoon {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    align-items: center;
    justify-content: center;
	height: 100vh;
}

.header .header-commingsoon > *{
	display: block;
	position: relative;
}

.header .header-commingsoon .logoblock{
	padding: 1em 0;
	display: block;
	width: 90%;
	max-width: 40em;
}

.header .header-commingsoon .logoblock > *{
	font-weight: 600;
	font-style: italic;
	display: block;
}
.header .header-commingsoon .logo{
	font-size:4em;
	color: var(--doscondos-color-white);
}
.header .header-commingsoon .logo span{
	font-weight: 300;
	color: var(--doscondos-color-grey01);
}
.header .header-commingsoon .claim{
	font-size:.8em;
	margin-top: -1em;
	color: var(--doscondos-color-grey01);
	font-weight: 300;
}

.header .header-commingsoon .comming{
	font-size:1em;
	color: var(--doscondos-color-green);
}
.header .header-commingsoon .comming > *{
	margin: 1em 0;
	display: block;
}

.header .header-commingsoon .comming h2{
	font-weight: 900;
	font-size: 2em;
}



/* --------------------- P R O G R E S S  --------------------- */

.progress-container {
	width: 100%;
	height: .3em;
	background: var(--doscondos-color-grey03);
	top: 0;
	left: 0;
	position: absolute;
	opacity: .75;
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
}

.progress-bar {
	width: 0%;
	height: .3em;
	background: var(--doscondos-color-green);
	-webkit-transition: all 300ms;
	transition: all 300ms;
	opacity: .5;
}




/* --------------------- UP AND DOWN --------------------- */

.updown {
	font-weight: 100;
	position: fixed;
	right: -6em;
	top: 80%;
	transform: translateY(-50%);
	display: block;
	z-index: 5;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.updown.active {
	right: 0;
}

.updown .up,
.updown .down {
	height: 3.25em;
	width: 3.25em;
	display: block;
	position: relative;
	margin: .25em 1em;
}

.updown .up .icn,
.updown .down .icn {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	background: hsla(84, 64%, 58%, .35);
    border-radius: 50%;
    font-family: "fontawesome";
}

.updown .bgNO{
	background: #182865;
	opacity: .5;
	border-radius: .75em;
}

.updown .up:hover .icn,
.updown .down:hover .icn {
	background: hsla(84, 64%, 58%, .65);
}

.updown .icn:before {
	color: var(--doscondos-color-black);
}

.updown .up .icn:before {
    content: "\F062";
}

.updown .down .icn:before {
    content: "\F063";
}



/* --------------------- L O A D E R --------------------- */

.load-wrapper{
	display:block;
	height:100%;
	width:100%;
	position:fixed;
	top: 0;
	left: 0;
	-webkit-transition: all 750ms;
	transition: all 750ms;
}

.load-ball{
	display:block;
	margin:45vh auto;
	font-size:16px;
	color:var(--doscondos-color-green);
	font-weight: 900;
	font-style: italic;
	width:96px;
	height:96px;
}

.la-ball-atom,
.la-ball-atom>div {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.la-ball-atom {
	display: block;
	font-size: 0;
	color: #fff
}

.la-ball-atom.la-dark {
	color: #333
}

.la-ball-atom>div {
	display: inline-block;
	float: none;
}

.la-ball-atom {
	width: 100px;
	height: 100px
}


.la-ball-atom>div:nth-child(1) {
	position: absolute;
	opacity: .85;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 80%;
	height: 80%;
	/*background: var(--doscondos-color-green);
	border-radius: 100%;*/
	font-size: 80px;
	line-height: 80px;
	font-weight: 900;
	opacity: .8;
	font-style: italic;
	text-align: center;
	content: "2";
	color:var(--doscondos-color-green);
	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.la-ball-atom>div:not(:nth-child(1)) {
	position: absolute;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}

.la-ball-atom>div:not(:nth-child(1))>div{
	position: relative;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}

.la-ball-atom>div:not(:nth-child(1))>div:before {
	position: absolute;
	text-align: center;
	font-weight: 900;
	font-style: italic;
	content: "2";
	color:var(--doscondos-color-green);
	display: block;
	opacity: .55;
}


.la-ball-atom>div:nth-child(2) {
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s
}

.la-ball-atom>div:nth-child(2)>div:before {
	font-size: 80px;
	top: 0;
	left: 0;
	-webkit-animation: ball-atom-position02 .8s 0s infinite ease, ball-atom-size .8s 0s infinite ease;
	-moz-animation: ball-atom-position02 .8s 0s infinite ease, ball-atom-size .8s 0s infinite ease;
	-o-animation: ball-atom-position02 .8s 0s infinite ease, ball-atom-size .8s 0s infinite ease;
	animation: ball-atom-position02 .8s 0s infinite ease, ball-atom-size .8s 0s infinite ease
}

.la-ball-atom>div:nth-child(3) {
	-webkit-animation-delay: -.5s;
	-moz-animation-delay: -.5s;
	-o-animation-delay: -.5s;
	animation-delay: -.5s
}

.la-ball-atom>div:nth-child(3)>div:before {
	font-size: 70px;
	top: 0;
	right: 0;
	-webkit-animation: ball-atom-position03 .8s 0s infinite ease, ball-atom-size .8s 0s infinite ease;
	-moz-animation: ball-atom-position03 .8s 0s infinite ease, ball-atom-size .8s 0s infinite ease;
	-o-animation: ball-atom-position03 .8s 0s infinite ease, ball-atom-size .8s 0s infinite ease;
	animation: ball-atom-position03 .8s 0s infinite ease, ball-atom-size .8s 0s infinite ease
}

.la-ball-atom>div:nth-child(4) {
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s
}

.la-ball-atom>div:nth-child(4)>div:before {
	font-size: 60px;
	bottom: 0;
	left: 0;
	-webkit-animation: ball-atom-position04 .8s 0s infinite ease, ball-atom-size .8s 0s infinite ease;
	-moz-animation: ball-atom-position04 .8s 0s infinite ease, ball-atom-size .8s 0s infinite ease;
	-o-animation: ball-atom-position04 .8s 0s infinite ease, ball-atom-size .8s 0s infinite ease;
	animation: ball-atom-position04 .8s 0s infinite ease, ball-atom-size .8s 0s infinite ease
}


@-webkit-keyframes ball-atom-position02 {
	50% {
		top: 75.0%;
		left: 75.0%
	}
}

@-moz-keyframes ball-atom-position02 {
	50% {
		top: 75.0%;
		left: 75.0%
	}
}

@-o-keyframes ball-atom-position02 {
	50% {
		top: 75.0%;
		left: 75.0%
	}
}

@keyframes ball-atom-position02 {
	50% {
		top: 75.0%;
		left: 75.0%
	}
}

@-webkit-keyframes ball-atom-position03 {
	50% {
		top: 75.0%;
		right: 75.0%
	}
}

@-moz-keyframes ball-atom-position03 {
	50% {
		top: 75.0%;
		right: 75.0%
	}
}

@-o-keyframes ball-atom-position03 {
	50% {
		top: 75.0%;
		right: 75.0%
	}
}

@keyframes ball-atom-position03 {
	50% {
		top: 75.0%;
		right: 75.0%
	}
}

@-webkit-keyframes ball-atom-position04 {
	50% {
		bottom: 75.0%;
		left: 75.0%
	}
}

@-moz-keyframes ball-atom-position04 {
	50% {
		bottom: 75.0%;
		left: 75.0%
	}
}

@-o-keyframes ball-atom-position04 {
	50% {
		bottom: 75.0%;
		left: 75.0%
	}
}

@keyframes ball-atom-position04 {
	50% {
		bottom: 75.0%;
		left: 75.0%
	}
}

@-webkit-keyframes ball-atom-size {
    50% {
        -webkit-transform: scale(.25, .25);
                transform: scale(.25, .25);
		opacity:0.15;
    }
}
@-moz-keyframes ball-atom-size {
    50% {
        -moz-transform: scale(.25, .25);
             transform: scale(.25, .25);
		opacity:0.15;
    }
}
@-o-keyframes ball-atom-size {
    50% {
        -o-transform: scale(.25, .25);
           transform: scale(.25, .25);
		opacity:0.15;
    }
}
@keyframes ball-atom-size {
    50% {
        -webkit-transform: scale(.25, .25);
           -moz-transform: scale(.25, .25);
             -o-transform: scale(.25, .25);
                transform: scale(.25, .25);
		opacity:0.15;
    }
}


/* --------------------- M E N U	--------------------- */

.menu-wrapper {
	display: none;
	width: 100%;
	height: 100vh;
	overflow: auto;
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: none;
	transition: none;
	background-color: var(--doscondos-color-black);
}

.main-nav {
	width: 100%;
	height: 100vh;
}

.main-nav>ul.full-menu {
	margin: 0;
	clear: both;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding:5rem 0 10rem;
}

.main-nav>ul.full-menu>li {
	flex: 1;
	display: flex;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
	margin: 0;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.main-nav>ul.full-menu>li>a {
	font-weight: 800;
	font-size:6em;
}

.main-nav>ul>li,
.main-nav>ul>li a {
	cursor: pointer;
	font-weight: 500;
	line-height: 1.25;
	-webkit-transition: opacity 100ms;
	transition: opacity 100ms;
}

.main-nav>ul>li a:hover + span {
	opacity: 1;
	visibility: initial;
	animation: loop 30s linear infinite;
	-webkit-animation-delay: 100ms;
	animation-delay:  100ms
}

.main-nav>ul.full-menu>li a:hover {
	opacity: 0;
}

.main-nav>ul.down-menu>li a:hover {
	color: var(--doscondos-color-white);
}


.js-ticker-copies{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	pointer-events: none;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);;
}

.js-ticker-copies .js-copy{
	font-weight: 800;
	font-size:6em;
	padding: .2em;
}



.main-nav>ul.down-menu {
	position: absolute;
	left:0;
	bottom:0;
	height: 5rem;
	width: 100%;
	margin: 0;
	clear: both;
	display: flex;
	padding:0;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	background: var(--doscondos-color-grey04);
}

.main-nav>ul.down-menu li{
	padding: 0 5rem;
	position: relative;
}

.main-nav>ul.down-menu li:not(:last-child):after{
	content:"•";
	position: absolute;
	top:0;
	right: -.25rem;
}

@keyframes loop {
		100% {transform: translateX(-100%);}
}




/* --------------------- C A R O U S E L	--------------------- */


.cover-section{
	margin-top:7em;
}

.cover-section h1{
	visibility: hidden;
	height: 0;
}

#main-carousel{
	position:relative;
}

.carousel-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 4em;
}

.slider-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	-webkit-transition: all 650ms ease-in-out;
	transition: all 650ms ease-in-out;
	padding:2.5em 0;
	position: relative;
}
.photos, .slides {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.photos {
	margin:2.5em 0;
}

.photos .photo {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	line-height: 0;
}

.photo-wrapper, 
.framing {
	line-height: 0;
}


.photo img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 650ms ease-in-out;
	transition: all 650ms ease-in-out;
	line-height: 0;
	position: relative;
}

/*.photo-wrapper:after {
  background: rgba(0, 0, 0, 0) -webkit-linear-gradient(to top right, rgba(203, 67, 152, .7) 0%, rgba(100, 190, 235, .7) 100%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(to top right, rgba(203, 67, 152, .7) 0%, rgba(100, 190, 235, .7) 100%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -o-linear-gradient(to top right, rgba(203, 67, 152, .7) 0%, rgba(100, 190, 235, .7) 100%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) linear-gradient(to top right, rgba(203, 67, 152, .7) 0%, rgba(100, 190, 235, .7) 100%) repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}*/


.photo.grey img {
  background-color:  var(--doscondos-color-black);
}

.photo.grey {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all 650ms ease-in-out;
	transition: all 650ms ease-in-out;
}


.slides .slide{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.photos .photo:first-child, .slides .slide:first-child{
	display: block;
}

.slide-wrapper{
	height: 100%;
	display: flex;
	align-items: center;
}

.hire-name{
	font-size: 5.5em;
	line-height:1;
	font-style: italic;
	font-weight: 900;
	text-transform: uppercase;
	padding:0 2rem;
	position: absolute;
	top: 0;
	left: 0;
}


.left .hire-name{
	right: initial;
	left: 0;
}
.right .hire-name{
	left: initial;
	right: 0;
	text-align: right;
}
.top .hire-name{
	bottom: initial;
	top: 0;
}
.bottom .hire-name{
	top: initial;
	bottom: 0;
}


.cta-container{
	opacity: 0;
	padding:0 2rem;
	-webkit-transition: all 650ms ease-in-out;
	transition: all 650ms ease-in-out;
}

a:hover .cta-container{
	opacity: 1;
	-webkit-transition: all 650ms ease-in-out;
	transition: all 650ms ease-in-out;
}

 .cta-container:hover .button{
	background-color: var(--doscondos-color-white);
}

.slider-wrapper{
	position: absolute;
	left: 0;
	top:0;
}
.controller {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.carousel-nav {
	display: flex;
	justify-content: space-between;
	padding: 0 1em;
}

.carousel-nav .controls{
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
}

.carousel-nav .dots{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	padding: 0; 
}


.carousel-nav .timer, .carousel-nav .left, .carousel-nav .right {
	position: relative;
	width: 50px;
	height: 50px;
	display: inline-block;
	background: hsla(0, 0%, 100%, .15);
	border-radius: 50%;
}

.carousel-nav .timer svg {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}


.carousel-nav .dots li {
	margin: 0 2px;
	display: inline-block;
}




.carousel-nav .dots li span {
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin: 0 auto;
	border: 2px solid var(--doscondos-color-white);
}

.carousel-nav .dots li:hover {
	cursor: pointer;
}

.carousel-nav .dots li.active span {
	background: var(--doscondos-color-white);
	border: 2px solid var(--doscondos-color-white);
}

.carousel-nav .dots li:focus {
	outline: none;
}

#circle {
	stroke: var(--doscondos-color-white);
	fill: none;
	stroke-width: 4;
	stroke-dasharray: 175.953; /* this value is the pixel circumference of the circle */
	stroke-dashoffset: 175.953;
}

.pause,
.play,
.arrow-left,
.arrow-right{
	position: absolute;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	border-radius: 50%;
}

.pause:before,
.play:before
{
	color: var(--doscondos-color-white);
}

.pause:hover,
.play:hover,
.arrow-left:hover,
.arrow-right:hover {
	background: hsla(0, 0%, 100%, .15);
}

.pause:before {
	content: "\f04c";
	font-family: "fontawesome";
	display: inline-block;
}

.play:before {
	content: "\f04b";
	font-family: "fontawesome";
	display: inline-block;
	font-size: 15px;
}

.center-arrows{
	display: block;
}

.arrow-left, .arrow-right{
	/*width: 50px;
	height: 50px;
	background: hsla(0, 0%, 100%, .15);*/
}

.Larrow-left .icon, .Larrow-right .icon{
	color: var(--doscondos-color-white);
	fill: var(--doscondos-color-white);
	position: absolute;
	width: 100%;
	height: 100%;	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.arrow-left:before {
	content: "\F061";
	font-family: "fontawesome";
	display: inline-block;
}

.arrow-right:before {
	content: "\F060";
	font-family: "fontawesome";
	display: inline-block;
}



/* --------------------- T I C K E R	--------------------- */


.ticker-section {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	height: 7rem;
	background-color: var(--doscondos-color-green);
}
.ticker {
	display: inline-block;
	animation: marquee 40s linear infinite;
}
.item-collection:first-child {
	position: relative;
	left: 0%;
	animation: swap 40s linear infinite;
}

.item {
	display: inline-block;
	padding: 0 1rem;
	font-size: 1.5rem;
	font-weight: 900;
	font-style: italic;
	color:	var(--doscondos-color-black);
	line-height: 7rem;
}
.item.light a{
	font-weight: 300;
}

.item a{
	color:	var(--doscondos-color-black);
}
.item a:hover{
	color:	var(--doscondos-color-white);
}



/* --------------------- C O N T E N T	--------------------- */




.grid-container {
	display: grid;
	grid-gap: 1em;
	margin:5em 0;
}
.grid-container.gridx2 {
	grid-template-columns: 1fr 1fr;
}

.grid-container.gridx3 {
	grid-template-columns: 1fr 1fr 1fr;
	margin:0 0 5em;
}

.grid-container .grid-item {
	aspect-ratio: 1;
}

.grid-container .grid-item.featured:nth-child(4) {
	grid-column: 1 / 3;
	grid-row: 2 / 3;
	aspect-ratio: initial;
	padding-right: calc( 50% + 1.5em );
}

.grid-container .grid-item.featured:last-child {
	grid-column: 3 / 4;
	grid-row: 3 / 5;
	aspect-ratio: initial;
	padding-top: calc( 100% + 2em );
}

.grid-container > .grid-slick {
	overflow: hidden;
	position: relative;
}

.grid-container .grid-item:nth-child(4) .summary, .grid-container .grid-item:last-child .summary{
	display: none;
} 

.grid-container > .grid-statement {
	overflow: scroll;
	position: relative;
	margin: 3em 2em;
	padding: 0 1em;
}

.grid-container > .grid-statement ol,
.grid-container > .grid-statement ul {
	list-style: initial;
}

.grid-container > .grid-statement li {
	margin:2em 0;
	font-size:1.2em;
}

.grid-container > .grid-statement p strong {
	color: var(--doscondos-color-green);
	font-weight: 900;
	
}

.grid-container > .grid-statement p strong.logo {
	font-weight: 900;
	font-style: italic;
}


.grid-container .grid-new  {
	position: relative;
	padding: 1em;
}

.grid-container .grid-new.featured{
	padding: 7em 1em 1em ;
}

.grid-container .grid-new.featured {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.grid-container .grid-new.featured .new-overlay {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--doscondos-color-green);
	opacity: .5;
	z-index: 1;
	mix-blend-mode: multiply;
}

.new-container{
	align-self: stretch;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 1em;
	z-index: 1;
	position: relative;
}

.grid-container .grid-new.featured:hover .new-overlay{
	opacity: 0;
	mix-blend-mode: ovelay;
}


.grid-new span{
	font-weight: 300;
	display: block;
}

.grid-new.black, .grid-new.black .new-container{
	background-color: var(--doscondos-color-black);
}

.grid-new.black .new-container span{
	color: var(--doscondos-color-white);
}

.grid-new.white, .grid-new.white .new-container{
	background-color: var(--doscondos-color-white);
}

.grid-new.white:hover, .grid-new.white:hover .new-container, .grid-new.black:hover, .grid-new.black:hover .new-container{
	background-color: var(--doscondos-color-green);
}

.grid-new.white:hover span, .grid-new.white:hover .new-container span, .grid-new.black:hover span, .grid-new.black:hover .new-container span{
	color: var(--doscondos-color-black);
}

.grid-new.white .new-container span{
	color: var(--doscondos-color-black);
}

.grid-new .new-container span.date{
	font-size: .65em;
	text-transform: uppercase;
	margin-bottom: .75em;
}

.grid-new .new-container span.title{
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: underline;
	color: var(--doscondos-color-green);
	margin-bottom: .75em;
	line-height: 1.25;
}

.grid-new .new-container span.summary {
	font-size: .8em;
	margin-bottom: 1em;
	line-height: 1.1;
}

.grid-new .new-container span.more{
	font-weight: 400;
	font-size: .8em;
	color: var(--doscondos-color-grey03);
}

.flex-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

footer .flex-container {
	margin: 5em 0;
}

.flex-container>* {
	margin: 0;
	padding: 1em 0;
	position: relative;
	width: 50%;
	/*line-height: 1.65;*/
}


.flex-container > .flex-contact > * {
	display: block;
	font-size: .95em;
}

.flex-container > .flex-cta, .flex-cta {
	align-self: stretch;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2em;
	background:  var(--doscondos-color-green);
	font-size: 1.5em;
}

.flex-container > .flex-cta .cta, .flex-cta .cta {
	padding: .75em 3em;
	text-transform: lowercase;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.2;
	background:  var(--doscondos-color-green);
	color: var(--doscondos-color-black);
	border: 1px solid var(--doscondos-color-black);
}


.flex-container > .flex-cta .cta:hover, .flex-cta .cta:hover{
	background: var(--doscondos-color-white);
	border-color: var(--doscondos-color-white);
}

.flex-container > .flex-cta:before {
	content:"";
	position: absolute;
	height: 100%;
	width: 500%;
	right:0;
	top:0;
	background:  var(--doscondos-color-green);
	z-index: -1;
}


.flex-container > .flex-list {
	font-size: 1.5em;
	color: var(--doscondos-color-black);
	font-style: italic;
	background:  var(--doscondos-color-white);
	position: relative;
	padding: 3em 2em;
}

.flex-container > .flex-list:before {
	content:"";
	position: absolute;
	height: 100%;
	width: 500%;
	left:0;
	top:0;
	background:  var(--doscondos-color-white);
}

.flex-container>.flex-list .list {
	margin: 0;
	padding: 0;
}

.flex-container>.flex-list .list li {
	padding: .75em 0;
	position: relative;
	line-height: 1.4;
	text-align: right;
}

.flex-container>.flex-list .list li h5 span{
	font-weight: 200;
}



.flex-container>.flex-list .list li:after {
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--doscondos-color-black);
}

.flex-container>.flex-list .list li:last-child:after {
	content: "";
	height: .033em;
	width: 30%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: transparent;
}




.flex-container > .flex-photo {
	line-height: 0;
	background:  var(--doscondos-color-white);
	position: relative;
	padding: 0 0;
	display: block;
	align-self: stretch;
	width: 45%;
	aspect-ratio: 1/1;
}

.artist-block.block-single > .flex-photo{
	width: 50%;
}

.flex-container > .flex-bio {
	position: relative;
	padding: 2.5em 3em;
	align-self: stretch;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 55%;
}

.artist-block.block-single > .flex-bio{
	width: 50%;
}

.flex-photo img {
	object-position: 50% 50%;
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-height: 780px;
	max-width: 950px;
}


.artist-block.block-single > .flex-photo img {
	object-position: 50% 50%;
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-height: 1000px;
	max-width: 1000px;
}

.artist-block.block-left{
	text-align: right;
	align-items: flex-start;
	background:  var(--doscondos-color-black);
	color: var(--doscondos-color-white);
}


.artist-block.block-right{
	text-align: left;
	align-items:flex-end;
	background: var(--doscondos-color-white);
	color: var(--doscondos-color-black);
}

.artist-block.block-single{
	text-align: left;
	align-items:flex-end;
	background:  var(--doscondos-color-black);
	color: var(--doscondos-color-white);
}

.artist-block.block-single a p{
	color: var(--doscondos-color-white);
}


.artist-block.block-left a p{
	color: var(--doscondos-color-white);
}


.artist-block.block-right a p{
	color: var(--doscondos-color-black);
}


.artist-block.block-left a:hover h2, .artist-block.block-left a:hover span{
	color: var(--doscondos-color-white);
}

.artist-block.block-right a:hover h2, .artist-block.block-right a:hover span{
	color: var(--doscondos-color-black);
}

.artist-block.block-left a:hover p{
	color: var(--doscondos-color-grey03);
}

.artist-block.block-right a:hover p{
	color: var(--doscondos-color-grey02);
}


.artist-block.grey > .flex-photo {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all 650ms ease-in-out;
	transition: all 650ms ease-in-out;
}

.full-container {
	width: 100%;
	padding: 3em 0 1em;
}

.flex-container > .flex-bio h2 {
	text-transform: uppercase;
	font-weight: 900;
	color:  var(--doscondos-color-green);
	line-height: 1.1;
}

.flex-container > .flex-bio p.bio{
	font-size: 1em;
	margin: 2.5em 0 1.5em;
	font-weight: 500;
}

.flex-container > .flex-bio span.show {
	font-weight: 500;
	font-size: 1em;
	margin-top: 3em;
	color:  var(--doscondos-color-green);
}
.flex-container > .flex-bio span.show .arrow {
	color:  var(--doscondos-color-green);
}

.flex-container > .flex-bio a.back {
	font-weight: 500;
	font-size: 1em;
	margin-bottom: 1em;
	color:  var(--doscondos-color-green);
}
.flex-container > .flex-bio a.back .arrow {
	color:  var(--doscondos-color-green);
}

.content-section, .contact-section, .new-section, .form-section{
	background-color: var(--doscondos-color-white);
	color:  var(--doscondos-color-black);
}

.page-content ul, .page-content ol {
	list-style: initial;
	padding: 0 1em;
}

.page-content ul li, .page-content ol li{
	padding: .5em 0;
}

.news-section, .e404-section{
	background-color: var(--doscondos-color-grey00);
	color:  var(--doscondos-color-black);
}


.flex-container.blog-block{
	padding:2em 0 0 0;
}

.flex-container.search-block{
	padding:1em 0 2em 0;
}

.flex-container.blog-block > h1{
	font-size:5em;
	padding: .5em 0;
}

.flex-container.blog-block > h1.blog{
	padding: .35em 0;
}
.flex-container.blog-block > h1.tag{
	padding: 0;
}

.flex-container.title-block > .title > h1.post-title{
	font-size: 2em;
	padding: .5em 0;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 500;
	color: var(--doscondos-color-green);
}

.flex-container.title-block > .title > .post-date, .flex-container.title-block > .title > .post-author{
	font-size: .8em;
	text-transform: uppercase;
}

.flex-container.title-block > .title > .separator {
	margin: 0 1em;
}

.flex-container.blog-block .flex-welcome p{
	font-size:1.25em;
	font-style: italic;
	font-weight: 500;
	margin:.2em 0;
	color: var(--doscondos-color-grey03);
}


.share-block .flex-share, .title-block .flex-tag{
	width: initial;
}
.title-block .flex-tags{
	width: 30%;
	text-align: right;
}


.flex-content img{
	margin:2em 0;
	width: 100%;
	height: auto;
	flex-shrink: 0;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	border-radius: .5em;
}

.share-icons{
	margin:1em 0;
}

.share-icons .wpfai-list{
	padding:1em;
	display: block;
	margin: .5em 0 .5em 0;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	border-radius: .5em;
}
.share-icons .wpfai-list a .fa  {
	color: var(--doscondos-color-black);
}

.share-icons .wpfai-list a, .share-icons .wpfai-list a .fa-square {
	color: var(--doscondos-color-grey01);
}



p .logo{
	font-weight: 700;
	color: var(--doscondos-color-black);
}
p .logo span{
	font-weight: 500;
}

.search-block .tag, .title-block .tag {
	padding: .5em 1em .4em;
	border-radius: 2em;
	font-weight: 300;
	margin:1em 0;
	display: inline-block;
	background-color: var(--doscondos-color-grey01);
 	color: var(--doscondos-color-grey04);
	font-size: .85em;
}

.flex-tags .tag {
	margin:.2em 0;
}

.title-block .tag.active, .title-block .tag:hover, .search-block .tag.active, .search-block .tag:hover {
	background-color: var(--doscondos-color-green);
 	color: var(--doscondos-color-black);
}

.flex-tags .tag.active {
	padding-right:2em;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url("../images/doscondos_cross.svg")
}


.flex-container.navigation-block > *{
	width: initial;
}


.screen-reader-text, .filter-text{
	display: block;
	margin-bottom:1em;
}

.search-submit{
	display: none;
}



.flex-container.content-block, .flex-container.search-block, .flex-container.title-block, .flex-container.share-block{
	align-items: flex-start;
	margin-top: 2em;
}


.searchwp-live-search-result a{
	line-height: 1em;
	display: block;
}
.searchwp-live-search-result a:hover{
	color: var(--doscondos-color-black);
}

.searchwp-live-search-result p.searchwp-live-search-result--desc{
	margin: 0;
	line-height: 1em;
	font-size: .7em;
	color: var(--doscondos-color-black);
}

.flex-container .flex-content, .flex-container .flex-form{
	width: 70%;
	padding-right: 3em;
	/*margin-top:2em;*/
}

.flex-container .flex-content, .flex-container .flex-form p{
	font-size: 1em;
}

.flex-container .flex-sidebar, .flex-container .flex-contact{
	width: 30%;
}

.flex-container .flex-sidebar .sidebar{
	display: block;
	margin: 2em 0 2em 2em;
	padding: 2em 2em .2em 2em;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
	border-radius: .5em;
}


.navigation-section{
	background-color: var(--doscondos-color-white);
	padding-bottom:2em;
}

.navigation-section .nav-arrow{
	background-repeat: no-repeat;
	padding-bottom:1.5em;
	font-weight: 300;
	font-style:italic;
	color:  var(--doscondos-color-grey02);
}

.navigation-section .flex-previous.nav-arrow{
	background-position: left bottom;
	background-image: url("../images/doscondos_arrow-left.svg");
	text-transform: uppercase;
}
.navigation-section .flex-next.nav-arrow{
	background-position: right bottom;
	background-image: url("../images/doscondos_arrow-right.svg");
	text-align: right;
	text-transform: uppercase;
}

.navigation-section .flex-previous.nav-arrow:hover, .navigation-section .flex-next.nav-arrow:hover{
	color: var(--doscondos-color-green);
}

.cta-section {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	background-color: var(--doscondos-color-green);
}


.flex-container.navigation-block{
	align-items: flex-start;
}

.flex-container.navigation-block.strech > *{
	width: 50%;
}


.flex-container .flex-sidebar .sidebar ul{
	display: flex;
	align-items: flex-start;
	gap: .5em;
	flex-direction: column;
	justify-content: center;
	padding: 0;
	margin: 2em 0;
}

.flex-container .flex-sidebar .sidebar h5{
	color: var(--doscondos-color-green);
	font-weight: 600;
	margin:  0;
}

.flex-container .flex-sidebar .sidebar ul li{
	width: 90%;
	font-size: .9em;
}

.flex-container .flex-sidebar .sidebar ul li a{
	border-radius: 8px;
	border: 2px solid var(--doscondos-color-black);
	width: 100%;
	padding: 1em 2em 1em 3em;
	background-repeat: no-repeat;
	background-position: 1em center;
	display: block;
	color: var(--doscondos-color-black);
	font-weight: 600;
}
.flex-container .flex-sidebar .sidebar ul li a:hover{
	background-color:  var(--doscondos-color-green);;
	border: 2px solid var(--doscondos-color-green);
}

.flex-container .flex-sidebar .sidebar ul li.spotify a{
	background-image: url("../images/doscondos_icon_spotify.svg")
}
.flex-container .flex-sidebar .sidebar ul li.youtube a{
	background-image: url("../images/doscondos_icon_youtube.svg")
}
.flex-container .flex-sidebar .sidebar ul li.download a{
	background-image: url("../images/doscondos_icon_download.svg")
}


.slick-dots {
	position: absolute;
	bottom: 2em;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	display: inline-block;
	width: .8em;
	height: .8em;
	background-color: #B9CE27;
	border-radius: 50%;
	margin: .1em .2em;
	opacity: 1;
	cursor: pointer;
	transition: all 0.3s;
	vertical-align: middle;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 1em;
	height: 1em;
	padding: .2em;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li.slick-active,
.slick-dots li:hover {
	opacity: 1;
	background-color: var(--doscondos-color-white);
	width: 1em;
	height: 1em;
}


.instagram-section{
	background: var(--doscondos-color-white);
	padding:3em;
}



.connect .title{
	padding: 4em 0 2em;
	text-align: center;
}
.connect-framing{
	height: 100%;
	width: 100%;
	position: relative;
}
.connect-framing img{
	opacity: .75;
}
.framing-block{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.framing-block span{
	display: block;
	text-align: center;
	-webkit-text-shadow: 1px 1px 8px  rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 1px 1px 8px  rgba(0, 0, 0, 0.5);
	text-shadow: 1px 1px 8px  rgba(0, 0, 0, 0.5);
}

.framing-block span a{
	font-size: 3em;
	color: var(--doscondos-color-white)
}

.pagination-section{
	background-color: var(--doscondos-color-grey00);
}

.connect .social-menu{
	font-size:1.75em;
	text-align: center;
	margin:2em 0;
}

.flex-contact .social-menu {
	font-size: 1em;
	text-align: left;
	margin: 2em 0;
}



.flex-contact  .social-menu .wpfai-list{
	padding:1em 0;
	display: block;
	margin: .5em 0 .5em 0;
}

.flex-contact  .social-menu .wpfai-list li{
	display: block;
}
.flex-contact .social-menu .wpfai-list a .fa {
	color: var(--doscondos-color-black);
}

.flex-contact .social-menu .wpfai-list a, .flex-contact .social-menu .wpfai-list a .fa-circle {
	color: var(--doscondos-color-white);
}

.flex-contact .social-menu .wpfai-list a .fa-title {
	color: var(--doscondos-color-black);
	font-weight: 400;
	font-size:.7em;
}

.flex-contact .social-menu .wpfai-list a .fa-stack {
	width: 1.25em;
	height: 1.25em;
	line-height: 1.25em;
}

.flex-contact .social-menu .wpfai-list a .fa-stack-2x {
	font-size: 1.25em;
}

.blog-navigation{
	text-align:right;
	margin-bottom: 5em;
}

ol.wp-paginate {
	padding: 0;
	margin: 0;
	list-style: decimal;
}

ol.wp-paginate li {
	line-height: 3.5em;
	white-space: nowrap;
}


.wp-paginate li {
	display: inline;
	list-style: none;
}
.wp-paginate a, .wp-paginate span.gap{
	background: var(--doscondos-color-white);
	border:none;
	border-top: 1px solid var(--doscondos-color-grey02);
	border-bottom: 1px solid var(--doscondos-color-grey02);
	color: #666;
	margin-right: 0;
	padding: 1em;
	text-align: center;
	text-decoration: none;
}
.wp-paginate a:hover {
	background: var(--doscondos-color-green);
	color: var(--doscondos-color-black);
}
.wp-paginate a.next:hover, .wp-paginate a.prev:hover {
	border-left: 1px solid var(--doscondos-color-grey02);
	border-right: 1px solid var(--doscondos-color-grey02);
}
.wp-paginate .current {
	color: var(--doscondos-color-white);
	background: #000;
	border:none;
	border-top: 1px solid var(--doscondos-color-grey02);
	border-bottom: 1px solid var(--doscondos-color-grey02);
	margin-right: 0;
	padding: 1em;
}
.wp-paginate .prev{
	border-radius: 10px 0 0 10px;
	border-left: 1px solid var(--doscondos-color-grey02);
	border-right: 1px solid var(--doscondos-color-grey02);
}
.wp-paginate .next {
	border-radius: 0 10px 10px 0;
	border-left: 1px solid var(--doscondos-color-grey02);
	border-right: 1px solid var(--doscondos-color-grey02);
}
.wp-paginate a.prev.disable, .wp-paginate a.next.disable {
	color: var(--doscondos-color-grey02);
}

.wp-paginate a.disable:hover, .wp-paginate a.disable:active {
	background:var(--doscondos-color-white);
	color: var(--doscondos-color-grey02);
	cursor:initial;
}



/* --------------------- F O R M  --------------------- */



.form-wrapper form :before,
.form-wrapper form :after {
	box-sizing: border-box;
}

.form {
	padding:2em;
	border-radius: .5em;
	border: solid 1px var(--doscondos-color-grey02);
}
.form .data{
	text-transform: uppercase;
}

.group {
	position: relative;
	margin: 2.5em 0;
}

.group.wide {
	margin: 2.5em 0 .5em;
}

.group textarea {
	resize: none;
}
.group input[type="text"],
.group select,
.group textarea {
	background: none;
	color: #c6c6c6;
	line-height: 1;
	display: block;
	width: 100%;
	user-select: text;
	padding: 1.5em 1em;
	border-radius: .5em;
	border: solid 1px var(--doscondos-color-grey02);
}

.group p, .legal p, .data p {
	margin: 0.2em 0;
}

.group select,
.group input {
	/*height: 48px;*/
}

.group select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

.group select:focus,
.group input:focus,
.group textarea:focus {
	outline: none;
	border-bottom: 1px solid var(--doscondos-color-green);
}

.group select:focus~label,
.group input:focus~label,
.group textarea:focus~label,
.group label.has-value {
	top: -1.75em;
	color: var(--doscondos-color-green);
}

.group input:focus~.bar:before,
.group textarea:focus~.bar:before {
	width: 100%;
}

.group input:required,
textarea:required {
	box-shadow: none;
}

.group input[type="password"] {
	letter-spacing: 0.3em;
}

form .group label {
	color: #c6c6c6;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: .75em;
	top: 1.2em;
	-webkit-transition: 300ms ease all;
	transition: 300ms ease all;
}

form .legal {
	font-size: .75em;
	line-height: 1;
	margin: 0;
	padding: 1em 0;
	display: block;
	color: #8c8c8c;
}

form .legal label, form .artists label{
	display: block;
	padding: .25em 3em .25em 3em;
	line-height: 1;
	height: 30px;
	background: transparent url("../images/doscondos_modal_check.svg") no-repeat left top;
	margin: 0;
	color: #ccc;
	cursor: pointer;
}

form .legal label.has-value, form .artists label.has-value {
	background-position: left bottom;
	color: var(--doscondos-color-green);
}

form .legal input[type="checkbox"], form .artists input[type="checkbox"] {
	display: none;
}

form .group input[type="submit"] {
	padding: .75em 3em;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.2;
	background: var(--doscondos-color-white);
	color: var(--doscondos-color-black);
	border: 1px solid var(--doscondos-color-black);
	text-transform: uppercase;
	display: inline-block;
	margin: .25em 0;
	cursor: pointer !important;
	text-decoration: none;
	-webkit-transition: all 1000ms;
	transition: all 1000ms;
	height: auto;
	border-radius: 4em;
	width: 15em;
}

form .group input[type="submit"]:hover {
	background: var(--doscondos-color-green);
}

.wpcf7-response-output, .screen-reader-response p{
	width: 100%;
	padding: 2em 0 !important;
	text-align: left !important;
	margin: 0 !important;
	font-weight: 900 !important;
}

.wpcf7-list-item-label{
	display:inline-block;
}

.wpcf7-list-item{
	display:block;
}

.screen-reader-response ul{
	display: none;
}

.wpcf7-not-valid-tip{
	color: brown;
	padding-top:.75em;
	display: block;
}

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


/* ------------------------- F O O T E R ------------------------ */


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



footer .logoblock{
	padding: 1em 0;
	display: block;
}

footer .logoblock > *{
	font-weight: 600;
	font-style: italic;
	display: block;
}
footer .logo{
	font-size:2em;
	color: var(--doscondos-color-white);
}
footer .logo span{
	font-weight: 300;
	color: var(--doscondos-color-grey01);
}
footer .claim{
	font-size:.8em;
}

.footer-bottom{
	padding:3em 0;
	border-top: solid 1px var(--doscondos-color-grey03);
}

.footer-bottom .links-list{
	display: block;
	margin:.5em 0;
}

.footer-bottom .links-list > *{
	margin: 0 1em 0 0;
}

.copy {
	font-size: .9em;
}

.copy strong {
	font-weight: 900;
	font-style: italic;
}



ul.footer-menu {
	font-size: .95em;
	width: 100%;
	margin: 0;
	clear: both;
	display: flex;
	padding:0;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: center;
	background: var(--doscondos-color-grey04);
}

ul.footer-menu li{
	padding: 0 0 0 3rem;
	position: relative;
}

ul.footer-menu li:not(:last-child):after{
	content:"•";
	position: absolute;
	top:0;
	right: -1.75rem;
}


.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}

.main-footer .social-menu{
	font-size:.75em;
	text-align: right;
}

.wpfai-list{
	list-style: none;
	padding: 0;
	margin-top : 1em;
	font-size: 1.25em;
}

.main-footer .wpfai-list{
	margin-right: -1em;
}

.wpfai-list li{
	display: inline-block;
}

.wpfai-list a, .wpfai-list a .fa-circle {
	color: var(--doscondos-color-black);
}


.wpfai-list a:hover .fa-inverse, 
.flex-contact .social-menu .wpfai-list a:hover .fa-inverse, .flex-contact .social-menu .wpfai-list a:hover .fa-title  {
	color: var(--doscondos-color-green);
}

/* Transition */
@keyframes marquee {
	0% {
		transform: translateX(0)
	}
	100% {
		transform: translateX(-100%)
	}
}

@keyframes swap {
	0%, 50% {
		left: 0%;
	}
	50.01%,
	100% {
		left: 100%;
	}
}


@media (min-width:320px){
	body {
		font-size: 15px !important;
	}
	.wrapper {
		width: 100%;
	}
	.grid-container.gridx2, .grid-container.gridx3 {
		grid-template-columns: 1fr;
	}
	
	.grid-container.gridx3 .grid-item.featured:nth-child(4){
		grid-column: 1 / 1;
		grid-row: 4 / 4;
		aspect-ratio: 1;
	}
	.grid-container.gridx3 .grid-item.featured:last-child{
		grid-column: 1 / 1;
		grid-row: 10 / 10;
		aspect-ratio: 1;
	}
	
	.grid-container .grid-item.featured:last-child, .grid-container.gridx3 .grid-item.featured:nth-child(4) {
		padding: 7em 1em 1em;
	}
	.flex-container>*, .flex-container .flex-content, .flex-container .flex-form, .flex-container .flex-sidebar, .flex-container .flex-tags, .flex-container .flex-contact {
		width: 100% ;
	}
	.flex-container > .flex-cta:before {
		right: -50%;
	}
	.flex-container > .flex-list:before {
		left: -50%;
	}
	.flex-container .flex-sidebar .sidebar {
		margin: .2em;
	}
	.flex-container > .flex-bio {
		padding: 3em 1em;
	}
	ul.footer-menu {
		flex-flow: column wrap;
		align-items: flex-end;
		overflow: hidden;
	}
	.hire-name {
		font-size: 3em;
		padding: .75rem 1rem;
	}
	.photo img, .framing img {
		object-position: 50% 50%;
		object-fit: cover;
		width: 100%;
		height: 400px;
	}
	.item{
		line-height: 7rem;
	}
	#mobile-nav .title {
		opacity:0;
	}
	.main-nav>ul.down-menu li {
		padding: 0 1rem;
	}
	.main-nav>ul.full-menu>li>a {
		font-size: 3.5em;
	}
	.js-ticker-copies .js-copy {
		font-size: 3.5em;
	}
	#mobile-nav .bar,
	#mobile-nav .bar::before,
	#mobile-nav .bar::after {
		width: 2em;
		height: 2px;
	}
	#mobile-nav .bar::before {
		top: -0.5em;
	}
	#mobile-nav .bar::after {
		bottom: -0.5em;
	}
	.framing-block span a {
		font-size: 1.2em;
	}
	.flex-container > .flex-photo, .artist-block.block-single > .flex-photo {
		width: 100%;
		aspect-ratio: 2/1;
	}
	.artist-block.block-single > .flex-photo, .artist-block.block-single > .flex-photo{
		width: 100%;
	}
	.flex-container > .flex-bio, .artist-block.block-single > .flex-bio {
		width: 100%;
	}
	.header .header-wrapper .breadcrumbsblock {
		opacity:0;
		position: absolute;
		left:-1000px;
	}
	.header .header-wrapper .logo{
		font-size:3em;
	}
	.flex-container>.flex-list .list li h5 span {
		display: block;
	}
	.artist-block.block-right {
		flex-flow: wrap-reverse;
	}
	.blog-navigation{
		text-align: center;
	}
	.wp-paginate a, .wp-paginate span.gap {
		padding: 1em 0.65em;
	}
}

@media (min-width:641px)	{
	body {
		font-size: 15px !important;
	}
	.wrapper {
		width: 95%;
	}
	.grid-container.gridx2, .grid-container.gridx3 {
		grid-template-columns: 1fr 1fr;
	}
	.grid-container.gridx3 .grid-item.featured:nth-child(4){
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}
	.grid-container.gridx3 .grid-item.featured:last-child{
		grid-column: 2 / 3;
		grid-row: 5 / 6;
	}
	.flex-container>* {
		width: 50%;
	}
	.flex-container > .flex-cta:before {
		right: 0;
	}
	.flex-container > .flex-list:before {
		left: 0;
	}
	.flex-container .flex-sidebar .sidebar {
		margin: 2em 0 2em 2em;
	}
	.flex-container > .flex-bio {
		padding: 2.5em 3em;
	}
	ul.footer-menu {
		flex-flow: row wrap;
		align-items:center;
		overflow: initial;
	}
	.hire-name {
		font-size: 5.5em;
		padding: 0 2rem;
	}
	.photo img, .framing img {
		object-position: 50% 50%;
		object-fit: initial;
		width: 100%;
		height: 100%;
	}
	.ticker-section {
		height: 7rem;
	}
	.item{
		line-height: 7rem;
	}
	#mobile-nav .title {
		opacity:1;
	}
	.main-nav>ul.down-menu li {
		padding: 0 5rem;
	}
	.main-nav>ul.full-menu>li>a {
		font-size: 6em;
	}
	.js-ticker-copies .js-copy {
		font-size: 6em;
	}
	#mobile-nav .bar,
	#mobile-nav .bar::before,
	#mobile-nav .bar::after {
		width: 1em;
		height: 1px;
	}
	#mobile-nav .bar::before {
		top: -0.35em;
	}
	#mobile-nav .bar::after {
		bottom: -0.35em;
	}
	.framing-block span a {
		font-size: 3em;
	}
	.header .header-wrapper .breadcrumbsblock {
		opacity:1;
		position: relative;
		left: initial;
	}
	.header .header-wrapper .logo{
		font-size:4em;
	}
	.flex-container>.flex-list .list li h5 span {
		display: inline-block;
	}
	.blog-navigation{
		text-align: right;
	}
	.wp-paginate a, .wp-paginate span.gap {
		padding: 1em;
	}
}

@media (min-width:1025px) {
	body {
		font-size: 15px !important;
	}
	.wrapper {
		max-width: 1000px;
	}
	.grid-container.gridx3 {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.flex-container .flex-sidebar, .flex-container .flex-contact{
		width: 30%;
	}
	 .flex-container .flex-tags {
		width: 50%;
	}
	
	 .flex-container .flex-tags.short {
		width: 30%;
	}
	.flex-container .flex-content, .flex-container .flex-form {
		width: 70%;
	}
	.grid-container.gridx3 .grid-item.featured:last-child {
		grid-column: 3 / 4;
		grid-row: 3 / 5;
		aspect-ratio: initial;
	}
	
	.grid-container.gridx3 .grid-item.featured:nth-child(4){
		grid-column: 1 / 3;
		grid-row: 2 / 3;
		aspect-ratio: initial;
	}
	.grid-container.gridx3 .grid-item.featured:nth-child(4) {
		padding-right: calc(50% + 1.5em);
	}
	.grid-container.gridx3 .grid-item.featured:last-child {
		padding-top: calc(100% + 2em);
	}
	.flex-container > .flex-photo {
		width: 45%;
		aspect-ratio: 1/1;
	}
	.artist-block.block-right {
		flex-flow: row wrap;
	}
	.flex-container > .flex-bio {
		width: 55%;
	}
	.artist-block.block-single > .flex-bio, .artist-block.block-single > .flex-photo{
		width: 50%;
		padding-right: 0;
	}
}

@media (min-width:1281px) {
	body {
		font-size: 16px !important;
	}
	.wrapper {
		max-width: 1220px;
	}
}

@media (min-width:1500px) {
	body {
		font-size: 18px !important;
	}
	.wrapper {
		max-width: 1400px;
	}
}