@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?tkpvwv');
  src:  url('../fonts/icomoon.eot?tkpvwv#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?tkpvwv') format('truetype'),
    url('../fonts/icomoon.woff?tkpvwv') format('woff'),
    url('../fonts/icomoon.svg?tkpvwv#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-mail:before {
  content: "\e907";
}
.icon-phone:before {
  content: "\e908";
}
.icon-home-outline:before {
  content: "\e906";
}
.icon-help-circle:before {
  content: "\e909";
}
.icon-user:before {
  content: "\e905";
}
.icon-instagram:before {
  content: "\e900";
}
.icon-cheveron-down:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\e901";
}
.icon-whatsapp:before {
  content: "\e902";
}
.icon-shop:before {
  content: "\e904";
}
.icon-store:before {
  content: "\e904";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-location:before {
  content: "\e947";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-search:before {
  content: "\e986";
}
.icon-gift:before {
  content: "\e99f";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
*{
	box-sizing: border-box;
	font-family: 'Lato', sans-serif;
}
iframe{
	display: block;
	max-width: 100%;
}
img{
	max-width: 100%;
}
body{
	margin: 0;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.667;
	color: #363636;
}
body.ovh{
        overflow: hidden;
    }
@media screen and (min-width: 1024px){
body.ovh{
        	overflow: auto
    }
	}
html{
	scroll-behavior: smooth;
	scroll-snap-type: y proximity;
	overflow-x: hidden;
}
html.ovu{
		overflow-x: unset;
	}
@media screen and (min-width: 1024px){
html.ovu{
        	overflow-x: auto
	}
	}
a{
    color: #b4975a;
    text-decoration: none;
}
a[href^="mailto:"]{
    	text-decoration: underline;
    }
/* definition lists */
dt{
	font-weight: 800;
}
dd{
	margin-left: 0;
	margin-bottom: 15px;
}
/* scroll-snap-align: start;
		scroll-margin-top: 108px; */
main > *.section-twocolors{
			/* scroll-margin-top: 208px; */
		}
address{
	font-style: normal;
}
h1{
	color: white;
	line-height: 1.2;
	font-weight: 400;
}
h2, h3, h4{
	font-weight: 400;
	color: #003f72;
}
h1, h2{
	font-size: 220%;
	/* margin: 1rem 0 1.7rem; */
	margin: 0;
}
@media screen and (min-width: 768px){
h1, h2{
		font-size: 290%
}
	}
.breadcrumb + h2{
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 1.5em;
}
.container{
	position: relative;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.container--sm{
		max-width: calc(1200px * 0.8);
	}
.container--xs{
		max-width: calc(1200px * 0.6);
	}
.section{
	padding-top: calc(15px * 5);
	padding-bottom: calc(15px * 5);
}
.section--lighten{
		background-color: #f5f3f4;
		/*color: var(--brown);*/
	}
.section--darken{
		background-color: #003f72;
		color: white;
	}
.section-twocolors{
		background-image: linear-gradient(to right, var(--lightbrown) 50%, rgb(26, 114, 95) 50%);
	}
.section--drop{
		background-color: rgb(26, 114, 95);
		color: white;
	}
.section--como-ayudar article{
			scroll-snap-align: start;
			scroll-margin-top: 108px;
		}
@media screen and (min-width: 768px){
.section {
		padding-top: calc(15px * 8);
		padding-bottom: calc(15px * 8);
  }
	}
.logo{
	width: 200px;
}
@media screen and (min-width: 480px){
.logo{
		width: 280px
}
	}
.card{
	background-color: white;
	padding: calc(15px * 2);
	border-radius: calc(15px * 2);
	transition: box-shadow 400ms;
}
.card h3{
		font-size: 1.6em;
	}
.card:hover{
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	}
.list-links{
	font-size: 38px;
}
.list-links a:hover{
			font-weight: 500;
		}
.breadcrumb{
	color: #003f72;
	margin-top: 30px;
	margin-bottom: 0;
}
.breadcrumb > span{
		color: #047ddf;
	}
.breadcrumb a{
		color: inherit;
		font-size: 18px;
	}
.hero{
	height: calc(70vh);
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center center;
	background-size: cover;
	padding-top: 96px;
	color: white;
}
.hero__title{

	}
.cta{
	appearance: none;
	display: inline-block;
	cursor: pointer;
	background-color: #003f72;
	border: none;
	border-radius: calc(15px * 0.3);
	color: white;
	padding: calc(15px * 1.25) calc(15px * 2);
	font-size: 80%;
	line-height: 1.4;
	transition: background-color 400ms, color 400ms, border 400ms;
}
.cta--outline{
		border: solid 1px white;
		background-color: transparent;
	}
.cta--outline:hover{
			color: white;
			border-color: transparent;
		}
.cta--lighten{
		background-color: white;
		color: #003f72;
	}
.cta--lighten:hover{
			color: white;
		}
.header .cta{
		padding: calc(15px * 0.75) calc(15px * 0.9);
	}
@media screen and (min-width: 1024px){
.header .cta{
			padding: calc(15px * 1.25) calc(15px * 2);
	}
	}
.header .cta span:last-child{
			display: none;
		}
@media screen and (min-width: 1024px){
.header .cta span:last-child{
				display: inline
		}
	}
.footer .cta{
		min-width: 200px;
		margin: 5px 0;
	}
.banner .cta{
		margin-top: 20px;
	}
.cta:hover{
		background-color: #047ddf;
	}
.grid{
	display: grid;
}
.grid--two-columns{
		grid-template-columns: repeat(1, 1fr);
	}
@media screen and (min-width: 768px){
.grid--two-columns{
			grid-template-columns: repeat(2, 1fr)
	}
	}
.grid--three-columns{
		grid-template-columns: repeat(1, 1fr);
	}
@media screen and (min-width: 768px){
.grid--three-columns{
			grid-template-columns: repeat(3, 1fr)
	}
	}
.grid--gap-md{
		grid-gap: calc(15px * 2);
	}
.grid--gap-lg{
		grid-gap: calc(15px * 2);
	}
@media screen and (min-width: 768px){
.grid--gap-lg{
			grid-gap: calc(15px * 4)
	}
	}
.grid--aic{
		align-items: center;
	}
.grid--flipped > :first-child {
			grid-row: 2;
		}
@media screen and (min-width: 768px){
.grid--flipped > :first-child {
				grid-row: initial
		}
	}
.grid--slick{
		display: block;
	}
@media screen and (min-width: 768px){
.grid--slick{
			display: grid
	}
	}
.subtitle-counter{
	color: #b4975a;
	font-size: 100%;
	line-height: 1.4;
}
.subtitle-counter span{
		color: #003f72;
		display: block;
		font-size: 150%;
	}
.square-icon{
	width: 80px;
	height: 80px;
	background-color: #b4975a;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: calc(15px * 0.5);
	color: white;
	font-size: 25px;
}
.btn{
	background-color: transparent;
	border: solid 1px;
	color: white;
	border-radius: 10px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	padding: calc(15px / 1) calc(15px * 2);
}
.table{
	overflow-x: scroll;
	margin-left: 200px;

}
/* width: 800px; */
@media screen and (min-width: 480px){
.table{
		margin-left: 350px;

}
	}
.table__content{
		border-collapse: collapse;
		width: 100%;
	}
.table__content td, .table__content th{
			white-space: nowrap;
		}
.table__content td strong,.table__content th strong{
				display: block;
				text-transform: uppercase;
			}
.table__content td{
			height: 70px;
		}
.table__content td:not(:first-child){
				text-align: center;		
			}
.table__content th, .table__content td{
			padding: 0 20px 10px;
		}
.table__content th:not(:first-child),.table__content td:not(:first-child){
				border-left: solid 1px rgba(54, 54, 54, 0.2);
			}
.table__content th{
			padding-bottom: 30px;
			text-align: left;
			font-weight: 400;

		}
.table__content th:nth-child(2) strong{
				color: #003f72;
			}
.table__content th:nth-child(3) strong{
				color: #e9c271;
			}
.table__content th:nth-child(4) strong{
				color: #363636;
			}
.table__content th:nth-child(5) strong{
				color: #b4975a;
			}
.table__content th span{
				font-weight: 300;
			}
.table__content tr >*:first-child{
				position: absolute;
				white-space: normal;
				left: 0;
				width: 200px;
				display: flex;
				align-items: center;
			}
@media screen and (min-width: 480px){
.table__content tr >*:first-child{
					width: 350px;
			}
	}
.table__content tr >*:first-child strong{
					color: #003f72;
					line-height: 1;
				}
.table__content tr:not(:first-child) >*:first-child{
					
				}
.table-normal{
	overflow-x: scroll;
}
.table-normal__content{
		border-collapse: collapse;
		width: 100%;

	}
.table-normal__content th, .table-normal__content td{
			padding: 10px 20px;
		}
.table-normal__content th{
			text-align: left;
			color: white;
		}
.table-normal__content tr{
			border-bottom: solid 1px rgba(54, 54, 54, 0.2);
		}
.table-normal__content tr:first-child{
				background-color: #003f72;
			}
.table-normal__content tr > *:not(:first-child){
				white-space: nowrap;
			}
.link-read-more{
	position: relative;
	display: inline-block;
	color: #b4975a;
	padding-right: 13px;
}
.link-read-more::after, .link-read-more::before{
		position: absolute;
		content:"";
		display: block;
		right: 0;
		top: 50%;
		margin-top: 0.5px;
		width: 8px;
		height: 1px;
		background-color: #b4975a;
		transform-origin: right center;
	}
.link-read-more::before{
		transform: rotate(30deg);
	}
.link-read-more::after{
		transform: rotate(-30deg);
	}
.link-read-more--lighten{
		color: white;
	}
.link-read-more--lighten::after, .link-read-more--lighten::before{
			background-color: white;
		}
.link-read-more--green{
		color: rgb(26, 114, 95);
	}
.link-read-more--green::after, .link-read-more--green::before{
			background-color: rgb(26, 114, 95);
		}
.link-read-more--xl{
		padding-right: 40px;
	}
.link-read-more--xl::after, .link-read-more--xl::before{
			width: 30px;
		}
.link-read-more:hover{
		color: #e9c271;
	}
.link-read-more:hover::after, .link-read-more:hover::before{
			background-color: #e9c271;
		}
.header{
    background-color: rgba(255, 255, 255, 0.8);
    padding: calc(15px / 3) 0;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    transition: padding 400ms, background-color 400ms;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.header img{
        transition: width 400ms; 
    }
.header--sticky{
        background-color: white;
        padding: calc(15px * 0.2) 0;
    }
.header--sticky img{
            width: 180px;
        }
.header__container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
    }
.header__burger{
        outline: none;
        background-color: transparent;
        border: none;
        width: 24px;
        height: 20px;
        padding: 0;
        appearance: none;
        position: relative;
        z-index: 2;
        cursor: pointer;
        margin-left: auto;
        margin-right: 30px;
        /* &:hover{
            span{
                &:first-child{
                    transform: translateY(-2px);
                }
                &:nth-child(2){
                    transform: scaleX(0.7);
                }
                &:last-child{
                    transform: translateY(2px);
                } 
            }
        } */
    }
.header__burger span{
            display: block;
            position: absolute;
            width: 100%;
            height: 2px;
            //transform-origin: center center;
            background-color: #003f72;
            transition: transform 300ms, top 300ms 300ms, bottom 300ms 300ms, margin 300ms 300ms;
        }
.header__burger span:first-child{
                top: 2px;
            }
.header__burger span:nth-child(2){
                top: 50%;
                margin-top: -1px;
            }
.header__burger span:last-child{
                bottom: 2px;
            }
@media screen and (min-width: 1024px){
.header__burger {
            display: none;
  }
	}
.header__nav{
        
        transform: translateX(100%);
        transition: transform 300ms;
        position: fixed;
        top: 0;
        left: 100px;
        bottom: 0;
        right: 0;
        background-color: white;
        justify-content: center;
        margin-left: auto;
        align-items: center;
        display: flex;
        box-shadow: -1px 0 15px rgba(0 0 0 / 0.23);
    }
.header__nav a{
            display: inline-block;
            color: #003f72;
            padding: calc(15px / 2) calc(15px * 2);
        }
@media screen and (min-width: 1024px){
.header__nav {
            display: block;
            transform: none;
            position: static;
            background-color: transparent;
            box-shadow: none;
  }
	}
.header__menu{
        margin: 0;
        padding: 0;
        list-style: none;
    }
.header__menu li{
            margin: 10px 0;
        }
.header__menu a:hover{
            color: #047ddf;
        }
.header__menu > li:hover .header__submenu{
                opacity: 1;
                pointer-events: visible;
            }
@media screen and (min-width: 768px){
.header__menu > li:first-child span{
                    display: none
               }
	}
@media screen and (min-width: 1024px){
.header__menu {
            display: flex;
  }
	}
.header__submenu{
        list-style: none;
        padding-left: 30px;
    }
@media screen and (min-width: 1024px){
.header__submenu{
            position: absolute;
            transition: opacity 300ms 200ms;
            opacity: 0;
            background-color: white;
            padding: 15px 5px;
            border-radius: 5px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
            margin: 0 0 0 30px;
            text-align: left;
            pointer-events: none
    }
            .header__submenu:hover{
                pointer-events: visible;
                opacity: 1;
            }
	}
.header.open .header__burger{
            transform: translateX(65px) scale(1);
            transition: transform 600ms;
            
        }
.header.open .header__burger span{
                transition: transform 300ms 300ms, top 300ms, bottom 300ms, margin 300ms;
            }
.header.open .header__burger span:first-child{
                    top: 50%;
                    margin-top: -1px;
                    transform: rotate(45deg);
                }
.header.open .header__burger span:nth-child(2){
                    transform: scaleX(0);
                }
.header.open .header__burger span:last-child{
                    bottom: 50%;
                    margin-bottom: -1px;
                    transform: rotate(-45deg);
                }
.header.open .header__burger:hover{
                /* transform: translateX(50px) scale(1.3); */
            }
.header.open .header__nav{
            transform: translateX(0);
        }
.form ::placeholder{
		/* color: var(--lightcolor); */
		    opacity: 0.3;
	}
.form__control{
		margin-bottom: 15px;
		
	}
.form__control__row{
			display: flex;
		}
.form__control__row > *:first-child{
				margin-right: 15px;
				width: 160px;
			}
.form__control__row > *:last-child{
				flex-grow: 1;
			}
@media screen and (min-width: 480px){
.form__control__row > *:last-child{
					width: 230px;
					flex-grow: 0
			}
	}
.form__label--required::before{
				content: "*";
				display: inline-block;
				margin-right: 5px;
				color: #F5222D;
			}
.form__label--error span[class*="icon"]{
				color: #F5222D;
			}
.form__alert{
		margin: 0;
		color: #F5222D;
	}
.form__note{
		margin: 0;
		color: rgba(54, 54, 54, 0.5);
	}
.form__field{
		outline: none;
		display: block;
		padding: calc(15px * 0.6);
		width: 100%;
		border: solid 1px rgba(54, 54, 54, 0.2);
		font-size: inherit;
		border-radius: calc(15px * 0.2);
	}
.form__field--select{
			appearance: none;
			background-position: right 15px top 50%;
			background-repeat: no-repeat;
			background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjg1OTUgMy41SDkuOTgwNjJDOS45MjA4NSAzLjUgOS44NjQ2IDMuNTI5MyA5LjgyOTQ1IDMuNTc3MzRMNi41MDAxNSA4LjE2NjQxTDMuMTcwODUgMy41NzczNEMzLjEzNTcgMy41MjkzIDMuMDc5NDUgMy41IDMuMDE5NjggMy41SDIuMTQwNzdDMi4wNjQ2IDMuNSAyLjAyMDA3IDMuNTg2NzIgMi4wNjQ2IDMuNjQ4ODNMNi4xOTY2MyA5LjM0NTMxQzYuMzQ2NjMgOS41NTE1NiA2LjY1MzY2IDkuNTUxNTYgNi44MDI0OSA5LjM0NTMxTDEwLjkzNDUgMy42NDg4M0MxMC45ODAyIDMuNTg2NzIgMTAuOTM1NyAzLjUgMTAuODU5NSAzLjVaIiBmaWxsPSIjMjYyNjI2Ii8+Cjwvc3ZnPgo=)
		}
.form__field--ta{
			height: 200px;
			resize: none;
		}
.form__field--trans{
			color: white;
			background-color: transparent;
			border: solid 1px;
		}
.form__field:disabled{
			background-color: rgba(54, 54, 54, 0.1);
		}
.form__field--textarea{
			height: 120px;
		}
.form__field--valid{
			background-repeat: no-repeat;
			background-size: 16px auto;
			background-position: right 10px top 10px;
			background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMC41QzMuMTM0MzggMC41IDAgMy42MzQzOCAwIDcuNUMwIDExLjM2NTYgMy4xMzQzOCAxNC41IDcgMTQuNUMxMC44NjU2IDE0LjUgMTQgMTEuMzY1NiAxNCA3LjVDMTQgMy42MzQzOCAxMC44NjU2IDAuNSA3IDAuNVpNMTAuMDIzNCA1LjIxNDA2TDYuNzMyODEgOS43NzY1NkM2LjY4NjgyIDkuODQwNzYgNi42MjYxOSA5Ljg5MzA2IDYuNTU1OTUgOS45MjkxNEM2LjQ4NTcxIDkuOTY1MjMgNi40MDc4NyA5Ljk4NDA1IDYuMzI4OTEgOS45ODQwNUM2LjI0OTk0IDkuOTg0MDUgNi4xNzIxMSA5Ljk2NTIzIDYuMTAxODYgOS45MjkxNEM2LjAzMTYyIDkuODkzMDYgNS45NzA5OSA5Ljg0MDc2IDUuOTI1IDkuNzc2NTZMMy45NzY1NiA3LjA3NjU2QzMuOTE3MTkgNi45OTM3NSAzLjk3NjU2IDYuODc4MTMgNC4wNzgxMiA2Ljg3ODEzSDQuODEwOTRDNC45NzAzMSA2Ljg3ODEzIDUuMTIxODcgNi45NTQ2OSA1LjIxNTYyIDcuMDg1OTRMNi4zMjgxMiA4LjYyOTY5TDguNzg0MzggNS4yMjM0NEM4Ljg3ODEzIDUuMDkzNzUgOS4wMjgxMiA1LjAxNTYyIDkuMTg5MDYgNS4wMTU2Mkg5LjkyMTg4QzEwLjAyMzQgNS4wMTU2MiAxMC4wODI4IDUuMTMxMjUgMTAuMDIzNCA1LjIxNDA2WiIgZmlsbD0iIzUyQzQxQSIvPgo8L3N2Zz4K);
		}
.form__field--invalid, .form__field:invalid{
			outline: none;
			box-shadow: none;
			border-color: #F5222D;
			background-repeat: no-repeat;
			background-size: 16px auto;
			background-position: right 10px top 10px;
			background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMS43ODEyNUM0LjY1MTE3IDEuNzgxMjUgMS4xMjUgNS4zMDc0MiAxLjEyNSA5LjY1NjI1QzEuMTI1IDE0LjAwNTEgNC42NTExNyAxNy41MzEyIDkgMTcuNTMxMkMxMy4zNDg4IDE3LjUzMTIgMTYuODc1IDE0LjAwNTEgMTYuODc1IDkuNjU2MjVDMTYuODc1IDUuMzA3NDIgMTMuMzQ4OCAxLjc4MTI1IDkgMS43ODEyNVpNMTEuOTA3NCAxMi42NDhMMTAuNzQ3MyAxMi42NDI4TDkgMTAuNTU5OEw3LjI1NDQ5IDEyLjY0MUw2LjA5MjU4IDEyLjY0NjNDNi4wMTUyMyAxMi42NDYzIDUuOTUxOTUgMTIuNTg0OCA1Ljk1MTk1IDEyLjUwNTdDNS45NTE5NSAxMi40NzIzIDUuOTY0MjYgMTIuNDQwNiA1Ljk4NTM1IDEyLjQxNDNMOC4yNzIyNyA5LjY4OTY1TDUuOTg1MzUgNi45NjY4QzUuOTY0MTEgNi45NDEwMyA1Ljk1MjMzIDYuOTA4NzggNS45NTE5NSA2Ljg3NTM5QzUuOTUxOTUgNi43OTgwNSA2LjAxNTIzIDYuNzM0NzcgNi4wOTI1OCA2LjczNDc3TDcuMjU0NDkgNi43NDAwNEw5IDguODIzMDVMMTAuNzQ1NSA2Ljc0MThMMTEuOTA1NyA2LjczNjUyQzExLjk4MyA2LjczNjUyIDEyLjA0NjMgNi43OTgwNSAxMi4wNDYzIDYuODc3MTVDMTIuMDQ2MyA2LjkxMDU1IDEyLjAzNCA2Ljk0MjE5IDEyLjAxMjkgNi45Njg1NUw5LjcyOTQ5IDkuNjkxNDFMMTIuMDE0NiAxMi40MTZDMTIuMDM1NyAxMi40NDI0IDEyLjA0OCAxMi40NzQgMTIuMDQ4IDEyLjUwNzRDMTIuMDQ4IDEyLjU4NDggMTEuOTg0OCAxMi42NDggMTEuOTA3NCAxMi42NDhaIiBmaWxsPSIjRjUyMjJEIi8+Cjwvc3ZnPgo=);
		}
.form__field--warning{
			border: solid 1px #e9c271;
			background-repeat: no-repeat;
			background-size: 16px auto;
			background-position: right 10px top 10px;
			background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMS43ODEyNUM0LjY1MTE3IDEuNzgxMjUgMS4xMjUgNS4zMDc0MiAxLjEyNSA5LjY1NjI1QzEuMTI1IDE0LjAwNTEgNC42NTExNyAxNy41MzEyIDkgMTcuNTMxMkMxMy4zNDg4IDE3LjUzMTIgMTYuODc1IDE0LjAwNTEgMTYuODc1IDkuNjU2MjVDMTYuODc1IDUuMzA3NDIgMTMuMzQ4OCAxLjc4MTI1IDkgMS43ODEyNVpNOC40Mzc1IDUuODU5MzhDOC40Mzc1IDUuNzgyMDMgOC41MDA3OCA1LjcxODc1IDguNTc4MTIgNS43MTg3NUg5LjQyMTg4QzkuNDk5MjIgNS43MTg3NSA5LjU2MjUgNS43ODIwMyA5LjU2MjUgNS44NTkzOFYxMC42NDA2QzkuNTYyNSAxMC43MTggOS40OTkyMiAxMC43ODEyIDkuNDIxODggMTAuNzgxMkg4LjU3ODEyQzguNTAwNzggMTAuNzgxMiA4LjQzNzUgMTAuNzE4IDguNDM3NSAxMC42NDA2VjUuODU5MzhaTTkgMTMuNTkzOEM4Ljc3OTIxIDEzLjU4OTIgOC41Njg5OCAxMy40OTg0IDguNDE0NDIgMTMuMzQwNkM4LjI1OTg2IDEzLjE4MjkgOC4xNzMzIDEyLjk3MDggOC4xNzMzIDEyLjc1QzguMTczMyAxMi41MjkyIDguMjU5ODYgMTIuMzE3MSA4LjQxNDQyIDEyLjE1OTRDOC41Njg5OCAxMi4wMDE2IDguNzc5MjEgMTEuOTEwOCA5IDExLjkwNjJDOS4yMjA3OSAxMS45MTA4IDkuNDMxMDMgMTIuMDAxNiA5LjU4NTU4IDEyLjE1OTRDOS43NDAxNCAxMi4zMTcxIDkuODI2NyAxMi41MjkyIDkuODI2NyAxMi43NUM5LjgyNjcgMTIuOTcwOCA5Ljc0MDE0IDEzLjE4MjkgOS41ODU1OCAxMy4zNDA2QzkuNDMxMDMgMTMuNDk4NCA5LjIyMDc5IDEzLjU4OTIgOSAxMy41OTM4WiIgZmlsbD0iI0ZBQUQxNCIvPgo8L3N2Zz4K);
		}
