html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: Lato, Arial;
  scrollbar-width:none;
}
html body {
  padding: 0;
  margin: 0;
  font-family: Lato, Arial;
  width: 100vw;
  overflow-x: hidden;
}

html body header {
  width: 100%;
  background-color: white;
}

html body header #primary_nav {
  display: inline-block;
  text-align: center;
}

html body header #primary_nav li {
  display: inline-block;
  position: relative;
}
.logoclass{padding:.8rem 1.5rem .8rem 0px !important;}
html body header #primary_nav li a {
  text-decoration: none;
  color: #2B2B2B;
  padding: 5px 1.5vw;
  display: block;
  text-transform: uppercase;
  font-size: 1.07vw;
}

html body header #primary_nav>div>ul>li>a:before {
	position: absolute;
    left: 1.5vw;
    /* top: 1.2em; */
    height: 0;
    bottom: 2px;
    width: calc(40% - 1.5vw);
	width: 40px;
    content: '';
    border-top: 2px solid #E2E2E2;
}

html body header #primary_nav>div>ul>li.current-menu-item>a:before {
    position: absolute;
    left: 1.5vw;
    /* top: 1.2em; */
    height: 0;
    bottom: 2px;
    width: calc(40% - 1.5vw);
	width: 40px;
    content: '';
    border-top: 2px solid #0071C7;
}

html body header #primary_nav>div>ul>li>a:hover:before {
	position: absolute;
    left: 1.5vw;
    /* top: 1.2em; */
    height: 0;
    bottom: 2px;
    width: calc(40% - 1.5vw);
	width: 40px;
    content: '';
    border-top: 2px solid #495252;
}

html body header #primary_nav li .cool-link::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background-color: #0071C7;
  -webkit-transition: width .5s;
  transition: width .5s;
}

html body header #primary_nav li .cool-link:hover::after {
  width: 60%;
  -webkit-transition: width .5s;
  transition: width .5s;
}

html body header #primary_nav li .cool-link:active::after {
  width: 60%;
  -webkit-transition: width .5s;
  transition: width .5s;
}

html body header #h_categorie {
  display: inline-block;
  padding: 0;
  position: relative;
}

html body header #h_categorie div {
  display: block;
  position: absolute;
  top: 50%;
  right: 0%;
  padding: 6px 0px 6px 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

html body header #h_categorie div p {
  color: white;
  background-color: #0071C7;
  padding: 3px 0.5vw;
  display: inline-block;
  margin: 0;
  font-size:0.9vw;
}

html body header #h_categorie div span {
  color: white;
  display: inline-block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #495252;
  margin: 0;
  /*min-width:70px;*/
  font-size: 0.9vw;
  padding: 3px 0.7vw;
  /*width: 11vw;*/
}

html body main #hero .carousel-item {
    width: 100%;
  background-color: #495252;
}

@media screen and (max-width: 900px) {
  html body main #hero .carousel-item {
    height: 75vh;
  }
}

html body main #hero .carousel-indicators li {
  width: 7px;
  height: 7px;
  margin: 10px;
  border-radius: 100%;
}

@media screen and (min-width: 900px) {
  html body main #hero .carousel-indicators {
    text-align: right;
    float: right;
    right: 67% !important;
    left: inherit;
    bottom: 6%;
  }
}

@media screen and (min-width: 900px) {
  html body main #hero .carousel-control-prev {
    text-align: right;
    float: right;
    right: 85% !important;
    left: inherit;
    bottom: -75%;
  }
}

@media screen and (min-width: 900px) {
  html body main #hero .carousel-control-next {
    text-align: right;
    float: right;
    right: 70% !important;
    left: inherit;
    bottom: -75%;
  }
}

html body main #hero .hero-aside {
  width: 20%;
  max-width: 350px;
  position: absolute;
  top: 35%;
  left: 5%;
  z-index: 10;
}

@media screen and (max-width: 900px) {
  html body main #hero .hero-aside {
    width: 100%;
    top: 5%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

@media screen and (max-width: 900px) {
  html body main #hero .hero-aside div {
    width: 50%;
    display: inline-block;
  }
}

html body main #hero .hero-aside h6, html body main #hero .hero-aside p {
  color: white;
}

html body main #hero .hero-aside h3 {
  color: #0071C7;
  font-weight:600;
  font-size:1.5vw !important;
}

html body main #hero .hero-aside h6 {
  color: #fff;
  font-weight:600;
  font-size:2vw !important;
}

html body main #hero .hero-aside a {
  color: white;
  display: block;
  text-transform: uppercase;
  /*font-family:Open Sans Light;*/
  padding: 10px 45px;
  margin: 20px 0;
  width: 100%;
  text-align: center;
  font-size: 1.2vw;
}

html body main #hero .hero-aside .f-btn {
  background-color: #006DB8;
}

html body main #hero .hero-aside .s-btn {
  border: thin solid #0071C7;
}

html body main #hero .contact-section {
  position: absolute;
  top: 0%;
  right: 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html body main #hero .contact-section #dialog_btn {
  cursor: pointer;
}

html body main #hero .contact-section .hero-contact {
  position: relative;
  color: white;
  background-color: #4952529c;
  padding: 20px;
  display: none;
}

@media screen and (max-width: 900px) {
  html body main #hero .contact-section .hero-contact {
    visibility: hidden;
  }
}

html body main #hero .contact-section .hero-contact p {
  font-size: small;
}

html body main #hero .contact-section .hero-contact a {
  display: block;
  padding: 2px 15px;
  background-color: #0071C7;
  color: white;
  text-align: center;
}

html body main #hero .contact-section .hero-contact span {
  position: absolute;
  padding: 5px;
  top: 3px;
  right: 5px;
}

html body main #hero .contact-section .hero-contact span button {
  background-color: rgba(128, 128, 128, 0.548);
  border: none;
}

html body main #enclsoures {
  background-color: white;
}

html body main #enclsoures #about {
  max-width:1200px;
  width: 75%;
  margin: auto;
}

@media screen and (max-width: 900px) {
  html body main #enclsoures #about {
    width: 100%;
  }
}

