/**
 * Copyright 2015
 * Vagner Gomes Silva (contato@agenciapx.com)
 * Date: 06 Maio 2015 04:15:00
 */

	/* Responsive Grid */	

		.gd1 [class^="gd"] { 
			float: left; 
			margin-left: 1.754385964912281%; 
		}

		.gd1 [class^="gd"]:first-child { 
			margin-left: 0 !important; 
		}

		.gd1 { 
			margin: 0 auto;
			position: relative; 
			width: 720px;
		}

		.gd2 {
			width: 49.12280701754386%; 
		}

		.gd3 { 
			width: 32.16374269005848%; 
		}

		.gd4 { 
			width: 23.68421052631579%; 
		}

		.gd5 { 
			width: 18.59649122807018%; 
		}

		.gd6 { 
			width: 15.2046783625731%; 
		}

	/* Styles Page */

		.view {
			display: block !important;
		}

		body {
			background-color: #FFE545;
			background-image: url(/images/concrete-wall.png);
		}

		header .gd1 {
			height: 420px;
		}

		header h1 {
			padding: 12px 18px 18px;
			text-align: center;
			background-color: #209898; 
			color: #FFF;
			top: 36px;
			right: 64px;
			position: absolute;
			z-index: 102;
		}

		header h1 span {
			width: 0;
			height: 0;
			border-style: solid;
			border-color: #209898 transparent transparent transparent;
			border-width: 24px 130px 0 130px;
			bottom: -24px;
			left: 56px;
			margin-left: -54px;
			position: absolute;
		}

		header .logo {
			width: 144px;
			left: 0px;
			top: 36px;
			position: absolute;
			z-index: 102;
		}

		header .phone {
			width: 300px;
			padding: 1px;
			background-color: #EA181B;
			border: 1px solid #c91214;
			text-align: center;
			bottom: 36px;
			position: absolute;
			z-index: 101;
		}

		header .telephone { 
			color: #FFF;
			font-size: 32px;
			padding: 4px;
			font-style: italic;
			font-weight: bold;
		}

		header .telephone span { 
			top: -4px; 
			font-size: 20px;
			position: relative;
		}

		header .mobile { 
			width: 100%;
			margin: 0 auto; 
			font-size: 20px; 
			padding: 3px;
			background-color: #FFF; 
			border: 1px solid #C91214;
			position: relative;
		}

		header .whatsapp { 
			width: 20px; 
			top: 3px; 
			left: -6px; 
			position: relative;
		}

		header .bucket { 
			width: 528px;
			right: 0px;
			bottom: -24px;
			position: absolute;
			z-index: 100;
		}

		.service .gd1 {
			border-top: 3px solid #026475; 
			background-color: #FFF;
			padding: 48px 30px;
		}

		.service h2 {
			margin-bottom: 24px;
		}

		.service ul { 
			margin-top: 24px;
		}

		.service li { 
			font-weight: bold;
			margin-top: 6px;
		}

		.service a {
			font-weight: bold;
			color: #026475;
			text-transform: uppercase;
		}

		.faq .gd1 {
			padding-bottom: 24px;
		}

		.faq .gd1 div { 
			background-color: #FFF; 
			display: none;
			margin: 0 5px; 
			padding: 12px;
		}

		.faq h3 {
			cursor: pointer; 
			color: #026475; 
			padding: 12px 12px 18px 18px;
			line-height: 18px;
			margin-top: 12px;
			border-left: 3px solid #026475; 
			border-bottom: 1px solid #EAC900;
		}

		.faq h3:hover { 
			background-color: #ffe85b;
		}

		.faq h4 { 
			margin: 0;
			padding: 3px;
			font-size: 15px; 
			background-color: #dff5e4; 
			text-align: center;
		}

		.faq p { 
			margin-top: 12px;
		}

		.faq p:first-child { 
			margin-top: 0;
		}

		.faq strong { 
			display: block;
		}

		.faq .rule { 
			font-size: 13px; 
			line-height: 15px; 
			font-style: italic; 
			color: #999;
		}

		.map .gd1 { 
			color: #FFF;
			background-color: #026475;
			text-transform: uppercase;
			text-align: center;
		}

		.map .height {
			background-color: #E9E5DC;
			height: 256px;
		}

		.checkin {
			display: none;
			background-color: #026475;
			text-align: center;
			color: #FFF;
			padding: 48px 12px;
		}

		.checkin p:first-child {
			font-size: 25px;
			margin-bottom: 24px;
		}

		.checkin p {
			margin-bottom: 12px;
		}

		.loading {
			display: none;
			left: 50%;
			margin: 48px 0 48px -48px;
			position: relative;
		}

		.form {
			background-color: #FFF;
			border-bottom: 1px solid #026475;
		}

		.status {
			display: none;
			font-style: italic;
			margin-bottom: 6px;
			padding: 6px 6px 6px 12px;
		}

		.danger {
			background-color: #fef6c1;
		}

		.term {
			font-size: 13px;
			line-height: 17px;
		}

		.term div {
			display: none;
			margin: 0 5px;
		}

		.term h2 {
			background-color: #dff5e4;
			font-size: 15px;
			margin: 0;
			padding: 3px 0;
		}

		.term p {
			margin: 6px 0;
			padding: 6px;
		}

		.term a {
			color: #026475;
			font-weight: bold;
		}

		.term a:hover {
			text-decoration: underline;
		}

		.form,
		.term div {
			background-color: #fff;
			padding: 5px !important;
		}

		.card {
			padding: 48px 12px 6px !important;
		}

		.card .footer-logo { 
			width: 128px; 
			margin: 32px 0 0 -64px;
			left: 50%; 
			position: relative;
			display: none;
		}

		.card h1 {
			margin: 24px 0;
			display: none;
		}

		.card .eco { 
			width: 84px; 
			right: 36px; 
			position: absolute; 
		}

		.card ul {
			margin-bottom: 12px;
		}

		.card li span {
			font-weight: bold;
			font-size: 11px;
			color: #026475;
			text-transform: uppercase;
			margin-left: 3px;
		}

		.card .maps {
			margin-top: 32px;
		}

		.copyright .gd1	 {
			border-top: 1px solid #EAC900;
			color: #948632;
			font-size: 13px;
			margin-top: 24px;
			padding: 24px 12px;
		}

		.copyright a { 
			color: #948632;
			font-weight: bold;
		}

		.copyright a:hover { 
			color: #574f1d;
		}

	/* Landscape tablets and medium desktops */
	@media (min-width: 992px) and (max-width: 1199px) {

	}

	/* Portrait tablets and small desktops */
	@media (min-width: 768px) and (max-width: 991px) {

	}

	/* Landscape phones and portrait tablets */
	@media (min-width: 481px) and (max-width: 767px) {
		
		.gd1 { 
			width: 540px;
		}

		.gd1 [class^="gd"] {
			width: 100%;
			float: none;
			margin-left: 0;
		}

		.start .bucket { 
			width: 380px; 
			margin-left: -190px;
		}

	}

	/* Portrait phones and smaller */
	@media (max-width: 480px) {

		.gd1, .gd1 [class^="gd"] { 
			width: 100%;
			float: none;
			margin-left: 0;
		}

		.gd1,
		.service {
			padding: 0 12px;
		}

		header .gd1 {
			height: 576px;
		}

		header h1 {
			left: 0px;
			top: 160px;
			padding: 12px 0;
			text-align: center;
			background-color: #026475; 
			color: #FFF;
			width: 100%;
		}

		header .logo {
			width: 180px;
			margin-left: -85px;
			left: 50%;
		}

		header .phone {
			bottom: 24px;
		}

		header .bucket { 
			right: 12px;
			bottom: 120px;
		}

		.card a {
			display: block;
			border-left: 5px solid #026475; 
			border-bottom: 1px solid #EAC900;
			background-color: #ffe85b;
			padding: 6px;
			margin-bottom: 5px;
		}

	}