@-ms-viewport { width: device-width; }
@viewport { width: device-width; }

/* ==========================================================================
	#Basics
========================================================================== */

* { padding: 0; margin: 0; outline: 0; -webkit-tap-highlight-color: transparent; }

body { font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 14px; color: #ffffff; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; scroll-behavior: smooth; display: block; height: 100vh; overflow-x: hidden; }

html, body { height: 100%; }

input, textarea, select, button, fieldset { -webkit-appearance: none; border-radius: 0; background: transparent; border: 0; }
input:active, 
textarea:active { box-shadow: none; }
ul, ol { list-style: none outside none; }

a img { border:0; }

*:focus { outline: none; }
*::-moz-focus-inner { border: 0; }

.cl { font-size: 0; line-height: 0; clear: both; display: block; height: 0; }

.clearfix { *zoom: 1; }
.clearfix:after { content: ''; width: 100%; height: 0; display: block; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }


.wrapper { position: relative; min-height: 100%; height: auto !important; height: 100%; width: 100%; padding-bottom: 60px; box-sizing: border-box; background: #000000 url(images/bg.jpg) no-repeat center center; background-size: cover; }
.wrapper:before { content: ''; position: absolute; top: 0; left: 0; right: 0; background: #91c130; height: 10px; display: block; z-index: 10; }

.container { max-width: 1200px; margin: 0 auto; display: block; width: 100%; box-sizing: border-box; padding: 100px 20px 20px 20px; }

.logo { display: block; max-width: 1110px; width: 100%; height: 0; padding: 25.22% 0 0 0; background: url(images/logo.png) no-repeat center; background-size: contain; margin: 0 auto 80px auto; font-size: 0; line-height: 0; text-indent: -100%; }

h1 { margin: 0 auto 60px auto; display: block; max-width: 840px; width: 100%; font-size: 40px; line-height: 44px; color: #ffffff; font-weight: bold; text-transform: uppercase; text-align: center; }
h1 .green { color: #91c130; }
h1 .blue { color: #069cc1; }

.actions { margin-bottom: 70px; display: flex; justify-content: center; align-items: center; }
.actions .action-btn { margin: 0 15px; width: 340px; height: 70px; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 10px; box-sizing: border-box; border-radius: 10px; font-size: 26px; line-height: 30px; color: #ffffff; font-weight: bold; text-transform: uppercase; text-align: center; transition: all .2s; text-decoration: none; }
.actions .action-btn.call { background: #91c130 url(images/button-bg.png) no-repeat right center; }
.actions .action-btn.email { background: #069cc1 url(images/button-bg.png) no-repeat right center;; }
.actions .action-btn.support { background: #ffffff; color: #000000; padding: 0; }
.actions .action-btn span { display: block; position: relative; padding: 0 0 0 45px; background-repeat: no-repeat; background-position: 0 center; }
.actions .action-btn.call span { background-image: url(images/icon-phone.png); }
.actions .action-btn.email span { background-image: url(images/icon-mail.png); }
.actions .action-btn.support span { background-image: url(images/icon-support.png); }
.actions .action-btn:hover { transform: scale(1.1); }

.contact { font-size: 18px; line-height: 22px; color: #ffffff; text-align: center; }
.contact a { color: #ffffff; text-decoration: underline; }
.contact a:hover { text-decoration: none; }

.copy { position: absolute; bottom: 35px; left: 0; width: 100%; display: block; font-size: 11px; line-height: 15px; color: #ffffff; font-weight: 100; text-align: center; }

@media screen and (max-width: 1080px) {
	.actions .action-btn { font-size: 18px; line-height: 22px; width: 240px; margin: 0 5px; }
	.actions .action-btn.call,
	.actions .action-btn.email { background-size: 40px auto; }
}

@media screen and (max-width: 767px) {
	.wrapper { min-width: 320px; }
	.container { padding-top: 80px; }
	.logo { margin-bottom: 60px; }
	h1 { font-size: 26px; line-height: 30px; margin-bottom: 50px }
	.actions { margin-bottom: 40px; flex-direction: column; }
	.actions .action-btn { margin: 10px 0; }
	.contact { font-size: 14px; line-height: 20px; }
}

@media screen and (max-width: 480px) {
	.container { padding-top: 50px; }
	.logo { margin-bottom: 40px; }
	h1 { font-size: 20px; line-height: 24px; margin-bottom: 35px; }
	.actions { margin-bottom: 40px; }
}