html body main #enclsoures #about h1, html body main #enclsoures #about h2, html body main #enclsoures #about h6, html body main #enclsoures #about p {
  font-weight: 400;
  text-align: justify;
  line-height:1.6;
  margin-top:20px;
}

html body main #enclsoures #about aside {
  padding: 5px;
}

html body main #enclsoures #about aside a {
  color: #0071C7;
  padding: 10px 50px;
  display: inline-block;
}

@media screen and (max-width: 900px) {
  html body main #enclsoures #about aside a {
    padding: 5px 10px;
    width: 45%;
  }
}

html body main #enclsoures #about aside .bordered {
  border: solid 1px #006DB8;
  margin-top: 15px;
}

html body main #enclsoures #about aside .bordered:hover{
  background-color: #006DB8;
	color: #fff;
}

html body main #enclsoures #l_enclsoures h1, html body main #enclsoures #l_enclsoures h2, html body main #enclsoures #l_enclsoures h3, html body main #enclsoures #l_enclsoures h4, html body main #enclsoures #l_enclsoures h5, html body main #enclsoures #l_enclsoures h6, html body main #enclsoures #l_enclsoures p {
  font-weight: 400;
  color: black;
}

#l_enclsoures h2{
	min-height: 95px;
}

div.items_section ul li a .item_overlay_name{
	min-height: 105px;
}

html body main #enclsoures #l_enclsoures a {
  color: #006DB8;
}

html body main #enclsoures #l_enclsoures div article {
  margin: 0;
  border: 1px solid #0071C7;
}

html body main #enclsoures #l_enclsoures div article h6 {
  background-color: #006DB8;
  color: white;
  text-align: center;
}

html body main #enclsoures #l_enclsoures div article div {
  background-size: cover;
  width: 100%;
  padding-top: 100%;
  position: relative;
}

html body main #enclsoures #l_enclsoures div article div p {
  color: white;
  background-color: #006eb8b2;
  font-weight: 500;
  font-size: small;
  text-align: justify;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

html body main #enclsoures #l_enclsoures div article a, html body main #enclsoures #l_enclsoures div article a:link, html body main #enclsoures #l_enclsoures div article a:link:hover {
  text-decoration: none;
}

html body main #banner {
  position: relative;
  text-align: center;
}

#mobilebanner{
	display: none;
}

html body main #banner img {
  z-index: -1;
  width: 100%;
  /*height: 80vh;*/
}

html body main #banner aside {
  position: absolute;
  display: block;
  width: 70%;
  top: 5%;
  left: 15%;
}

@media screen and (max-width: 900px) {
  html body main #banner aside {
    width: 100%;
    top: 5%;
    left: 0;
  }
}

html body main #banner aside h1, html body main #banner aside h2, html body main #banner aside h4 {
  text-transform: uppercase;
}

@media screen and (max-width: 900px) {
  html body main #banner aside h1, html body main #banner aside h2, html body main #banner aside h4 {
    font-size: x-large;
    padding-bottom: 15px;
  }
}

html body main #banner aside h1, html body main #banner aside h2 {
  color: #006DB8;
}

html body main #banner aside div {
  /*display: inline-block;
  width: 40%;*/
}

html body main #banner aside div p {
  font-size: 16px;
  font-weight: 600;
  text-align: justify;
  color:#363636;
}

html body main #banner #banner_btn {
  position: absolute;
  bottom: 25px;
  right: 18%;
}

html body main #banner #banner_btn a {
  text-decoration: none;
  padding: 10px 35px;
  border: #006DB8 1px solid;
  color: #006DB8;
  text-transform: uppercase;
  text-align: center;
}

html body main #featured {
  background-color: #EBEBEB;
}

html body main #featured div {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

html body main #featured div a {
  display: block;
}

html body main #featured div a h5 {
  font-size: medium;
  font-weight: 600;
  text-align: center;
  color: #006DB8;
}

html body main #featured .featured-item:hover {
  /*background-color: rgba(176, 14, 240, 0.479);*/
  border: 2px solid #802a2a;
  background-color: #ccc;
}

html body main #success div {
  width: 75%;
  margin: 15px auto;
}

html body main #success div img {
  width: 100%;
}

html body main #success div h2, html body main #success div h6 {
  text-align: center;
}

#mobilecomps{
	display: none;
}

html body footer {
  color: white;
  background-color: #495252;
  border-top: thick solid #0071C7;
  font-family: "Lato Light", Lato;
  /*margin-top: 120px;*/
}

html body footer section {
  width: 75%;
}

footer #footer-flex-first{
	width:calc(33% - 10px);
	margin-right: 10px;
	display: flex;
	flex-direction: column;
}
	
footer #footer-flex-second{
	width:35%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

footer #footer-flex-second>div{
	display: block;
	flex-basis: 35%;
	flex-wrap: wrap;
	align-items: baseline;
}
	
footer #footer-flex-third{
	width:calc(30% - 10px);
	margin-left: 10px;
	display: flex;
	flex-direction: column;
}

html body footer section .footer-logo-1 {
  width: 29%;
}

html body footer section .footer-logo-2 {
  width: 69%;
}

html body footer section .m-btn {
  background-color: #006DB8;
  border: none;
  padding: 5px 15px;
  color: white;
  text-transform: uppercase;
}

html body footer li {
  list-style: none;
}

html body footer a, html body footer a:link {
  text-decoration: none;
  color: white;
}
/*# sourceMappingURL=main.css.map */
/*# sourceMappingURL=main.css.map */

/* From this line on, coded by Tizzy */

a:hover{
	text-decoration: none !important;
}

.font-weight-light{
	margin-top: 0px !important;
}

#menu-main-menu, #menu-mobile-menu{
	margin-bottom: 0px;
	padding-left: 0px;
}

#primary_nav ul.sub-menu{
	/*display: block;*/
    position: absolute;
    z-index: 50;
    /*margin: 5px;*/
    /*padding: 0;*/
    /*background-color: #fff;*/
    /*border: 2px solid #2490bb;*/
	/*display: none;*/
	list-style-type: none;
    padding-right: 4vw;
    padding-left: 50px;
	background-color: #0071c7;
    width: auto;
    margin: 0 0 0 29px;
    padding: 0px 0px;
    transform: none;
    white-space: nowrap;
	text-align: left;
}

