/*
Theme Name: Ultracongelador Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@font-face {
    font-family: 'Geogrotesque Bd';
    src: url('fonts/Geogrotesque-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geogrotesque Rg';
    src: url('fonts/Geogrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geogrotesque SmBd';
    src: url('fonts/Geogrotesque-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geogrotesque Md';
    src: url('fonts/Geogrotesque-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


body{font-family:  'Geogrotesque Rg',  sans-serif}
h1,h2,h3,h4,h5,h6, .heading-font{font-family: 'Geogrotesque Rg', sans-serif!important;}


h1 span, h2 span, h3 span, .black{
	font-family: 'Geogrotesque Bd', sans-serif!important;
	color: #434547;
}
.green{
	color: #469195;
}
.green.black{
	font-size: 18px;
}
.font-sm{
	font-size: 14px;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
.label-verde{
	background-color: rgba(70, 145, 149, 1);
	line-height: 1;
	font-size: 42px;
	
	display: inline-block;
	width: 340px;
	padding: 0 5px 2px 5px;
	font-family: 'Geogrotesque Bd';
}
.grados{
	font-family: 'Geogrotesque SmBd';
	font-size: 135px;
	line-height: 120px;
}
.banner h2{font-size: 2em;}
.banner p{
	margin-top: 0;
	margin-bottom: 0;
}
.box-absolute{
	margin-top: -75px!important;
	background: #fff;
    margin: 0px auto;
    padding: 65px 30px;
    
     box-shadow: 0 5px 5px -1px rgba(0,0,0,0.15),  -5px 0 5px -5px rgba(0,0,0,0.15),  5px 0 5px -5px rgba(0,0,0,0.15);
}
.mb-50{
	margin-bottom: 60px;
}
/**
 * 	formulario
 */
.wpcf7 label{
	font-family: 'Geogrotesque Bd';
	font-size: 16px;
	color: #469195;
	margin-bottom: 0.6em;
}
input[type="submit"].button{
	font-family: 'Geogrotesque Bd';
	font-size: 16px;
	background-color: #469195;
	color: #fff;
	margin-right: 0;
	padding: 0 2em;
	letter-spacing: .065em;
}
input[type="email"], input[type="number"], input[type="text"], input[type="tel"], textarea, select{
	box-shadow: none;
	border-color: #434547;
}
.pb-2{
	padding-bottom: 1.25em;
}
.mb-2{
	margin-bottom: 10px;
}
.mb0{
	margin-bottom: 0;
}
.pb0{
	padding-bottom: 0;
}
.pr-50{
	padding-right: 50%;
}
.pl-50{
	padding-left: 50%;
}
.mt-3{
	margin-top: 30px;
}
.mr-4 {
	margin-right: 40px;
}
.mb-3{
	margin-bottom: 20px;
}
.mb-4{
	margin-bottom: 30px;
}
.mb-5{
	margin-bottom: 40px;
}
/**
 * 	EQUIPAMIENTO LIST
 */
.check-list{
	min-height: 150px;	
}
/**
 * 	MODELOS
 */
.box-modelos{
	border-top: 16px solid #469195;
	
	background: #fff;
    margin: 0px auto;
    padding: 0;
    
     box-shadow: 0 5px 5px -1px rgba(0,0,0,0.15),  -5px 0 5px -5px rgba(0,0,0,0.15),  5px 0 5px -5px rgba(0,0,0,0.15);
}
.box-modelos .barra{
	background: #469195;
	color: #fff;
	padding: 30px 0;
}
.box-modelos .barra-bottom{
	color: #fff;
	background: rgba(70, 145, 149, .5);
	padding: 20px 0;
}
.box-modelos .barra h4, .box-modelos .barra-bottom h4{
	color: #fff;
	font-size: 24px;
}
.box-modelos .barra-bottom h4{
	line-height: 30px;
}
.semi-bl{
	font-family: 'Geogrotesque SmBd'!important;
	font-size: 24px;
}
.check-list .texto{
	display: inline-block;
	vertical-align: middle;
}
.check-icon{ 
    background-image: url(https://ultracongelador.com/wp-content/uploads/2020/11/landign-page-vineta.png);
	width: 50px;
	height: 50px;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
    
}
.border-right{
	border-right: 2px solid #434547;
}
.box-green{
	background-color: #469195;
	display: flex;
	align-items: center;
}
.box-green h2, .box-green h2 span, .box-green p{
	color: #fff;
}

.col-imagen .col-inner{
	padding-top: 50px;
	padding-bottom: 50px;
}
.col-imagen .img-inner.dark{
	margin-right: -75px;
	z-index: 99;
}
.button.white{
	box-shadow: 0 5px 5px -1px rgba(0,0,0,0.15), -5px 0 5px -5px rgba(0,0,0,0.15), 5px 0 5px -5px rgba(0,0,0,0.15);
	font-family: 'Geogrotesque Bd';
	padding: .2em 1.5em;
}

.prefooter, .prefooter span{
	color: #fff;
	text-align: right;
	font-size: 50px;
	line-height: 52px;
}
.flex{
	align-items: center;
	display: flex;
}
#block_widget-2{
	text-align: center;
}
#block_widget-2 p{
	margin-bottom: 5px;
}
.copyright-footer .row{
	align-items: center;
}
.equip{
	min-height: 133px;
}
.shadow{
	box-shadow: 0 5px 5px -1px rgba(0,0,0,0.15), -5px 0 5px -5px rgba(0,0,0,0.15), 5px 0 5px -5px rgba(0,0,0,0.15);
}
.text-white h1, .text-white h1 span, .text-white h2, .text-white h2 span{
	color: #fff;
}

/**EMBED */
	.youtube-player {
  position: relative;
  padding-bottom: 56.23%;
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin: 5px;
}
.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}
    
.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: .4s all;
  -o-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all;
}
.youtube-player img:hover {
  -webkit-filter: brightness(75%);
}
.youtube-player .play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url("//i.imgur.com/TxzC70f.png") no-repeat;
  cursor: pointer;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.box-absolute{
	margin-top: 60px!important;
}
.box-green .col-inner{
	padding: 25px 0!important;
}
.col-imagen .col-inner{
	padding-bottom: 0;
	padding-top: 0;
}
.border-right{
	border-right: none;
}
.border-right .text-right{
	text-align: center;
}
.text-left{
	text-align: center;
}
.prefooter, .prefooter span{
	font-size: 26px;
	line-height: 30px;
}
.pl-50{
	padding-left: 20px;
}
.pr-50{
	padding-right: 20px;
}
.semi-bl{
	font-size: 20px;
}
.check-list{
	text-align: left; 
}
}