html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.clear {
clear: both;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ol,
ul {
list-style: none;
}
.fit_width {
width: 100%;
}
.crop_width {
min-width: 100%;
height: 100%;
-moz-object-fit: cover;
-webkit-object-fit: cover;
-o-object-fit: cover;
-ms-object-fit: cover;
object-fit: cover;
}
.always_fit {
min-height: 100%; min-width: 100%;
}
.full_width_height {
width: 100%;
height: 100%;
}
.flip_left {
transform: rotate(-90deg);
}
.flip_right {
transform: rotate(90deg);
} .box {
display: block;
float: left;
transition: ease-out 300ms;
} .padding_tiny {
padding: 10px;
}
.padding_small {
padding: 20px;
}
.padding_big {
padding: 40px;
} .body_horizontal_margin {
padding: 0px 20px 0px 20px;
width: 100%;
display: block;
} .margin_vertical {
margin: 10px 0px 10px 0px;
}
.margin_horizontal {
margin: 0px 10px 0px 10px;
}
.row {
width: 100%;
}
.fixed_top_left {
position: fixed;
top: 0px;
left: 0px;
z-index: 2;
}
.fixed_bottom_left {
position: fixed;
bottom: 0px;
left: 0px;
z-index: 2;
}
.fixed_top_right {
position: fixed;
top: 0px;
right: 0px;
z-index: 2;
}
.fixed_bottom_right {
position: fixed;
bottom: 0px;
right: 0px;
z-index: 2;
}
.all_text_centered * {
text-align: center !important;
}
.overflow_hidden {
overflow: hidden;
}
.align_right {
text-align: right;
}
.white_font *,
.white_font {
color: #fff;
}
.width_auto {
width: auto !important;
}
.viewport_height {
height: 100vh;
} .css_masonry {
-moz-column-count: 3;
-moz-column-gap: 0px;
-webkit-column-count: 3;
-webkit-column-gap: 0px;
column-count: 3;
column-gap: 0px;
}
.css_masonry > .box {
display: inline-block !important;
width: 100% !important;
float: none !important;
}  ul.list_menu,
ul.list_menu > li > ul {
display: block;
margin: 0px;
padding: 0px;
list-style: none;
}
ul.list_menu > li {
display: block;
margin: 0px;
padding: 0px;
}
ul.list_menu > li > a {
display: block;
margin: 0px;
padding: 0px;
}
ul.list_menu > li > ul > li {
display: block;
padding-left: 10px;
margin: 0px;
} @media only screen and (min-width: 1024px) { .fluid_box {
overflow: auto;
}
.one {
width: 10%;
}
.two {
width: 20%;
}
.three {
width: 30%;
}
.four {
width: 40%;
}
.five {
width: 50%;
}
.six {
width: 60%;
}
.seven {
width: 70%;
}
.eight {
width: 80%;
}
.nine {
width: 90%;
}
.ten {
width: 100%;
} .fixed_half {
width: 50px;
}
.fixed_half_half {
width: 75px;
}
.fixed_one {
width: 100px;
}
.fixed_two {
width: 200px;
}
.fixed_three {
width: 300px;
}
.fixed_four {
width: 400px;
}
.fixed_five {
width: 500px;
}
.fixed_six {
width: 600px;
}
.fixed_seven {
width: 700px;
}
.fixed_eight {
width: 800px;
}
.fixed_nine {
width: 900px;
}
.fixed_ten {
width: 1000px;
}
.fixed_eleven {
width: 1100px;
}
.fixed_twelve {
width: 1200px;
}
.fixed_one.fixed_half {
width: 150px;
}
.fixed_two.fixed_half {
width: 250px;
}
.fixed_three.fixed_half {
width: 350px;
}
.fixed_four.fixed_half {
width: 450px;
}
.fixed_five.fixed_half {
width: 550px;
}
.fixed_six.fixed_half {
width: 650px;
}
.fixed_seven.fixed_half {
width: 750px;
}
.fixed_eight.fixed_half {
width: 850px;
}
.fixed_nine.fixed_half {
width: 950px;
}
.fixed_ten.fixed_half {
width: 1050px;
}
.fixed_eleven.fixed_half {
width: 1150px;
}
.fixed_twelve.fixed_half {
width: 1250px; } .one_column {
width: 30%;
}
.one_column_center {
width: 70%;
}
.two_columns {
width: 20%;
}
.two_columns_center {
width: 60%;
}
.three_columns {
width: 33.3333%;
}
.three_columns_fill {
width: 66.6666%;
}
.four_columns {
width: 25%;
} .last_in_line {
margin-right: 0px;
float: none;
overflow: hidden;
width: auto;
min-width: 20%;
}
.float_left {
float: left !important;
}
.float_right {
float: right !important;
}
.padding_huge {
padding: 60px;
} .middle_eight {
width: 100% !important;
padding-left: 10%;
padding-right: 10%;
}
.middle_seven {
width: 100% !important;
padding-left: 15%;
padding-right: 15%;
}
.middle_five {
width: 100% !important;
padding-left: 25%;
padding-right: 25%;
}
.middle_three {
width: 100% !important;
padding-left: 35%;
padding-right: 35%;
}
.middle_one {
width: 100% !important;
padding-left: 43%;
padding-right: 43%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) { .fluid_box {
overflow: auto;
}
.one,
.two {
width: 20%;
}
.three {
width: 30%;
}
.four {
width: 40%;
}
.five {
width: 50%;
}
.six {
width: 60%;
}
.seven {
width: 70%;
}
.eight,
.nine {
width: 80%;
}
.ten {
width: 100%;
} .fixed_half {
width: 50px;
}
.fixed_half_half {
width: 75px;
}
.fixed_one {
width: 100px;
}
.fixed_two {
width: 200px;
}
.fixed_three {
width: 300px;
}
.fixed_four,
.fixed_five,
.fixed_six,
.fixed_seven,
.fixed_eight,
.fixed_nine,
.fixed_ten,
.fixed_eleven,
.fixed_twelve {
width: 100%;
}
.fixed_one.fixed_half {
width: 150px;
}
.fixed_two.fixed_half {
width: 250px;
}
.fixed_three.fixed_half {
width: 350px;
}
.fixed_four.fixed_half,
.fixed_five.fixed_half,
.fixed_six.fixed_half,
.fixed_seven.fixed_half,
.fixed_eight.fixed_half,
.fixed_nine.fixed_half,
.fixed_ten.fixed_half,
.fixed_eleven.fixed_half,
.fixed_twelve.fixed_half {
width: 100%;
} .one_column {
width: 30%;
}
.one_column_center {
width: 70%;
}
.two_columns {
width: 20%;
}
.two_columns_center {
width: 60%;
}
.three_columns {
width: 33.3333%;
}
.three_columns_fill {
width: 66.6666%;
}
.four_columns {
width: 25%;
} .last_in_line {
margin-right: 0px;
float: none;
overflow: hidden;
width: auto;
min-width: 30%;
}
.float_left {
float: left !important;
}
.float_right {
float: right !important;
}
.padding_huge {
padding: 60px;
} .middle_eight {
width: 100% !important;
padding-left: 10%;
padding-right: 10%;
}
.middle_seven {
width: 100% !important;
padding-left: 15%;
padding-right: 15%;
}
.middle_five {
width: 100% !important;
padding-left: 25%;
padding-right: 25%;
}
.middle_three {
width: 100% !important;
padding-left: 35%;
padding-right: 35%;
}
.middle_one {
width: 100% !important;
padding-left: 40%;
padding-right: 40%;
}
}
@media only screen and (min-width: 480px) and (max-width: 768px) { .fluid_box {
overflow: auto;
display: block;
float: left;
width: 100%;
}
.one,
.two {
width: 25%;
}
.three,
.four,
.five,
.six,
.seven {
width: 50%;
}
.eight,
.nine,
.ten {
width: 100%;
} .fixed_half {
width: 50px;
}
.fixed_half_half {
width: 75px;
}
.fixed_one {
width: 100px;
}
.fixed_three,
.fixed_two,
.fixed_four,
.fixed_five,
.fixed_six,
.fixed_seven,
.fixed_eight,
.fixed_nine,
.fixed_ten,
.fixed_eleven,
.fixed_twelve {
width: 100%;
}
.fixed_one.fixed_half {
width: 150px;
}
.fixed_two.fixed_half,
.fixed_three.fixed_half,
.fixed_four.fixed_half,
.fixed_five.fixed_half,
.fixed_six.fixed_half,
.fixed_seven.fixed_half,
.fixed_eight.fixed_half,
.fixed_nine.fixed_half,
.fixed_ten.fixed_half,
.fixed_eleven.fixed_half,
.fixed_twelve.fixed_half {
width: 100%;
} .one_column {
width: 30%;
}
.one_column_center {
width: 70%;
}
.two_columns,
.two_columns_center,
.three_columns {
width: 100%;
}
.three_columns_fill {
width: 100%;
}
.four_columns {
width: 50%;
}
.float_left {
float: left;
}
.float_right {
float: right;
}
.padding_huge {
padding: 30px;
} .middle_eight {
width: 100% !important;
padding-left: 10%;
padding-right: 10%;
}
.middle_seven {
width: 100% !important;
padding-left: 15%;
padding-right: 15%;
}
.middle_five {
width: 100% !important;
padding-left: 25%;
padding-right: 25%;
}
.middle_three {
width: 100% !important;
padding-left: 35%;
padding-right: 35%;
}
.middle_one {
width: 100% !important;
padding-left: 40%;
padding-right: 40%;
}
}
@media only screen and (max-width: 480px) { .fluid_box {
overflow: auto;
display: block;
float: left;
width: 100%;
}
.one,
.two {
width: 50%;
}
.three,
.four,
.five,
.six,
.seven,
.eight,
.nine,
.ten {
width: 100%;
} .fixed_half {
width: 50px;
}
.fixed_half_half {
width: 75px;
}
.fixed_one,
.fixed_three,
.fixed_two,
.fixed_four,
.fixed_five,
.fixed_six,
.fixed_seven,
.fixed_eight,
.fixed_nine,
.fixed_ten,
.fixed_eleven,
.fixed_twelve {
width: 100%;
}
.fixed_one.fixed_half {
width: 150px;
}
.fixed_two.fixed_half,
.fixed_three.fixed_half,
.fixed_four.fixed_half,
.fixed_five.fixed_half,
.fixed_six.fixed_half,
.fixed_seven.fixed_half,
.fixed_eight.fixed_half,
.fixed_nine.fixed_half,
.fixed_ten.fixed_half,
.fixed_eleven.fixed_half,
.fixed_twelve.fixed_half {
width: 100%;
} .one_column,
.one_column_center,
.two_columns,
.two_columns_center,
.three_columns,
.four_columns {
width: 100%;
}
.three_columns_fill {
width: 100%;
}
.padding_huge {
padding: 20px;
} .middle_eight {
width: 100% !important;
padding-left: 10%;
padding-right: 10%;
}
.middle_seven {
width: 100% !important;
padding-left: 10%;
padding-right: 10%;
}
.middle_five {
width: 100% !important;
padding-left: 10%;
padding-right: 10%;
}
.middle_three {
width: 100% !important;
padding-left: 10%;
padding-right: 10%;
}
.middle_one {
width: 100% !important;
padding-left: 30%;
padding-right: 30%;
}
.pull_background {
margin-bottom: 0px !important;
padding-bottom: 10% !important;
}
} .container,
.container_small {
display: block;
margin: 0 auto;
}
@media only screen and (min-width: 1920px) {
.container {
width: 1360px;
}
.container_small {
width: 1360px;
}
}
@media only screen and (min-width: 1440px) and (max-width: 1920px) {
.container {
width: 1360px;
}
.container_small {
width: 1360px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
.container {
width: 1200px;
max-width: 100%;
}
.container_small {
width: 1200px;
max-width: 100%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.container,
.container_small {
width: 1000px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
.container,
.container_small {
width: 960px;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.container {
width: 768px;
}
}
@media only screen and (max-width: 768px) {
.container,
.container_small {
width: 100%;
}
.seven > .one,
.seven > .two,
.seven > .three,
.seven > .four,
.seven > .five,
.seven > .six,
.seven > .seven,
.seven > .eight,
.seven > .nine {
width: 100%;
}
.five > .one,
.five > .two,
.five > .three,
.five > .four,
.five > .five,
.five > .six,
.five > .seven,
.five > .eight,
.five > .nine {
width: 100%;
}
.four > .one,
.four > .two,
.four > .three,
.four > .four,
.four > .five,
.four > .six,
.four > .seven,
.four > .eight,
.four > .nine {
width: 100%;
}
.three > .one,
.three > .two,
.three > .three,
.three > .four,
.three > .five,
.three > .six,
.three > .seven,
.three > .eight,
.three > .nine {
width: 100%;
}
.two > .one,
.two > .two,
.two > .three,
.two > .four,
.two > .five,
.two > .six,
.two > .seven,
.two > .eight,
.two > .nine {
width: 100%;
}
.one > .one,
.one > .two,
.one > .three,
.one > .four,
.one > .five,
.one > .six,
.one > .seven,
.one > .eight,
.one > .nine {
width: 100%;
}
} input {
border: 1px solid #999;
padding: 10px;
background-color: transparent;
color: #999;
transition: ease-out 300ms;
}
input:focus {
border: 1px solid #666;
color: #666;
box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
}
.button,
button,
input[type="submit"] {
display: block;
padding: 10px;
border: 1px solid #000;
background-color: #000;
color: #fff;
transition: ease-out 300ms;
cursor: pointer;
}
.button:hover,
button:hover,
input:hover[type="submit"] {
background-color: transparent;
color: #000;
} ul.nav,
ul.nav > li > ul,
ul.nav > li > ul > li > ul {
display: block;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
}   #main_menu .navi_burger {
width: 100%;
text-align: center;
overflow: hidden;
display: block;
cursor: pointer;
padding: 10px;
border: 2px solid #000;
cursor: pointer;
text-transform: uppercase;
z-index: 2;
background-color: #fff;
position: relative;
}
@media only screen and (min-width: 768px) {
ul.nav.visible.horizontal_menu > li {
float: left;
}
#main_menu .navi_burger {
display: none;
}
}
@media only screen and (min-width: 480px) {
.pull_background {
margin-bottom: -999px !important;
padding-bottom: 999px !important;
}
}
@media only screen and (max-width: 768px) {
ul.nav.visible.horizontal_menu > li {
float: none;
width: 100%;
position: absolute;
top: -500px;
left: 0px;
opacity: 0;
z-index: 1;
background-color: #fff;
transition: all 300ms;
}
ul.nav.visible.horizontal_menu {
width: 90%;
margin: 0 auto;
float: none;
background-color: #fff;
position: relative;
overflow: hidden;
}
ul.nav.visible.horizontal_menu.clicked > li {
position: relative;
top: 0px;
transition: all 300ms;
z-index: 1;
opacity: 1;
}
ul.nav.visible.horizontal_menu.clicked > li > a,
ul.nav.visible.horizontal_menu.clicked > li > span {
width: 100%;
}
#main_menu .navi_burger i {
font-size: 22px;
}
#main_menu .navi_burger:before {
content: "";
text-trasform: uppercase;
padding-right: 5px;
font-size: 16px;
font-weight: bold;
line-height: 16px;
}
} ul.nav.hidden > li {
display: block;
visibility: hidden;
opacity: 0;
transform: scale(0, 0);
transition: ease-out 300ms;
height: 0px;
overflow: hidden;
left: 0px;
position: absolute;
}
ul.nav.hidden:before {
content: "\f0c9";
font-family: "FontAwesome";
cursor: pointer;
font-size: 18px;
padding: 10px 12px 10px 12px;
display: block;
float: left;
}
ul.nav.hidden.fixed_bottom_right:before,
ul.nav.hidden.fixed_top_right:before {
float: right;
}
ul.nav.hidden.horizontal_menu > li {
float: left;
}
ul.nav.hidden.horizontal_menu > li > a,
ul.nav.hidden.horizontal_menu > li > span {
display: block;
padding: 0px 0px 0px 10px;
background-color: #ddd;
}
ul.nav.hidden.horizontal_menu > li > a:hover,
ul.nav.hidden.horizontal_menu > li > span:hover {
background-color: #000;
color: #fff;
} .overlay {
display: block;
position: fixed;
top: 0px;
left: 0px;
z-index: 9998;
width: 100%;
height: 100%;
background-color: rgba(0, 162, 134, 0.9);
opacity: 1;
scale: (1, 1);
transition: ease-out 300ms;
}
ul.nav.overlay_menu.overlay li {
margin: 0 auto;
width: 80%;
}
ul.nav.overlay_menu.overlay li:first-child {
margin-top: 80px;
}
ul.nav.overlay_menu.overlay a {
font-weight: 600;
display: block;
text-align: center;
color: #fff;
font-size: 28px;
line-height: 32px;
}