html {
	background-color: #f0f0f0;
	background-image: url("../img/pattern.png");
}

* {
	font-family: 'Montserrat', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Raleway', sans-serif;
}

.delimiter-page {
	max-width: 1500px;
	margin: 0 auto;
}

.delimiter-block {
	max-width: 1200px;
	margin: 0 auto;
}

.visual {
	position: relative;
	height: calc(100vh - 30%);
}

.visual-dept {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-size: cover;
}

.visual-00 {
	z-index: 2;
}
.visual-01 {
	z-index: 3;
}
.visual-02 {
	z-index: 4;
}
.visual-03 {
	z-index: 5;
}

.visual-logo {
	width: 400px;
}

.tm-visual {
	background-image: url("../img/multa-velox.jpg");
}

.claim h2 {
	text-transform: uppercase;
	color: #89bb30;
	font-weight: 700;
	margin-right: 30px;
	line-height: 1em;
	font-size: 2vw;
}
.claim h2 span {
	display: block;
	color: #eba311;
	font-size: 1.3em;
}
.claim-sub h3 {
	text-transform: uppercase;
	color: #89bb30;
	font-weight: 700;
	line-height: 1em;
	font-size: 6vw;
}
.claim-sub h3 span {
	display: block;
	color: #eba311;
	font-size: 1.3em;
}

.lined {
	position: relative;
	padding-bottom: 10px;
}
.lined::after {
	position: absolute;
	content: '';
	z-index: +1;
	bottom: 0;
	left: calc(50% - 30px);
	width: 60px;
	border-bottom: solid 2px #eba311;
}

.tm-best-choice {
	border: solid 2px #89bb30;
}

.tm-best-choice  h3,
.uk-text-success {
	color: #89bb30!important;
}

.tm-price {
	font-weight: 200px;
	font-family: 'Montserrat', sans-serif;
	margin: 0 0 20px 0;
}

.stroked {
	position: relative;
}
.stroked::after{
	content: '';
	position: absolute;
	z-index: +1;
	top: 10px;
	left: 0;
	width: 110%;
	height: 2px;
	transform: rotate(-10deg);
	background-color: #eba311;
}


.uk-background-secondary {
	background-color: #32382f;
}

.uk-button {
	line-height: 1em;
	padding: 10px 20px;
}
.uk-button:not(.squared) {
	border-radius: 500px;
}

.uk-background-primary,
.uk-button-primary,
.uk-button-primary:focus {
    background-color: #eba311;
}
.uk-button-primary:hover{
	background-color: #89bb30;
}

.uk-button-secondary,
.uk-button-secondary:focus {
    background-color: #32382f;
}
.uk-button-secondary:hover{
	background-color: #eba311;
}

.uk-text-primary {
    color: #eba411!important;
}

.uk-input:focus,
.uk-checkbox:active, 
.uk-checkbox:focus,
.uk-select:active, 
.uk-select:focus{
	border-color: #89bb30;
}
.uk-checkbox:checked,
.uk-label-success{
	background-color: #89bb30!important;
}

.uk-heading-bullet::before {
    border-left: calc(5px + .1em) solid #89bb30;
}

@media (max-width: 1200px) {
	.claim h2 {
		font-size: 3vw;
	}
}

@media (max-width: 720px) {
	.visual-logo {
		width: 300px;
	}
	/*.tm-visual {
		background-image: none;
	}*/
}