/* ======================================= */
/* VARIABLES */
/* ======================================= */
:root{
    --common: #1d1d1d;
    --light: #fff;
    --primary: #15c320;
    --accent: #fff6f1;
    --warning: #e70000;
    --success: #95aa45;
    --black: #000;
    --bg: #fff;
    --gray: #9b9b9b;
    --light-gray: #ebebeb;
    --field-border: #adadad;
    --font: "Open Sans", Arial, sans-serif;
    
    --dur: 0.15s;
    
    --app-width: 100vw;
}



/* ======================================= */
/* RESET */
/* ======================================= */
a, article, body, div, footer, form, fieldset, h1, h2, h3, h4, h5, h6, header, html, i, img, li, nav, ol, p, section, span, u, ul, input, textarea, dl, dt, table, tr, td, th, pre {
	margin: 0;
	padding: 0;
}

html,body{
	position: relative;
    
    height: 100%;
}

html.admin-bar{
    height: calc(100% - 32px);
}

@media screen and (max-width: 782px){
    html.admin-bar{
        height: calc(100% - 46px);
    }
}

body{   
    color: var(--common);
    font: 400 20px/1.5 var(--font);
    
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    
    background-color: var(--bg);
}

li{
	list-style: none;
}

a{
	text-decoration: none;
    color: var(--common);
}

.svg{
    display: none;
}

.strong,
strong,
b{
    font-weight: 700;
}

svg,
use,
path{
    display: block;    
}

svg{
    pointer-events: none;
}

table{    
    border-collapse: collapse;
}

iframe{
    border: none;
}

.grecaptcha-badge{
    display: none!important;
}

@media screen and (max-width: 1024px){
    .hidden{
        display: none!important;
    }
}

input[type='text'],
input[type='text']:focus,
input[type='text']:active,
input[type='email'],
input[type='email']:focus,
input[type='email']:active,
input[type='tel'],
input[type='tel']:focus,
input[type='tel'],
input[type='submit'],
input[type='submit']:focus,
input[type='submit']:active,
textarea{
    -webkit-appearance: none;    
}

/* ======================================= */
/* COMMON ELEMS */
/* ======================================= */
@media screen and (max-width: 600px){
    #wpadminbar{
        position: fixed;
    }
}

.global-page{
    min-height: 100%;
}

.container{
    position: relative;
    display: block;
    
    max-width: 1770px;
    padding: 0 32px;
    margin: 0 auto;
    
    z-index: 1;
}

.container.static{
    position: static;
}

.img{
    position: absolute;
    left: 0;
    top: 0;
    
    width: 100%;
    height: auto;
}

.relative{
    position: relative;
}

.ohb{
    overflow: hidden;
}

.center{
    text-align: center;
}

.lh0{
    line-height: 0;
}

@media screen and (max-width: 1379px){
    body{
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px){
    
    
    .container{
        padding: 0 20px;
    }
}