/*
fonts
*/

@font-face {
    font-family: 'humanist_777regular';
    src: url('fonts/humanist-777-font-webfont.woff2') format('woff2'),
         url('fonts/humanist-777-font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Material Icons';
    src: url('fonts/materialicons/MaterialIcons-Regular.woff2') format('woff2'),
        url('fonts/materialicons/MaterialIcons-Regular.woff') format('woff'),
        url('fonts/materialicons/MaterialIcons-Regular.svg#MaterialIcons-Regular') format('svg'),
        url('fonts/materialicons/MaterialIcons-Regular.eot'),
        url('fonts/materialicons/MaterialIcons-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/materialicons/MaterialIcons-Regular.ttf') format('truetype');
                font-weight: normal;
                font-style: normal;
                font-display: swap
}

/*
normatize
*/


* {
	margin:0px;
	padding:0px;
    font-family: 'humanist_777regular';
}

a { color: inherit; } 

:after,
:before,
div,
a,
ul,
li,
input,
select,
table,
tr,
td,
body,
section,
textarea {
	box-sizing: border-box;
	-ms-box-sizing: border-box;	
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;
}



/*
body
*/

body {
    position: relative;
    display: block;
}

body > .html-container {
    position: relative;
    display: block;
}

body > .html-container > .page {
    position: relative;
    display: block;
    width: 100%;
    height: 100dvh;

    background-image: url(../../img/background.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

/*
section
*/

body > .html-container > .page > section {
    position: relative;
    display: block;
   
    width: 100%;
    height: 100%;

    
    background-image: url(../../img/big-g.svg);
    background-position: left 0px bottom 0px;
    background-repeat: no-repeat;
    background-size: 60%;
}

body > .html-container > .page > section > .wrapper {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 1200px;

    top: 50%;
    transform: translateY(-50%);
}

body > .html-container > .page > section > .wrapper > .content {
    position: relative;
    display: block;
    width: 60%;
    padding: 20px;
    text-align: left;
    padding-bottom: 140px;
}

body > .html-container > .page > section > .wrapper > .content > figure {
    max-width: 300px;
}

body > .html-container > .page > section > .wrapper > .content > figure > img {
    position: relative;
    display: block;
    max-width: 100%;
}

body > .html-container > .page > section > .wrapper > .content > h1 {
    position: relative;
    display: block;
    font-size: 30px;
    color: #919188;
    line-height: 1;
    padding: 20px 0px;
}

body > .html-container > .page > section > .wrapper > .content > h1 > span {
    color: #000;
    font-weight: bold;
}

body > .html-container > .page > section > .wrapper > .content > .button-container {
    position: relative;
    display: block;
    padding: 20px 0px;
}

body > .html-container > .page > section > .wrapper > .content > .button-container > .button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none!important;
    cursor: pointer;
}

body > .html-container > .page > section > .wrapper > .content > .button-container > .button > span {
    position: relative;
    display: block;
    background-color: #E93C40;
    border-radius: 10px;
    text-decoration: none!important;
    padding: 10px 20px;
    font-size: 26px;
    color:#fff;

    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

body > .html-container > .page > section > .wrapper > .content > .button-container > .button:hover > span {
    background-color: #000;
}

body > .html-container > .page > section > .wrapper > .content > .button-container > .button > span:before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
   
}

body > .html-container > .page > section > .wrapper > .content > .button-container > .button.pdf > span:before {
    width: 30px;
    height: 30px;
    background-image: url(../../img/pdf.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-right: 10px;
    content: '';
}

body > .html-container > .page > section > .wrapper > .content > .button-container > text {
    position: relative;
    display: block;
    padding: 10px 0px;
    max-width: 480px;
    font-size: 18px;
    color: #919188;
}

body > .html-container > .page > section > .wrapper > .content > .button-container > text > span {
    color: #000;
    text-decoration: underline;
}

/*
footer
*/

footer {
    position: fixed;
    display: block;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #B3B3AB;
}

footer > .wrapper {
    position: relative;
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 20px;
    font-size: 0px;
}

footer > .wrapper > .block {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

footer > .wrapper > .block:nth-child(1) {
    width: 60%;
}
footer > .wrapper > .block:nth-child(2) {
    width: 40%;
}

footer > .wrapper > .block > h2 {
    position: relative;
    display: block;
    font-size: 22px;
    color: #E93C40;
    font-weight: bold;
    padding: 10px 0px;
}

footer > .wrapper > .block > text {
    position: relative;
    display: block;
    font-size: 14px;
    color: #fff;
}


footer > .wrapper > .block > ul {
    position: relative;
    display: block;
}

footer > .wrapper > .block > ul > li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    padding-bottom: 5px;
}

footer > .wrapper > .block > ul > li > div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

footer > .wrapper > .block > ul > li > div:before {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 100%;
    aspect-ratio: 1/1;
    color: #B3B3AB;
    font-family: "Material Icons";
    font-size: 18px;
    line-height: 1;
    content: '';
    padding: 4px;
    margin-right: 5px;

    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

footer > .wrapper > .block > ul > li > div.phone:before {
    content: '';
}

footer > .wrapper > .block > ul > li > div.email:before {
    content: '';
}

footer > .wrapper > .block > ul > li > div > a  {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;;

    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

footer > .wrapper > .block > ul > li:hover > div > a {
    color: #E93C40;
}

footer > .wrapper > .block > ul > li:hover > div:before {
    background-color: #E93C40;
    color: #fff;
}