html {
    font-size: 100%;
    line-height: 1.5;
    font-family: 'Fira Sans';
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
}

.displayNone{
    display: none;
}

/**
*** HEADER Video ***
********************/

.divHeaderVideo{
    padding-left: 0;
    padding-right: 0;
}

.divHeaderVideo video {
  height: auto;
  max-width: 100%;
}

/**
*** HEADER Standard ***
**********************/

.headerStandard{
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 40px;
    overflow: hidden;
    min-height: 560px;
    padding-left: 0;
    padding-right: 0;
}

.headerStandard .container {
  position: relative;
  padding-top: 180px;
  margin-left: auto;
  margin-right: auto;
}

.headerStandard .container hr{
    border: 1px solid rgb(229, 229, 229);
}

.bgImage{

    margin: 0;
  min-height: 500px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;

}

/*****
*** HEADER Nav***
*************/

.logoHeader {
    width: 200px;
    height: auto;
}


/***
*** IMAGE ***
************/

.imgFluid {
    width: 100%;
    height: auto;
}

figure.image {
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
}

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

.ce-bodytext {
    width: 100%;
}

.ce-bodytext h3 {
    margin-top: 0;
    line-height: 1;
    display: block !important;
    width: 100%;
}


/***
*** Video ***
************/

figure.video {
    margin-left: 0;
    margin-right: 0;
}

figure.video video {
    width: 100%;
}

/***
*** Video Slider Home **
*****/
.headerVideoSlider{
    position: relative;
}

.bgHeaderVideo {
    position: absolute;
    top: -10px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    overflow-x: hidden;
	overflow-y: hidden;

}



.bgHeaderVideo video {
    min-height: 100%;
    min-width: 100%;

}

.bgHeaderVideo video.bgVideoMaxWidth {
    min-height: 100%;
    max-width: 100%;

}

.headerVideoSlider .sliderHomepage{
    z-index: 3 !important;
}

.headerVideoSlider .sliderHomepage .sliderHomepageWrapper img {
	opacity: 0 !important
}


/***
*** SLIDER ***
*************/

.swiper-pagination-bullet {
    background: #ccc !important;
    opacity: .8;
}

.swiper-pagination-bullet-active {
    background: rgb(0, 93, 185) !important;
}

.sliderBildergalerie .sliderOverlayProduct {

    position: absolute;
    transition: .5s ease;
    background-color: rgba(255, 255, 255, .8);
    opacity: 0;
    width: 100%;
    top: 0;
    height: 100%;
    padding: 10px;

}

.sliderBildergalerie .swiper-slide {
    border-right: 1px solid var(--white);
    padding-bottom: 0 !important;
}

.sliderBildergalerie .sliderProductInner img{
    width: auto;
    max-width: 100%;
    max-height: 300px;
    display: block;
}

.sliderBildergalerie .sliderProductInner .sliderOverlayProduct a,
.sliderBildergalerie .sliderProductInner .sliderOverlayProduct a:hover{
    text-decoration: none;
    display: block;
    color: var(--black);
    font-weight: 300;
    width: 100%;
    height: 100%;
}

.sliderBildergalerie .sliderProductInner .sliderOverlayProduct a p,
.sliderBildergalerie .sliderProductInner .sliderOverlayProduct a:hover p{

    color: var(--black) !important;

}

