/*
Theme Name: Twenty Nineteen Child
Template: twentynineteen
Author: Ihr Name
Author URI: http://www.ihre-seite.de/
Description: Ein Child Theme für das WordPress Twenty Sixteen Theme.

*/
@import url(/wp-content/themes/twentynineteen-child/../twentynineteen/style.css);


/* Theme customization starts here
-------------------------------------------------------------- */


/*

.hidetemp {display: none;}


h1, h2, h3, h4, h5, h6, .aux-h1, .aux-h2, .aux-h3, .aux-h4, .aux-h5, .aux-h6 {
	font-family: "Rubik", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: inherit;
}


h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong {font-weight: 700;}

h1 b,h2 b,h3 b,h4 b,h5 b,h6 b {font-weight: 500;}

a {
    color: #e62b27;
}


p {
	font-size: 17px;
	line-height: 1.4em;
}

*/


h1:not(.site-title):before, h2:before {display: none; !important;}



body {font-family: "Barlow Condensed", sans-serif; font-size: 24px; line-height: 1.3em !important; background-color: #e5e5e5;}

h1,h2,h3,h4,h5,h6, .heading-font{font-family: "Barlow Condensed", sans-serif !important; line-height: 1em !important; font-weight: 400; }


h1,h2.heading-font{line-height: 1em !important; font-weight: 600;}

h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong {font-weight: 400;}

h1 {font-size: 2.4em; line-height: 1em !important; font-weight: 400; margin: 0 0 0rem 0;}
h1 strong, h1 b { font-weight: 600;}

h2 {font-size: 2.2em; line-height: 1em !important; font-weight: 500;}
/* h2 strong, h2 b { font-weight: 600;} */

h3 {font-size: 1.5em; line-height: 1em !important; font-weight: 400;}
/* h3 strong, h3 b { font-weight: 700;} */

h4 {font-size: 1.3em; line-height: 1em !important; font-weight: 400;}
h4 strong { font-weight: 600;}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    margin: 0.5rem 0;
}

h2 b {
    font-weight: 600;
}

h3 b, h4 b {
    font-weight: 500;
}



p a {
    text-decoration: underline !important;
    color: #000;
    font-weight: 500;}
p a:visited {color: #000;}
p a:hover {text-decoration: none !important; color: #c10000;}


  body{ font-size:20px; }

@media(max-width: 1024px){
  body{ font-size:22px; }
}
@media(max-width: 768px){
  body{ font-size:20px; }
}



  h1 { font-size:2.8em; margin-bottom: 0.5em}
  h1 strong, h1 b  {font-weight: 600;}

@media(max-width: 1024px){h1 { font-size:2.5em; }}
@media(max-width: 768px){h1 { font-size:2.2em; }}
@media(max-width: 480px){h1 { font-size:2.0em; }}

  h2 {font-size:2.0em;  margin-bottom: 0.6em !important;}
  /* h2 strong, h2 b  {font-weight: 600;} */
@media(max-width: 1024px){h2{ font-size:2em; }}
@media(max-width: 768px){h2{ font-size:2em; }}
@media(max-width: 480px){h2{ font-size:1.6em; }}

  h3 {font-size:1.8em;  margin-bottom: 0.3em !important}
  /* h3 strong, h3 b  {font-weight: 600;} */
@media(max-width: 1024px){h3{ font-size:1.8em; }}
@media(max-width: 768px){h3{ font-size:1.8em; }}
@media(max-width: 480px){h3{ font-size:1.5em; }}

  h4 {font-size:1.45em;  margin-bottom: 0.26em  !important}
  h4 strong, h4 b  {font-weight: 600;}
@media(max-width: 1024px){h4{ font-size:1.45em; }}
@media(max-width: 768px){h4{ font-size:1.45em; }}
@media(max-width: 480px){h4{ font-size:1.3em; }}

h5 {font-size:1.3em;  margin-bottom: 0.22em  !important}
h5 strong, h4 b  {font-weight: 600;}
@media(max-width: 1024px){h5{ font-size:1.3em; }}
@media(max-width: 768px){h5{ font-size:1.3em; }}
@media(max-width: 480px){h5{ font-size:1.2em; }}


.elementor-heading-title.elementor-size-xxl {font-size:4em !important;}
.elementor-heading-title.elementor-size-xl {font-size:3em !important;}
.elementor-heading-title.elementor-size-large {font-size:2.6em !important;}
.elementor-heading-title.elementor-size-medium {font-size:2.2em !important;}
.elementor-heading-title.elementor-size-small {font-size:1.8em !important;}






p {font-size: 19px;  line-height: 1.4em;
    margin-bottom: 0.8em !important;
    margin-top: 0.7em !important;}

p {
    font-family: 'Barlow', sans-serif;
    display: block;
    margin-block-start: 0.75em;
    margin-block-end: 0.0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.font1 {font-family: 'Barlow', sans-serif !important;}
.font2 {font-family: 'Barlow Condensed', sans-serif !important;}
.font3 {font-family: 'Georgia', serif !important; font-weight: 900 !important; font-style: italic;}


.posabsolute {position: absolute !important;}

p strong {
    font-weight: 600;
}
p b{
    font-weight: 600;
}

.elementor-accordion p {
  font-size: 18px;
  font-weight: 500;
}




.ovlvis {overflow: visible;}
.caps {text-transform: uppercase;}


.fx-grey-100   img { opacity: 1.0; -webkit-filter: grayscale(100%);filter: grayscale(100%); }
.fx-grey-50   img { opacity: 1.0; -webkit-filter: grayscale(50%);filter: grayscale(50%); }


.fx-blur-1 img { opacity: 1.0; -webkit-filter: blur(1px); filter: blur(1px);  }
.fx-blur-2 img { opacity: 1.0; -webkit-filter: blur(2px); filter: blur(2px);  }
.fx-blur-3 img { opacity: 1.0; -webkit-filter: blur(3px); filter: blur(3px);  }
.fx-blur-4 img { opacity: 1.0; -webkit-filter: blur(4px); filter: blur(4px);  }
.fx-blur-5 img { opacity: 1.0; -webkit-filter: blur(5px); filter: blur(5px);  }

.dim-1x1::before { padding-top: 100% !important;}

.Liste3 li {list-style-type: square;}


.elementor-widget-image .widget-image-caption {
  color: inherit !important;
  font-family: "Barlow", Sans-serif !important;
  font-weight: 500 !important;
}

/* #### EXTRAS HOTSPOT ####   */

.ee-tooltip, .ee-tooltip p  {
  font-size: 16px !important;
  line-height: 1.15em !important;
  margin-bottom: 10px !important;
}

.ee-tooltip strong, .ee-tooltip p strong {
  color: #c10000;
}

.ee-tooltip em, .ee-tooltip p em {
  border-radius: 100%;
  background-color: #c10000;
  color: #ffffff;
  font-weight: 600;
  padding: 2px 8px;
  width: 22px;
  font-style: normal;
  margin: 0px 5px 5px 0px;
}

.ee-tooltip img {
  margin: 10px 10px 0px 0px !important;
  border: 3px solid #ffffff;
  box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
}

.Tooltippinfo1 em {
    border-radius: 100%;
    background-color: #c10000;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 17px;
    color: #ffffff;
    font-weight: 600;
    padding: 2px 8px;
    width: 22px;
    font-style: normal;
    margin: 0px 5px 5px 0px;
}
.Tooltippinfo1 strong {
  color: #c10000;
}

.Linklist1 .elementor-icon-list-icon {
    float: right;
    margin-left: 10px;
    position: absolute;
    right: 0px;

}
.Linklist1 .elementor-icon-list-text {
    padding-right: 20px;

}

.Extragallery1 .ee-media__content__caption {
    padding: 1px 6px;
    color: #555;
    text-align: left !important;
    background-color: rgba(255,255,255,0.9);
    font-family: 'Barlow Condensed';
    font-size: 16px;
    font-weight: 500;
}

.Extragallery1 .ee-media__content__caption b {
  padding: 0px 5px 0 0;
    /* background-color: #fff; */
    border-radius: 100%;
    font-weight: 700;
    color: #c10000;
}

.Extragallery1 .ee-gallery__media {
    margin-bottom: 24px;
    border: 3px solid #fff;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
  }

/* #### IMAGE HOTSPOT #### */

.lg-hotspot-label {
  background-color: rgba(233,233,233,0.9) !important;
  box-shadow: 0px 4px 6px rgba(0,0,0,0.17)  !important;
  padding: 10px !important;
}

.lg-hotspot-label img {
  box-shadow: 0px 3px 3px rgba(0,0,0,0.3)  !important;
}

.lg-hotspot-label a {
  margin-top: 10px;
}

.lg-hotspot-label p {
  font-size: 16px;
  padding: 0px 0px 0 0px !important;
  margin-bottom: 15px;
  color: #555555;
  line-height: 1.1;
  font-weight: 500;
}

.lg-hotspot-label p strong, .lg-hotspot-label p b {
  color: #c10000;
}

.CONTENTdark a {color: #e8e8e8 !important;}
.CONTENTdark a:hover {color: #fff !important;}


.SlideText1 {
    background-color: #aaa;
    color: #fff;
    padding: 0px 5px 0px 15px;
    font-size: 150%;
    line-height: 1.15em;
    font-weight: 300;
    box-shadow: 0px 6px 18px rgba(0,0,0,0.27) !important;
}

.SlideText2 {
    background-color: #555;
    color: rgba(255,255,255,0.8);
    padding: 3px 5px 5px 15px;
    line-height: 1.24em;
    font-weight: 300;
    box-shadow: 0px 6px 18px rgba(0,0,0,0.27) !important;
}


/* #### TRANSLATEPRESS Styling ##### */

#trp-floater-ls {
    top: 0;
    right: 40px;
    left: auto;
    bottom: auto;
    background-color: #888888;
    border-radius: 0px 0px 0 0;
    z-index: 1000;
    position: absolute !important;
}

#trp-floater-ls-current-language a, #trp-floater-ls-language-list a {
  padding: 8px 15px 6px 15px;
  color: #444444;
  font-weight: 400;
}

#trp-floater-ls:hover {
    box-shadow: 0px 2px 16px rgba(0,0,0,0.25);
}

#trp-floater-ls .trp-floater-ls-disabled-language {
  color: #d9d9d9;
  font-weight: 600;
}

#trp-floater-ls-language-list {
    margin-top: 40px;
}