.form__field:focus{
			border-color: #047ddf;
		}
.form__success{
		border: solid 1px #B7EB8F;
		background-color: #F6FFED;
		padding: 15px calc(15px * 3);
		background-repeat: no-repeat;
		background-position: 20px 20px;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMC41QzMuMTM0MzggMC41IDAgMy42MzQzOCAwIDcuNUMwIDExLjM2NTYgMy4xMzQzOCAxNC41IDcgMTQuNUMxMC44NjU2IDE0LjUgMTQgMTEuMzY1NiAxNCA3LjVDMTQgMy42MzQzOCAxMC44NjU2IDAuNSA3IDAuNVpNMTAuMDIzNCA1LjIxNDA2TDYuNzMyODEgOS43NzY1NkM2LjY4NjgyIDkuODQwNzYgNi42MjYxOSA5Ljg5MzA2IDYuNTU1OTUgOS45MjkxNEM2LjQ4NTcxIDkuOTY1MjMgNi40MDc4NyA5Ljk4NDA1IDYuMzI4OTEgOS45ODQwNUM2LjI0OTk0IDkuOTg0MDUgNi4xNzIxMSA5Ljk2NTIzIDYuMTAxODYgOS45MjkxNEM2LjAzMTYyIDkuODkzMDYgNS45NzA5OSA5Ljg0MDc2IDUuOTI1IDkuNzc2NTZMMy45NzY1NiA3LjA3NjU2QzMuOTE3MTkgNi45OTM3NSAzLjk3NjU2IDYuODc4MTMgNC4wNzgxMiA2Ljg3ODEzSDQuODEwOTRDNC45NzAzMSA2Ljg3ODEzIDUuMTIxODcgNi45NTQ2OSA1LjIxNTYyIDcuMDg1OTRMNi4zMjgxMiA4LjYyOTY5TDguNzg0MzggNS4yMjM0NEM4Ljg3ODEzIDUuMDkzNzUgOS4wMjgxMiA1LjAxNTYyIDkuMTg5MDYgNS4wMTU2Mkg5LjkyMTg4QzEwLjAyMzQgNS4wMTU2MiAxMC4wODI4IDUuMTMxMjUgMTAuMDIzNCA1LjIxNDA2WiIgZmlsbD0iIzUyQzQxQSIvPgo8L3N2Zz4K);
	}