.sliderBildergalerie .sliderOverlayProduct .sliderOverlayProductInner{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sliderBildergalerie .swiper-slide:hover .sliderOverlayProduct {

    opacity: 1;

}

.sliderProductPreview .sliderOverlayProduct {
    position: absolute;
    transition: .5s ease;
    background-color: rgba(255, 255, 255, .8);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    width: 100%;
    top: 0;
    height: 100%;
}

.sliderProductPreview .swiper-slide:hover .sliderOverlayProduct {
    opacity: 1;
}

.sliderProductPreview p {
    color: rgb(27, 27, 26) !important;
    font-size: 1.000rem;
    text-transform: uppercase;
    font-weight: 400;
}

.sliderProductPreview p span {
    color: rgb(27, 27, 26) !important;
    font-size: 1.000rem;
    text-transform: none;
    font-weight: 400;
}

.sliderProductPreview p strong {
    color: rgb(27, 27, 26) !important;
    font-size: 1.000rem;
    text-transform: none;
    font-weight: 600;
}

.sliderProductPreview .swiper-pagination {
    position: initial !important;
}


/*** Slider Homepage ***/

.sliderHomepageWrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.sliderHomepageWrapper .imgFluidSlider {
    width: 100%;
    height: auto;
}

.sliderHomepageWrapper .sliderHomepageOverlay {
    position: absolute;
    top: 300px;
    left: 0;
    right: 0;
    bottom: 0;
}

.sliderHomepageWrapper .sliderHomepageOverlay .overlayInnerSliderElement {
    background-color: rgba(154, 157, 160, .92);
    padding: 20px 30px;
    max-width: 43%;
    margin-left: 35px;
    border-radius: 5px;
}

.sliderHomepageWrapper .sliderHomepageOverlay .overlayInnerSliderElement h3 {
    color: rgb(255, 255, 255);
    font-size: 2rem;
    font-weight: 500;
    margin-top: 20px;
    border-bottom: none;
}

.sliderHomepageWrapper .sliderHomepageOverlay .overlayInnerSliderElement p {
    color: rgb(255, 255, 255);
    font-size: 1.00rem;
    font-weight: 400;
}


/*** Slider Auto ***/

.swiper5 img {
    width: auto;
    height: 300px;
}





/***
*** Align Items ***
******************/
.containerAlign{
    display: flex;
    width: 100%;
    height: 100%;
}


/*********
*** Diverse DIV ***
***************/


/*** Header Div ***/

.divHeaderAllgemein,
#divHeader {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 40px;
    overflow: hidden;
    min-height: 560px;
}

.divHeaderAllgemein {
    min-height: unset;
}

#divHeader *,
.bgGrayDark *,
.bgGrayMedium * {
    color: rgb(255, 255, 255);
}

.bgGrayDark h3,
.bgGrayMedium h3 {
    margin-bottom: 0 !important;
    display: block !important;
}

.bgGrayDark a,
.bgGrayMedium a {
    color: var(--white) !important;
}

.bgGrayDark a:hover,
.bgGrayMedium a:hover {
    color: var(--grayLight) !important;
}

#divHeader .image {
    margin-right: 0 !important;
}

.bgHeaderVideo {
    position: absolute;
    top: -10px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

.bgHeaderVideo video {
    min-height: 100%;
    min-width: 100%;
}

.bgHeaderBlue {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
    z-index: 3
}

#divHeader .container {
    position: relative;
    z-index: 4;
    padding-top: 180px;
    margin-left: auto;
    margin-right: auto;
}

#divHeader .container hr {
    border: 1px solid rgb(229, 229, 229);
}

.divHeaderAllgemein .container hr {
    border: 1px solid rgb(194, 196, 198);
}

#divHeader p,
#divHeader p a,
#divHeader p a:hover {
    font-size: 1.250rem;
    font-weight: 500;
}

.divHeaderAllgemein {
    padding-top: 180px !important;
    background-image: url('../../../../../../fileadmin/user_upload/images/background/diverse/Ketten-Waelder-Hintergrund-Allgemein-v01.webp');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.bgAllgmeine {
    background-image: url('../../../../../../fileadmin/user_upload/images/background/diverse/Ketten-Waelder-Hintergrund-Allgemein-v01.webp');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}


/*** Flex Div ***/

.flexDiv {
    display: flex;
    flex-wrap: wrap;
}

.divBgImage {
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 500px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.navHeader {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}



/*** typo3 overwrite ***/

.ce-nowrap {
    display: flex;
    flex-wrap: nowrap;
}

.ce-nowrap .ce-bodytext {
    display: flex;
    align-items: center;
}

.ce-above .ce-bodytext .pBlueUpL {
    padding-top: 5px;
    margin-bottom: 0;
}

.ce-above .ce-bodytext .pBlue {
    margin-top: 0
}

.frame-shadow .image img {
    -webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.54);
    box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.54);
    margin: 10px;
}


/***
*** Darstellung Tabellen ***
****************************/

table tbody tr td img {
    float: left;
}

.accordion .contenttable thead tr,
.tableDesign thead tr {
    background-color: #c4cbd5;
}

.accordion .contenttable thead tr:nth-child(2),
.tableDesign thead tr {
    background-color: #c4cbd5;
    border-bottom: none !important;
}


.tableDesign thead tr th:last-child,
.tableDesign thead tr td:last-child {
    background-color: #FFF!important;
}

