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

/*========================= Página Opinião ========================*/

html {
	min-height:100%;
}

body {
	background: url(../fotos/bg-opiniao.jpg) no-repeat center center fixed !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-attachment:scroll !important;
}

.check-glow input {
  -webkit-box-shadow: 0 0 8px 3px red !important;
  -moz-box-shadow: 0 0 8px 3px red !important;
  -ms-box-shadow: 0 0 8px 3px red !important;
  -o-box-shadow: 0 0 8px 3px red !important;
  box-shadow: 0 0 8px 3px red !important;
-webkit-appearance: none;
}

/*======================== 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;
}

.btnOp {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: none;
	border-color: #ffd800;
	color: #ffd800;
	cursor: pointer;
	width: 130px;
	height: 40px;
	font-size: 1em;
}

.btnOp:hover {
	border-color: #ff6a00;
	color: #ff6a00;
}

.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;
	}
}

/*======================== Textbox + Button ========================*/

.cont-op h1 {
	color: #fff;
	font-family: Dancing Script !important;
	font-size:3.15em;
	text-shadow: 
		-1px -1px 0 #000,
		2px -2px 0 #000,
		-1px 1px 0 #000,
		1px 1px 0 #000;
}

@media (max-width:600px) {
	.cont-op h1 {
		color: #fff;
		font-family: Dancing Script !important;
		font-size:2.35em;
		text-shadow: 
			-1px -1px 0 #000,
			2px -2px 0 #000,
			-1px 1px 0 #000,
			1px 1px 0 #000;
	}
}

.txt-user {
	width: 100%;
	border: 2px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	margin: 8px 0;
	outline: none;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	background: url('../fotos/man.png') no-repeat 8px white;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-ms-background-size: 20px 20px;
	-o-background-size: 20px 20px;
	background-size: 20px 20px;
	padding-left: 35px;
}

.txt-user:focus {
	border-color: #ff6a00;
	-webkit-box-shadow: 0 0 8px 0 #ff6a00;
	-moz-box-shadow: 0 0 8px 0 #ff6a00;
	-ms-box-shadow: 0 0 8px 0 #ff6a00;
	-o-box-shadow: 0 0 8px 0 #ff6a00;
	box-shadow: 0 0 8px 0 #ff6a00;
}

.txt-email {
	width: 100%;
	border: 2px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	margin: 8px 0;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	background: url('../fotos/email.png') no-repeat 8px white;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-ms-background-size: 20px 20px;
	-o-background-size: 20px 20px;
	background-size: 20px 20px;
	padding-left: 35px;
}

.txt-email:focus {
	border-color: #ff6a00;
	-webkit-box-shadow: 0 0 8px 0 #ff6a00;
	-moz-box-shadow: 0 0 8px 0 #ff6a00;
	-ms-box-shadow: 0 0 8px 0 #ff6a00;
	-o-box-shadow: 0 0 8px 0 #ff6a00;
	box-shadow: 0 0 8px 0 #ff6a00;
}

.txt-Op {
	height: 100px;
	resize: none;
	width: 100%;
	border: 2px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	margin: 8px 0;
	outline: none;
	padding: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.txt-Op:focus {
	border-color: #ff6a00;
	-webkit-box-shadow: 0 0 8px 0 #ff6a00;
	-moz-box-shadow: 0 0 8px 0 #ff6a00;
	-ms-box-shadow: 0 0 8px 0 #ff6a00;
	-o-box-shadow: 0 0 8px 0 #ff6a00;
	box-shadow: 0 0 8px 0 #ff6a00;
}

/*======================== Container - Center Screen ========================*/

@media (min-height:560px) {
	.cont-op {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -41%);
		-moz-transform: translate(-50%, -41%);
		-ms-transform: translate(-50%, -41%);
		-o-transform: translate(-50%, -41%);
		transform: translate(-50%, -41%);
	}
}

@media(max-height:559px) {
	.cont-op {
		margin-top:1.85em;
	}
}

/*============================== TXT =========================*/