#menu-main-menu>li>ul.sub-menu, #menu-mobile-menu>li>ul.sub-menu{
	display: none;
} 

#menu-main-menu>li>ul.sub-menu, #menu-mobile-menu>li>ul.sub-menu{
	padding: 20px 40px 20px 20px;
}

#menu-main-menu>li>ul.sub-menu>li, #menu-mobile-menu>li>ul.sub-menu>li{
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}

#menu-main-menu ul.sub-menu li, #menu-mobile-menu ul.sub-menu li{
	display: block;
    padding: 0.65vw 0;
}

#menu-main-menu ul.sub-menu>li>ul>li, #menu-mobile-menu ul.sub-menu>li>ul>li{
	line-height: 0.8vw;
}

#menu-main-menu ul.sub-menu li a, #menu-mobile-menu ul.sub-menu li a{
	display: block;
	font-size: 1.2vw;
	font-weight: normal;
	font-family: "Lato Light", Lato, Arial;
    color: #fff;
	padding: 0px;
}

#primary_nav ul.sub-menu li ul.sub-menu{
	position: relative;
	width: auto;
	list-style-type: none;
    border-left: 1px solid white;
    margin-left: 20px;
    padding-left: 20px;
    margin-top: 1.3vw;
    margin-bottom: 1.5vw;
}

nav#primary_nav>div>ul>li>ul>li>a{
	margin-left: 40px;
}

nav#primary_nav>div>ul>li>ul>li.menu-item-has-children>a{
	font-weight: bold;
	cursor: text;
}


nav#primary_nav ul>li>ul>li>ul>li:first-of-type{
    padding-top: 0;
}

nav#primary_nav ul>li>ul>li>ul>li:last-of-type{
    padding-bottom: 0;
}

#h_categorie{
	text-transform: uppercase;
}

#h_categorie>div>p>i{
	margin-left: 10px;
}

#h_categorie>div{
	position: relative;
}

#h_categorie p#cat_button{
	cursor: pointer;
}

#h_categorie div#cat_dropdown{
	display: none;
	position: absolute;
	background-color:#0071c7;
	width: auto;
	margin: 0px;
	padding: 0px 0px;
	top:calc(100% - 6px);
	right: 20px;
	transform: none;
	white-space: nowrap;
}

div#cat_dropdown>ul{
	list-style-type: none;
	padding-right: 4vw;
	padding-left: 50px;
}

div#cat_dropdown>ul>li{
	color: #fff;
	font-size: 1.2vw;
	text-transform: uppercase;
	font-family: Lato, Arial;
	line-height: 2vw;
	margin-top: 1vw;
}

div#cat_dropdown>ul>li>ul{
	list-style-type: none;
	border-left: 1px solid white;
	margin-left: -20px;
    padding-left: 20px;
	margin-top: .8vw;
    margin-bottom: 1.5vw;
}

div#cat_dropdown>ul>li>ul>li{
	line-height: 0.8vw;
	padding: 0.65vw 0;
}

div#cat_dropdown>ul>li>ul>li:first-of-type{
	padding-top: 0;
}

div#cat_dropdown>ul>li>ul>li:last-of-type{
	padding-bottom: 0;
}

div#cat_dropdown>ul>li>a{
	font-size: 1.4vw;
}

div#cat_dropdown a{
	font-family: "Lato Light", Lato, Arial;
	color: #fff;
}

div#cat_dropdown a:hover{
	color: #ccc;
}

aside#search_form{
	position: absolute;
    right: 20px;
    top: 85px;
    /*background-color: #495252;*/
	background-color: #666;
    padding: 2px;
	display: none;
}

aside#search_form input[type=text]{
	border: 0px;
	color: #363636;
	text-transform: uppercase;
}

aside#search_form input[type=submit]{
	background-color: #0071C7;
	border: 0px;
	color: white;
	text-transform: uppercase;
	padding: 1px 5px;
}

#search_button_large{
	cursor: pointer;
}

img.custom-logo{
	width:12vw;
	height: auto;
	margin: 0.3vw auto 0.3vw 1vw;
}

.carousel-item img{
	max-height: 715px;
}

div.items_section {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

section.related{
	padding-left: 3vw;
	padding-right: 3vw;
}

section.related h2{
	text-transform: uppercase;
	font-size: 1.2vw;
}

div.items_section ul, section.related ul{
	list-style-type: none;
	/*display: flex;
	justify-content: space-around;
	width: 88vw;
	flex-wrap: wrap;*/
	padding-left: 0px;
	width: 94vw;
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

div.items_section ul>a, section.related ul>a{
	display: none;
}

div.items_section ul li, section.related ul li{
	background-color: #006DB8;
	/*max-width: 15vw;*/
	border: 1px solid #afb1b1;
	display: inline-block;
	text-align: center;
	min-width: 150px;
	margin: 0 0px 15px 0px;
	width: auto !important;
}

div.items_section ul li a, section.related ul li a, body #products_main .items_section a{
	position: relative;
	display: inline-block;
}

.category_item_list a{
	position: relative;
	display: flex;
	flex-direction: column;
}

div.items_section ul li img, section.related ul li img{
	max-width: 100%;
	/*max-height: 15vw;*/
	min-width: 150px;
	min-height: 150px;
	height: auto;
	width: auto;
}

div.items_section ul li a h2, section.related ul li a h2{
	color: #FFF !important;
    font-size: 1rem;
	margin-bottom: 0px;
	padding: 10px;
}

div.items_section ul li a .item_overlay, section.related ul li a .item_overlay, body #products_main .items_section a .item_overlay, .category_item_list a .item_overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0071C7;
	color: #fff;
	padding: 15px;
	overflow: hidden;
	display: none;
	font-size: 1rem;
	text-align: left;
	text-transform: none;
	line-height: 1.6;
}