.accordion .contenttable thead tr td,
.tableDesign thead tr td,
.font_klein td {
    text-align: center;
    font-size: 0.875rem;
}

.accordion .contenttable thead tr th,
.tableDesign thead tr th,
.font_klein th {
    font-size: 0.875rem;
}

.accordion .contenttable tbody tr:nth-child(even),
.tableDesign tbody tr:nth-child(even) {
    background-color: #d7dde8;
}


.tableDesign tbody tr td:last-child {
    background-color: #FFF !important;
}

.accordion .contenttable tbody tr td,
.tableDesign tbody tr td,
.font_klein td {
    text-align: center;
    font-size: 0.875rem;
}

.accordion .contenttable tbody tr td:last-child,
.tableDesign tbody tr td:last-child {
    text-align: left;
}

.accordion .contenttable tbody tr th,
.tableDesign tbody tr th {
    text-align: left;
}

.news-text-wrap .contenttable {
    width: 100%;
}

.news-text-wrap .contenttable thead tr {
    background-color: #c4cbd5;
}

.news-text-wrap .contenttable thead tr td {
    text-align: center;
    font-size: 0.875rem;
}

.news-text-wrap .contenttable thead tr th {
    font-size: 0.875rem;
}

.news-text-wrap .contenttable tbody tr:nth-child(even) {
    background-color: #d7dde8;
}

.news-text-wrap .contenttable tbody tr td {
    text-align: center;
    font-size: 0.875rem;
}

.news-text-wrap .contenttable tbody tr th {
    text-align: left;
}



.news-text-wrap .contenttable tbody tr th {
    background-color: #d7dde8;
    font-size: 0.875rem;
}


/***********
*** Form ***
***********/


form-label {
    margin-bottom: 0.5rem;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
}

.form-text {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #6c757d;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control {
    margin-bottom: 10px;
}

fieldset {
    padding: 20px;
    border: none;
}

input[type=submit] {
    margin-top: 30px;
}


/***
*** Display ***
***************/

.displayDesktop {
    display: block;
}

.displayMobile {
    display: none;
}


/******************
 *** TEXT COLOR ***
******''**********/

.divHeaderAllgemein * {
    color: var(--black);
}


.colorGrayLight {
    color: rgb(154, 157, 160);
}

.colorGrayMedium {
    color: rgb(87, 92, 97);
}

.colorGrayDark {
    color: rgb(46, 48, 51) !important;
}

.colorBlue {
    color: rgb(0, 93, 185);
}

.colorBlack {
    color: rgb(27, 27, 26);
}

.colorWhite {
    color: rgb(255, 255, 255);
}


/******************
*** BG COLOR ***
******************/

.bgVideo {
    min-width: 100%;
    min-height: 100%;
    display: block
}

.bgNav {
    background-color: rgb(232, 237, 240);
}

.bgWhite {
    background-color: rgb(255, 255, 255);
}

.bgGrayLight {
    background-color: rgb(154, 157, 160);
}

.bgGrayMedium {
    background-color: rgb(87, 92, 97);
}

.bgGrayDark {
    background-color: rgb(46, 48, 51);
}

.bgBlue {
    background-color: rgb(0, 93, 185);
}

.bgBlack {
    background-color: rgb(27, 27, 26);
}


/***
*** ICON ***
***********/

.iconNavMain {
    color: rgb(0, 93, 185);
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-bottom;
}

.st0 {
  fill: #000 !important;
}

.footerIcon {
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-telNav {
    width: 26px;
    height: 26px;
    vertical-align: bottom;
}

.aTelNav {
    margin-left: 30px;
    padding: 0;
}

#header .aTelNav {
    margin-left: auto;
    padding: 0;
    margin-right: 50px;
    display: block;
    text-align: right;
}


/****
*** TEXT ALIGN ***
*****************/

.text-center,
.ce-headline-center,
.ce-center {
    text-align: center;
}

.text-left,
.ce-headline-left,
.ce-left {
    text-align: left;
}

.text-right,
.ce-headline-right,
.ce-right {
    text-align: right;
}


/**************
*** PADDING ***
**************/

.pT-null,
.pT-0 {
    padding-top: 0;
}

.pT-10,
.pT-extra-small,
.frame-space-before-extra-small {
    padding-top: 10px;
}

.pT-20,
.pT-small,
.frame-space-before-small {
    padding-top: 20px;
}