@keyframes bannerAnimationText{
    0%{
        transform: translateX(-100%);
        opacity: 0;
    }
    100%{
        transform: translateX(0);
        opacity: 1;
    }
}
.banner.slick-dotted{
        margin-bottom: 0;
    }
.banner .slick-prev {
        left: 30px;
        z-index: 100;
        transform: scale(1.5);
    }
.banner .slick-next {
        right: 30px;
        z-index: 100;
        transform: scale(1.5);
    }
.banner__item{
        overflow: hidden;
        height: calc(100vh - 50px) !important;
        background-size: cover;
        background-position: center center;
    }
@media screen and (min-width: 1024px){
.banner__item{
           /*  height: calc(100vh - 109px) !important; */
            height: 100vh !important
    }
	}
.banner__container{
        height: 100%;
        display: flex;
        align-items: center;
    }
.banner__text{
        margin-top: 60px;
        margin-left: 20px;
        width: 90%;
        transform: translateX(-100%);
        opacity: 0;
        transition: transform 1200ms 1500ms, opacity 1000ms 1500ms;
        background-color: rgba(255, 255, 255, 0.5);
        padding: calc(15px * 2 ) calc(15px * 2.5 );
    }
@media screen and (min-width: 1024px){
.banner__text{
            margin-top: 0;
            background-color: transparent;
            padding: 0;
            width: 40%
    }
	}