div.items_section ul li a .item_overlay_name, section.related ul li a .item_overlay_name, body #products_main .items_section a .item_overlay_name, .category_item_list a .item_overlay_name{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin-bottom: 0px;
	padding: 10px;
	background-color: #fff;
	color: #0071C7;
	line-height: 1.2;
	text-align: center;
	height: auto;
	text-transform: uppercase !important;
}

#success h2{
	font-size:2.7vw;
	font-family: "Lato Light", Lato, Arial;
}

.flex-center{
	align-content: center;
	align-items: center;
	display: flex;
	text-align: center;
	justify-content: center;
}

.flex-bottom-item{
	align-self: flex-end;
	display: inline-flex !important;
}

#info-menu h6, #shop-menu h6{
	border-bottom: 1px solid white;
	padding-bottom: 4px;
	font-size: 1.25rem;
}

footer h3, footer h5, footer h6{
	font-family: "Lato Light", Lato, Arial !important;
	font-size: 1.25rem;
	border-bottom: 1px solid white;
    padding-bottom: 4px;
}

aside.p-3{
	padding: 1.5rem !important;
}

#banner aside h1{
	font-size: 2.9vw;
	width: 61vw;
	margin: .3vw 0;
	font-family: "Lato Light", Lato, Arial;
	text-align-last: justify;
	text-align: justify;
	text-justify: distribute;
}

html body main #banner aside div{
	text-align: left;
}

html body main #banner aside div div#leftdiv{
	width: 40%;
	text-align: justify;
	text-align-last: justify;
	text-justify: distribute;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

html body main #banner aside div div#rightdiv{
	width: 45%;
	text-align: justify;
	text-justify: distribute;
	display: inline-block;
	vertical-align: top;
	font-family: "Lato Light", Lato, Arial;
	margin-left: 2%;
}

html body main #banner aside div div#rightdiv p{
	font-family: "Lato Light", Lato, Arial;
	font-size: 1.3vw;
	text-align: justify;
}

html body main #banner aside div div#leftdiv h4{
	font-family: "Lato Light", Lato, Arial;
	font-size: 2.6vw;
}

html body main #banner aside div div#leftdiv h2{
	font-family: "Lato Light", Lato, Arial;
	font-size: 4vw;
	line-height: 2vw;
}

footer input[type=submit]{
	background-color: #006DB8;
	border: none;
	padding: 5px 15px;
	color: white;
	text-transform: uppercase;
	bottom: 1vw;
    height: 48px;
    /*right: 0px;*/
    position: absolute;
	font-size: 1.2vw;
}

#featured .d-flex{
	flex-direction: column !important;
}

.jumbotron{
	padding: 2rem 3vw !important;
	margin-bottom: 0px !important;
}

#mobile-nav, #mobile-cat{
	background-color: #666;
	color: #fff;
	width: 100%;
	display: none;
}

#mobile-nav ul, #mobile-cat ul{
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 3rem;
}

#mobile-nav ul li, #mobile-cat ul li{
	font-size: 1.2vw; 
	padding: .4vw 5vw;
	text-align: left;
}

#mobile-cat ul li{
	color: #02365F;
}

#mobile-cat>ul>li>a{
	font-weight: bold;
}

#mobile-cat ul li ul{
	margin: 2vw 0;
}

#mobile-cat ul li ul li{
	border-left: 1px solid white;
}

#mobile-nav a, #mobile-cat a{
	color: #fff;
	font-family: "Lato Light", Lato, Arial;
	text-transform: uppercase;
}

div#mobile-nav-top, div#mobile-cat-top{
	margin-top: 4vw;
	text-align: right;
}

span#mobile-nav-close, span#mobile-cat-close{
	font-size: 1.5rem;
	font-family: "Lato Light", Lato, Arial;
	cursor: pointer;
	padding-left: 4vw;
	padding-right: 4vw;
	line-height: 6vw;
}

#h_categorie_mob{
	display: none;
}

#demo_mob{
	display: none;
}

.single_item_title{
	
	color: #ffffff;
	background:#0071C7;
	padding: 2.7vw 0vw .7vw 1.8vw;
}

.single_item_title h2, .single_item_title h3{
	font-size: 1.4vw;
	max-width: 95%;
}

.woocommerce-breadcrumb{
	margin-top: 1.5vw !important;
	margin-left: 2vw !important;
	display: none !important;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
	width: 50% !important;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	width: 50% !important;
}

.single_product_top{
	display: flex;
}

.woocommerce-page div.product div.images{
	display: inline-flex;
	float: none;
}

.woocommerce-page div.product div.images figure{
	width: 100%;
}

.woocommerce-page div.product div.summary{
	float: none;
	display: inline-flex;
	flex-direction: column;
	flex: 1;
	position: relative;
}

/*.woocommerce div.product div.summary{
	margin-bottom: 5em;
}
*/
.woocommerce-product-details__short-description{
	padding-top: 1vw;
	flex: 1;
	border-bottom: 2px solid #ccc;
}

.woocommerce-product-details__short-description, .product_meta{
	padding-left: 1.2vw;
	padding-right: 1.2vw;
}

div#tab-description, div#tab-downloads, div#tab-parts {
    padding: .8vw 2vw;
}

.woocommerce-tabs.wc-tabs-wrapper {
    max-width: 1350px;
    margin: 0 auto 6vw auto;
}