#trp-floater-ls-current-language a::after {
    content: "\25BF";
    color: #ddd;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    width: 12px;
    margin-right: -10px;
    padding-left: 0px;
}




.elementor-heading-title i {
  color:  rgba(193,0,0,1);
  font-style: normal;
}

.Producttab1 .bdt-tab {
    float: right;
}


.Details1 .elementor-icon-box-title {
    color: #555555 !important;
}
.Details1 .elementor-icon-box-title b {
    color: #c10000 !important;
    font-weight: 600;
}

.Tooltipps1 .tippy-tooltip {
  background-color: #ffffff !important;
  color: #555555 !important;
  box-shadow: 0px 4px 3px rgba(0,0,0,0.15);
}

.Tooltipps1 .tippy-tooltip b {
  color: #c10000 !important;
  font-weight: 700;
}

.Tooltipps1 .tippy-arrow {
  color: #ffffff !important;
}




.Contentbox1 {
	box-shadow: 0px 12px 24px rgba(0,0,0,0.2);
	border-right: 10px solid #c10101;
}

.Contentbox2 {
	box-shadow: 0px 8px 16px rgba(0,0,0,0.1);
	border-right: 5px solid #c10101;
  background: rgba(230,230,230,0.95)
}



.Contenttoggle1 .bdt-toggle-container .bdt-accordion-title {
    background: rgba(88,88,88,0.0);
    font-size: 85% !important;
    padding-top: 0px !important;
}
.Contenttoggle1 .bdt-toggle-container .bdt-accordion-title span {
    background: #f0f0f0;
    color: #555555;
    padding: 5px 8px 6px 15px;
}
.Contenttoggle1 .bdt-toggle-container .bdt-accordion-title .bdt-accordion-icon {
    display: none;
}
.Contenttoggle1 .bdt-toggle-container .bdt-accordion-title::before {
    border-bottom: 1px dashed  rgba(122,122,122,0.5);
}

.Contenttoggle1 .bdt-toggle-container .bdt-accordion-content {
    padding-bottom: 30px;
}

.Contenttoggle1 .bdt-toggle-container .bdt-accordion .bdt-accordion-item .bdt-accordion-title:before {
  height: 60px;
}


.Customcarousel1 .bdt-custom-carousel .bdt-navigation-prev {
   left: auto !important;
   right: -30px !important;
   margin-top: 30px;
}



.Gallery1 .gallery-caption {
  padding: 2px 10px 10px 0px !important;
      text-align: left !important;
}

.Gallery1 .gallery-caption b {
  color: #c10000 !important;
}

.fancyboxMB-caption__body {
  font-size: 2em !important;
}

#Banner1 {
    position: absolute;
    width: auto;
    right: 0px;
    bottom: 20% !important;
    top: auto;
    width: auto;
}

#Banner1 p {
    line-height: 1em !important;
    margin: 0px;
    font-size: inherit;
}

#Channelinfo1 {
    font-weight: 600;
    font-size: 34px;
    float: left;
    background: #777;
    display: block;
    position: absolute;
    width: 60px;
    top: 60%;
    left: -10px;
    color: #fff;
    box-shadow: 0px 5px 16px rgba(0,0,0,0.4);

}

#Channelinfo2 {
    font-weight: 600;
    font-size: 34px;
    float: left;
    background: #777;
    display: block;
    position: absolute;
    transform: rotate(-90deg);
    width: 90px;
    height: 60px;
    top: 70px;
    left: -40px;
    color: #fff;

}