.banner h2{
        /* text-transform: uppercase; */
        color: #003f72;
        font-size: 150%;

    }
/* transition: transform 800ms 1500ms, opacity 1000ms 1500ms;
        transform: translateY(100px);
        transition-timing-function: ease-in-out;
        opacity: 0; */
@media screen and (min-width: 768px){
.banner h2{
            font-size: 200%

    }
	}
.banner .slick-dots{
        width: auto;
        left: 20px;
        bottom: 30px;
    }
@media screen and (min-width: 1024px){
.banner .slick-dots{
            top: 50%;
            bottom: auto;
            transform: translateY(-50%);
            z-index: 100;
    }
	}
.banner .slick-dots li{   
            margin: 0 5px;
        }
@media screen and (min-width: 1024px){
.banner .slick-dots li{
                display: block;
                margin: 25px 0;
        }
	}
.banner .slick-dots li.slick-active button::before{
                    transform: scale(0.7);
                    background-color: #003f72;
                }
.banner .slick-dots button::before{
            color: transparent !important;
            opacity: 1 !important;
            border: solid 3px #003f72;
            border-radius: 50%;
            transform: scale(0.4);
            transition: background-color 300ms, transform 300ms;
        }
.banner .slick-active .banner__text{
            transform: translateX(0);
            opacity: 1;
        }