.tabs > li {
	text-transform: uppercase;
	border-radius: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{
	display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #424141;
    z-index: 2;
    border-bottom-color: #4a4545;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    /*border: 1px solid #495252;*/
	border: 1px solid #999;
    border-bottom-color: rgb(73, 82, 82);
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 0;
    margin: 0 -1px;
    padding: 0 1em;
	border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #fff;
    text-shadow: inherit;
}

.woocommerce-product-details__short-description p{
	line-height: 1.3vw;
}

.woocommerce-product-details__short-description p.industry_sub{
	color: #c59142;
	margin-bottom: 0.2vw;
	margin-top: 1.5vw;
}

.woocommerce-product-details__short-description p.industry_standards{
	line-height: 1.2vw;
}

.configurator_button {
	color: #2490bb;
    border: 1px solid #2490bb;
    padding: 0.2vw 3vw;
    text-transform: uppercase;
    display: inline-block;
    /*float: right;
    margin-right: 4vw;
	margin-top: 4vw;*/
	position: absolute;
	bottom: 1vw;
	right: 3vw;
}

.configurator_button:hover{
	color: #fff;
	background-color: #2490bb;
}

.content_bottom_image{
	position: absolute;
	bottom: 1vw;
}

.woocommerce .related.products ul::before{
	content:none;
}

.items_type span h4, .items_section span h4{
	color: #006DB8 !important;
	cursor: pointer;
}

.bg-primary {
    background-color: #006db8 !important;
}

/** cat page stuff **/
header.products_cat_header{
	width: 100%;
	background-color: #006DB8 !important;
	box-shadow: none;
	border-bottom: 2px solid #006DB8;
	display:none;
}

header.products_cat_header h1, header.products_cat_header h2, header.products_cat_header h3{
	text-transform: uppercase;
	color: #fff;
	/*margin-bottom: 0.5vw;*/
	font-family: "Lato Light", Lato, Arial !important;
}

header.products_cat_header h1{
	font-size: 2.2vw;
	line-height: 2vw;
}

header.products_cat_header h3{
	font-size: 1.5vw;
	line-height: 1.3vw;
	margin-bottom: 0 !important;
}

.products_cat_header_left{
	width: 30vw;
	margin-left: 9.1vw;
	padding: 1vw 0;
	display: inline-block;
	float: left;
}

.products_cat_header_right{
	width: 60vw;
	padding: 0.9vw 3vw;
	display: inline-block;
	background-color: #fff !important;
	float: left;
	font-size: 1.4vw;
	color: #000 !important;
	font-family: "Lato Light", Lato, Arial;
	text-transform: uppercase;
}

.products_cat_header_right a{
	font-weight: bold;
	font-size: 1.1vw;
	font-family: Lato, Arial;
	color: #006db8;
}

.products_cat_header_list{
	/*display: flex;
	justify-content: space-between;*/
	display: grid;
	/*grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
	grid-template-columns: auto auto auto auto auto;
}

.category_content{
	width: 100vw;
    padding: 2vw 2vw 2vw;
}
.category_content_products{
	width: 100vw;
    padding: 2.5vw 2.5vw 2vw 1vw; 
}
.category_content_products .items_section_sub1{
    padding: 1.5vw 10vw 1vw;
}
h2.bor-tit::after {
    margin-left: 3%;
    text-align: right;
}
.category_content h2{	
    /*line-height: 1.4rem;*/
    font-family: "Lato Light", Lato, Arial;
    color: #006DB8;
    font-size: 2.2rem;
}
h2.bor-tit {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
	color:#0071C7
}
h2.bor-tit:before, h2.bor-tit:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 47%; 
    height: 1px;
    content: '\a0';
    background-color: #ccc;
}
h2.bor-tit:before {
    margin-left: -50%;
    text-align: right;
}
.category_content ul{
	list-style-type: none;
	padding-left: 0px;
	margin: 0 auto;
	width: 55vw;
    font-size: 1.2rem;
    font-family: "Lato Light", Lato, Arial;
    margin: .9vw auto;
	padding-bottom: 20px;
	/*line-height: 2vw;*/
	

}

