:root {

    --color1: #0086d7;

    --color2: #22bfef;

    --color3: #0086d7;

}



@font-face {

    font-family: 'UTM-Bebas';

    src:  url('fonts/UTM-Bebas.ttf') format('truetype')

}



*{

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



*, *::before, *::after {

    box-sizing: border-box;

}



textarea{

    font-family: 'Arial';

    font-size: 1rem;

}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    font-family: 'Arial';

}



:-ms-input-placeholder { /* Internet Explorer 10-11 */

    font-family: 'Arial';

}



::-ms-input-placeholder { /* Microsoft Edge */

    font-family: 'Arial';

}



body{

    font-size: 16px;

    color: #000;

    line-height: 1.3;

    font-family: 'Arial';

    overflow-x: hidden;

    margin: 0 auto;

}

.p-1{padding: 1rem;}

.p-05{padding: .5rem;}

.mb-1{margin-bottom: 2rem;}

.mb-2{margin-bottom: 1rem;}

.pt-2{padding-top: 2rem;}



ul,li{list-style: none;}

a{color: inherit;text-decoration: none;}

img{max-width: 100%;vertical-align: top;}

.align-center{text-align: center;}

.align-right{text-align: right;}





html{

    font-size: 16px;

}





.style1{

    font-size: .8rem;

    color: #000;

    text-transform: uppercase;

    margin-bottom: .5rem;

    font-family: Arial;

    position: relative;

    padding-bottom: 0.5rem;

    color: var(--color1);

}