@media screen and (min-width: 768px){
.banner .slick-active .banner__text{
                transform: translateY(0)
        }
	}
.home-prize{
	position: relative;
	display: block;
}
.home-prize:hover img{
			transform: scale(1.2);
		}
.home-prize__picture{
		overflow: hidden;
		border-radius: calc(15px * 1.2);
	}
.home-prize img{
		transition: transform 400ms;
		display: block;
	}
.home-prize__points{
		position: absolute;
		top: 15px;
		right: calc(15px * -1.5);
		background-color: #b4975a;
		padding: 15px;
		border-radius: calc(15px * 2);
		color: white;
		min-width: 150px;
		text-align: center;
		font-weight: 500;
	}
.home-prize__text{
		border-radius: calc(15px * 1.2);
		overflow: hidden;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		padding: calc(15px * 2);
		flex-direction: column;
		justify-content: flex-end;
		background-image: linear-gradient(transparent, rgba(0 0 0 / 0.9));
		color: white;
	}
.home-prize__text h3{
			margin: 0;
			color: inherit;
		}
.home-prize__text p{
			margin: 0;
			font-size: 14px;
			color: #e9c271;
		}
.faq{
	color: var(--brown);
}
.faq__answer{
		max-height: 0px;
		overflow: hidden;
		transition: max-height 400ms, padding 400ms;
		padding: 0 calc(15px * 2);
		border-left: solid 1px rgba(54, 54, 54, 0.1);
		border-right: solid 1px rgba(54, 54, 54, 0.1);
	}
