/*

Theme Name: flamingo
Author: Minimal
Author URI: https://www.minimal.com.ar
Version: 1.0

*/

.block { display:block !important; }
.none { display: none !important; }
.flex { display: flex; }
.relative { position:relative; }
.no_margin { margin: 0 !important; }

.transition,
.transition:hover { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }



/*----------- BASICS & LAYOUT -----------*/

html{ scroll-behavior:smooth; } 
body { font-family: 'MarkRegular', sans-serif; color: #333; font-size:16px; line-height: 1.6; font-weight: 300; padding-top: 66px; }
.inner { padding-left: 90px !important; padding-right: 90px !important; }

p { margin-bottom: 34px; font-size: 16px; line-height: 1.6; }
strong { font-weight:600; }
p strong { }
img { max-width:100%; -webkit-backface-visibility:hidden; }
p:last-child { margin-bottom: 0; }
li:last-child { margin-right: 0 !important; border: 0 !important; }


.btn, 
.vp-a { color: #333; background: #fff; padding: 12px 42px; margin: auto; display: inline-block; text-align: center; font-size:13px; text-transform: uppercase; 
-webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; font-family: 'MarkHeavy', sans-serif;}
.btn:hover,
.vp-a:hover { background: #5FDDD0; color: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.btn_alt { color: #fff; background: #5FDDD1; }
.btn_alt:hover { color: #fff; background: #62e4d3; }



/* Colores */

.turquoise { color: #5FDDD1; }
.gradient_1 { background: rgb(180,238,100); background: linear-gradient(90deg, rgba(180,238,100,1) 0%, rgba(95,221,209,1) 100%); }


/* Headings */

h1,
h2,
h3,
h4 { font-family: 'MarkHeavy'; font-weight: normal; line-height: 1.2; text-transform: uppercase; }

h1 { font-size: 55px; }
h2 { font-size: 42px; margin-bottom: 50px; }
h3 { font-size: 18px; margin-bottom: 24px; }

.volanta { text-transform: uppercase; color: #00F0FF; font-size: 13px; font-weight: 700; }
.date { color:#A8A6A6; font-size: 13px; font-style: italic; margin-bottom: 22px; }

/*----------- HEADER -----------*/


header { width: 100%; height: 66px; display: grid; align-content: center; background: #333; position: fixed; top: 0; left: 0;  padding: 10px 0; z-index: 100000; }
header .inner { display: flex; justify-content: space-between; }
/* header.header_scroll { background: #034867; }*/

header #logo img { width: 155px; }
header #logo { position: relative; top:2px; }
header nav { align-self: center;text-align: center; position: relative; }
header nav li { margin-left: 30px; display: inline-block; position: relative; }
header nav li:first-child { margin-left: 0; }
header nav > ul > li > a { color: #fff; display: block; font-size: 14px; text-transform: uppercase; font-family: 'MarkHeavy'; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
header a:hover { opacity: .8; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}


/* Menu Mobile */


.menu_btn { display: none; width: 26px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: 0; position:absolute; border:0; cursor:pointer; padding: 0; background:none; }
.menu_btn:hover { opacity:0.8;}
.menu_btn span {  width: 26px; height: 4px; background:#FE5000; display:block; border-radius: 30%; }
.menu_btn span:after,
.menu_btn span:before { content:''; width: 26px; height: 4px; background:inherit; display:block; }
.menu_btn span:before { position:relative; top: -8px;}
.menu_btn span:after { position:relative; top: 4px;}


#menu_mobile {  width: 420px; height: 100%; position: fixed; right: -420px; top: 0; z-index: 1000000; display:grid;  align-items: center; justify-items: right; padding-right:54px; box-shadow: -3px 0 7px rgba(0,0,0,.1); background: #fafafa; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;  }
#menu_mobile.active { right: 0; }
#menu_mobile #close_menu{ position:absolute; top: 30px; right: 54px; }
#menu_mobile #close_menu img { width: 22px; }
#menu_mobile li a { font-size:17px; display:block; margin-bottom: 18px; font-family: 'MarkHeavy', sans-serif; text-align:right; opacity: 1; color: #333; text-transform: uppercase; }
#menu_mobile li a:hover { opacity:.8; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
#menu_mobile .social { margin-top: 40px; text-align: right; position: absolute; bottom: 40px; right: 54px; }

#menu_mobile .sub-menu { display: none; }

/* -------- HOME -------- */

#hero_home { position: relative; background: rgb(180,238,100); background: linear-gradient(270deg, rgba(180,238,100,1) 0%, rgba(95,221,209,1) 100%); }
#hero_home .inner { min-height: calc(100vh - 66px); position: relative; z-index: 2; overflow: hidden; grid-column-gap: 80px; }
#hero_home .slide { min-height: calc(100vh - 66px);  position: relative; display: grid; justify-content: center; align-content: center; }
#hero_home .img { align-self: center; }
#hero_home img { max-height: 60vh; width: auto; position: relative;  } 
#hero_home .data { align-self: center; }
#hero_home .data h1 { font-size: 3.4vw; color: #fff; text-transform: uppercase; line-height: 1.2; margin-bottom: 30px; }
#hero_home .data .bajada { max-width: 530px; color: #fff; margin-bottom: 40px; }
#hero_home .data .btn { text-transform: uppercase; }

#hero_home2 { position: relative; background: rgb(180,238,100); background: linear-gradient(270deg, rgba(180,238,100,1) 0%, rgba(95,221,209,1) 100%); }
/* #hero_home2 .img {  min-height: 700px; background: url("images/pic_creative.jpg") no-repeat right center; background-size: cover; } */
#hero_home2 .txt { display: grid; align-content: center; justify-content: center; padding: 50px 90px;  min-height: calc(100vh - 66px); }
#hero_home2 .data { align-self: center; }
#hero_home2 .data h1 { font-size: 3.4vw; color: #fff; text-transform: uppercase; line-height: 1.2; margin-bottom: 30px; }
#hero_home2 .data .bajada { max-width: 530px; color: #fff; margin-bottom: 40px; }
#hero_home2 .data .btn { text-transform: uppercase; }
#hero_wrapper2 { position: relative; }



#html5box-html5-lightbox .html5-image { padding: 0 !important; }
#html5-watermark { display: none !important; }
#html5-close { top: -15px !important; right: -15px !important; }

#hero_wrapper { position: relative; }
#scroll_hero { position: absolute; bottom: 36px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); z-index: 1000; -webkit-animation:next 1s linear infinite alternate running; animation:next 1s linear infinite alternate running;}
#scroll_hero img { width: 34px; position: relative; top: 0; }

@keyframes next {
	0%  {bottom:25px;} 25%  {bottom:30px;} 50%  {bottom:35px;} 75%  {bottom:30px;} 100% {bottom:25px;}
}
@-webkit-keyframes next {
	0%  {bottom:25px;} 25%  {bottom:30px;} 50%  {bottom:35px;} 75%  {bottom:30px;} 100% {bottom:25px;}
}

.section_head { text-align: center; margin-bottom: 50px; }
.section_head p { font-size: 18px; margin-bottom: 0;}

#services { background: #F0F0F0; display: grid; min-height: calc(100vh - 66px); align-content: center; padding: 80px 0 100px; text-align: center; }
#services .grid { max-width: 1200px; margin: auto; }
#services .item { padding: 50px 30px; text-align: center; background: #fff; border-radius: 20px; }
#services .item img {display: inline-block; margin-bottom: 30px; height: 90px; }
#services .item h3 { margin-bottom: 30px; }
#services .item p { margin-bottom: 0; }

#about_us .img { min-height: 700px; background: url("images/pic_about_us.jpg") no-repeat center center; background-size: cover; }
#about_us .txt { display: grid; align-content: center; justify-content: center; padding: 50px 90px;  min-height: calc(100vh - 66px); }

#creative .img {  min-height: 700px; background: url("images/pic_creative.jpg") no-repeat right center; background-size: cover; }
#creative .txt { display: grid; align-content: center; justify-content: center; padding: 50px 90px;  min-height: calc(100vh - 66px); }

#about_us .data, 
#creative .data { max-width: 600px; margin: auto; }

#we_got_you { display: grid; min-height: calc(85vh - 66px); align-content: center; padding: 80px 0 100px; }
#we_got_you .grid { max-width: 1140px; margin: auto; }
#we_got_you .section_head { margin-bottom: 70px; }
#we_got_you .item { border-right: 1px solid #ccc; padding: 0 40px; text-align: center; }
#we_got_you .item p { margin-bottom: 0; }
#we_got_you .item:last-child { border:0; }
#we_got_you .item img { height: 68px; display: inline-block; margin-bottom: 20px;  }
#we_got_you .item h3 { font-size: 19px; margin-bottom: 6px; }

#our_work { min-height: calc(100vh - 66px); display: grid; align-content: center; padding: 80px 0 100px; background: #f0f0f0; text-align: center; }
#our_work h2 { margin-bottom: 44px; }
#our_work .section_head { margin-bottom: 60px; }


#our_work .inner { /*max-width: 1200px; */ margin: auto; }

#works_grid { /* max-width: 1200px; */ margin: auto; margin-bottom: 40px; }
#works_grid .item { position: relative; }
#works_grid .item img { width: 100%; object-fit: cover; }
#works_grid .overlay { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; z-index: 1000; display: grid; align-content: center; justify-content: center; padding: 30px; background:rgba(51,51,51,0.85);  }
#works_grid :hover .overlay{ opacity: 1; }
#works_grid .overlay h3 { font-size: 28px; margin-bottom: 20px; color: #fff;}
#works_grid .overlay p { color: #fff; }


.loading_container{ height:50px; }
.loading{ display:none; }
.no_results{ display:none; }

#search-filter-form-142  { margin-left: -10px; margin-right: -10px; margin-bottom: 70px; }
#search-filter-form-142 label { background: #fff; }
#search-filter-form-142 ul{ display: flex; grid-template-columns: repeat(4, 25%); }
#search-filter-form-142 ul li { flex:1; margin: 0 10px; background: rgb(180,238,100); background: linear-gradient(90deg, rgba(180,238,100,1) 0%, rgba(95,221,209,1) 100%); padding: 4px; }

.searchandfilter label,
.searchandfilter select { display: block; width: 100%; }

#filtros_mobile_btn { display:none; }




#formats { padding: 110px 0 80px;  display: grid; min-height: calc(100vh - 66px); align-content: center; position: relative; overflow: hidden; }
#formats .inner { position: relative; overflow: hidden; }
#formats #parallax_1 { display: block !important; position: absolute; bottom: 0; right: 6%; left: auto !important  }
#formats #parallax_1 img { position: relative; top: -600px; }
#formats #parallax_2 { display: block !important; position: absolute; bottom: 0; right: -60px; left: auto !important; }
#formats #parallax_2 img { position: relative; top: 300px; }


#formats .section_head { text-align: left; margin-bottom: 80px; }
#formats li { padding-left: 46px; position: relative;  margin-bottom: 40px; }
#formats li:before { content: ''; width: 26px; height: 5px; background: #5FDDD0; position: absolute; top: 6px; left: 0; display: inline-block;}
#formats h3 { font-size: 16px; margin-bottom: 10px; }



/* -------- ARCHIVE -------- */


#paginador { margin-top: 50px; border-top: 1px solid #ddd; padding-top:50px; overflow:hidden; }
#paginador h2 { display:none; }
#paginador a,
#paginador span { width:36px; display:block; float: left; margin-right: 10px; line-height:36px; text-align:center; background:#fff; border:1px solid #333; }
#paginador span { color:#fff; background:#333; }
#paginador a:hover { background:#eee;}



/* -------- SINGLE -------- */

.single h1 { margin-bottom: 6px; font-size: 50px; padding-right: 200px;  }
.single .bajada { font-size: 22px; color: #9F9F9F; }
#single_header { height: 550px; position: relative; margin-bottom: 90px; background: url(https://bailarincosmico.com.ar/clientes/flamingo/wp-content/uploads/2020/03/header_single.jpg) no-repeat center; }
#single_header .gradient_1 { height: 10px; width: 100%; position: absolute; bottom: -10px; }

#head_single { position: relative; }
#head_single .back { position: absolute; right:0; top: 10px; font-size: 18px;  }
#head_single .back:hover { opacity: .8; }
#head_single .back i { color: #5FDDD0; margin-right: 10px; position: relative; top: 1px; }
#devices { max-width: 1240px; margin: auto; padding-top: 40px; padding-bottom: 200px;}

.devices_row {  position: relative; min-height: 650px;  }
.devices_row .slot1,
.devices_row .slot2,
.devices_row .slot3 { position: absolute;  }


.devices_row.devices_tablet_mobile { top: -30px; margin-bottom: -30px; }
.devices_row.devices_tablet_mobile .slot2{ width: 260px; top:auto; bottom:-60px; left: calc(50% - 150px); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); z-index: 1000; }

.devices_row.devices_tablet_mobile .slot3{ width: 500px; top:auto; bottom:0; left: calc(50% + 150px); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }

.devices_row.devices_mobile .slot2 > div { width: 340px; }
.devices_row.devices_mobile .slot2 { width: auto; position: relative; z-index: 120; top: 8%; }
.devices_row.devices_mobile .mobile { position: absolute; top:40px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); z-index: 10000; }
.devices_row.devices_mobile .mobile_izquierda { position: absolute; left: calc(50% - 420px); top:0; }
.devices_row.devices_mobile .mobile_derecha { position: absolute; right: calc(50% - 420px); top:0; }


.devices_row.devices_desktop { min-height: 0; }
.devices_row.devices_desktop .slot1 { width: 850px; position: relative; z-index: 100; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }

.devices_row.devices_3 { min-height: auto; margin-top: 70px; }
.devices_row.devices_3 .slot1 { width: 70%; position: relative; z-index: 100; left: -4%; }
.devices_row.devices_3 .slot2 { width: 19%; left: 50%;  z-index: 120; top: 8%; }
.devices_row.devices_3 .slot3 { width: 34%; right: 4%; z-index: 100; top:-23%; }

.devices_row .mobile, 
.devices_row .tablet, 
.devices_row .notebook { position: relative; }
.devices_row  .mockup {  position: absolute; z-index: 10; }
.devices_row  .gif { position: relative; }

.devices_row  .mobile .mockup { width: 100%; }
.devices_row  .tablet .mockup { width: 100%; }
.devices_row  .notebook .mockup { width: 100% }

.mobile .gif,
.devices_row.devices_mobile .mobile_izquierda .gif, 
.devices_row.devices_mobile .mobile_derecha .gif { width: 84%; padding-top: 5.6%; left: 7.2%; }
.tablet .gif { width: 85%; padding-top:12.2%; left: 7.4%; }
.notebook .gif { width: 73.5%; padding-top: 3.8%;  left: 12.6%; }



/* -------- FOOTER -------- */

footer { padding: 14px 0; border-bottom: 10px solid #5FDDD1; }
footer .inner { align-items: center; }
footer p { margin-bottom: 0; }
footer .copyright { justify-self: right; }

#contact {  padding: 80px 0; background: #333333;	color: #fff; text-align: center; }
#contact #form_wrapper { max-width: 600px; margin: auto; margin-bottom: 100px;  }
#contact #form_wrapper p { margin-bottom: 0; }

#contact_data { max-width: 1000px; margin: auto; justify-content: space-between;  }
#contact_data > div { display: flex; }
#contact_data span, 
#contact_data a { display: block; color: #fff; text-transform: uppercase; letter-spacing: 2px; }
#contact_data a { justify-self: center; }
#contact_data a span, 
#contact_data a img { float: left; }
#contact_data img { margin-right: 20px; position: relative; top: -4px; }
#contact_data div:nth-child(2) { justify-self: center; }
#contact_data a:hover { opacity: .8; }

.social a {  width:30px; height: 30px; display: inline-block; border-radius: 50%; background: #5FDDD1; text-align: center; margin-right: 10px; color: #fff; font-size: 17px; font-weight: normal; }
.social a i { line-height: 30px; }


/* -------- FORMS -------- */

input,
select, 
textarea { width: 100%; font-family: 'MarkRegular', sans-serif; min-height: 50px; line-height: 50px; background: #fff; border:0; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 16px; font-size: 17px; }

input { margin-bottom: 20px; }
textarea { height: 140px; line-height: 1.6; resize: none; margin-bottom: 60px; padding-top: 14px; }
select { background: url(images/arrow.png) no-repeat center right; padding-right: 38px; }

input[type='submit'] { width: 134px; height: 50px; cursor: pointer; opacity: 1; background: #fff; border:0; text-transform: uppercase; padding:0 !important; }
input[type='submit']:hover { background: #5FDDD0; color: #fff; }

span.wpcf7-not-valid-tip { position: relative; top: -16px; color: #ff4e24; }
form br { display: none !important; }


.wpcf7-response-output.wpcf7-validation-errors { display: none !important; }
div.wpcf7-mail-sent-ok { padding: 12px; border:2px solid #5FDDD1; }


/* -------- SLICK -------- */

.slick-next, 
.slick-prev { z-index: 100;  width: 20px !important; height: 37px !important; background-size: 100%; }
.slick-next { right: 30px !important; background: url("images/arrow_left.svg") no-repeat center !important; }
.slick-prev { left: 30px !important;  background: url("images/arrow_right.svg") no-repeat center !important; }
.slick-prev::before, .slick-next::before { display: none; }

.slick-dots { bottom: 30px !important; }
.slick-dots li button::before { font-size: 43px !important; } 
.slick-dots li button::before,
.slick-dots li.slick-active button::before { color: #fff !important; }