.category_content ul li a, .checkboxfilters span{color:#212529 ;	text-transform:uppercase;font-weight:300;}
.checkboxfilters span{margin-left:10px;color: #0a4f95;}
.category_content ul li div{
	width: 0.5vw;
	height: 0.5vw;
	display: inline-block;
	background-color: #006DB8;
	margin-right: 1vw;
	vertical-align: middle;
}

.category_content ul li span{
	vertical-align: middle;
}

.category_item_list_name{
	text-align: left;
	font-size: 1.2vw;
	font-family: Lato, "Lato Light", Arial;
	text-transform: uppercase;
}

.category_item_list ul{
	list-style-type: none;
    padding-left: 0px;
    width: 100%;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 30px;
	text-indent: 0vw;
}

.category_item_list ul li{
	background-color: #006DB8;
    /* max-width: 15vw; */
    border: 1px solid #afb1b1;
    display: inline-block;
    text-align: center;
    min-width: 150px;
    margin: 0 0px 15px 0px;
}

.category_item_list ul li img{
	max-width: 100%;
    min-width: 150px;
    min-height: 150px;
    height: auto;
    width: 100%;
}

.category_item_list ul li a h2{
	color: #FFF !important;
    font-size: 1rem;
    margin-bottom: 0px;
    padding: 10px;
	line-height: 1.4rem;
	min-height: 90px;
}

.category_item_list a .item_overlay_name{
	min-height: 90px;
}

.category_separator{
	width: 100%;
	margin: 2vw 0;
	height: 2px;
	background-color: #999;
}

/* single page */

.page_featured_div{
	width: 100%;
    max-height: 35vh;
    overflow: hidden;
    position: relative;
    height: 35vh;
}

.page_featured_div img{
	position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
	min-width: 100%;
}

.page_title_div{
	width: 50%;
	background-color: #0071C7;
	padding: 0.5vw 0vw 0.5vw 3vw;
	float: right;
}

.page_title_div h1{
	color: #fff;
	font-family: 'Lato Light';
	font-size: 2.7vw;
}

.page_motto_div{
	width: 50%;
    float: left;
    color: #eee;
    font-size: 2vw;
    font-family: Lato;
    text-align: right;
    padding-top: 1vw;
    padding-right: 4vw;
    text-transform: uppercase;
	user-select: none;
}

.page_content_div{
	/*width: 50%;
	margin: 0 25% 5vw 25%;*/
	width: 50%;
    margin: 0 auto 5vw auto;
    min-width: 960px;
}

.page_content_div p{
	text-align: justify;
}

h2.content_h2{
	color: #666;
	margin-bottom: 30px;
}

.content_sep{
	height: 1px;
	width: 100%;
	background-color: #aaa;
	margin: 20px 0;
}

table.timeline td.year{
	border-right: 2px solid #ccc;
	color: #006DB8;
	font-size: 25px;
    vertical-align: top;
    padding-right: 20px;
}

table.timeline td.yeartext{
	padding: 10px 0px 10px 20px;
	vertical-align: top;
}

div.contact_grayboxes{
	display: grid;
	grid-gap: 10px;
	grid-template-columns: 1fr 1fr;
}

div.contact_graybox{
	background-color: #f4f8fb;
	border: 2px solid #d9e1e8;
	padding:20px;
	width:100%;
	text-align: center;
	position: relative;
	padding-bottom: 70px;
}

div.contact_graybox p{
	text-align: center;
}

a.graybox_link{
	display: block;
	width: 70%;
	margin: 20px auto;
	padding: 10px 0;
	color: white;
	background-color: #0071C7;
	position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
	text-align: center;
}

.contact_address{
	width: 100%;
	border: 2px solid #d9e1e8;
	background-color: #f4f8fb;
	margin-top: 20px;
}

.contact_address_map{
	float: left;
	width: 70%;
	padding-right: 30px;
	text-align: center;
}

.map-responsive{
    overflow:hidden; 
    padding-bottom:58.25%;
    position:relative; 
    height:0;
} 
 
.map-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute; 
}

.contact_address_text{
	float: right;
	width: 30%;
	padding-top: 20px;
}

.contact_address_text a{
	color: #0092b3;
	font-weight: bold;
}

.search_result{
	font-size: 0;
	margin-bottom: 40px;
}

.result_img{
	display: inline-block;
	width: calc(25% - 2px);
	vertical-align: top;
	border: 1px solid #afb1b1;
}

.result_img img{
	max-width: 100%;
}

.result_content{
	display: inline-block;
	width: 75%;
	/*margin-left: 5%;*/
	vertical-align: top;
	font-size: 1vw;
}

.result_content .search-post-title{
	display: block;
	color: #fff;
	background-color: #006DB8;
	font-size: 1.2vw;
	font-family: "Lato Light";
	padding: 5px 15px 5px 40px;
	text-align: left;
}

.result_content .search-post-title a{
	color: #fff;
}

.result_content .search-post-content{
	font-size: 0.8vw;
	padding: 20px 40px;
}

.result_content .search-post-content img{
	display:none;
}

.result_content .search-post-content .search-post-link{
	float: right;
	margin-top: 15px;
}

/*Sticky header */

header{
	position: fixed !important;
	top: 0px;
}

main{
	margin-top:70px;
}

@media screen and (max-width: 1200px) and (min-width: 990px) {
	footer>div{
		width: 90% !important;
	}
	
	footer>section.w-75{
		width: 90% !important;
	}

}

@media screen and (max-width: 1100px) {
	div.items_section ul{
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.page_content_div{
		width: 85%;
		min-width: auto;
	}
	
	.map-responsive{
		padding-bottom:84.25%;
	}
	
	div.items_section ul li a .item_overlay, section.related ul li a .item_overlay{
		font-size: 1.85vw;
	}
}

@media screen and (max-width: 990px) {
	.items_section_sub1{padding:1.5vw 0vw 1vw;}
	.items_section_sub1 ul li{min-width:151px;}
	body #products_main .left-filters aside h3{font-size:1.8rem !important;}
	.category_item_list ul li img{min-width:148px;}
	#primary_nav{
		display: none !important;
	}
	
	html body header #h_categorie div p{
		padding: 1vw;
		font-size: 2vw;
	}
	
	html body header #h_categorie div span{
		font-size: 2vw;
		padding: 1vw;
	}
	
	html body header #h_categorie{
		max-width: none;
		width: 30vw !important;
		flex: auto;
	}
	
	#h_categorie{
		display: none !important;
	}
	
	#h_categorie_mob{
		color: white;
		/*background-color: #0071C7;*/
		display: inline-block !important;
		/*padding: 2vw 3vw;*/
		top: 30px;
		position: absolute;
		right: 20px;
		cursor: pointer;
		border-radius: 0px;
		font-size: 3vw;
	}
	
	#h_categorie_mob #mobile-menu-button{
		background-color: #0071C7;
		padding: 1vw 2vw;
    	font-size: 2vw;
	}
	
	#h_categorie_mob #mobile_cat_button{
		background-color: #666;
		padding: 1vw 2vw;
    	font-size: 2vw;
	}
	
	#h_categorie_mob #mobile_search_button{
		/*background-color: #0071C7;*/
		background-color: #666;
		padding: 1vw 1vw;
    	font-size: 2vw;
		line-height: 2vw;
		margin-right: 1px;
	}
	
	aside#search_form{
		padding: 0.5vw;
		top: calc(29px + 5vw);
	}
	
	aside#search_form input[type=text]{
		height: 4vw;
    	font-size: 1.8vw;	
		vertical-align: top;
	}
	
	aside#search_form input[type=submit]{
		height: 4vw;
    	font-size: 1.8vw;
		vertical-align: top;
	}
	
	header>aside.col-6{
		flex: 1;
		max-width: none;
	}
	
	img.custom-logo{
		width: 25vw;
	}
	
	html body main #hero .carousel-item {
		height: auto;
	  }
	
	html body main #hero .hero-aside{
		width: 50vw;
		max-width: 100%;
	}
	
	section.related h2{
		font-size: 2.2vw;
	}
	
	div.items_section ul li a h2, section.related ul li a h2, div.items_section ul li a .item_overlay_name, section.related ul li a .item_overlay_name{
		font-size: 2.1vw;
	}
	
	html body footer section {
		width: 100%;
	  }
	
	footer #footer-flex-first{
		width: calc(50% - 10px);
		}
	
	footer #footer-flex-second{
		width: 50%;
	}
	
	footer #footer-flex-third{
		width: 100%;
		margin-left: 0px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	footer input[type=submit]{
		width: 100% !important;
		font-size: 3vw;
	}
	
}