.faq h3{
		margin: 0;
		position: relative;
		cursor: pointer;
		background-color: #f5f5f5;
		padding: 15px calc(15px * 4);
		color: #b4975a;
		border: solid 1px rgba(54, 54, 54, 0.1);
	}
.faq h3::before{
			content: "";
			display: block;
			position: absolute;
			width: 10px;
			height: 10px;
			left: 25px;
			top: 22px;
			border-right: solid 1px #b4975a;
			border-bottom: solid 1px #b4975a;
			transform: rotate(-45deg);
			transition: transform 200ms;
		}
.faq h3:hover::before{
				transform: rotate(45deg);
			}
.faq--active{
		scroll-snap-align: start;
		scroll-margin-top: 308px;
	}
.faq--active .faq__answer{
			transition: max-height 800ms, padding 800ms;
			max-height: 1500px;
			padding: 15px calc(15px * 2);
		}
.faq--active h3::before{
				transform: rotate(45deg);
			}
.footer{
	scroll-snap-align: start;
	background-image: url("../images/footer-bg.jpg");
	background-size: cover;
	background-attachment: fixed;
}
/* &__container{
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		align-items: center;
		@mixin mq 768px{
			grid-template-columns: repeat(2, 1fr);
		}
	} */
.footer .footer__logo{
		display: block;
		margin: calc(15px * 2) 0;
	}