#Sliderhome .elementor-slide-heading {
    position: absolute;
    right: 30px;
    top: 0px;
    margin-top: -0px;
    line-height: 1.1em;
    background: #888888 !important;
    padding: 5px 10px;
    z-index: 300;

}
#Sliderhome .slick-slide-inner {
    padding: 0px !important;
    padding-left: 0% !important;
}
#Sliderhome .elementor-slide-description {
    margin-top: 10%;
    font-weight: 400;
}

#Sliderhome .elementor-slide-description  b {
    font-weight: 600;
}

#Sliderhome .slick-next, #Sliderhome  .slick-prev {
  top: auto;
  bottom: 2%;
}

#Sliderhome .elementor-slick-slider .slick-arrows-inside .slick-prev {
    right: 60px;
    left: auto;
}

#Sliderhome .elementor-slide-button {
  padding: 6px 12px;
}


.Teaserimage1 img {
        -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
        -webkit-transition: all .05s linear;
       -moz-transition: all .05s linear;
         -o-transition: all .05s linear;
        -ms-transition: all .05s linear;
            transition: all .05s linear;
}
.Teaserimage1 img:hover {
        -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1.0;
}




#List1 ul, .List1 ul {
  list-style: none; /* Remove default bullets */
	margin-bottom: 0px;
}

#List1 ul li::before, .List1 ul li::before {
  content: "\2771";  /* Add content: \2022 is the CSS Code/unicode for a bullet */ /* 27A4  27A7  2771 */
  color: #c10101; /* Change the color */
  font-weight: normal; /* If you want it to be bold */
	font-style: normal;
  display: inline-block; /* Needed to add space between the bullet and the text */
   width: 1.0em;
   margin-left: -1.0em;
}

#List1 ul li, .List1 ul li {
	font-family: "Barlow Condensed", sans-serif;
	font-style: italic;

	line-height: 1.1em;
	padding: 2px 0px 10px;
	font-weight: 600;
	border-top: 1px dashed rgba(0,0,0,0.3);
  color: #000;
}






#List2 ul, .List2 ul {
  list-style: none; /* Remove default bullets */
	margin-bottom: 0px;
}

#List2 ul li::before, .List2 ul li::before {
  content: "\2771";  /* Add content: \2022 is the CSS Code/unicode for a bullet */ /* 27A4  27A7  2771 */
  color: #c10101; /* Change the color */
  font-weight: normal; /* If you want it to be bold */
	font-style: normal;
  display: inline-block; /* Needed to add space between the bullet and the text */
   width: 1.0em;
   margin-left: -1.0em;
}

#List2 ul li, .List2 ul li {
	line-height: 1.3em;
	padding: 12px 0px 12px;
	font-weight: 500;
	border-top: 1px dashed rgba(0,0,0,0.3);
  font-size: 18px !important;
}







.listCol0 li::before {
  color: #ffffff !important; /* Change the color */
}

.listCol1 li::before {
  color: rgba(193,0,0,1) !important; /* Change the color */
}

.listCol2 li::before {
  color: rgba(85,85,85,1) !important; /* Change the color */
}

.listCol3 li::before {
  color: rgba(187,194,199,1) !important; /* Change the color */
}

.listCol4 li::before {
  color: rgba(3,111,72,1) !important; /* Change the color */
}



