@font-face {
  font-family: 'Open Sans regular';
  font-style: normal;
  src: url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
  font-family: 'Raleway Light';
  font-style: normal;
  src: url('../fonts/Raleway-Light_0.otf');
}

@font-face {
  font-family: 'Raleway Bold';
  font-style: normal;
  src: url('../fonts/Raleway-Bold_0.otf');
}

@font-face {
  font-family: 'Raleway Regular';
  font-style: normal;
  src: url('../fonts/Raleway-Regular_0.otf');
}

@font-face {
  font-family: 'Raleway Semibold';
  font-style: normal;
  src: url('../fonts/Raleway-SemiBold.otf');
}

.automatic-form_handler input[type="text"],
.automatic-form_handler input[type="mail"],
.automatic-form_handler input[type="email"],
.automatic-form_handler input[type="number"],
.automatic-form_handler input[type="password"],
.automatic-form_handler select,
.automatic-form_handler .checkbox_holder,
.automatic-form_handler textarea,
.styled-form input,
.styled-form select {
  border: 1px solid #8C8C8C;
  border-radius: 0px;
  background-color: #fff;
  width: 100%;
  padding: 10px 10px;
}
.automatic-form_handler select
.styled-form select {
  padding: 12px 10px;
}
.styled-form .row > div {
  margin-bottom: 15px;
}
.checkbox_faker {
  height: 20px;
  width: 20px;
  border: 1px solid var(--colorfirst);
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.checkbox_faker span {
  font-size: 15px;
  position: absolute;
  color: var(--colorfirst);
  display: none;
}
.checkbox_faker.accepted span {
  display: block;
}
.checkbox_faker_prod_agent {
  height: 20px;
  width: 20px;
  border: 1px solid var(--colorfirst);
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.checkbox_faker_prod_agent span {
  font-size: 15px;
  position: absolute;
  color: var(--colorfirst);
  display: none;
}
.checkbox_faker_prod_agent.accepted span {
  display: block;
}

.footer input {
    width: 100%;
}


.padding_top_10{
    padding-top: 10px !important;
}

.padding_top_15{
    padding-top: 15px !important;
}

.padding_top{
    padding-top: 30px !important;
}

@media screen and (max-width: 768px ) {
    .padding_top_mobile{
        padding-top: 30px !important;
    }
    
    .margin_top_mobile{
        padding-top: 30px !important;
    }
    
}

.padding_top_60{
    padding-top: 60px !important;
}

.padding_top_80{
    padding-top: 80px !important;
}

.padding_top_100{
    padding-top: 100px !important;
}

.padding_all_15{
    padding: 15px !important;
}

.padding_all_20{
    padding: 20px !important;
}

.padding_all_30{
    padding: 30px !important;
}

.main_btn {
  background-color: transparent !important;
  color: var(--colorfirst);
  border: 1px solid var(--colorfirst);
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.main_btn p {
  color: var(--colorfirst) !important;
}
.main_btn:hover,
.main_btn.active, 
input[type="submit"].main_btn,
input[type="reset"].main_btn{
  background-color: var(--colorfirst) !important;
  color: white !important;
  text-decoration: none !important;;
  cursor: pointer !important;;
  text-transform: uppercase !important;;
}
.main_btn:hover p,
.main_btn.active p {
  color: white !important;
}
.main_btn-full {
  background-color: var(--colorfirst) !important;
  color: white !important;
  border: 1px solid var(--colorfirst);
  padding: 10px 40px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 0px;
  webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.main_btn-full p {
  color: white !important;
}
.main_btn-full:hover,
.main_btn-full.active {
  background-color: #ffffff !important;
  color: var(--colorfirst) !important;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
}
.main_btn:hover p,
.main_btn.active p {
  color: var(--colorfirst) !important;
}
.main_btn_2 {
  background-color: #dcdcdc !important;
  color: #191919 !important;
  border: 1px solid #dcdcdc;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
  webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
a.main_btn_2,
a.main_btn_2:hover {
  text-decoration: none;
}
.main_btn_2:hover,
.main_btn_2.active{
  color: #ffffff !important;
  border: 1px var(--colorfirst) solid !important;
  background-color: var(--colorfirst) !important;
}
.main_btn-white {
  background-color: transparent !important;
  color: #ffffff !important;
  border: 1px solid #ffffff;
  padding: 10px 40px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 0px;
  webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.main_btn-white:hover,
.main_btn-white.active {
  background-color: #ffffff !important;
  border: 1px solid #ffffff;
  color: var(--colorfirst) !important;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
}
.main_btn-grey {
  background-color: transparent !important;
  color: #8C8C8C !important;
  border: 1px solid #8C8C8C;
  padding: 20px 40px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 5px;
  webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.main_btn-grey:hover,
.main_btn-grey.active {
  background-color: #8C8C8C !important;
  border: 1px solid #8C8C8C;
  color: #ffffff !important;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
}

.slick-slide img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

.gjs-lory-slide img{
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.gjs-lory-slide img.multislide{
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}


.auto_width{
    width: auto !important;
    max-width: 100% !important;
}

.row {
    height: auto !important;
}

.overlay_container {
  position: relative;
  width: 50%;
}

.overlay_image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay_overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.overlay_container:hover .overlay_overlay {
  height: 100%;
}

.overlay_text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}


.simple_link{
    min-height: 50px;
    min-width: 50px;
}

.div100{
    min-height: 50px;
    width: 100%;
}

.container--big{
    min-height: 350px;
}

.row{  
  min-height: 0px !important;
}
.item_valign {
  position: relative;
  top: 50%;
  bottom: auto;
  -ms-transform: translate(0px,-50%);
  -webkit-transform: translate(0px,-50%);
  transform: translate(0px,-50%);
}
.abitem_valign {
  position: absolute;
  top: 50%;
  bottom: auto;
  -ms-transform: translate(0px,-50%);
  -webkit-transform: translate(0px,-50%);
  transform: translate(0px,-50%);
}
.item_halign {
  position: relative;
  left: 50%;
  right: auto;
  -ms-transform: translate(-50%,0px);
  -webkit-transform: translate(-50%,0px);
  transform: translate(-50%,0px);
}
.item_falign {
  position: relative;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  -ms-transform: translate(-50%,-50%) !important;
  -webkit-transform: translate(-50%,-50%) !important;
  transform: translate(-50%,-50%) !important;
}
.padding_null {
  padding: 0px;
}
.margin_null {
  margin: 0px;
}


 /* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;} 

a.navbar-menu-link{
    text-decoration: none !important;
}

.square_4_1 {
  outline: 0;
  height: 0;
  width: 100%;
  padding-bottom: 25%;
  position: relative;
  overflow: hidden;
}
.square_4_1 img {
  outline: 0;
  height: auto;
  position: absolute;
  width: 100%;
  max-width: unset;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  -ms-transform: translate(-50%,-50%) !important;
  -webkit-transform: translate(-50%,-50%) !important;
  transform: translate(-50%,-50%) !important;
}
.square_4_2 {
  outline: 0;
  height: 0;
  width: 100%;
  padding-bottom: 50%;
  position: relative;
  overflow: hidden;
}
.square_4_2 img {
  outline: 0;
/*  height: auto;*/
  position: absolute;
/*  width: 100%;*/
  max-width: unset;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  -ms-transform: translate(-50%,-50%) !important;
  -webkit-transform: translate(-50%,-50%) !important;
  transform: translate(-50%,-50%) !important;
  
    height: 100%; 
  width: 100%; 
  object-fit: contain;
}
.square_4_3 {
  outline: 0;
  height: 0;
  width: 100%;
  padding-bottom: 75%;
  position: relative;
  overflow: hidden;
}
.square_4_3 img {
  outline: 0;
/*  height: 100%;*/
  position: absolute;
/*  width: auto;*/
  max-width: unset;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  -ms-transform: translate(-50%,-50%) !important;
  -webkit-transform: translate(-50%,-50%) !important;
  transform: translate(-50%,-50%) !important;
  
    height: 100%; 
  width: 100%; 
  object-fit: contain;
}
.square_4_4 {
  outline: 0;
  height: 0;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.square_4_4 img {
  outline: 0;
/*  height: 100%;*/
  position: absolute;
/*  width: auto;*/
    
  max-width: unset;
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  -ms-transform: translate(-50%,-50%) !important;
  -webkit-transform: translate(-50%,-50%) !important;
  transform: translate(-50%,-50%) !important;
  
  height: 100%; 
  width: 100%; 
  object-fit: contain;
}


@media screen and (max-width: 576px ) {
    
    .padding_top_15{
        padding-top: 10px !important;
    }

    .padding_top{
        padding-top: 25px !important;
    }
    
    .padding_top_60{
        padding-top: 35px !important;
    }

}

.main_body_force{
  width: 80%;
  margin: auto !important;
  height: auto;
}

@media (max-width: 1038px) {
  .main_body_force{
    width: 90% !important;
  }
}