@charset "utf-8";

/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * www.faroe.fi
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2019
 */


/*
 *
 * INSTRUCTIONS
 *
 * Copy the Legal Disclaimer and the @font-faces statements to your regular CSS file.
 * The fonts folder(s) should be placed relative to the regular CSS file.
 *
 * You can use either the complete or subsetted fonts:
 * If you don’t require the entire range of characters, you can use the smaller, subsetted webfonts instead.
 * See "Glyphs & Languages" for an overview of the characters in the corresponding html file in the root directory of this package.
 *
 */


/* Complete */




@font-face {
    font-family: "LL Akkurat Bold Web";
    src: url("fonts/lineto-akkurat-bold.eot");
    src: url("fonts/lineto-akkurat-bold.eot?#iefix") format("embedded-opentype"),
         url("fonts/lineto-akkurat-bold.woff2") format("woff2"),
         url("fonts/lineto-akkurat-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LL Akkurat Bold Italic Web";
    src: url("fonts/lineto-akkurat-bolditalic.eot");
    src: url("fonts/lineto-akkurat-bolditalic.eot?#iefix") format("embedded-opentype"),
         url("fonts/lineto-akkurat-bolditalic.woff2") format("woff2"),
         url("fonts/lineto-akkurat-bolditalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LL Akkurat Italic Web";
    src: url("fonts/lineto-akkurat-italic.eot");
    src: url("fonts/lineto-akkurat-italic.eot?#iefix") format("embedded-opentype"),
         url("fonts/lineto-akkurat-italic.woff2") format("woff2"),
         url("fonts/lineto-akkurat-italic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LL Akkurat Light Web";
    src: url("fonts/lineto-akkurat-light.eot");
    src: url("fonts/lineto-akkurat-light.eot?#iefix") format("embedded-opentype"),
         url("fonts/lineto-akkurat-light.woff2") format("woff2"),
         url("fonts/lineto-akkurat-light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LL Akkurat Light Italic Web";
    src: url("fonts/lineto-akkurat-lightitalic.eot");
    src: url("fonts/lineto-akkurat-lightitalic.eot?#iefix") format("embedded-opentype"),
         url("fonts/lineto-akkurat-lightitalic.woff2") format("woff2"),
         url("fonts/lineto-akkurat-lightitalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LL Akkurat Regular Web";
    src: url("fonts/lineto-akkurat-regular.eot");
    src: url("fonts/lineto-akkurat-regular.eot?#iefix") format("embedded-opentype"),
         url("fonts/lineto-akkurat-regular.woff2") format("woff2"),
         url("fonts/lineto-akkurat-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}


/* Subsetted */

@font-face {
    font-family: "LL Akkurat Bold Sub";
    src: url("fonts_subsetted/lineto-akkurat-bold.eot");
    src: url("fonts_subsetted/lineto-akkurat-bold.eot?#iefix") format("embedded-opentype"),
         url("fonts_subsetted/lineto-akkurat-bold.woff2") format("woff2"),
         url("fonts_subsetted/lineto-akkurat-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LL Akkurat Bold Italic Sub";
    src: url("fonts_subsetted/lineto-akkurat-bolditalic.eot");
    src: url("fonts_subsetted/lineto-akkurat-bolditalic.eot?#iefix") format("embedded-opentype"),
         url("fonts_subsetted/lineto-akkurat-bolditalic.woff2") format("woff2"),
         url("fonts_subsetted/lineto-akkurat-bolditalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LL Akkurat Italic Sub";
    src: url("fonts_subsetted/lineto-akkurat-italic.eot");
    src: url("fonts_subsetted/lineto-akkurat-italic.eot?#iefix") format("embedded-opentype"),
         url("fonts_subsetted/lineto-akkurat-italic.woff2") format("woff2"),
         url("fonts_subsetted/lineto-akkurat-italic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LL Akkurat Light Sub";
    src: url("fonts_subsetted/lineto-akkurat-light.eot");
    src: url("fonts_subsetted/lineto-akkurat-light.eot?#iefix") format("embedded-opentype"),
         url("fonts_subsetted/lineto-akkurat-light.woff2") format("woff2"),
         url("fonts_subsetted/lineto-akkurat-light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LL Akkurat Light Italic Sub";
    src: url("fonts_subsetted/lineto-akkurat-lightitalic.eot");
    src: url("fonts_subsetted/lineto-akkurat-lightitalic.eot?#iefix") format("embedded-opentype"),
         url("fonts_subsetted/lineto-akkurat-lightitalic.woff2") format("woff2"),
         url("fonts_subsetted/lineto-akkurat-lightitalic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "LL Akkurat Regular Sub";
    src: url("fonts_subsetted/lineto-akkurat-regular.eot");
    src: url("fonts_subsetted/lineto-akkurat-regular.eot?#iefix") format("embedded-opentype"),
         url("fonts_subsetted/lineto-akkurat-regular.woff2") format("woff2"),
         url("fonts_subsetted/lineto-akkurat-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}


html,
body {
  height: 100%;
 /* background-color: rgb(206,225,225);*/

  font-family: Helvetica, sans-serif;
  font-size: 16px;
}



.img {
  max-width: 100%; }

.spacer_2em {
  margin-top: 2em;
  display: block;
}

.spacer_4em {
  margin-top: 4em;
  display: block;
}





h1 {
  color: rgb(50,50,50);
  font-size: 2em; 
  font-family: "LL Akkurat Bold Web";
  text-align: center;
 
}

h2 {
  color: rgb(102,102,102);
  font-family: "LL Akkurat Bold Web";
  font-size: 1.5em;
  text-align: left;

}

p {
  color: rgb(50,50,50);
  font-family: "LL Akkurat Regular Web";

}

/* farö styling */

p.product_header {
   font-family: "LL Akkurat Bold Web";
  font-size: 0.9em;
  text-align: center;
  margin-top: 1em;
}

h1.product_details_header1{
  font-family: "LL Akkurat Bold Web";
  font-size: 1.5em;
  margin-bottom: 1em;
  text-align: center;
  text-transform: uppercase;

}

h2.contacts {
  font-family: "LL Akkurat Bold Web";
  font-size: 1.3em;
  color: rgba(50,50,52,1);
  margin-bottom: 1em;
  text-align: center;
  text-transform: uppercase;

}

h2.header_retailers1 {
  font-family: "LL Akkurat Bold Web";
  font-size: 1.2em;
  color: rgb(30,30,32);
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 1em;
}

h3.header_retailers_town{
  font-family: "LL Akkurat Bold Web";
  font-size: 1em;
  color: rgb(50,50,52);
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 1em;
}

h4.header_relailer {
  font-family: "LL Akkurat Bold Web";
  font-size: 0.8em;
  line-height: 1.2em;
  color: rgb(70,70,72);
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 0;
}

p.retailer_address {
   font-family: "LL Akkurat Regular Web";
  font-size: 0.8em;
  line-height: 1.2em;
  color: rgb(70,70,72);
  text-align: left;
  margin-bottom: 2em;
}

a.retailer_link {
  color: rgb(128,128,128);
}

a.retailer_link:hover {
  color: rgb(180,180,182);
}

.box_margins{
  margin-top: 4em;
  margin-bottom: 4em;
  margin-left: 4em;
  margin-right: 4em;
}

.box_margins_2{
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 2em;
  margin-right: 2em;
}

.box_margins_2_sides {
 
  margin-left: 2em;
  margin-right: 2em;
}


p.detail_header{
  font-family: "LL Akkurat Bold Web";
  font-size: 0.8em;
  text-align: left;
  text-transform: uppercase;
  color: rgb(0,0,0);
  margin-bottom: 0px;
}

p.detail_txt{
  font-family: "LL Akkurat Bold Web";
  font-size: 0.8em;
  text-align: left;
  color: rgb(128,128,128);
}

a.detail_link {
  font-family: "LL Akkurat Bold Web";
  font-size: 0.8em;
  text-align: left;
   color: rgb(128,128,128);
}

a.detail_link:hover {
   color: rgb(150,150,152);
}

.btnDownload {

  
}


h3.product_details_header{
  font-family: "LL Akkurat Bold Web";
  font-size: 1em;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1em;
}

h3.retailers_header{
  font-family: "LL Akkurat Bold Web";
  font-size: 1.2em;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1em;
}

h1.contacts_header_root {
  font-family: "LL Akkurat Bold Web";
  font-size: 2.8em;
  margin-bottom: 0.5em;
  text-align: center;

}

h3.contacts_header {
  font-family: "LL Akkurat Bold Web";
  font-size: 1.2em;
  text-align: center;
  color: rgba(255,240,72,1);
  text-transform: uppercase;
  margin-bottom: 1em;
}

p.product_details {
  font-family: "LL Akkurat Regular Web";
  font-size: 1em;
  
}

p.product_details_italic {
  font-family: "LL Akkurat Italic Web";
  font-size: 1em;
  
}

p.retailer_details {
  font-family: "LL Akkurat Bold Sub";
  font-size: 0.8em;
  line-height: 1.2em;
  
}

p.contacts_details {
  font-family: "LL Akkurat Bold Sub";
  font-size: 0.8em;
  line-height: 1.2em;
   color: rgba(255,240,72,1);
  
}

.btnInstructions {
  display: block;
  border: none;
  font-size: 2em;
  color: rgba(0,0,0,0);
  display: block;
  background-image: url("../svg/icon_instructions_up_48x48.svg");
  background-repeat: no-repeat;
  height: 64;
  width: 64;
  border: 1px;
  cursor: pointer;
}

.btnInstructions:hover {
background-image: url("../svg/icon_instructions_down_48x48.svg");
}


.carousel-control-prev > img {
  opacity: 1 !important;
}


.caption-product h3 {
  font-size: 1rem;
}


.imagebox {
  background: white;
  padding: 0px;
  position: relative;
  text-align: center;
  width: 100%;
}

.imagebox img {
  opacity: 1;
  transition: 0.5s opacity;
}

.imagebox .imagebox-desc {
  background-color: rgba(255, 255, 255, 0);
  bottom: 0px;
  font-family: "LL Akkurat Regular Web";
  font-size: 1.5em;
  left: 0px;
  padding-top: 40%;
  position: absolute;

  color: rgba(255,255,255, 0);
  -webkit-transition: color 1s ease-in;
  -moz-transition: color 1s ease-in;
  -o-transition: color 1s ease-in;
  -ms-transition: color 1s ease-in;
  transition: color 1s ease-in;  
  text-align: center;
  width: 100%;
  height: 100%;
}

.imagebox:hover img {
  opacity: 0.6;
}

.imagebox:hover .imagebox-desc {
  color: rgba(50,50,50, 1);
  -webkit-transition: color ease 1s;
  -moz-transition: color ease 1s;
  -o-transition: color ease 1s;
  transition: bcolor ease 1s;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.bg_grey {
  
  background-color: rgb(229,224,217) !important;
  display: -webkit-flex; /* Safari */
  -webkit-flex-direction: column; /* Safari 6.1+ */
  display: flex;
  flex-direction: column;
}

.bg_blue {
  
  background-color: rgb(202,226,229) !important;
  display: -webkit-flex; /* Safari */
  -webkit-flex-direction: column; /* Safari 6.1+ */
  display: flex;
  flex-direction: column;
}

.bg_yellow {
  background-color: rgb(244,237,146) !important;
  display: -webkit-flex; /* Safari */
  -webkit-flex-direction: column; /* Safari 6.1+ */
  display: flex;
  flex-direction: column;
}

.bg_greywc {
  
  background-color: rgb(213,211,208) !important;
  display: -webkit-flex; /* Safari */
  -webkit-flex-direction: column; /* Safari 6.1+ */
  display: flex;
  flex-direction: column;
}

.bg_lightcyan {
  
  background-color: rgb(203,223,222) !important;
  display: -webkit-flex; /* Safari */
  -webkit-flex-direction: column; /* Safari 6.1+ */
  display: flex;
  flex-direction: column;
}


.linkbutton a {
  display: inline-block; 
  width: 48px;
  height: 48px;
  margin-right: 10px;
  background-image: url("../svg/icon_facebook_up_48x48px.svg"); 
  outline: none;
  
}

.linkbutton a:hover {
  background-image: url("../svg/icon_facebook_over_48x48px.svg"); 
  outline: none;
}

.linkbutton a:active {
  background-image: url("../svg/icon_facebook_down_48x48px.svg"); 
  outline: none;
}

.linkbutton_instagram a {
  display: inline-block; 
  width: 48px;
  height: 48px;
  margin-right: 10px;
  background-image: url("../svg/icon_instagram_up_48x48px.svg"); 
  outline: none;
  
}

.linkbutton_instagram a:hover {
  background-image: url("../svg/icon_instagram_over_48x48px.svg"); 
  outline: none;
}

.linkbutton_instagram a:active {
  background-image: url("../svg/icon_instagram_down_48x48px.svg"); 
  outline: none;
}

.footer-container {
  padding-left: 1rem;
  padding-right: 1rem;
}

.p-footer {
  font-size: 0.8rem;
  letter-spacing: 1px; 
  text-align: left;
  color: rgb(50,50,50);
}

.p-footer-1 {
  font-size: 0.8rem;
  letter-spacing: 1px;
  font-family: "LL Akkurat Bold Web";
  text-transform: uppercase;
  text-align: left;
  color: rgb(153,153,153); }

.p-footer-3 {
  font-size: 0.6rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
  color: rgb(50,50,50);
}

.footer-logo {
  padding-top: 2rem;
  padding-bottom: 1rem; 
}

.footer-line {
  border-color: rgb(128,128,128); 
}


/* farö styling ends*/

h2.style_service_header  {
  color: rgb(50,50,52);
  font-size: 1.5em;
  text-align: left;
  letter-spacing: -1px;
}

p.intro{

  color: rgb(30,30,32);
  font-size: 1.4em;
  line-height: 1.2;
}

p.details{

  color: rgb(50,50,52);
  font-size: 0.8em;
  line-height: 0,8;
}


p.style_service{
 
  color: rgb(30,30,32);
  font-size: 1em;
  line-height: 1.2;
}

ul.list_style{
 
  color: rgb(30,30,32);
  font-size: 1em;
  line-height: 1.2;
}



.paragraphStyle1 {
  
  font-size: 1.4rem;
  color: #808082; }

.headerStyle1 {
  padding: 0;
  margin-top: 2rem;
  margin-bottom: 1rem;
  letter-spacing: -1px;
 
  font-size: 3em;
  color: #1e1e1e;
  text-decoration: none;
  text-align: left; }

.headerStyle2 {
  padding: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  /*margin-left: 32px;*/
  /*margin-right: 32px;*/
 
  color: white;
  font-size: 2rem;
  text-decoration: none;
  text-align: Left; }

.jumbotron {
  border-radius: 0 !important; }

.jumboheader {
  padding: 0;
  margin-bottom: 1rem;
  /*margin-left: 32px;*/
  /*margin-right: 32px;*/
 
  color: white;
  font-size: 1.8rem;
  text-decoration: none;
  text-align: Left; }

.jumbotext {
  padding: 0;
  margin-top: 2rem;
  
  color: white;
  font-size: 1.2rem;
  text-decoration: none;
  text-align: Left; }

.headerStyle4 {
  padding: 0;
  margin-top: 2rem;
  margin-bottom: 1rem;
  /*margin-left: 32px;*/
  /*margin-right: 32px;*/
  /*font-size: 1.5rem;*/
  text-decoration: none;
  text-align: center; }

.headerStyle5 {
  padding: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  text-decoration: none;
  text-align: left;
  color: #333333; }


.links {
  color: rgb(255,255,255);
  background-color: rgb(150,150,150); 
  display: inline-block;
  
  position: relative;
  z-index: 1;
  padding-left: 0.3em;
  padding-right: 0.3em;
  }


.links:hover {
  color: white;
  background-color: rgb(50,50,52); }


/* CAROUSEL MODIFICATION */
.carousel-caption {
  left: 2rem; }

.case_caption {
  text-align: left;
  letter-spacing: -1px;
  
  color: #808283;
  letter-spacing: -1px;
  font-size: 3rem; }

.frontpage_link {
  text-align: left;
  letter-spacing: -1px;
 
  color: #3d2fff;
  /* rgb(0,204,187); */
  letter-spacing: -1px;
  font-size: 3rem; }

.frontpage_link:visited {
  background-color: #8ed1cc; }

.frontpage_link:hover {
  color: #3d2fff;
  /* rgb(37,204,190); */ }

.link_row2 {
  font-size: 2,5rem; }

/* CAROUSEL CHEVRONS */
.custom-icon {
  height: 4rem;
  width: 4rem; }

/* CARD BLOCKS */
.card {
  background-color: transparent !important;
  border-color: transparent; }

.card-header, .card-footer {
  opacity: 1; }

.card-block {
  padding-top: 0; }

.empty-row {
  display: block;
  height: 10rem; }

.carousel-custom {
  display: block;
  width: 30rem;
  margin: 1rem;
  padding: 2rem;
  background-color: rgba(50, 53, 55, 0.3); }

.box_inter {
  background-color: rgba(150, 53, 55, 0.3); }

.h4_concept {
  font-size: 2rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  }

.p_concept {
  font-size: 1rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  
  text-align: left; }



.shadow-norm {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }

.bluebox {
  background-color: rgba(18, 23, 179, 0.8); }

.ux_box {
  background-color: #4d4e53;
  /* rgba(71,204,193,1); rgba(45,83,166,1); */
  padding-top: 4em;
  padding-bottom: 4rem; }

.vis_box {
  background-color: #eeeeee; }

.intro_box {
  background-color: #eeeeee;
  padding-top: 12em;
  padding-bottom: 12rem; }

.circle_box {
  background-color: #eeeeee;
  padding-top: 10em;
  padding-bottom: 6em; }

.int_box {
  background-color: #eeeeee;
  padding-top: 4em;
  padding-bottom: 4em; }

.p_desc_int {
  color: #e0283e; }

.p_desc_visual {
  color: #ffbc00; }

.p_desc_id {
  color: #002b8c; }

.p_desc_pack {
  color: #5a7c14; }

.p_desc {
  color: #333333; }

.id_box {
  background-color: #eeeeee;
  padding-top: 2rem;
  padding-bottom: 2rem; }

.hr-ux {
  border-color: #9a9b9d;
  border-width: 5px; }

.hr-int {
  border-color: #e0283e;
  border-width: 5px; }

.hr-visual {
  border-color: #ffbc00;
  border-width: 5px; }

.hr-id {
  border-color: #002b8c;
  border-width: 5px; }

.hr-pack {
  border-color: #5a7c14;
  border-width: 5px; }

.hr-white {
  border-color: white;
  border-width: 5px; }




a.news_link {


  font-size: 0.8em;
  color: rgb(50,50,52);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 2em;
  border: 2px solid rgb(50,50,52);
}



a.news_link:hover {

  font-size: 0.8em;
  color: rgb(255,255,255);
  background-color: rgb(128,128,128);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 2em;
  border: 2px solid rgb(128,128,128);
}

p.news_caption {
 
  font-size: 0.8em;
  color: rgb(50,50,52);
  padding-top: 0.5em;
}

.news_date {
 
  font-size: 0.8em;
  color: rgb(128,128,128);
  padding-top: 0.5em;
}

.news_break {
 
  border: 1px solid rgb(50,50,52);
}
  

.caption-news h3 {
 
  font-size: 0.8em;
  color: rgb(30,30,32);
   
  background-color: rgba(200,200,202,1);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  display: inline-block;
  position: relative;
  z-index: 1;
  
}

.caption-news p {
  
  font-size: 0.8em;
  color: white;

  background-color: rgba(128,128,130,0.8);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  display: inline-block;
  position: relative;
  z-index: 1;
  
}

.sine_line8 {
  margin-top: 2em;
  margin-bottom: 2em;
  display: block;
  text-indent: -9999px;
  width: 256x;
  height: 32px;
  background: url("../svg/sine_805x32px.svg") no-repeat;
  background-size: contain;
  /*background-size: 604px 32px*/
  
 
}

.caption-news{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  padding: 0; 
  color: white;

}

.caption-news a {
  position: absolute;
  padding-top: 15%;
  width: 100%;
  height: 100%;
  text-align: center;
  
  text-decoration: none;
  font-size: 1.2em;

  
  

}

.caption-news a:hover {
  background-color: rgba(255, 255, 255, 1);
  -webkit-transition: background-color ease 1s;
  -moz-transition: background-color ease 1s;
  -o-transition: background-color ease 1s;
  transition: background-color ease 1s;

  
}


.spacerline {
  border-color: rgb(30,30,32);
  border-width: 2px;
  margin-left: 2.5em;
  margin-right: 2.5em;
  height: 2px;
  }

.full-width-image {
  max-width: 100%;
  height: auto; 
}

.no-padding {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.caption_contact {
  position: absolute;
  width: 100%;
  top: 35%; }

.caption_contact_style {
  text-align: center;
  letter-spacing: -1px;
  font-size: 4rem;
 
  color: white;
  text-decoration: none; }

.caption_contact_style2 {
  text-align: center;
  letter-spacing: -1px;
  font-size: 4rem;
 
  color: #808082;
  text-decoration: none; }

.contact_line {
  border-color: gray;
  height: 2px; }

.contact_box_address {
 
  color: gray; }

.contact_box_header {
  color: #808082; }

.contact_box_txt {
  
  color: #1e1e20;
  font-size: 0.8em; }


/* NAVIGATION BAR */
.navbar-nav {

  float: none;
  text-align: center;
}
.navbar-nav li{
  display: inline-block;
  float: none;
}


.nav-item {
  margin-left: 1em;
  font-size: 1em; 

  margin-top: 1px;
  border-top: 0px solid #333;
  border-left: 0px solid #333;
  border-right: 0px solid #333;
  border-bottom: 0px solid #333;
  padding-left: 0em !important;
  padding-right: 0em !important;
  padding-top: 0.5em !important;
  padding-bottom: 0.2em !important;
}
 

.nav-item.active {
  text-transform: uppercase;
  
  font-size: 1em;
  letter-spacing: 1px;
  
  margin-top: 1px;
  border-top: 0px solid #333;
  border-left: 0px solid #333;
  border-right: 0px solid #333;
  border-bottom: 2px solid #333;
  padding-left: 0em !important;
  padding-right: 0em !important;
  padding-top: 0.5em !important;
  padding-bottom: 0.2em !important;
  
 /* color: rgb(0,0,0) !important;*/
  text-decoration: none;
}

.nav-link {
  text-transform: uppercase;
  font-family: "LL Akkurat Regular Web";
  font-size: 1em;
  letter-spacing: 1px;
 
  border-top: 0px solid #808080;
  border-left: 0px solid #808080;
  border-right: 0px solid #808080;
  border-bottom: 0px solid #808080;

  margin-top: 1px;
  padding-left: 0em !important;
  padding-right: 0em !important;
  padding-top: 0.5em !important;
  padding-bottom: 0.2em !important;
  color: rgb(50,50,50) !important;
  text-decoration: none;
}

.nav-item:hover {
  text-transform: uppercase;
 
  font-size: 1em;
  letter-spacing: 1px;

  border-top: 0px solid #808080;
  border-left: 0px solid #808080;
  border-right: 0px solid #808080;
  border-bottom: 2px solid #808080;

  margin-top: 1px;
  padding-left: 0em !important;
  padding-right: 0em !important;
  padding-top: 0.5em !important;
  padding-bottom: 0.2em !important;
 
  color: rgb(128,128,128) !important;
  text-decoration: none;
}

.vertical_spacing {
  height: 4em;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {

   
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px) {  

  .box_margins_2 {
    margin-top: 1em;
    margin-bottom: 2em;
    margin-left: 1em !important;
    margin-right: 1em !important;
  }

  .box_margins{
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 2em;
    margin-right: 2em;
  }

  .imagebox .imagebox-desc {
    font-size: 2em;
  }


 }

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {

  .box_margins_2 {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
  }

    .imagebox .imagebox-desc {
    font-size: 2.5em;
  }


}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199px) {

 }