@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700');

/*========================
		 Botões
========================*/

.log-button {
	padding: 10px 15px;
	margin-bottom: -2em !important;
	color: white;
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	clear: both;
	background: -webkit-linear-gradient(to right, #ff974d, #ff6a00);
	background: -moz-linear-gradient(to right, #ff974d, #ff6a00);
	background: -ms-linear-gradient(to right, #ff974d, #ff6a00);
	background: -o-linear-gradient(to right, #ff974d, #ff6a00);
	background: linear-gradient(to right, #ff974d, #ff6a00);
	cursor: pointer;
	width: 100%;
	margin-top: .75em;
}

.reg-button {
    width:150px;
	padding: 6px;
	margin-left: 10px;
	margin-top: -20px !important;
	color: white;
	border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	clear: both;
	background: -webkit-linear-gradient(to right, #29a3a3, #ff974d);
	background: -moz-linear-gradient(to right, #29a3a3, #ff974d);
	background: -ms-linear-gradient(to right, #29a3a3, #ff974d);
	background: -o-linear-gradient(to right, #29a3a3, #ff974d);
	background: linear-gradient(to right, #29a3a3, #ff974d);
	cursor: pointer;
	font-size: .8em;
	font-family: Raleway;
	margin:0 !important;
    letter-spacing:3.5px;
    text-transform:uppercase;
}

.swal-button {
	color: rgba(35, 35, 35,.55);
	padding: 7px 19px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	background-color: #ffcc00;
	font-size: 12px;
	border: 1px solid #3e549a;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

.shopIco {
	position:absolute;
	height:30px;
	width:30px;
	right:-7.5%;
	bottom:-2.5px;
}

.shopIcoR {
	position:absolute;
	height:30px;
	width:30px;
	right:-6.95%;
	bottom:-2.5px;
}

@media(max-width:1025px) {
	.shopIco {
		position:absolute;
		height:30px;
		width:30px;
		left:10%;
		bottom:38.5px;
	}
}

@media(max-width:1025px) and (max-height:400px) {
	.shopIco {
		position:absolute;
		height:24px;
		width:24px;
		left:9%;
		bottom:26.5px;
	}
}

/*======================== 
	Página Registar
========================*/

body {
	background: url("../fotos/bg-func-of.jpg") no-repeat fixed center !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media (max-width:1025px) {
	body {
		background: url("../fotos/reg-new.jpg") no-repeat center !important;
		background-attachment:scroll !important;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-height:100%;
		margin:0;
	}
	
	html {
		min-height:100%;
	}
}
.cont-reg {
  padding: 20px 0;
  -webkit-border-radius: 7px !important;
  -moz-border-radius: 7px !important;
  -ms-border-radius: 7px !important;
  -o-border-radius: 7px !important;
  border-radius: 7px !important;
  height: auto;
  width: auto;
  color: #f1f1f4;
}

@media (min-width:1025px) {
	.cont-reg {
 		background: rgba(0,0,0,0.3) !important;
	}
}

.txt-reg {
  width:12.5em !important;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #29a3a3;
  margin: 5% 0;
  font-size: .85em;
  color:#f2f2f2 !important;
}

@media (max-width:1025px) {
	.txt-reg {
		color:#575757 !important;
	}
}	

.txt-reg:focus,
.txt-reg:focus {
  border-bottom-color: #ff6a00;
  -webkit-box-shadow: 0px 10px 15px -10px #ff6a00;
  -moz-box-shadow: 0px 10px 15px -10px #ff6a00;
  -ms-box-shadow: 0px 10px 15px -10px #ff6a00;
  -o-box-shadow: 0px 10px 15px -10px #ff6a00;
  box-shadow: 0px 10px 15px -10px #ff6a00;
  -webkit-transition: .525s !important;
  -moz-transition: .525s !important;
  -ms-transition: .525s !important;
  -o-transition: .525s !important;
  transition: .525s !important;
}

.reg-txt p {
  margin-top: 1.75em !important;
  padding-bottom:.9em !important;
}

@media (max-width:400px) {
    .reg-txt p {
        font-size:.975em;
		padding:3em 0 0 0;	
    }
}

@media (min-width:400px) and (max-width:1025px) and (min-height:400px) {
    .reg-txt p {
        padding:1.725em 0;
    }
}

@media (min-width:1025px) and (max-height:750px) {
	.col-1 {
		position:relative;
	}

	.reg-txt p {
		position: absolute;
		top: 80px;
		left:32px;
	}

	.cont-reg {
		margin-bottom:2.5em !important;
	}
}

@media (min-width:1025px) and (min-height:750px){
	.col-1 {
		position:relative;
	}

	.reg-txt p {
		position: absolute;
		top: 115px;
		left:32px;
	}

	.cont-reg {
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-47.5%);
		-webkit-transform:translate(-50%,-47.5%);
		-ms-transform:translate(-50%,-47.5%);
		-o-transform:translate(-50%,-47.5%);
		width:77.5%;
	}
}

/*======================== Sistema de colunas ========================*/
/*[class^=col-] todos os itens com col- no inicio do nome*/

[class^=col-] {
  width: 100%;
  margin-top: 1em;
}

[class^=col-]:first-child {
  margin-top: 0;
}

.col-1 {
  width: 33.3333334%;
  float: left;
}

.col-2 {
  width: 33.3333334%;
  float: left;
}

.col-3 {
  width: 33.3333334%;
  float: left;
}

@media(max-width:1025px) {
    .cont-reg {
		width:97.5%;
		margin:auto;
    }

    .container {
        width:100%;
    }

    .p-min {
        color:#ff6a00 !important;
    }
}

@media (max-width:600px) {
    [class^=col-] {
        float: left;
        margin-top: 0 !important;
        padding: 0 !important;
    }

    .col-1,
    .col-2,
    .col-3 {
        width: 100%;
    }

    .reg-button {
        width:130px;
        font-size: .75em;
    }

    .cont-reg {
        margin-top:-6.5em;    
    }
}

@media (min-width:600px) and (max-width:1025px) {	
    [class^=col-] {
        float: left;
        margin-top: 0;
        padding: 0 .5em;
    }

    .col-1 {
        width: 100%;
    }

    .col-2,
    .col-3 {
        width: 50%;
    }
}

@media screen and (min-width:600px) and (max-width: 1025px) and (min-height:400px){
    .cont-reg {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
    }
}

@media screen and (min-width:600px) and (max-width: 1025px) and (max-height:400px){
    .cont-reg {    
		margin-top:-5.25em !important;
    }
}

/*========================================*/

.title-reg {
    width:97.5%;
    height:50px;
    color:#fff;
    background-color:rgba(36, 143, 143,.925);
    border-radius:7px;
    margin-top:-1.65em;
    margin-left:.635em;
}

.title-show {
	display:none;
}

.title-reg img {
    float:left;
    margin:.495em 0 0 .8em;
}

.title-reg h2 {
    padding-top:.3em;
    padding-left:2em;
    text-align:left;
}

@media (max-width:1025px) {

    .title-reg {
        position:fixed;
        width:100%;
        height:48.5px;
        margin:0;
        left:0;
        border-radius:0 !important;
        display:block;
		z-index:98 !important;
    }

    .title-reg img {
		position:fixed;
        float:left;
        margin:1.15em 0 0 .8em !important;
        height:25px;
        width:25px;
        display:block;
    }

    .title-reg h2 {
		position:fixed;
        font-size:1.02em;
        padding-left:2.55em !important; 
        padding-top:.35em;
        text-align:left;
        display:block;
    }

	.title-hide {
		display:none;
	}

	.title-show {
		display:block;
        position:fixed;
        width:100%;
        height:50px;
        margin:.5em 0 0 0;
        left:0;
        border-radius:0 !important;
	}
}			 

/*======================== 
		Texbox
========================*/

.txt-reg::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #f2f2f2 !important;
    opacity: 1; /* Firefox */
 	font-family: Raleway !important;
}

.txt-reg:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #f2f2f2 !important;
  	font-family: Raleway !important;
}

.txt-reg::-ms-input-placeholder { /* Microsoft Edge */
    color: #f2f2f2 !important;
  	font-family: Raleway !important;
}

.txt-reg::-webkit-input-placeholder { /* WebKit browsers */
    color: #f2f2f2 !important;
	opacity:1;
	font-family: Raleway !important;
}

@media (max-width:1025px) {
	.txt-reg::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: #575757 !important;
		opacity: 1; /* Firefox */
		font-family: Raleway !important;
	}

	.txt-reg:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: #575757 !important;
		font-family: Raleway !important;
	}

	.txt-reg::-ms-input-placeholder { /* Microsoft Edge */
		color: #575757 !important;
		font-family: Raleway !important;
	}

	.txt-reg::-webkit-input-placeholder { /* WebKit browsers */
		color: #575757 !important;
		opacity:1;
		font-family: Raleway !important;
	}

	.cont-reg {
		color:#575757;
	}
}