@site-width:760px;

.clear {
	&:before,&:after {
		content:'';
		display:table;
		width:100%;
		clear:both;
	}
}

.container {
	max-width:@site-width;
}

.btn {
	cursor:pointer;
}

.hidden {
	display:none;
}

.text-strike {
	text-decoration:line-through;
}

input#switchMenu:checked ~ .menuContainer {
	display:block;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:22px;
}

body {
	padding-top:91px;

	.modal {
		form {
			border:none;
			outline:none;

			label {
				font-weight:bold;
			}
		}

		.send-ok {
			display:none;
			text-align:center;
			line-height:40px;

			i.fa {
				display:inline-block;
				font-size:25px;
				margin:-3px 5px 0 0;
				position:relative;
				vertical-align:middle;
			}
		}
	}

	.intro {
		background:#eef1f7;
		color:#000 !important;
		padding: 10px !important;
		border-radius: 5px !important;

		img {
			width: 75px;
			float: right;
			margin: 10px 10px 10px 50px;
		}

		&:hover {
			img {
				animation: rotate 0.5s 1 ease-in-out;
				-moz-animation: rotate 0.5s 1 ease-in-out;
				-webkit-animation: rotate 0.5s 1 ease-in-out;
			}
		}
	}

	.intro2 {
		color: #3e6f93 !important;
		font-size: 18px !important;
		padding: 10px !important;
		text-align: center !important;
		font-weight: normal;
		margin: 0 auto;
		width: 90% !important;
		border-top: 1px solid #3e6f93;
	}

	.tradeinForm {
		input,select,textarea {
			width:100%;
			margin-bottom:5px;
		}
	}
}

.menuContainer {
	left:0;
	top:0;
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-index:1040;
	padding:15px;

	.menuContent {
		width:100%;
		max-width:400px;
		max-height:100%;
		background:#fff;
		margin:0 auto;

		.switchMenu {
			font-size:24px;
			margin:-3px 5px 0 0;
			cursor:pointer;
			color:#f00;

			&:hover {
				color:#c00;
			}
		}

		nav {
			width:100%;
			padding:15px 0 5px 0;

			ul {
				list-style:none;

				li {
					&:before {
						content: "•";
						font-size:20px;
						line-height:18px;
						color:#007bff;
						float:left;
						margin:4px 5px 0 0;
					}

					a {
						font-size:18px;
					}
				}
			}
		}
	}
}

header {
	border-bottom:1px solid #042D4E;
	background:#f2f2f2;

	img {
		max-width:250px;
	}

	.switchMenu {
		margin-top:10px;
		border:1px solid #fff;
		width:2.5rem;
		height:2.5rem;
		line-height:2.7rem;
		cursor:pointer;
		border-radius:0.2rem;
		
		i.fa {
			font-size:24px;
		}

		&:hover {
			border-color:#042D4E;
		}
	}
}

footer {
	background:#042D4E;
	color:#fff;

	a {
		.clear;

		color:#fff;

		span {
			color:#ccc;
		}
	}

	.marksList {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-gap: 10px;
		-moz-column-gap: 10px;
		-webkit-column-gap: 10px;
	}

	.oferta {
		text-align:center;
		font-size:11px;
	}
}

@media (min-width:576px) {
	footer {
		.marksList {
			column-count: 4;
			-moz-column-count: 4;
			-webkit-column-count: 4;
			column-gap: 10px;
			-moz-column-gap: 10px;
			-webkit-column-gap: 10px;
		}
	}
}