@media screen and (max-width: 900px) {
	
	html body main #banner aside h1, html body main #banner aside h2, html body main #banner aside h4{
		font-size: 4vw;
	}
	main#products_main{
		margin-top:0 !important; 
	}
	#banner aside h1{
		width:98vw;
	}
	
	html body main #enclsoures #about aside{
		font-size: 2vw;
		text-align: left;
	}
	
	html body main #enclsoures #about h6{
		text-align: left;
	}
	
	#success h2{
		font-size: 3vw;
	}
	
	.contact_address_map, .contact_address_text{
		float: none;
    	width: 100%;
		padding-right: 0px;
		text-align: center;
	}
	
	.map-responsive{
		padding-bottom: 53.25%;
	}
	
	.contact_address_text{
		padding-bottom: 20px;
	}
	
	.contact_address_text p{
		text-align: center;
	}

	
}

@media screen and (max-width: 800px) and (min-width: 700px){
	footer>div{
		width: 90% !important;
	}
	
	footer>section.w-75{
		width: 90% !important;
	}
	
}

@media screen and (max-width: 700px) {
	
	#featured{
		align-items: baseline;
	}
	
	#featured>div{
		padding: 0 !important;
		display: flex;
		align-self: stretch;
	}
	
	#featured>div>a{
		text-align: center;
		width: 100%;
		align-content: center;
		align-items: center;
		display: flex !important;
		flex-direction: column;
		padding: 50px 0 !important;
	}
	
	#featured>div>a>h5{
		padding: 0px !important;
	}
	
	#featured .d-flex{
		margin: 0px !important;
		flex-direction: column;
	}
	
	#success h2{
		font-size: 6vw;
		text-align: left !important;
		text-align-last: left;
	}
	
	.category_content ul{
		width: 70vw;
		font-size: 2.5vw;
		line-height: 3.5vw;
	}
	
	.category_item_list_name{
		font-size: 5vw;
	}
	
	section.related h2 {
		font-size: 4.2vw;
	}
	
	.page_title_div{
		width: 50%;
    	padding: 2vw 0vw 0.5vw 3vw;
	}
	
	.page_title_div h1{
		font-size: 5vw;
	}
	
	.page_motto_div{
		width: 50%;
		padding: 2vw 2vw 0 0;
		font-size: 4vw;
	}
	
	.page_content_div {
		width: 70%;
		margin: 10vw 15% 5vw 15%;
	}
	
	div.contact_grayboxes{
		grid-template-columns: 1fr;
	}
	
	footer #footer-flex-first{
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	footer #footer-flex-second{
		width: 100%;
		justify-content: space-between;
	}
	
	footer #footer-flex-third{
		width: 100%;
		margin-left: 0px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

}