.pT-30,
.pT-medium,
.frame-space-before-medium {
    padding-top: 30px;
}

.pT-40,
.pT-large,
.frame-space-before-large {
    padding-top: 40px;
}

.pT-50,
.pT-extra-large,
.frame-space-before-extra-large {
    padding-top: 50px;
}

.pT-70 {
    padding-top: 70px;
}

.pB-null {
    padding-bottom: 0;
}

.pB-10,
.pB-extra-small,
.frame-space-after-extra-small {
    padding-bottom: 10px;
}

.pB-20,
.pB-small,
.frame-space-after-small {
    padding-bottom: 20px;
}

.pB-30,
.pB-medium,
.frame-space-after-medium {
    padding-bottom: 30px;
}

.pB-40,
.pB-large,
.frame-space-after-large {
    padding-bottom: 40px;
}

.pB-50,
.pB-extra-large,
.frame-space-after-extra-large {
    padding-bottom: 50px;
}

.pY-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pY-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pY-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pY-30header {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pY-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pY-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pX-0 {
    padding-left: 0;
    padding-right: 0;
}


/*************
*** Margin ***
*************/

.mT-10 {
    margin-top: 10px;
}

.mT-20 {
    margin-top: 20px;
}

.mT-30 {
    margin-top: 30px;
}

.mT-40 {
    margin-top: 40px;
}

.mT-50 {
    margin-top: 50px;
}

.mB-10 {
    margin-bottom: 10px;
}

.mB-20 {
    margin-bottom: 20px;
}

.mB-30 {
    margin-bottom: 30px;
}

.mB-40 {
    margin-bottom: 40px;
}

.mY-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mY-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mY-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mY-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mY-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}


/*************
*** FOOTER ***
*************/

#footer {
    background-color: var(--black);
    background-image: url('../../../../../..//fileadmin/user_upload/icons/allgemein/Icon_grayLight_LogoCromox.svg');
    background-position: 20% 130px;
    background-repeat: no-repeat;
    background-size: 300px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
}

#footer p {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    font-family: 'Fira Sans';
}

#footer p a,
#footer li a {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    font-family: 'Fira Sans';
    text-decoration: underline;
}

#footer p a:hover,
#footer li a:hover {
    color: rgb(232, 237, 240);
    font-size: 1rem;
    font-family: 'Fira Sans';
    text-decoration: underline;
}

#footer .aFooterIcon {
    color: white;
    text-decoration: none !important;
}

/***
*** Darstellung Tabellen  ab 2025***
****************************/

.contenttable,
.tableSince2025{
	border-spacing: 0px;
	border-collapse: collapse;;
}


.contenttable thead,
.tableSince2025 thead{
	background-color: rgb(174,174,174);
}


.tableSince2025 thead th:first-child,
.tableSince2025 thead td:first-child{
	background-color: rgb(174,174,174);
	border-right: 1px solid rgb(124,124,124);
}

.contenttable .bgcNone,
.tableSince2025 .bgcNone{
    background-color: var(--white) !important;
}


.contenttable thead th,
.tableSince2025 thead th{
	text-align: center;
	padding: 5px 10px;
	font-size: 0.8125rem;
	color: var(--black);
	font-weight: 500;
}


.contenttable thead td,
.tableSince2025 thead td{
	text-align: center;
	padding: 5px 10px;
	font-size: 0.8125rem;
	color: var(--black);
	font-weight: 400;
}

.contenttable tbody tr.bgcWhite,
.tableSince2025 tbody tr.bgcWhite {
  background-color: rgb(255,255,255) !important;
}

.contenttable tbody tr.bgcGray,
.tableSince2025 tbody tr.bgcGray{
    background-color: rgb(174,174,174, 0.2);
  }

.contenttable tbody th,
.tableSince2025 tbody th{
	text-align: start;
	padding: 5px 5px;
	font-size: 0.8125rem;
	border-right: 1px solid rgb(124,124,124);
}

.contenttable tbody th sub,
.tableSince2025 tbody th sub{
	font-size: 0.8125rem;
}

.contenttable tbody td,
.tableSince2025 tbody td{
	text-align: center;
	padding: 5px 15px;
	font-size: 0.8125rem;
}

.contenttable tbody td .imgInLine,
.tableSince2025 tbody td .imgInLine{
	max-width: 35px !important;
    height: auto !important;
    display: inline-block;
    float: unset !important;
}

