* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
*, *:focus {
	outline: 0!important;
	text-decoration: none;
}
a, button, input{
	outline: 0;
	border: 0;
}
a, a:hover, a:focus, button:hover, button:focus{
	text-decoration: none;
	outline: 0;
}
html{
	scroll-behavior:smooth;
	scroll-padding-top: 60px;
}
body {
    background: var(--bg);
    color: var(--muted);
    font-size: 18px;
    line-height: 1.2;
    font-family: 'Satoshi';
    font-weight: 400;
}
p{
	line-height: 1.5;
	margin-bottom: 16px;
}
a{
	color: var(--secondary);
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
	color: var(--primary);
}
h1,h2,h3,h4,h5,h6{
	color: var(--light);
	line-height: 1.1;	
	margin-top: 0;
	margin-bottom: 24px;
	font-weight: 600;
}
h1,.xxl-size{
	font-size: 74px;
}
h2,.xl-size{
	font-size: 60px;
}
h3,.l-size{
	font-size: 40px;
}
h4,.m-size{
	font-size: 26px;
}
h5,.s-size{
	font-size: 24px;
}
h6,.x-size{
	font-size: 20px;
}

/**
All Transitions
*/
a,input,img,textarea,button,svg,i,*:before,*:after,.transition{
	transition: all 0.4s;
	-ms-transition: all 0.4s;
	-webkit-transition: all 0.4s;
}
/**
All Hovers
*/
a:focus,button:focus,input:focus,textarea:focus{
	outline: none;
}
strong,b{
	font-weight: 600;
}
em,i{
	font-style: italic;
}
u{
	text-decoration: underline;
}
input[type=text],
input[type=email],
input[type=tel],
textarea{   
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;    
}
::selection {
  color: var(--fg);
  background: var(--primary);
}
.container{
	max-width: 1280px;
	margin:auto;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}
img{
	max-width: 100%;
	height: auto;
	border-radius: 0;
}

.hide-lg{
	display: block!important;
}
.show-lg{
	display: none!important;
}
.hide-md{
	display: block!important;
}
.show-md{
	display: none!important;
}
.hide-sm{
	display: block!important;
}
.show-sm{
	display: none!important;
}
.hide-xs{
	display: block!important;
}
.show-xs{
	display: none!important;
}
.divider{
	line-height: 0;
}
.overlay-link{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.inline-bg{
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position: center center!important;
}
ul.reset-list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.reset-list > li {
	padding: 0;
	margin: 0;
	list-style: none;
	margin: 0;
}
.reset-list > li:before{
	content: none!important;
}
@media(max-width:1399px){
    h1, .xxl-size {
        font-size: 70px;
    }
    h2, .xl-size {
        font-size: 55px;
    }
}
@media(max-width:1299px){
    h1, .xxl-size {
        font-size: 66px;
    }
    h2, .xl-size {
        font-size: 52px;
    }
    h4, .m-size {
        font-size: 25px;
    }
}
@media(max-width: 1199px) {
    h1, .xxl-size {
        font-size: 60px;
    }
    h2, .xl-size {
        font-size: 46px;
    }
    h4, .m-size {
        font-size: 24px;
    }
}
@media(max-width: 1100px) {
    h1, .xxl-size {
        font-size: 55px;
    }
    h2, .xl-size {
        font-size: 40px;
    }
    h4, .m-size {
        font-size: 22px;
    }
}
@media(max-width: 991px) {
    h1, .xxl-size {
        font-size: 58px;
    }
}
@media(max-width: 767px) {
    h1, .xxl-size {
        font-size: 48px;
    }
}
@media(max-width: 575px) {
    h1, .xxl-size {
        font-size: 42px;
    }
    h2, .xl-size {
        font-size: 36px;
    }
}
@media(max-width: 479px) {
    h1, .xxl-size {
        font-size: 40px;
    }
    h2, .xl-size {
        font-size: 32px;
    }
}
@media(max-width: 374px) {
    h1, .xxl-size {
        font-size: 36px;
    }
    h2, .xl-size {
        font-size: 28px;
    }
}