* {
    margin: 0 auto;
}

body {
    text-align: center;                    
}

section{
  background-color: #fff;
}

a {
  color: #2e6ebf;
}

a:hover {
  color: #0c4ea2;
}

.wrapper {
    margin: 0 auto;
    max-width: 960px;
    padding: 0;
}


.navBar {  
  position: fixed;
  min-width: 100%;
  z-index: 100;
  height: 6rem;
  line-height: 6rem;
  z-index: 1000;
}
.navBar.sticky {
  background-color: #fff;  
  box-shadow: 3px 0 20px -3px rgba(0, 0, 0, 0.25);
  transition: all 1s ease;
}

.logo {
  background-color: #E84545;
  border-radius: 50px;
  display: inline-block;
  height: 45px;
  margin: 1em 0;
  width: 45px;
}

nav ul {
  
}
nav ul a {
  color: #fff;
  text-decoration: none;
  transition: all .5s ease;
  font-size: 100%;
  margin: 0 1rem;  
  -webkit-font-smoothing: antialiased;  
}
nav.sticky ul a {
  color: #111;
  text-shadow: none;
}
nav ul a:hover {
  color: #fff;    
}
nav.sticky ul a:hover {
  color: #111;  
}
nav li {
  display: inline-block;
}
nav #menu-toggle {
  display: none;
}
nav .label-toggle {
  display: none;
}
nav .wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
/* @media screen and (max-width: 768px) {
  nav nav ul a {
    color: #fff;
  }
  nav.sticky ul a {
    color: #fff;
  }
  nav ul {
    background-color: #2e6ebf;
    display: block;
    height: 0;
    list-style-type: none;
    opacity: 0;
    text-align: center;
    transition: all 1s ease;
    width: 100%;
    visibility: hidden;
  }
  nav li {
    border-bottom: 2px solid #fff;
    color: #fff;
    display: block;
    font-size: 1.5em;
    padding: 2em 0;
  }
  nav #menu-toggle:checked ~ ul {
    opacity: 1;
    height: 100vh;
    visibility: visible;
  }
  nav .label-toggle {
    background: linear-gradient(to bottom, #fff 0%, #fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%, #fff 100%);
    cursor: pointer;
    display: block;
    float: right;
    height: 35px;
    margin-top: 1em;
    width: 35px;
    margin-right: 1em;
    position: absolute;
    right: 0;
  }
  nav.sticky .label-toggle {
    background: linear-gradient(to bottom, #2e6ebf 0%, #2e6ebf 20%, transparent 20%, transparent 40%, #2e6ebf 40%, #2e6ebf 60%, transparent 60%, transparent 80%, #2e6ebf 80%, #2e6ebf 100%);  
  }
  nav .wrapper {
    display: block;
  }
} */
@media screen and (min-width: 561px) {
  nav ul a i.material-icons {
    display: none;    
  }
  nav ul a span {
    display: inline;
  }
}
@media screen and (max-width: 560px) {
  nav ul a i.material-icons {
    display: inline-block;
  }
  nav ul a span {
    display: none;
  }
}




header{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.cont {
    display: flex;
    width: 160%;    
    margin-left: -25%;
    z-index: -2;
    opacity: 0;
}

.rect {
    width: 0%;
    /* height: 100vh; */
    height: 100%;
    transform: skew(-40deg);
}

.yell {
    background: #fff;
}

.mar {
    background: #fff;
}

.default {
    background: #fff;
}

.next {
    background: #fff;
}

/* swiper pagination */
.swiper-pagination-header .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  margin: 5px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: .4;
}
.swiper-pagination-header .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}

a.slider-button-bullet{
  opacity: 0.5;
  color: #fff;
}
a.slider-button-bullet.active{
  opacity: 1;  
}
a.slider-button-bullet:hover{
  opacity: 0.75;
}

.swiper-pagination-bullet {
  width: 16px;
  height: 16px;  
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 25px;  
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.h-entry{
  text-align: left;
  border-top: 10px solid #ffffff61;
}
.h-entry h5{  
  margin-bottom: 0;
}
.h-entry a{
  text-decoration: none;
}
.h-entry .meta.mb-4{
  color: #797979;
}

.stripe-2 {
  color: black;
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, #fd3039 10px, #0b4ea2 20px), linear-gradient(to bottom, #eee, #999);
}
/* .stripe-1 {
  height: 15px;
  color: white;
  background: repeating-linear-gradient(45deg, #fd3039, #fd3039 60px, #0b4ea2 60px, #0b4ea2 120px, #eee 120px, #eee 180px );
} */
.stripe-1 {
  height: 15px;
  color: white;
  background: repeating-linear-gradient(45deg, #2e6ebf, #2e6ebf 60px, #0b4ea2 60px, #0b4ea2 120px );
}


#about-us .column img {  
  transition: all 400ms ease-in-out;
}
#about-us .column:hover img {
  -ms-transform: rotate(360deg); /* IE 9 */
  -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  transform: rotate(360deg);    
}


.tags a, .tagcloud a {
  font-size: 1rem;
  padding: 4px 13px;
  font-weight: 700;
  text-transform: uppercase;  
  background-color: #fff;
  color: #343434;
  margin-bottom: 0.3rem;
  margin-right: 0.3rem;
  display: inline-block;
  text-decoration: none;
}

.table_product{
  font-size: 1.3rem;
}

.table_product tbody tr{
  background-color: rgba(0,0,0,0.025);
}
.table_product tbody tr:nth-child(odd) {
  background-color: rgba(255,255,255,1);
  color: #121212;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th{
  border-top: none;
}

#return-to-top{
  position: fixed;
  bottom: 20px;
  right: 20px;  
  background: #2d6dbf;  
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 10px 15px 3px 15px;  
  opacity: 0.5;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; 
  z-index: 1000; 
}
#return-to-top:hover{
  opacity: 1;
  cursor: pointer;
}

#map {
  max-height: 500px;
  height: 40vh;  
}
#map_wrap{
  border-top: 5px solid #fff;
}

#contact-form-result{
  border-top: 5px solid #f1f1f1;
  padding-top: 1em;
}
#contact-form-result.success{
  border-color: #8ac349;
}
#contact-form-result.danger{
  border-color: #F44336;
}

.btn-filter{
  background-color: #fff;
}
.btn-filter.active{
  background-color: #2e6ebf;
  color: #fff;
}

.slider-button-arrow i{
  font-size: 500%;
}
@media (max-width: 400px) {  
  .slider-button-arrow i{
    font-size: 350%;
  }  
}

/* Larger than phablet */
@media (max-width: 550px) {
  .slider-button-arrow i{
    font-size: 400%;
  }  
}

.header_main_images .header_product{
  width: 45%; max-width: 850px;
}

@media (max-width: 550px) {
  .header_main_images .header_product{
    width: 90%;
  }
}

.a_language img{
  width: 64px;
}
@media (max-width: 550px) {
  .a_language img{
    width: 48px;
  }
}