@media screen and (max-width: 600px) {
    .left-filters.mobile{display:block;}
	#mobile-nav ul li, #mobile-cat ul li{
	font-size: 1.4rem;
    line-height: 1.8;
	
}

	.rightcat-content{width:100%;}
	body #products_main .left-filters aside h3{font-size:1.8rem !important;}
	.category_content .left-filters.mobile aside h3{font-size:5vw !important;}
	.category_content .left-filters.mobile aside h4{font-size:4vw !important;}
	.category_content ul{font-size:2.5vw;}
	.items_section1 ul, .items_section_sub1 ul{display:inherit !important;width:100% !important;}
	.items_section_sub1 ul li a h2, .items_section_sub1 ul li a h2{font-size:3.1vw!important;}
	html body header.justify-content-around{
		justify-content: left !important;
	}
	
	html body header.justify-content-around aside.p-3{
		padding: 1.5rem 1rem !important;		
	}
	
	html body header #h_categorie div p{
		font-size: 3vw;
	}
	
	html body header #h_categorie div span{
		font-size: 3vw;
	}
	
	html body header #h_categorie{
		max-width: none;
		width: 30vw !important;
		flex: auto;
	}
	
	img.custom-logo{
		width: 35vw;
	}
	
	html body main #hero .hero-aside{
		width: 87vw;
	}
	
	html body main #hero .hero-aside a{
		font-size: 2.9vw !important;
		width: 35% !important;
		padding: 4px 5px !important;
		display: inline-block;
		margin: 0;
	}
	
	html body main #hero .hero-aside p{
		font-size: 2.5vw !important;
	}
	
	html body main #hero .hero-aside h6{
		font-size: 4vw !important;
	}
	
	html body main #hero .hero-aside h3{
		font-size: 4vw !important;
		line-height: 1 !important;
	}
	
	#selector{
		left: 42% !important;
		bottom: 2% !important;
	}
	
	.h3, h3{
		font-size: 4vw !important;
	}
	
	html body main #banner{
		margin-top: 0vw;
	}
	
	#desktopbanner{
		display: none;
	}
	
	#mobilebanner{
		display: block;
	}
	
	html body main #banner aside{
		top: -8vw;
		padding: 2vw 6vw;
	}
	
	#banner aside h1{
		width:88vw;
	}
	
	#banner aside h1, #banner aside h4, #banner aside h2{
		text-align: left !important;
		text-align-last: left !important;
		
	}
	
	#banner aside h3{
		margin-bottom: 4px;
	}
	
	html body main #banner aside div div#leftdiv{
		width: 100%;
	}
	
	html body main #banner aside div div#leftdiv h4{
		text-align: center;
		text-justify: auto;
		text-align-last: center;
		font-size: 5vw;
		margin-bottom: 0px;
		padding-bottom: 0px;
		letter-spacing: 0.7vw;
	}
	
	html body main #banner aside div div#leftdiv h2{
		font-size: 10vw !important;
		line-height: 10vw;
		font-weight: 300;
		text-align-last: center;
		margin-bottom: 0px !important;
		padding-bottom: 8px !important;
	}
	
	html body main #banner aside div div#rightdiv{
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	
	html body main #banner aside div div#rightdiv p{
		font-size: 3vw;
		line-height: 4vw;
	}
	
	html body main #banner #banner_btn{
		right: 10%;
	}
	
	html body main #banner #banner_btn a{
		font-size: 3vw;
	}
	
	div.items_section ul{
		grid-template-columns: 1fr 1fr;
	}
	
	div.items_section ul li{
		min-width: 150px;
		min-height: 150px;
		margin: 0 5px 10px 5px;
		max-height: none;
		max-width: none;
	}
	
	div.items_section ul li img{
		min-width: 150px;
		max-height: none;
		max-width: 100%;
	}
	
	div.items_section ul li a h2{
		font-size: 3vw;
	}
	
	#desktopcomps{
		display: none;
	}
	
	#mobilecomps{
		display: block;
	}
	
	html body main #success{
		padding: 3rem 5vw !important;
	}
	
	html body main #success div{
		width: 100%;
	}
	
	#h_categorie{
		display: none !important;
	}
	
	#h_categorie_mob{
		color: white;
		display: inline-block !important;
		top: 12px;
		position: absolute;
		right: 0px;
		cursor: pointer;
		font-size: 5vw;
	}
	
	#h_categorie_mob #mobile-menu-button{
		padding: 2vw 4vw;
	}
	
	#h_categorie_mob #mobile_cat_button{
		padding: 2vw;
	}
	
	#h_categorie_mob #mobile_search_button{
		padding: 0vw 2vw;
    	font-size: 5vw;
		line-height: 10vw;
		height: 10vw;
		vertical-align: top;
		display: inline-block;
	}
	
	#h_categorie_mob #mobile_search_button .fa{
		line-height: 10vw;
	}
	
	aside#search_form{
		right: 0px;
		top: calc(20px + 10vw);
		padding: 0.5vw;
		width: 100%;
		font-size: 0;
	}
	
	aside#search_form input{
		height: 8vw !important;
		font-size: 2.8vw !important;
	}
	
	aside#search_form input[type=text]{
		width: calc(70% - 1px);
		display: inline-block;
	}
	
	aside#search_form input[type=submit]{
		width: 30%;
		display: inline-block;
		margin-left: 1px;
	}
	
	#h_categorie_mob #mobile-menu-button, #h_categorie_mob #mobile_cat_button{
		height: 10vw;
		display: inline-block;
		font-family: "Lato Light";
		vertical-align: top;
		font-size: 4.5vw;
	}
	
	#demo{
		display: none;
	}

	#demo_mob{
		display: block;
	}
	
		
	html body main #demo_mob .hero-aside{
		top: 4%;
		display: block;
	}
	
	html body main #hero .hero-aside div{
		width: 100%;
		display: block;
	}
	
	.products_cat_header_left{
		width: 23vw;
		margin-left: 2vw;
		padding: 1vw 0;
	}
	
	.products_cat_header_right{
		width: 75vw;
		padding: 0.9vw 1vw;
		font-size: 2.5vw;
	}
	
	header.products_cat_header h1{
		font-size: 3.2vw;
		font-weight: bold;
		margin-bottom: 1vw;
		line-height: 3.2vw;
	}
	
	header.products_cat_header h3{
		font-size: 3.5vw !important;
    	line-height: 4vw;
	}
	
	.products_cat_header_right a{
		width: 50%;
    	text-align: left;
		font-size: 3.3vw;
		padding: 1vw 0;
	}
	
	.products_cat_header_list {
		flex-wrap: wrap;
		display: flex;
		justify-content: space-between;
	}
	
	.category_item_list ul{
		margin-top: 10px;
	}
	
	.category_content{
		padding: 4vw 2vw 2vw;
	}
	
	.category_content h2{
		line-height: 1.4rem;
		font-size: 1.2rem !important;
	}
	
	.category_content ul{
		font-size: 4.5vw;
    	line-height: 6.5vw;
		width: 90vw;
	}
	
	div.items_section ul li a .item_overlay, section.related ul li a .item_overlay{
		font-size: 2.85vw;
		padding: 2vw;
	}
	
}

@media screen and (max-width: 500px) {
	
	#l_enclsoures h4{
		font-size: 6vw !important;
	}
	
	html body main #enclsoures #l_enclsoures .m-4 a{
		font-size: 3vw !important;
	}
	
	html body main #enclsoures #about aside a{
		font-size: 4vw;
		width: 100%;
		text-align: center;
	}
	
	html body main #enclsoures #about aside .bordered{
		margin: 20px 0;
	}
	
	div.items_section ul li{
		min-width: 160px;
		margin: 0 5px 10px 5px;
	}
	
	div.items_section ul li img{
		min-width: 160px;
		min-height: 160px;
	}
}

@media screen and (max-width: 400px) {
	.left-filters.mobile{display:block;}
	img.custom-logo{width:40vw;}
	html body header #h_categorie div p{
		font-size: 4vw;
	}
	
	html body header #h_categorie div span{
		font-size: 4vw;
	}
	
	html body header #h_categorie{
		max-width: none;
		width: 30vw !important;
		flex: auto;
	}
	
	img.custom-logo{
		width: 40vw;
	}
	
	.carousel-item img{
		height: auto;
		width: 100%;
		float: right;
	}
	
	div.items_section ul li{
		min-width: 130px;
		margin: 0 5px 10px 5px;
	}
	
	div.items_section ul li img{
		min-width: 130px;
		min-height: 130px;
	}
	
	.category_item_list_name{
		font-size: 6vw;
	}
	
	.category_content h2{
		line-height: 1.4rem;
		font-size: 1.2rem !important;
	}
	
	.category_content ul{
		font-size: 4.5vw;
    	line-height: 6.5vw;
	}
	
	.category_item_list ul li a h2{
		font-size: 1.2rem;
	}
	
	section.related h2 {
		font-size: 6.2vw;
	}
	
	.page_title_div{
		width: 65%;
    	padding: 4vw 0vw 0.5vw 3vw;
	}
	
	.page_title_div h1{
		font-size: 8vw;
	}
	
	.page_motto_div{
		width: 35%;
		padding-top: 3vw;
	}
	
	footer #footer-flex-second{
		flex-wrap: wrap;
	}
	
	footer #footer-flex-second #shop-menu{
		flex-basis: 100% !important;
	}
	
	footer #footer-flex-second #info-menu{
		flex-basis: 100% !important;
	}
}

@media screen and (max-width: 340px) {
	div.items_section ul{
		grid-template-columns: 1fr;
	}
}