@media screen and (min-width: 768px){
.footer .footer__logo{
			margin: 0
	}
	}
.footer h4{
		color: white;
		font-size: 290%;
	}
.footer__copy{
		margin-top: calc(15px * 10);
		border-top: solid 1px rgba(4, 125, 223, 0.5);
		padding: calc(15px * 2) 15px;
		background-color: rgba(0, 63, 114, 0.8);

	}
@media screen and (min-width: 768px){
.footer__copy{
			display: flex;
			align-items: center;
			padding: 15px;

	}
	}
.footer__copy > div:first-child{
			margin-right: 30px;
		}
.footer__copy > div:last-child{
			flex-grow: 1;
		}
.footer__copy > div:last-child p{
				margin: 15px 0 15px 15px;
				display: block;
			}
@media screen and (min-width: 768px){
.footer__copy > div:last-child p{
					margin: 0 100px 0 15px;
					display: inline
			}
	}
@media screen and (min-width: 768px){
.footer__copy > div:last-child .recopy{
					display: flex;
					align-items: center
			}
	}
.footer__copy a{
			color: white;
		}
.footer__copy a:hover{
				color: #047ddf;
			}
.footer__data{
		margin-left: 15px;
	}
@media screen and (min-width: 480px){
.footer__data{
			display: inline-flex;
	}
	}
.footer__data a{
			display: block;
			margin: 15px 30px 15px 0;
			padding: calc(15px * 0.2) 0;
		}
.footer__data a:hover svg{
					fill: #047ddf;
				}
.footer__data img{
			vertical-align: baseline;
		}
.footer__menu{
		list-style: none;
		margin: 0;
		padding: 0;
	}
