@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
	--text-color: #000;
	--main-width: 1000px;
	--main-color: #ff0000;
}

html, body{margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; color: var(--text-color); height: 100%;}
body{min-height: 100%; overflow-x: hidden; background: #efefef;}

h1{font-weight: 600;}
h4, h5, h6{margin: 0; padding: 0; position: relative;}

a{color: var(--main-color);}


.m{margin-top: 20px;}
.mb{margin-bottom: 20px;}
.mr{margin-right: 15px;}
.mr2{margin-right: 25px;}

.href{cursor: pointer;}


.off{color: #a2a2a2}

/* ============================================
FORMS
============================================ */
label{display: block; font-size: 10px; text-transform: uppercase; margin-bottom: 3px;}

input, select, textarea{font-family: 'Open Sans', sans-serif; font-size: 16px; color: #666; padding: 7px 11px; margin: 0 10px 10px 0; display: block; border: 1px solid #ccc; border-radius: 4px;}
input.note,select.note{margin-bottom: 4px;}
select{padding-top: 4px; padding-bottom: 4px; cursor: pointer;}
input[type=button]{background: #666; color: #fff; cursor: pointer; padding: 9px 20px; min-width: 160px;}
input[type=submit], input.submit{text-transform: uppercase; background: var(--main-color); color: #fff; border: none; border-radius: 4px; padding: 9px 20px; min-width: 160px; margin-top: 40px; cursor: pointer;}

input[type=submit].small, input.submit.small{font-size: 11px !important; padding: 5px 20px; min-width: auto;}

input[type=button].red{background: #ff0000;}
input[type=button].red.invert, 
input[type=button].delete{border-color: #ff0000; color: #ff0000;}
input[type=button].delete{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3IDZoLTZWNWMwLTEuNjU0LTEuMzQ2LTMtMy0zaC00Yy0xLjY1NCAwLTMgMS4zNDYtMyAzdjFINWMtMS4xMDMgMC0yIC44OTctMiAydjFhMSAxIDAgMCAwIDEgMWgyNGExIDEgMCAwIDAgMS0xVjhjMC0xLjEwMy0uODk3LTItMi0yek0xMyA1YzAtLjU1MS40NDktMSAxLTFoNGMuNTUxIDAgMSAuNDQ5IDEgMXYxaC02VjV6TTYgMTJ2MTVjMCAxLjY1NCAxLjM0NiAzIDMgM2gxNGMxLjY1NCAwIDMtMS4zNDYgMy0zVjEySDZ6bTEzLjcwNyAxMC4yOTNhLjk5OS45OTkgMCAxIDEtMS40MTQgMS40MTRMMTYgMjEuNDE0bC0yLjI5MyAyLjI5M2EuOTk5Ljk5OSAwIDEgMS0xLjQxNC0xLjQxNEwxNC41ODYgMjBsLTIuMjkzLTIuMjkzYS45OTkuOTk5IDAgMSAxIDEuNDE0LTEuNDE0TDE2IDE4LjU4NmwyLjI5My0yLjI5M2EuOTk5Ljk5OSAwIDEgMSAxLjQxNCAxLjQxNEwxNy40MTQgMjBsMi4yOTMgMi4yOTN6IiBmaWxsPSIjZmYwMDAwIiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvcGF0aD48L3N2Zz4=);
	background-color: transparent; width: 30px; height: 30px; padding: 0; min-width: auto; margin-top: 5px !important;
    background-size: 77%; background-position: center; background-repeat: no-repeat;
}
input[type=submit].invert, input.submit.invert{color: var(--main-color); border: 1px solid var(--main-color);}
input.invert{background: transparent !important;}

form.loading input[type=submit]{background: #ccc;}

input.full,
textarea.full{width: calc(100% - 25px);}

/* checkbox switch slider */
label.switch{position: relative; display: inline-block; width: 60px; height: 33px;}
label.switch input{opacity: 0; width: 0; height: 0;}
label.switch .slider{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s;}
label.switch .slider:before{position: absolute; content: ""; height: 25px; width: 25px; left: 4px; bottom: 4px; background-color: white; transition: .4s;}
/* input:checked + .slider{background-color: var(--main-color);}
input:focus + .slider{box-shadow: 0 0 1px var(--main-color);} */
input:checked + .slider{background-color: #474747;}
input:focus + .slider{box-shadow: 0 0 1px #474747;}
input:checked + .slider:before{transform: translateX(26px);}
label.switch .slider.round {border-radius: 34px;}
label.switch .slider.round:before{border-radius: 50%;}

::placeholder{color: #e0e0e0;}




#wrapper{min-height: calc(100% - 40px - 170px - 140px); max-width: var(--main-width); margin: auto; padding: 20px 40px;}

#header{margin-bottom: 30px; /*padding-top: 30px;*/ position: relative; z-index: 100;}
#header .logo{width: 100px;}

#footer{
	color: #fff; position: relative;
	padding: 40px 0; /*overflow: hidden;*/
	background: var(--main-color);
	margin-top: 140px;
}
#footer .wrapper{max-width: var(--main-width);  margin: auto;  position: relative; height: 90px; width: calc(100% - 50px - 40px); padding: 0 20px;}
#footer .splash{position: absolute; top: -153px; right: -50px;}
#footer ul{margin: 0; padding: 0; /*margin-top: 20px; padding-top: 25px;*/ padding-top: 51px; list-style: none; font-size: 13px; position: relative;}
#footer ul:before{
	position: absolute; content: ''; /*top: 0;*/ top: 18px; left: 0; width: 87px; height: 30px; 
	background-image: url(/_images/logo.v3.png); background-repeat: no-repeat; background-size: contain; 
	/*filter: grayscale(1);*/ filter: contrast(0) brightness(10);
}
#footer ul li{display: inline-block; margin-right: 10px;}
#footer ul li a{color: #fff;}


.hidden{display: none;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.p_common{width: 70%;}



/*=================================
RESPONSIVE CASES  
=================================*/
@media only screen and (max-width: 840px){
	
}