.contenttable tbody td .imgInRow,
.tableSince2025 tbody td .imgInRow{
	max-width: 150px !important;
    height: auto !important;
    display: inline-block;
    float: unset !important;
}

.contenttable td .imgCellWinkel,
.contenttable th .imgCellWinkel,
.tableSince2025 td .imgCellWinkel,
.tableSince2025 th .imgCellWinkel{
	max-width: 65px !important;
    height: auto !important;
    display: inline-block;
    float: unset !important;
}

.contenttable thead th .imgNewHeader,
.tableSince2025 thead th .imgNewHeader{
    width: auto;
    max-height: 65px;
    display: block;
}

.contenttable thead .imgHeaderBoot,
.tableSince2025 thead .imgHeaderBoot{
    max-width: 150px;
    height: auto;
}

.contenttable tbody .imgInRowBoot,
.tableSince2025 tbody .imgInRowBoot{
    max-height: 100px;
    width: auto;
}

.contenttable thead .paddingImgHeader,
.tableSince2025 thead .paddingImgHeader{
    padding: 0 10px 0 0 !important;
}
.contenttable thead .paddingImgHeaderRight,
.tableSince2025 thead .paddingImgHeaderRight{
    padding: 0 0px 0 10px !important;
}

.contenttable tbody td .imgNew,
.tableSince2025 tbody td .imgNew{
    width: auto;
    max-height: 20px;
}

.contenttable .borderBottom,
.tableSince2025 .borderBottom{
	border-bottom: 1px solid rgb(124,124,124);
}

.contenttable .borderLeftRight,
.tableSince2025 .borderLeftRight{
	border-left: 1px solid rgb(124,124,124);
	border-right: 1px solid rgb(124,124,124);
}

.contenttable.borderAll,
.tableSince2025.borderAll{
    border: 1px solid rgb(124,124,124);
}

.contenttable .borderRight,
.tableSince2025 .borderRight{
	border-right: 1px solid rgb(124,124,124);
}

.contenttable .borderBottomNone,
.tableSince2025 .borderBottomNone{
	border-bottom: 1px solid transparent !important;
}

.contenttable .borderRightNone,
.tableSince2025 .borderRightNone{
	border-right: 1px solid transparent !important;
}

.contenttable .borderLeftNone,
.tableSince2025 .borderLeftNone{
	border-left: 1px solid transparent !important;
}

.contenttable .textStart,
.tableSince2025 .textStart{
    text-align: start !important;
}

.contenttable .textEnd,
.tableSince2025 .textEnd{
    text-align: end !important;
}

.contenttable .textCenter,
.tableSince2025 .textCenter{
    text-align: center !important;
}

.contenttable .paddingNone,
.tableSince2025 .paddingNone{
    padding: 0 !important;
}

.contenttable .width150px,
.tableSince2025 .width150px{
    width: 10px !important;
}

.contenttable .width150px,
.tableSince2025 .width150px{
    min-width: 150px !important;
}




/*******************
*** Button toTop ***
*******************/

#toTopButton {
    display: none;
    position: fixed;
    bottom: 100px;
    right: 35px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: rgb(0, 0, 0);
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
    border: 2px white solid;
    color: white;
}

#toTopButton:hover {
    background-color: rgb(154, 157, 160);
}

#toTopButton img {
    color: white;
}



/*** DIVERSES ***/

.showOnlyLgAndXl,
.showOnlyLg {
    display: none
}

/***
*** reCaptcher ***
******************/

.recaptcha {
    margin-top: 20px;
    margin-bottom: 20px;
}



/**************
*** PADDING ***
**************/

.pL-10{
    padding-left: 10px !important;
}
.pL-20{
    padding-left: 20px !important;
}
.pL-30{
    padding-left: 30px;
}
.pL-40{
    padding-left: 40px !important;
}
.pL-50{
    padding-left: 50px !important;
}
.pL-60{
    padding-left: 60px !important;
}
.pL-70{
    padding-left: 70px !important;
}
.pL-80{
    padding-left: 80px !important;
}
.pL-90{
    padding-left: 90px !important;
}
.pL-100{
    padding-left: 100px !important;
}