.Gradient1 {
    background-color: transparent;
    background-image: linear-gradient(90deg, #ef0202 0%, #c10101 100%);
}


.Gradient2 {
    background-color: transparent;
    background-image: linear-gradient(90deg, #aaaaaa 0%, #777777 100%);
}


.Legaltext p { font-size: 15px; line-height: 1.5em;}
.Legaltext h2, .Legaltext h3, .Legaltext h4, .Legaltext h5  { font-size: 15px; font-weight: 600; margin-bottom: 0.4em;}






/*  MENU */
 .elementor-nav-menu--dropdown {
    font-size: 24px;
	 text-transform: uppercase;
}
 .elementor-sub-item {
    font-size: 1.1em;
	 padding-left: 30px;
}

.elementor-nav-menu li {
	border-right: 1px solid rgba(0,0,0,0.12) !important;
	border-left: 1px solid rgba(255,255,255,0.12) !important;
}



















/* --- Weiss ---- */

.Col0 h1, .Col0 h2, .Col0 h3, .Col0 h4, .Col0 h5, .Col0 h6  {color: #ffffff !important; fill: currentColor;}
.Col0 {color: #ffffff !important; fill: currentColor;}
.Col0-90 {color: rgba(255,255,255,0.9)!important; fill: currentColor;}
.Col0-80 {color: rgba(255,255,255,0.8)!important; fill: currentColor;}
.Col0-70 {color: rgba(255,255,255,0.7)!important; fill: currentColor;}
.Col0-60 {color: rgba(255,255,255,0.6)!important; fill: currentColor;}
.Col0-50 {color: rgba(255,255,255,0.5)!important; fill: currentColor;}
.Col0-40 {color: rgba(255,255,255,0.4)!important; fill: currentColor;}
.Col0-30 {color: rgba(255,255,255,0.3)!important; fill: currentColor;}
.Col0-20 {color: rgba(255,255,255,0.2)!important; fill: currentColor;}
.Col0-10 {color: rgba(255,255,255,0.1)!important; fill: currentColor;}

.Col0-75 {color: rgba(255,255,255,0.75)!important; fill: currentColor;}
.Col0-25 {color: rgba(255,255,255,0.1)!important; fill: currentColor;}

.hlCol0 h1, .hlCol0 h2, .hlCol0 h3, .hlCol0 h4, .hlCol0 h5, .hlCol0 h6  {color: #ffffff !important; fill: currentColor;}

.bgCol0 { background-color: rgba(255,255,255,0.99)!important;}
.bgCol0-90 {background-color: rgba(255,255,255,0.9)!important;}
.bgCol0-80 {background-color: rgba(255,255,255,0.8)!important;}
.bgCol0-70 {background-color: rgba(255,255,255,0.7)!important;}
.bgCol0-60 {background-color: rgba(255,255,255,0.6)!important;}
.bgCol0-50 {background-color: rgba(255,255,255,0.5)!important;}
.bgCol0-40 {background-color: rgba(255,255,255,0.4)!important;}
.bgCol0-30 {background-color: rgba(255,255,255,0.3)!important;}
.bgCol0-20 {background-color: rgba(255,255,255,0.2)!important;}
.bgCol0-10 {background-color: rgba(255,255,255,0.1)!important;}

.bgCol0-75 {background-color: rgba(255,255,255,0.75)!important;}
.bgCol0-25 {background-color: rgba(255,255,255,0.25)!important;}

.borCol0 { border-color: rgba(255,255,255,0.99)!important;}
.borCol0-90 {border-color: rgba(255,255,255,0.90)!important;}
.borCol0-80 {border-color: rgba(255,255,255,0.80)!important;}
.borCol0-70 {border-color: rgba(255,255,255,0.70)!important;}
.borCol0-60 {border-color: rgba(255,255,255,0.60)!important;}
.borCol0-50 {border-color: rgba(255,255,255,0.50)!important;}
.borCol0-40 {border-color: rgba(255,255,255,0.40)!important;}
.borCol0-30 {border-color: rgba(255,255,255,0.30)!important;}
.borCol0-20 {border-color: rgba(255,255,255,0.20)!important;}
.borCol0-10 {border-color: rgba(255,255,255,0.10)!important;}

.borCol0-75 {border-color: rgba(255,255,255,0.75)!important;}

.borCol0-25 {border-color: rgba(255,255,255,0.25)!important;}

.iconCol0 svg {color: #ffffff !important; fill: currentColor;}



/* --- Corporate: Col1 ---- */

.Col1 h1,.Col1 h2,.Col1 h3,.Col1 h4,.Col1 h5,.Col1 h6  {color: rgba(193,0,0,1) !important; fill: currentColor;}
.Col1 {color: rgba(193,0,0,1) !important; fill: currentColor;}
.Col1-90 {color: rgba(193,0,0,0.9)!important; fill: currentColor;}
.Col1-80 {color: rgba(193,0,0,0.8)!important; fill: currentColor;}
.Col1-70 {color: rgba(193,0,0,0.7)!important; fill: currentColor;}
.Col1-60 {color: rgba(193,0,0,0.6)!important; fill: currentColor;}
.Col1-50 {color: rgba(193,0,0,0.5)!important; fill: currentColor;}
.Col1-40 {color: rgba(193,0,0,0.4)!important; fill: currentColor;}
.Col1-30 {color: rgba(193,0,0,0.3)!important; fill: currentColor;}
.Col1-20 {color: rgba(193,0,0,0.2)!important; fill: currentColor;}
.Col1-10 {color: rgba(193,0,0,0.1)!important; fill: currentColor;}

.Col1-75 {color: rgba(193,0,0,0.75)!important; fill: currentColor;}
.Col1-25 {color: rgba(193,0,0,0.25)!important; fill: currentColor;}

.hlCol1 h1, .hlCol1 h2, .hlCol1 h3, .hlCol1 h4, .hlCol1 h5, .hlCol1 h6  {color: rgba(193,0,0,1) !important; fill: currentColor;}

.bgCol1 { background-color: rgba(193,0,0,0.99)!important;}
.bgCol1-90 {background-color: rgba(193,0,0,0.9)!important;}
.bgCol1-80 {background-color: rgba(193,0,0,0.8)!important;}
.bgCol1-70 {background-color: rgba(193,0,0,0.7)!important;}
.bgCol1-60 {background-color: rgba(193,0,0,0.6)!important;}
.bgCol1-50 {background-color: rgba(193,0,0,0.5)!important;}
.bgCol1-40 {background-color: rgba(193,0,0,0.4)!important;}
.bgCol1-30 {background-color: rgba(193,0,0,0.3)!important;}
.bgCol1-20 {background-color: rgba(193,0,0,0.2)!important;}
.bgCol1-10 {background-color: rgba(193,0,0,0.1)!important;}

.bgCol1-75 {background-color: rgba(193,0,0,0.75)!important;}
.bgCol1-25 {background-color: rgba(193,0,0,0.25)!important;}

.borCol1 { border-color: rgba(193,0,0,0.99)!important;}
.borCol1-90 {border-color: rgba(193,0,0,0.90)!important;}
.borCol1-80 {border-color: rgba(193,0,0,0.80)!important;}
.borCol1-70 {border-color: rgba(193,0,0,0.70)!important;}
.borCol1-60 {border-color: rgba(193,0,0,0.60)!important;}
.borCol1-50 {border-color: rgba(193,0,0,0.50)!important;}
.borCol1-40 {border-color: rgba(193,0,0,0.40)!important;}
.borCol1-30 {border-color: rgba(193,0,0,0.30)!important;}
.borCol1-20 {border-color: rgba(193,0,0,0.20)!important;}
.borCol1-10 {border-color: rgba(193,0,0,0.10)!important;}

.borCol1-75 {border-color: rgba(193,0,0,0.75)!important;}
.borCol1-25 {border-color: rgba(193,0,0,0.25)!important;}

.iconCol1 svg {color: rgba(193,0,0,1) !important; fill: currentColor;}



/* --- Corporate: Col2 ---- */

.Col2 h1,.Col2 h2,.Col2 h3,.Col2 h4,.Col2 h5,.Col2 h6  {color: rgba(85,85,85,1) !important; fill: currentColor;}
.Col2 {color: rgba(85,85,85,1) !important; fill: currentColor;}
.Col2-90 {color: rgba(85,85,85,0.9)!important; fill: currentColor;}
.Col2-80 {color: rgba(85,85,85,0.8)!important; fill: currentColor;}
.Col2-70 {color: rgba(85,85,85,0.7)!important; fill: currentColor;}
.Col2-60 {color: rgba(85,85,85,0.6)!important; fill: currentColor;}
.Col2-50 {color: rgba(85,85,85,0.5)!important; fill: currentColor;}
.Col2-40 {color: rgba(85,85,85,0.4)!important; fill: currentColor;}
.Col2-30 {color: rgba(85,85,85,0.3)!important; fill: currentColor;}
.Col2-20 {color: rgba(85,85,85,0.2)!important; fill: currentColor;}
.Col2-10 {color: rgba(85,85,85,0.1)!important; fill: currentColor;}

.Col2-75 {color: rgba(85,85,85,0.75)!important; fill: currentColor;}
.Col2-25 {color: rgba(85,85,85,0.25)!important; fill: currentColor;}

.hlCol2 h1, .hlCol2 h2, .hlCol2 h3, .hlCol2 h4, .hlCol2 h5, .hlCol2 h6  {color: rgba(85,85,85,1) !important; fill: currentColor;}

.bgCol2 { background-color: rgba(85,85,85,0.99)!important;}
.bgCol2-90 {background-color: rgba(85,85,85,0.9)!important;}
.bgCol2-80 {background-color: rgba(85,85,85,0.8)!important;}
.bgCol2-70 {background-color: rgba(85,85,85,0.7)!important;}
.bgCol2-60 {background-color: rgba(85,85,85,0.6)!important;}
.bgCol2-50 {background-color: rgba(85,85,85,0.5)!important;}
.bgCol2-40 {background-color: rgba(85,85,85,0.4)!important;}
.bgCol2-30 {background-color: rgba(85,85,85,0.3)!important;}
.bgCol2-20 {background-color: rgba(85,85,85,0.2)!important;}
.bgCol2-10 {background-color: rgba(85,85,85,0.1)!important;}

.bgCol2-75 {background-color: rgba(85,85,85,0.75)!important;}
.bgCol2-25 {background-color: rgba(85,85,85,0.25)!important;}

.borCol2 { border-color: rgba(85,85,85,0.99)!important;}
.borCol2-90 {border-color: rgba(85,85,85,0.90)!important;}
.borCol2-80 {border-color: rgba(85,85,85,0.80)!important;}
.borCol2-70 {border-color: rgba(85,85,85,0.70)!important;}
.borCol2-60 {border-color: rgba(85,85,85,0.60)!important;}
.borCol2-50 {border-color: rgba(85,85,85,0.50)!important;}
.borCol2-40 {border-color: rgba(85,85,85,0.40)!important;}
.borCol2-30 {border-color: rgba(85,85,85,0.30)!important;}
.borCol2-20 {border-color: rgba(85,85,85,0.20)!important;}
.borCol2-10 {border-color: rgba(85,85,85,0.10)!important;}

.borCol2-75 {border-color: rgba(85,85,85,0.75)!important;}
.borCol2-25 {border-color: rgba(85,85,85,0.25)!important;}

.iconCol2 svg {color: rgba(85,85,85,1) !important; fill: currentColor;}


/* --- Corporate: Col3 ---- */

.Col3 h1,.Col3 h2,.Col3 h3,.Col3 h4,.Col3 h5,.Col3 h6  {color: rgba(187,194,199,1) !important; fill: currentColor;}
.Col3 {color: rgba(187,194,199,1) !important; fill: currentColor;}
.Col3-90 {color: rgba(187,194,199,0.90)!important; fill: currentColor;}
.Col3-80 {color: rgba(187,194,199,0.80)!important; fill: currentColor;}
.Col3-70 {color: rgba(187,194,199,0.70)!important; fill: currentColor;}
.Col3-60 {color: rgba(187,194,199,0.60)!important; fill: currentColor;}
.Col3-50 {color: rgba(187,194,199,0.50)!important; fill: currentColor;}
.Col3-40 {color: rgba(187,194,199,0.40)!important; fill: currentColor;}
.Col3-30 {color: rgba(187,194,199,0.30)!important; fill: currentColor;}
.Col3-20 {color: rgba(187,194,199,0.20)!important; fill: currentColor;}
.Col3-10 {color: rgba(187,194,199,0.10)!important; fill: currentColor;}

.Col3-75 {color: rgba(187,194,199,0.75)!important; fill: currentColor;}
.Col3-25 {color: rgba(187,194,199,0.25)!important; fill: currentColor;}

.hlCol3 h1,.hlCol3 h2,.hlCol3 h3,.hlCol3 h4,.hlCol3 h5,.hlCol3 h6  {color: rgba(187,194,199,1) !important; fill: currentColor;}

.bgCol3 { background-color: rgba(187,194,199,0.99)!important;}
.bgCol3-90 {background-color: rgba(187,194,199,0.90)!important;}
.bgCol3-80 {background-color: rgba(187,194,199,0.80)!important;}
.bgCol3-70 {background-color: rgba(187,194,199,0.70)!important;}
.bgCol3-60 {background-color: rgba(187,194,199,0.60)!important;}
.bgCol3-50 {background-color: rgba(187,194,199,0.50)!important;}
.bgCol3-40 {background-color: rgba(187,194,199,0.40)!important;}
.bgCol3-30 {background-color: rgba(187,194,199,0.30)!important;}
.bgCol3-20 {background-color: rgba(187,194,199,0.20)!important;}
.bgCol3-10 {background-color: rgba(187,194,199,0.10)!important;}

.bgCol3-75 {background-color: rgba(187,194,199,0.75)!important;}
.bgCol3-25 {background-color: rgba(187,194,199,0.25)!important;}

.borCol3 { border-color: rgba(187,194,199,0.99)!important;}
.borCol3-90 {border-color: rgba(187,194,199,0.90)!important;}
.borCol3-80 {border-color: rgba(187,194,199,0.80)!important;}
.borCol3-70 {border-color: rgba(187,194,199,0.70)!important;}
.borCol3-60 {border-color: rgba(187,194,199,0.60)!important;}
.borCol3-50 {border-color: rgba(187,194,199,0.50)!important;}
.borCol3-40 {border-color: rgba(187,194,199,0.40)!important;}
.borCol3-30 {border-color: rgba(187,194,199,0.30)!important;}
.borCol3-20 {border-color: rgba(187,194,199,0.20)!important;}
.borCol3-10 {border-color: rgba(187,194,199,0.10)!important;}

.borCol3-75 {border-color: rgba(187,194,199,0.75)!important;}
.borCol3-25 {border-color: rgba(187,194,199,0.25)!important;}

.iconCol3 svg {color: rgba(187,194,199,1) !important; fill: currentColor;}



/* --- Corporate: Col4 ---- */

.Col4 h1,.Col4 h2,.Col4 h3,.Col4 h4,.Col4 h5,.Col4 h6  {color: rgba(3,111,72,1) !important; fill: currentColor;}
.Col4 {color: rgba(3,111,72,1) !important; fill: currentColor;}
.Col4-90 {color: rgba(3,111,72,0.9)!important; fill: currentColor;}
.Col4-80 {color: rgba(3,111,72,0.8)!important; fill: currentColor;}
.Col4-70 {color: rgba(3,111,72,0.7)!important; fill: currentColor;}
.Col4-60 {color: rgba(3,111,72,0.6)!important; fill: currentColor;}
.Col4-50 {color: rgba(3,111,72,0.5)!important; fill: currentColor;}
.Col4-40 {color: rgba(3,111,72,0.4)!important; fill: currentColor;}
.Col4-30 {color: rgba(3,111,72,0.3)!important; fill: currentColor;}
.Col4-20 {color: rgba(3,111,72,0.2)!important; fill: currentColor;}
.Col4-10 {color: rgba(3,111,72,0.1)!important; fill: currentColor;}

.Col4-75 {color: rgba(3,111,72,0.75)!important; fill: currentColor;}
.Col4-25 {color: rgba(3,111,72,0.25)!important; fill: currentColor;}

.hlCol4 h1,.hlCol4 h2,.hlCol4 h3,.hlCol4 h4,.hlCol4 h5,.hlCol4 h6  {color: rgba(3,111,72,1) !important; fill: currentColor;}

.bgCol4 { background-color: rgba(3,111,72,0.99)!important;}
.bgCol4-90 {background-color: rgba(3,111,72,0.9)!important;}
.bgCol4-80 {background-color: rgba(3,111,72,0.8)!important;}
.bgCol4-70 {background-color: rgba(3,111,72,0.7)!important;}
.bgCol4-60 {background-color: rgba(3,111,72,0.6)!important;}
.bgCol4-50 {background-color: rgba(3,111,72,0.5)!important;}
.bgCol4-40 {background-color: rgba(3,111,72,0.4)!important;}
.bgCol4-30 {background-color: rgba(3,111,72,0.3)!important;}
.bgCol4-20 {background-color: rgba(3,111,72,0.2)!important;}
.bgCol4-10 {background-color: rgba(3,111,72,0.1)!important;}

.bgCol4-75 {background-color: rgba(3,111,72,0.75)!important;}
.bgCol4-25 {background-color: rgba(3,111,72,0.25)!important;}

.borCol4 { border-color: rgba(3,111,72,0.99)!important;}
.borCol4-90 {border-color: rgba(3,111,72,0.90)!important;}
.borCol4-80 {border-color: rgba(3,111,72,0.80)!important;}
.borCol4-70 {border-color: rgba(3,111,72,0.70)!important;}
.borCol4-60 {border-color: rgba(3,111,72,0.60)!important;}
.borCol4-50 {border-color: rgba(3,111,72,0.50)!important;}
.borCol4-40 {border-color: rgba(3,111,72,0.40)!important;}
.borCol4-30 {border-color: rgba(3,111,72,0.30)!important;}
.borCol4-20 {border-color: rgba(3,111,72,0.20)!important;}
.borCol4-10 {border-color: rgba(3,111,72,0.10)!important;}

.borCol4-75 {border-color: rgba(3,111,72,0.75)!important;}
.borCol4-25 {border-color: rgba(3,111,72,0.25)!important;}

.iconCol4 svg {color: rgba(3,111,72,1) !important; fill: currentColor;}



/* SIZES */

.wh100p {width: 100% !important; height: 100% !important;}
.hauto {height: auto !important;}
.wauto {width: auto !important;}

.w100p {width: 100% !important;}
.w90p {width: 90% !important;}
.w80p {width: 80% !important;}
.w70p {width: 70% !important;}
.w60p {width: 60% !important;}
.w50p {width: 50% !important;}
.w40p {width: 40% !important;}
.w30p {width: 30% !important;}
.w20p {width: 20% !important;}
.w10p {width: 10% !important;}

.h100p {height: 100% !important}
.h90p {height: 90% !important}
.h80p {height: 80% !important}
.h70p {height: 70% !important}
.h60p {height: 60% !important}
.h50p {height: 50% !important}
.h40p {height: 40% !important}
.h30p {height: 30% !important}
.h20p {height: 20% !important}
.h10p {height: 10% !important}
.h0p {height: 0% !important}


.fw100 {font-weight: 100 !important;}
.fw200 {font-weight: 200 !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}
.fw900 {font-weight: 900 !important;}

/* POSITIONING */


.mcenter {margin: 0 auto !important;}

.posabs {position: absolute !important;}
.posrel {position: relative !important;}

.pos-bottom {top: auto;bottom: 0px;}

.bot0 	{bottom: 0px !important;}
.bot10 {bottom: 10px !important;}
.bot20 {bottom: 20px !important;}

.bot30 {bottom: 30px !important;}
.bot40 {bottom: 40px !important;}

.bot10p {bottom: 10% !important;}
.bot20p {bottom: 20% !important;}
.bot30p {bottom: 30% !important;}
.bot40p {bottom: 40% !important;}


.top0 {top: 0px !important;}
.top10 {top: 10px !important;}
.top20 {top: 20px !important;}
.top30 {top: 30px !important;}
.top40 {top: 40px !important;}

.top10p {top: 10% !important;}
.top20p {top: 20% !important;}
.top30p {top: 30% !important;}
.top40p {top: 40% !important;}

.right0 {right: 0px !important;}
.right10 {right: 10px !important;}
.right20 {right: 20px !important;}
.right30 {right: 30px !important;}
.right40 {right: 40px !important;}

.left0 {left: 0px !important;}
.left10 {left: 10px !important;}
.left20 {left: 20px !important;}
.left30 {left: 30px !important;}
.left40 {left: 40px !important;}

.bottom0 {bottom: 0px;}
.bottom10 {bottom: 10px;}
.bottom20 {bottom: 20px;}



.pos-b-r {position: absolute; bottom: 0; right: 0;}
.pos-b10-r10 {position: absolute; bottom: 10px; right: 10px;}
.pos-b20-r20 {position: absolute; bottom: 20px; right: 20px;}
.pos-b30-r30 {position: absolute; bottom: 30px; right: 30px;}
.pos-b40-r40 {position: absolute; bottom: 40px; right: 40px;}

.pos-b-l {position: absolute; bottom: 0; left: 0;}
.pos-b10-l10 {position: absolute; bottom: 10px; left: 10px;}
.pos-b20-l20 {position: absolute; bottom: 20px; left: 20px;}
.pos-b30-l30 {position: absolute; bottom: 30px; left: 30px;}
.pos-b40-l40 {position: absolute; bottom: 40px; left: 40px;}

.pos-t-r {position: absolute; top: 0; right: 0;}
.pos-t10-r10 {position: absolute; top: 10px; right: 10px;}
.pos-t20-r20 {position: absolute; top: 20px; right: 20px;}
.pos-t30-r30 {position: absolute; top: 30px; right: 30px;}
.pos-t40-r40 {position: absolute; top: 40px; right: 40px;}

.pos-t-l {position: absolute; top: 0; left: 0;}
.pos-t10-l10 {position: absolute; top: 10px; left: 10px;}
.pos-t20-l20 {position: absolute; top: 20px; left: 20px;}
.pos-t30-l30 {position: absolute; top: 30px; left: 30px;}
.pos-t40-l40 {position: absolute; top: 40px; left: 40px;}

.valign-bottom {vertical-align: bottom !important;}
.valign-middle {vertical-align: middle !important;}
.valign-top {vertical-align: top !important;}


.disp-block {display: block !important}
.disp-inline {display: inline !important}
.disp-inline-block {display: inline-block !important}
.disp-flex {display: flex !important}
.disp-inline-flex {display: inline-flex !important}


/* === PADDINGS, MARGINS ===================================================== */

.col-padding {
    padding: 80px;
}
.col-padding-0 {
	padding: 0px 60px 0px 0px;
}

.pad0 {padding: 0px !important;}
.pad1 {padding: 1px !important;}
.pad2 {padding: 2px !important;}
.pad3 {padding: 3px !important;}
.pad4 {padding: 4px !important;}
.pad5 {padding: 5px !important;}
.pad6 {padding: 6px !important;}
.pad7 {padding: 7px !important;}
.pad8 {padding: 8px !important;}
.pad9 {padding: 9px !important;}
.pad10 {padding: 10px !important;}
.pad15 {padding: 15px !important;}
.pad20 {padding: 20px !important;}
.pad25 {padding: 25px !important;}
.pad30 {padding: 30px !important;}
.pad35 {padding: 35px !important;}
.pad40 {padding: 40px !important;}
.pad50 {padding: 50px !important;}
.pad60 {padding: 60px !important;}
.pad70 {padding: 70px !important;}
.pad80 {padding: 80px !important;}




.padbot0 {padding-bottom: 0px !important;}
.padbot5 {padding-bottom: 5px !important;}
.padbot10 {padding-bottom: 10px !important;}
.padbot15 {padding-bottom: 15px !important;}
.padbot20 {padding-bottom: 20px !important;}
.padbot25 {padding-bottom: 25px !important;}
.padbot30 {padding-bottom: 30px !important;}
.padbot35 {padding-bottom: 35px !important;}
.padbot40 {padding-bottom: 40px !important;}
.padbot45 {padding-bottom: 45px !important;}
.padbot50 {padding-bottom: 50px !important;}
.padbot55 {padding-bottom: 55px !important;}
.padbot60 {padding-bottom: 60px !important;}
.padbot65 {padding-bottom: 65px !important;}
.padbot70 {padding-bottom: 70px !important;}

.padtop0 {padding-top: 0px !important;}
.padtop5 {padding-top: 5px !important;}
.padtop10 {padding-top: 10px !important;}
.padtop15 {padding-top: 15px !important;}
.padtop20 {padding-top: 20px !important;}
.padtop25 {padding-top: 25px !important;}
.padtop30 {padding-top: 30px !important;}
.padtop35 {padding-top: 35px !important;}
.padtop40 {padding-top: 40px !important;}
.padtop45 {padding-top: 45px !important;}
.padtop50 {padding-top: 50px !important;}
.padtop55 {padding-top: 55px !important;}
.padtop60 {padding-top: 60px !important;}
.padtop65 {padding-top: 65px !important;}
.padtop70 {padding-top: 70px !important;}

.padleft0 {padding-left: 0px !important;}
.padleft5 {padding-left: 5px !important;}
.padleft10 {padding-left: 10px !important;}
.padleft15 {padding-left: 15px !important;}
.padleft20 {padding-left: 20px !important;}
.padleft25 {padding-left: 25px !important;}
.padleft30 {padding-left: 30px !important;}
.padleft35 {padding-left: 35px !important;}
.padleft40 {padding-left: 40px !important;}
.padleft45 {padding-left: 45px !important;}
.padleft50 {padding-left: 50px !important;}

.padright0 {padding-right: 0px !important;}
.padright5 {padding-right: 5px !important;}
.padright10 {padding-right: 10px !important;}
.padright15 {padding-right: 15px !important;}
.padright20 {padding-right: 20px !important;}
.padright25 {padding-right: 25px !important;}
.padright30 {padding-right: 30px !important;}
.padright40 {padding-right: 40px !important;}
.padright50 {padding-right: 50px !important;}

.mar0 {margin: 0px !important;}


.marbot0 {margin-bottom: 0px !important;}
.marbot1 {margin-bottom: 1px !important;}
.marbot2 {margin-bottom: 2px !important;}
.marbot3 {margin-bottom: 3px !important;}
.marbot4 {margin-bottom: 4px !important;}
.marbot5 {margin-bottom: 5px !important;}
.marbot10 {margin-bottom: 10px !important;}
.marbot15 {margin-bottom: 15px !important;}
.marbot20 {margin-bottom: 20px !important;}
.marbot25 {margin-bottom: 25px !important;}
.marbot30 {margin-bottom: 30px !important;}
.marbot35 {margin-bottom: 35px !important;}
.marbot40 {margin-bottom: 40px !important;}
.marbot45 {margin-bottom: 45px !important;}
.marbot50 {margin-bottom: 50px !important;}
.marbot55 {margin-bottom: 55px !important;}
.marbot60 {margin-bottom: 60px !important;}

.marbot0p {margin-bottom: 0% !important;}
.marbot10p {margin-bottom: 10% !important;}
.marbot20p {margin-bottom: 20% !important;}
.marbot30p {margin-bottom: 30% !important;}
.marbot40p {margin-bottom: 40% !important;}
.marbot50p {margin-bottom: 50% !important;}
.marbot60p {margin-bottom: 60% !important;}
.marbot70p {margin-bottom: 70% !important;}
.marbot80p {margin-bottom: 80% !important;}
.marbot90p {margin-bottom: 90% !important;}

.martop0 {margin-top: 0px !important;}
.martop1 {margin-top: 1px !important;}
.martop2 {margin-top: 2px !important;}
.martop3 {margin-top: 3px !important;}
.martop4 {margin-top: 4px !important;}
.martop5 {margin-top: 5px !important;}
.martop10 {margin-top: 10px !important;}
.martop15 {margin-top: 15px !important;}
.martop20 {margin-top: 20px !important;}
.martop25 {margin-top: 25px !important;}
.martop30 {margin-top: 30px !important;}
.martop35 {margin-top: 35px !important;}
.martop40 {margin-top: 40px !important;}
.martop45 {margin-top: 45px !important;}
.martop50 {margin-top: 50px !important;}
.martop55 {margin-top: 55px !important;}
.martop60 {margin-top: 60px !important;}
.martop65 {margin-top: 65px !important;}
.martop70 {margin-top: 70px !important;}
.martop75 {margin-top: 75px !important;}
.martop80 {margin-top: 80px !important;}
.martop85 {margin-top: 85px !important;}
.martop90 {margin-top: 90px !important;}
.martop95 {margin-top: 95px !important;}
.martop100 {margin-top: 100px !important;}
.martop110 {margin-top: 110px !important;}
.martop120 {margin-top: 120px !important;}
.martop130 {margin-top: 130px !important;}
.martop140 {margin-top: 140px !important;}
.martop150 {margin-top: 150px !important;}



.martop10p {margin-top: 10% !important;}
.martop20p {margin-top: 20% !important;}
.martop30p {margin-top: 30% !important;}
.martop40p {margin-top: 40% !important;}
.martop50p {margin-top: 50% !important;}
.martop60p {margin-top: 60% !important;}
.martop70p {margin-top: 70% !important;}
.martop80p {margin-top: 80% !important;}
.martop90p {margin-top: 90% !important;}
.martop100p {margin-top: 100% !important;}

.martop-5 {margin-top: -5px !important;}
.martop-10 {margin-top: -10px !important;}
.martop-20 {margin-top: -20px !important;}
.martop-30 {margin-top: -30px !important;}
.martop-40 {margin-top: -40px !important;}
.martop-50 {margin-top: -50px !important;}
.martop-60 {margin-top: -60px !important;}
.martop-70 {margin-top: -70px !important;}
.martop-80 {margin-top: -80px !important;}
.martop-90 {margin-top: -90px !important;}
.martop-100 {margin-top: -100px !important;}
.martop-110 {margin-top: -110px !important;}
.martop-120 {margin-top: -120px !important;}
.martop-130 {margin-top: -130px !important;}
.martop-140 {margin-top: -140px !important;}
.martop-150 {margin-top: -150px !important;}
.martop-160 {margin-top: -160px !important;}
.martop-170 {margin-top: -170px !important;}
.martop-180 {margin-top: -180px !important;}
.martop-200 {margin-top: -200px !important;}

.marleft0 {margin-left: 0px !important;}
.marleft5 {margin-left: 5px !important;}
.marleft10 {margin-left: 10px !important;}
.marleft20 {margin-left: 20px !important;}
.marleft30 {margin-left: 30px !important;}
.marleft40 {margin-left: 40px !important;}
.marleft50 {margin-left: 50px !important;}
.marleft60 {margin-left: 60px !important;}
.marleft70 {margin-left: 70px !important;}
.marleft80 {margin-left: 80px !important;}
.marleft90 {margin-left: 90px !important;}
.marleft100 {margin-left: 100px !important;}

.marleft-5 {margin-left: -5px !important;}
.marleft-10 {margin-left: -10px !important;}
.marleft-20 {margin-left: -20px !important;}
.marleft-30 {margin-left: -30px !important;}

.marright0 {margin-right: 0px !important;}
.marright5 {margin-right: 5px !important;}
.marright10 {margin-right: 10px !important;}
.marright20 {margin-right: 20px !important;}
.marright30 {margin-right: 30px !important;}
.marright40 {margin-right: 40px !important;}
.marright50 {margin-right: 50px !important;}
.marright60 {margin-right: 60px !important;}
.marright70 {margin-right: 70px !important;}
.marright80 {margin-right: 80px !important;}
.marright90 {margin-right: 90px !important;}
.marright100 {margin-right: 100px !important;}

.marright-5 {margin-left: -5px !important;}
.marright-10 {margin-left: -10px !important;}
.marright-20 {margin-left: -20px !important;}
.marright-30 {margin-left: -30px !important;}

.border0 {border: 0px solid transparent   ;}
.border1 {border: 1px solid transparent   ;}
.border2 {border: 2px solid transparent   ;}
.border3 {border: 3px solid transparent   ;}
.border4 {border: 4px solid transparent   ;}
.border5 {border: 5px solid transparent   ;}
.border6 {border: 6px solid transparent   ;}
.border7 {border: 7px solid transparent   ;}
.border8 {border: 8px solid transparent   ;}
.border9 {border: 9px solid transparent   ;}
.border10 {border: 10px solid transparent   ;}
.border15 {border: 15px solid transparent   ;}


.borders2 {border-top: 2px solid transparent; border-right: 2px solid transparent;}
.borders3 {border-top: 3px solid transparent; border-right: 3px solid transparent;}
.borders4 {border-top: 4px solid transparent; border-right: 4px solid transparent;}
.borders5 {border-top: 5px solid transparent; border-right: 5px solid transparent;}
.borders7 {border-top: 7px solid transparent; border-right: 7px solid transparent;}
.borders10 {border-top: 10px solid transparent; border-right: 10px solid transparent;}
.borders15 {border-top: 15px solid transparent; border-right: 15px solid transparent;}
.borders20 {border-top: 20px solid transparent; border-right: 20px solid transparent;}

.borderright5 {border-right: 5px solid transparent;}
.borderright10 {border-right: 10px solid transparent;}


/* === HELPER ===================================================== */


.spacer0 {height: 0px !important;}
.spacer10 {height: 10px !important;}
.spacer20 {height: 20px !important;}
.spacer30 {height: 30px !important;}
.spacer40 {height: 40px !important;}
.spacer50 {height: 50px !important;}
.spacer60 {height: 60px !important;}
.spacer70 {height: 70px !important;}
.spacer80 {height: 80px !important;}
.spacer90 {height: 90px !important;}
.spacer100 {height: 100px !important;}


.nobgrnd {background: none !important; background-color: transparent !important; background-image: none !important;}
.noshadow {box-shadow: 0px 0px 0px transparent !important;}


.opac0 { opacity: 0 !important;}
.opac10 { opacity: 0.1 !important;}
.opac20 { opacity: 0.2 !important;}
.opac30 { opacity: 0.3 !important;}
.opac40 { opacity: 0.4 !important;}
.opac50 { opacity: 0.5 !important;}
.opac60 { opacity: 0.6 !important;}
.opac70 { opacity: 0.7 !important;}
.opac80 { opacity: 0.8 !important;}
.opac90 { opacity: 0.9 !important;}
.opac100 { opacity: 1 !important;}




/* === SHADOWS ===================================================== */

.shadowxs {box-shadow: 0 1px 6px rgba(0,0,0,0.12) !important;}
.shadows {box-shadow: 0 1px 12px rgba(0,0,0,0.3) !important;}
.shadowl {box-shadow: 0 1px 18px rgba(0,0,0,0.1) !important;}
.shadowxl {box-shadow: 0 1px 24px rgba(0,0,0,0.2) !important;}
.shadowxxl {box-shadow: 0 1px 40px rgba(0,0,0,0.06) !important;}

.shadowxs-soft {box-shadow: 0 1px 6px rgba(0,0,0,0.8) !important;}
.shadows-soft {box-shadow: 0 1px 12px rgba(0,0,0,0.2) !important;}
.shadowl-soft {box-shadow: 0 1px 18px rgba(0,0,0,0.005) !important;}
.shadowxl-soft {box-shadow: 0 1px 24px rgba(0,0,0,0.2) !important;}
.shadowxxl-soft {box-shadow: 0 1px 40px rgba(0,0,0,0.03) !important;}

.topshadowm {box-shadow: 0 -8px 8px rgba(0, 0, 0, 0.03) !important}
.topshadowl {box-shadow: 0 -8px 11px rgba(0, 0, 0, 0.06) !important}
.topshadowxl {box-shadow: 0 -16px 20px rgba(0, 0, 0, 0.1) !important}

.botshadowl {box-shadow: 0 9px 11px rgba(0, 0, 0, 0.06) !important}
.botshadowxl {box-shadow: 0 17px 20px rgba(0, 0, 0, 0.1) !important}


.inshadowxs {box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset !important;}
.inshadows {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) inset !important;}
.inshadowl {box-shadow: 0 8px 18px rgba(0,0,0,0.25) inset !important ;}
.inshadowxl {box-shadow: 0 10px 24px rgba(0,0,0,0.25) inset !important ;}
.inshadowxxl {box-shadow: 0 12px 36px rgba(0,0,0,0.38) inset !important ;}

.intopshadowxl {box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3) inset;}
.intopshadowl {box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08) inset;}
.intopshadowm {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) inset;}
.intopshadowxs {box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06) inset;}


/* === EFFECTS ===================================================== */

.fxblurs {filter: blur(2px)}
.fxblurm {filter: blur(4px)}
.fxblurl {filter: blur(8px)}
.fxblurxl {filter: blur(12px)}

.overflowhidden { overflow: hidden !important;}



/* MEDIAQUERIES */

@media (max-width: 1280px) {


}



@media (max-width: 1024px) {

}



@media (max-width: 768px) {

}



@media (max-width: 480px) {
	p {font-size: 18px; line-height: 1.25em;
    margin-bottom: 0.4em !important;
    margin-top: 0.3em !important;}

  #Channelinfo1 {
    width: 40px;
  }

  .wxs100p {width: 100% !important;}
  .wxs90p {width: 90% !important;}
  .wxs80p {width: 80% !important;}
  .wxs70p {width: 70% !important;}
  .wxs60p {width: 60% !important;}
  .wxs50p {width: 50% !important;}
  .wxs40p {width: 40% !important;}
  .wxs30p {width: 30% !important;}
  .wxs20p {width: 20% !important;}
  .wxs10p {width: 10% !important;}


}



@media (max-width: 320px) {

  #Channelinfo1 {
    width: 40px;
  }
}