.txt-user::placeholder,
.txt-email::placeholder {
	font-size:1.2em !important;
	margin-bottom:-.85em !important;
}

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

.title-op,
.title-op img,
.title-op h2 {
	display:none !important;
	position:fixed !important;
	z-index:90;
}

@media (max-width:1025px) {

	.title-op {
		color:#fff;
		background-color:rgba(36, 143, 143,.925);
		border-radius:7px;
		margin-top:-1.61em;
		margin-left:.635em;
		position:absolute;
		width:100%;
		height:38px;
		margin:2.3em 0 0 0;
		left:0;
		border-radius:0 !important;
		display:block !important;
	}

	.title-op img {
		float:left;
		margin:.465em 0 0 .6em !important;
		height:30.5px;
		width:30.5px;
		display:block !important;
	}

	.title-op h2 {
		font-size:1em;
		padding-left:2.34em !important; 
		margin:0;
		padding-top:.615em;
		text-align:left;
		display:block !important;
	}
}

/*======================== 
Login - POP UP 
========================*/

.popup {
	height: 309px !important;
	padding: 100px 22.5px 30px !important;
	background: rgba(255, 255, 255,.95);
	z-index: 999;
	display: none;
	position:fixed;
	right: 0;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	font-family: Raleway;
	border: 1px solid #ff6a00;
	border-top: none;
	outline: 1.5px solid #29a3a3;
	outline-offset: -.25em;
}

.head {
	margin-top: -3.2em !important;
	width: 100% !important;
}

.popup h1 {
	color: #29a3a3;
	float: left;
	margin: -.35em 1.5em .5em -.1em;
}

.popup a img {
	margin-right: -.45em;
	width: 25px;
	height: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: -webkit-transform .8s ease-in-out;
	-moz-transition: -webkit-transform .8s ease-in-out;
	-ms-transition: -webkit-transform .8s ease-in-out;
	-o-transition: -webkit-transform .8s ease-in-out;
	transition: -webkit-transform .8s ease-in-out;
	-webkit-transition: transform .8s ease-in-out;
	-moz-transition: transform .8s ease-in-out;
	-ms-transition: transform .8s ease-in-out;
	-o-transition: transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
}

.popup a img:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

::placeholder {
	color: #575766 !important;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	/* Firefox */
	font-family: Raleway !important;
}

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

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #575766 !important;
	font-family: Raleway !important;
}

.txtUN {
	background: url('../fotos/man-icon.png') no-repeat 0 .55em;
	-webkit-background-size: 25px 25px;
	-moz-background-size: 25px 25px;
	-ms-background-size: 25px 25px;
	-o-background-size: 25px 25px;
	background-size: 25px 25px;
	padding-left: 35px;
	padding-bottom: 13px !important;
	height: 3em;
	width: 15em;
	padding-top: .5em !important;
	background-color: transparent !important;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 2px solid #29a3a3;
	font-size: .75em;
	margin: -1.15em 0 2.05em 0;
}

.txtPS {
	background: url('../fotos/key-icon.png') no-repeat 0 .5em;
	-webkit-background-size: 25px 25px;
	-moz-background-size: 25px 25px;
	-ms-background-size: 25px 25px;
	-o-background-size: 25px 25px;
	background-size: 25px 25px;
	padding-left: 35px;
	width: 15em;
	height: 3em;
	padding-top: .5em ;
	background-color: transparent !important;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 2px solid #29a3a3;
	font-size: .75em;
	margin-top: -1.75em;
}

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

.lnkLog {
	cursor: pointer !important;
}

#lblErro {
	font-size: .75em !important;
	color: #ff0000 !important;
	float: left !important;
}

.pop-header {
	/*JavaScrit para quando o utilizador faz scroll*/
	margin-top: 2.64em !important;
}

.pop-header2 {
	/*JavaScrit para quando o utilizador faz scroll*/
	margin-top: 0 !important;
}

.p-reg {
	text-align:center;
	font-size:.75em;
	padding-top:1.25em;
	margin-bottom:0;
}