.pT-no{
    padding-top: 0px !important;
}
.pT-5{
    padding-top: 5px !important;
}
.pT-10{
    padding-top: 10px !important;
}
.pT-20{
    padding-top: 20px !important;
}
.pT-30{
    padding-top: 30px !important;
}
.pT-40{
    padding-top: 40px !important;
}
.pT-50{
    padding-top: 50px !important;
}
.pT-60{
    padding-top: 60px !important;
}
.pT-70{
    padding-top: 70px !important;
}
.pT-80{
    padding-top: 80px !important;
}
.pT-90{
    padding-top: 90px !important;
}
.pT-100{
    padding-top: 100px !important;
}
.pT-130{
    padding-top: 130px !important;
}

.pT-150{
    padding-top: 150px !important;
}

.pB-no{
    padding-bottom: 0px !important;
}

.pB-5{
    padding-bottom: 5px !important;
}

.pB-10{
    padding-bottom: 10px !important;
}
.pB-20{
    padding-bottom: 20px !important;
}
.pB-30{
    padding-bottom: 30px !important;
}
.pB-40{
    padding-bottom: 40px !important;
}
.pB-50{
    padding-bottom: 50px !important;
}
.pB-60{
    padding-bottom: 60px !important;
}
.pB-70{
    padding-bottom: 70px !important;
}
.pB-80{
    padding-bottom: 80px !important;
}
.pB-90{
    padding-bottom: 90px !important;
}
.pB-100{
    padding-bottom: 100px !important;
}

.pB-130{
    padding-bottom: 130px !important;
}

.pB-150{
    padding-bottom: 150px !important;
}

.pY-0{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.pY-10{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.pY-20{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.pY-30{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.pY-40{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.pY-50{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.pY-60{
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.pY-70{
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.pY-80{
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.pY-90{
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}
.pY-100{
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.pX-0{
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.pX-10{
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.pX-20{
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.pX-30{
    padding-right: 30px !important;
    padding-left: 30px !important;
}
.pX-40{
    padding-right: 40px !important;
    padding-left: 40px !important;
}
.pX-50{
    padding-right: 50px !important;
    padding-left: 50px !important;
}
.pX-60{
    padding-right: 60px !important;
    padding-left: 60px !important;
}
.pX-70{
    padding-right: 70px !important;
    padding-left: 70px !important;
}
.pX-80{
    padding-right: 80px !important;
    padding-left: 80px !important;
}
.pX-90{
    padding-right: 90px !important;
    padding-left: 90px !important;
}
.pX-100{
    padding-right: 100px !important;
    padding-left: 100px !important;
}

.pA-10{
    padding: 10px !important;
}
.pA-20{
    padding: 20px !important;
}
.pA-30{
    padding: 30px !important;
}
.pA-40{
    padding: 40px !important;
}
.pA-50{
    padding: 50px !important;
}
.pA-60{
    padding: 60px !important;
}
.pA-70{
    padding: 70px !important;
}
.pA-80{
    padding: 80px !important;
}
.pA-90{
    padding: 90px !important;
}
.pA-100{
    padding: 100px !important;
}

/*************
*** MARGIN ***
**************/

.mT-10{
    margin-top: 10px !important;
}
.mT-20{
    margin-top: 20px !important;
}
.mT-30{
    margin-top: 30px !important;
}
.mT-40{
    margin-top: 40px !important;
}
.mT-50{
    margin-top: 50px !important;
}
.mT-60{
    margin-top: 60px !important;
}
.mT-70{
    margin-top: 70px !important;
}
.mT-80{
    margin-top: 80px !important;
}
.mT-90{
    margin-top: 90px !important;
}
.mT-100{
    margin-top: 100px !important;
}

.mB-10{
    margin-bottom: 10px !important;
}
.mB-20{
    margin-bottom: 20px !important;
}
.mB-30{
    margin-bottom: 30px !important;
}
.mB-40{
    margin-bottom: 40px !important;
}
.mB-50{
    margin-bottom: 50px !important;
}
.mB-60{
    margin-bottom: 60px !important;
}
.mB-70{
    margin-bottom: 70px !important;
}
.mB-80{
    margin-bottom: 80px !important;
}
.mB-90{
    margin-bottom: 90px !important;
}
.mB-100{
    margin-bottom: 100px !important;
}

.mY-10{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.mY-20{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.mY-30{
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.mY-40{
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}
.mY-150{
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}
.mY-60{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.mY-70{
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}
.mY-80{
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}
.mY-90{
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}
.mY-100{
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}