@font-face {
    font-family: AlegreyaBold;
    src: url(fonts/Alegreya-Bold.ttf)
}

@font-face {
    font-family: AlegreyaMedium;
    src: url(fonts/Alegreya-Medium.ttf)
}

@font-face {
    font-family: AlegreyaRegular;
    src: url(fonts/Alegreya-Regular.ttf)
}

@font-face {
    font-family: CrafterRegular;
    src: url(fonts/Crafter-Regular.otf)
}
.input351::before{
    content:"+351";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:20pt;
	font-weight: bold;
    left:10px;
	color:#ffbd39;
	
}
.input351{
    position:relative;
    display:block;
	color:#ffbd39;
}
body,
html {
    width: 100%;
    overflow-x: hidden;
}
.titulo_3 figure{
    max-width: 375px;
    margin: 0 auto;
    position:relative;
}
.titulo_3 figcaption {
    position: absolute;
    top: calc(50% + 0px);
    left: 0;
    right: 0;
    font-size: 16pt;
    transform: translateY(-50%);
    padding: 0 40px;
}
.btnSubmit {
    background: url(../img/submit.png) no-repeat top center;
    background-size: contain!important;
    height: 120px;
    width: 300px;
    border: 0;
    font-size: 0;
}

.btnSubmit:hover
{
transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
body {
    background-color: #aa8c71;
    background-image: url(../img/bg-2.png);
    color: white;
    font-family: AlegreyaMedium;
}

body.red-bg {
    background-color: #bc2c1f;
    background-image: url(../img/bg-red.png);
}
a:hover {
  color:#ffffff;
}
.link-1 { color: #ffbd39!important; }
.link-1:hover { color: white!important; }

.link-2 { color: #678964!important; }
.link-2:hover { color: #678964!important; }

.alt-3{
    color:#bc2c1f;
}
.error,
.success{
    font-size:22pt;
}
#footer {
   /* background-image: url(../img/footer_bg.png);*/
    background-color: #182328;
    background-position: top!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    padding-top:0rem;
}
h1, h2, h3, h4{
    display:block;
    width:100%;
}

select {
    background-color: transparent;
    border: 1px solid white;
        font-size:30px;
        color:white;
}

.select-blk {
    color:black;
}

.voltar {
    font-family: AlegreyaMedium;
    font-size: 30pt;
}
.big h1,
.big h3{
    text-transform: uppercase;
}
.big h1 {
    font-size: 100pt;
    font-family: CrafterRegular;
    line-height: 1;
    margin: 0;
}
.big h3{
    font-size:40pt;
}
body.p article p {
    text-align: left;
}

body.p article h3 {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

img {
    max-width: 100%;
}

.form .form-row {
    text-align: left;
    margin-bottom: 1.5rem;
}

.form label {
    text-align: center;
    width: 100%;
}

.form label p {
    font-size: 28pt;
}

.input {
    width: 100%;
    border: 4px solid white;
    padding: 10px;
    background-color: transparent;
    color: white;
    font-family: AlegreyaRegular;
    text-align: center;
    font-size: 30pt;
		 
}
  .input:focus {
 
    border: 4px solid #000000;
 

  }
#minutes {
    background-image: url(../img/time_3.png);
}

#days {
    background-image: url(../img/time_1.png);
}

#hours {
    background-image: url(../img/time_2.png);
}

#seconds {
    background-image: url(../img/time_4.png);
}

.iframe {
    width: 100%;
}

.contador .n {
    background-repeat: no-repeat!important;
    width: 150px;
    height: 150px;
    background-size: contain!important;
    display: inline-block;
    background-position: center center!important;
    line-height: 150px;
    font-size: 50pt;
    font-weight: 100;
}

.contador h4 {
    font-size: 26pt;
}

section.section {
    margin-bottom: 5rem;
    margin-top: 5rem;
}

span.b {
    font-size: 30pt;
    text-transform: uppercase;
    color: #ffbd39;
    font-family: AlegreyaBold;
}

.alt-2 {
    color: #ffbd39;
}

.alt {
    color: #ffbd39;
}

.alt-3 {
    color: #bc2c1f;
}

.eliminar {
    color: #ffbd39;
    font-size: 60px;
    margin-bottom: 30px;
}

h1 {
    font-family: AlegreyaBold;
}

h2,
h3 {
    font-family: AlegreyaRegular;
}

.title {
    margin-bottom: 3rem;
}

h2 {
    font-size: 40pt;
}

h3 {
    font-size: 26pt;
}

ul.social {
    list-style: none;
    padding: 0;
}

ul.social li {
    display: inline-block;
}

ul.social li:hover {
    cursor: pointer;
}

.text-small label p {
    font-size: 14pt;
    text-align: left;
}

.check {
    margin-right: 10px;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.3); /* IE */
  -moz-transform: scale(1.3); /* FF */
  -webkit-transform: scale(1.3); /* Safari and Chrome */
  -o-transform: scale(1.3); /* Opera */
  transform: scale(1.5);
  padding: 10px;
  cursor:pointer;
}

a {
    color: white;
}

* {
    outline: none!important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media only screen and (min-width:991px) {
    .mobile {
        display: none!important;
    }
    .masthead aside {
        position: absolute;
        left: 5%;
        z-index: 1;
    }
}

@media only screen and (max-width:991px) {
    .desktop {
        display: none!important;
    }
    .masthead aside {
        width: 100%;
    }
    .masthead {
        padding: 20px;
    }
    h2{
        font-size:22pt;
    }
   
    h1{
        font-size:24pt;
    }
    h3{
        font-size:20pt;
    }
    #footer {
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 5rem;
        background-color: white;
    }
}

.buttonRegister {
	align:center;
  background-color: #BC2C1F; 
  color: #fff; 
     height: 120px;
    width: 300px;
	font-size:30px;
  border-radius: 25px;
}

.buttonRegister:hover {
  background-color: #873430;
  color: white;
  border-radius: 50px;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
 
 
 
  




~