.footer__menu li{
			margin: 15px 0;
		}
@media screen and (min-width: 768px){
.footer__menu li{
				margin: 0
		}
	}
@media screen and (min-width: 480px){
.footer__menu {
			display: flex;
			justify-content: space-between;
			flex-grow: 1;
  }
	}
.footer__menu a{
			display: block;
			padding: calc(15px * 0.2) calc(15px * 1);
		}
.footer__socials{
		margin: 0;
		display: inline-flex;
		padding: 0;
		list-style: none;
	}
.footer__socials li:first-child{
			margin-right: 10px;
		}
.footer__socials a{
			display: inline-block;
			padding: calc(15px * 0.2) calc(15px * 1);
		}
.home-levels{
    padding: 15px;
}
.home-levels h3{
        font-size: 2.3em;
        letter-spacing: 0.3em;
        margin-bottom: 0;
    }
.home-levels h3 + p{
            margin-top: 0;
            font-size: 1.5em;
            letter-spacing: 0.4em;
        }
.home-levels h3 + p span{
                color: #b4975a;
            }
.home-levels__item{
        display: grid;
    }
@media screen and (min-width: 768px){
.home-levels__item{
            grid-template-columns: repeat(2, 1fr);
            align-items: center;
    }
	}
.home-levels__item > div:first-child{
            text-align: center;
            padding: calc(15px * 1);
            background-color: white;
        }
@media screen and (min-width: 768px){
.home-levels__item > div:first-child{
               padding: calc(15px * 3)
        }
	}
@media screen and (min-width: 768px){
.home-levels__item > div:last-child{
                padding: calc(15px * 3) calc(15px * 7) calc(15px * 3) calc(15px * 3)
        }
	}
.home-levels__item img{
            display: inline-block;
        }
.home-levels__item ul{
            padding-left: 15px;
            margin: 40px 0;
        }
.home-levels__item li{
            padding-left: 5px;
        }
.home-levels__item li::marker{
                color: #b4975a;
                content: "● ";
            }
.home-levels .slick-dots{
        transform: translateY(40px);
    }
.home-levels .slick-dots li{
            margin: 25px 0;
        }
.home-levels .slick-dots li.slick-active button::before{
                    transform: scale(0.6);
                    background-color: #003f72;
                }
.home-levels .slick-dots button::before{
            color: transparent !important;
            opacity: 1 !important;
            border: solid 3px #003f72;
            border-radius: 50%;
            transform: scale(0.3);
            transition: background-color 300ms, transform 300ms;
        }
.pl-lg{
		padding-left: calc(15px * 3);
	}
.pr-lg{
		padding-right: calc(15px * 3);
	}
.pt-lg{
		padding-top: calc(15px * 3);
	}
.pb-lg{
		padding-bottom: calc(15px * 3);
	}
.py-lg{
		padding-top: calc(15px * 3);
		padding-bottom: calc(15px * 3);
	}
.p-xl{
		padding: calc(15px * 3.5);
	}
@media screen and (min-width: 480px){
.p-xl{
			padding: calc(15px * 5)
	}
	}
.pt-xl{
		padding-top: calc(15px * 3.5);
	}
@media screen and (min-width: 480px){
.pt-xl{
			padding-top: calc(15px * 5)
	}
	}
.pb-xl{
		padding-bottom: calc(15px * 3.5);
	}
@media screen and (min-width: 480px){
.pb-xl{
			padding-bottom: calc(15px * 5)
	}
	}
.pl-xl{
		padding-left: calc(15px * 5);
	}
.pr-xl{
		padding-right: calc(15px * 5);
	}
.py-xl{
		padding-top: calc(15px * 5);
		padding-bottom: calc(15px * 5);
	}
.pt-0{
		padding-top: 0;
	}
.pt-xxl{
		padding-top: calc(15px * 10);
	}
.px-xxl{
		padding-left: calc(15px * 2.5);
		padding-right: calc(15px * 2.5);
	}
@media screen and (min-width: 768px){
.px-xxl{
			padding-left: calc(15px * 10);
			padding-right: calc(15px * 10)
	}
	}
.radius-md{
		border-radius: 15px;
	}
.db{
	display: block;
}
.text-skyblue{
		color: #047ddf;
	}
.text-xl{
		font-size: 400%;
	}
.text-800{
		font-weight: 800;
	}
.text-center{
		text-align: center;
	}
@media screen and (min-width: 768px){
.text-right{
			text-align: right
	}
	}
.text-featured{
		font-size: 24px;
		line-height: 1.66;
		letter-spacing: 0.1em;
		font-weight: 100;
		margin: 0;
	}
.text-featured + h2{
			margin-top: 0;
		}
.m-0{
		margin: 0;
	}
.mt-md{
		margin-top: calc(15px * 2);
	}
.mt-lg{
		margin-top: calc(15px * 4);
	}
.mt-xl{
		margin-top: calc(15px * 10);
	}