/* --------------------------------------------------------------------------------------------- *
 *  helper.css 
 *  (support style b and c)
/* --------------------------------------------------------------------------------------------- */

.pos-relative { position: relative; }

/* reseting line */
.line-initial {
	font-size:16px;
  line-height: normal;
  letter-spacing: normal;
}

/* full cover (parent element must contain "position: relative;") */

.full-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 767px) {
  .full-cover-xs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
  }
}

.full-width { width: 100%; }
img.full-width { height: auto; }

/* background image */
.bg-image {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	z-index: 1;
}
.bg-fixed {
	background-attachment: fixed;
}

/* Width adjustment */
.width-50, .w-50 { width: 50%!important; }
.width-75, .w-75 { width: 75%; }
.width-95, .w-95 { width: 95%; }
.width-100, .w-100 { width: 100%!important; }

/* fullscreen height */
.full-height { min-height: 100vh;}

/* center aligns (parent element must contain "position: relative;") */
.align-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.vertical-align-center {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.horisontal-align-center {
	position: absolute;
	left: 50%;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.no-decor,
a.no-decor,
a.no-decor:hover,
a.no-decor:active,
a.no-decor:focus { 
  text-decoration: none !important;
  color: inherit !important;
}

:root {
    /* Green shades */
    --green-100: #043d2b;
    /* Dark Green */
    --green-200: #356456;
    /* Utility Nav Green */
    --green-300: #84bd00;
    /* Original Green */
    --green-400: #adf979;
    /* Light Green */
    --green-500: #e1fdcf;
    /* Lightest Green */

    /* Gray shades */
    --gray-100: #3a4150;
    /* Body Font Gray */
    --gray-200: #616773;
    /* Dark Gray */
    --gray-300: #888c95;
    /* Medium Gray */
    --gray-400: #d7d8db;
    /* Light Gray */
    --gray-500: #f3f3f3;
    /* Lightest Gray */
}

/* Text colors */
.text-main { color: #F20000 !important; }
.text-white { color: #FFF !important; }
.text-gray { color: #888 !important; }
.text-light-gray { color: #BBB !important; }
.text-dark-gray { color: #4d4d4d !important; }
.text-brand-gray { color: #74777a !important; }
.text-dark {  color: #000!important; }
.text-green { color: var(--green-100) !important; }
.text-green-brand { color: var(--green-100) !important; }
.text-blue { color: #3078B3 !important; }
.text-yellow { color: #FF9C00 !important; }
.text-red { color: #F20000 !important; }
.text-brown { color: #A38027 !important; }
.text-purple { color: #800080 !important; }
.text-darkred { color: #850116 !important; }
.text-green-access { color: #3a8600 !important; }
.text-green-icon { color: var(--green-100) !important; }
.text-mahogany { color: #cb333b !important; }
.text-green-5 {color: #2A6100 !important; }

/* Font weight */
.font-weight-300 { font-weight: 400 !important; }
.font-weight-400 { font-weight: 400 !important; }
.font-weight-500 { font-weight: 500 !important; }
.font-weight-600 { font-weight: 600 !important; }
.font-weight-700 { font-weight: 700 !important; }


/* Background colors */
.bg-main { background-color: #F20000 !important; }
.bg-white { background-color: #FFF !important; }
.bg-gray { background-color: #888 !important; }
.bg-light-gray { background-color: #F2F2F2 !important; }
.bg-dark { background-color:  #111!important; }
.bg-green { background-color: var(--green-100) !important; }
.bg-green-brand { background-color: var(--green-100) !important; }
.bg-blue { background-color: #3078B3 !important; }
.bg-yellow { background-color: #FF9C00 !important; }
.bg-red { background-color: #F20000 !important; }
.bg-brown { background-color: #A38027 !important; }
.bg-purple { background-color: #800080 !important; }
.bg-darkred { background-color: #850116 !important; } /* IE pages - switch site link */
.bg-gray-7, .bg-e9eef2 { background-color: #e9eef2 !important; } 


.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}



@media (max-width: 991px ) {
  .bg-sm-lightGreen { background-color: #e6f2cc; }
  .bg-sm-lightGray { background-color: #f0f0f0; }
}

@media (max-width: 767px ) {
  .bg-xs-lightGreen { background-color: #e6f2cc; }
  .bg-xs-lightGray { background-color: #f0f0f0; }
}

/* Border colors */
.table-borders-green th,
.table-borders-green td { border-color: #84bd00!important; }

.border-top-green { border-top: 2px solid #84bd00 !important; }
.border-bottom-green { border-bottom: 2px solid #84bd00 !important; }
.border-left-green { border-left: 2px solid #84bd00 !important; }
.border-right-green { border-right: 2px solid #84bd00 !important; }
.border-green { border: 2px solid #84bd00 !important; }
.border-mahagony { border: 2px solid #cb333b !important; }
.border-lightgray { border: 1px solid #f0f0f0 !important; }

.no-borders-top { border-top-width: 0 !important; }
.no-borders-bottom { border-bottom-width: 0 !important; }
.no-borders-left { border-left-width: 0 !important; }
.no-borders-right { border-right-width: 0 !important; }

.no-borders { border-width: 0 !important; }
table.no-borders * { border-width: 0 !important; }

/* hr colors */

hr.hr-gray {
  border: 1px solid #75787b;
  background-color: #75787b;
}

hr.hr-lightgray {
  border: 1px solid #b8b8b8;
  background-color: #b8b8b8; 
}

hr.hr-darkgray {
  border: 1px solid #8C8C8C;
  background-color: #8C8C8C;  
}

hr.hr-mahogany {
  background-color: #cb333b;
  border: 1px solid #cb333b;
}

hr.hr-brand-green {
  background-color: #84bd00;
  border: 1px solid #84bd00;
}

/* link colors */
a.link-white,
a.link-white:hover,
a.link-white:focus,
a.link-white:active {
  color: #fff!important;
}

a.linkInitial {
  color: #2b45d9!important;
  text-decoration: none!important;
}

a.linkInitial:hover,
a.linkInitial:focus {
  color: #51A100!important;
  text-decoration: underline!important;
}

a.linkText {
  color: inherit!important;;
  text-decoration: underline!important;
}

a.linkText:hover,
a.linkText:focus {
  color: inherit!important;
  text-decoration: none!important;
}

/* text align */
@media (max-width: 991px) {
  .text-sm-left { text-align: left; }
}

@media (max-width: 767px) {
  .text-xs-left { text-align: left; }
}

/* text transformation */
.text-caseoriginal { text-transform:none; }

a.link-readmore,
.link-readmore > a[data-t4-type="sslink"] {
  color: #3A8600!important;
  text-transform: uppercase;
  text-decoration: none!important;
  margin-left:15px;
}

a.link-readmore:after,
.link-readmore > a[data-t4-type="sslink"]:after {
  padding-left: 10px;
  content: "\f054"; /* chevron-right */
  font-family: "Font Awesome 6 Pro";  
  font-weight: 600;
}

a.link-readmore:hover,
a.link-readmore:focus,
.link-readmore > a[data-t4-type="sslink"]:hover,
.link-readmore > a[data-t4-type="sslink"]:focus { text-decoration: underline!important; }

a.link-underline,
.link-underline a {
    color: #3a8600 !important;
    text-decoration: underline;
}

a.link-underline:hover,
a.link-underline:focus,
a.link-underline:active,
.link-underline a:hover,
.link-underline a:focus,
.link-underline a:active{
  color: #306f00 !important;
  text-decoration: none;
}

a.link-underline-darker,
.link-underline-darker a,
a.link-readmore-underline-darker,
.link-readmore-underline-darker a {
    color: #2A6100 !important;
    text-decoration: underline;
}

a.link-underline-darker:hover,
a.link-underline-darker:focus,
a.link-underline-darker:active,
.link-underline-darker a:hover,
.link-underline-darker a:focus,
.link-underline-darker a:active,
a.link-readmore-underline-darker:hover,
a.link-readmore-underline-darker:focus,
a.link-readmore-underline-darker:active,
.link-readmore-underline-darker a:hover,
.link-readmore-underline-darker a:focus,
.link-readmore-underline-darker a:active {
  color: #306f00 !important;
  text-decoration: none;
}




/* Paddings classes */
.padding-5 { padding: 5px !important; }
.padding-10 { padding: 10px !important; }
.padding-15 { padding: 15px !important; }
.padding-20 { padding: 20px !important; }
.padding-25 { padding: 25px !important; }
.padding-30 { padding: 30px !important; }
.padding-35 { padding: 35px !important; }
.padding-40 { padding: 40px !important; }
.padding-45 { padding: 45px !important; }
.padding-50 { padding: 50px !important; }
.padding-55 { padding: 55px !important; }
.padding-60 { padding: 60px !important; }
.padding-65 { padding: 65px !important; }
.padding-70 { padding: 70px !important; }
.padding-75 { padding: 75px !important; }
.padding-80 { padding: 80px !important; }

.padding-top-5 { padding-top: 5px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-top-25 { padding-top: 25px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-35 { padding-top: 35px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-top-45 { padding-top: 45px !important; }
.padding-top-50 { padding-top: 50px !important; }
.padding-top-55 { padding-top: 55px !important; }
.padding-top-60 { padding-top: 60px !important; }
.padding-top-65 { padding-top: 65px !important; }
.padding-top-70 { padding-top: 70px !important; }
.padding-top-75 { padding-top: 75px !important; }
.padding-top-80 { padding-top: 80px !important; }
.padding-top-85 { padding-top: 85px !important; }
.padding-top-90 { padding-top: 90px !important; }
.padding-top-95 { padding-top: 95px !important; }
.padding-top-100 { padding-top: 100px !important; }

.padding-bottom-5 { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-25 { padding-bottom: 25px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-35 { padding-bottom: 35px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-bottom-45 { padding-bottom: 45px !important; }
.padding-bottom-50 { padding-bottom: 50px !important; }
.padding-bottom-55 { padding-bottom: 55px !important; }
.padding-bottom-60 { padding-bottom: 60px !important; }
.padding-bottom-65 { padding-bottom: 65px !important; }
.padding-bottom-70 { padding-bottom: 70px !important; }
.padding-bottom-75 { padding-bottom: 75px !important; }
.padding-bottom-80 { padding-bottom: 80px !important; }
.padding-bottom-85 { padding-bottom: 85px !important; }
.padding-bottom-90 { padding-bottom: 90px !important; }
.padding-bottom-95 { padding-bottom: 95px !important; }
.padding-bottom-100 { padding-bottom: 100px !important; }

.padding-left-5 { padding-left: 5px !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-15 { padding-left: 15px !important; }
.padding-left-20 { padding-left: 20px !important; }
.padding-left-25 { padding-left: 25px !important; }
.padding-left-30 { padding-left: 30px !important; }
.padding-left-35 { padding-left: 35px !important; }
.padding-left-40 { padding-left: 40px !important; }
.padding-left-45 { padding-left: 45px !important; }
.padding-left-50 { padding-left: 50px !important; }
.padding-left-55 { padding-left: 55px !important; }
.padding-left-60 { padding-left: 60px !important; }
.padding-left-65 { padding-left: 65px !important; }
.padding-left-70 { padding-left: 70px !important; }
.padding-left-75 { padding-left: 75px !important; }
.padding-left-80 { padding-left: 80px !important; }
.padding-left-85 { padding-left: 85px !important; }
.padding-left-90 { padding-left: 90px !important; }
.padding-left-95 { padding-left: 95px !important; }
.padding-left-100 { padding-left: 100px !important; }

.padding-right-5 { padding-right: 5px !important; }
.padding-right-10 { padding-right: 10px !important; }
.padding-right-15 { padding-right: 15px !important; }
.padding-right-20 { padding-right: 20px !important; }
.padding-right-25 { padding-right: 25px !important; }
.padding-right-30 { padding-right: 30px !important; }
.padding-right-35 { padding-right: 35px !important; }
.padding-right-40 { padding-right: 40px !important; }
.padding-right-45 { padding-right: 45px !important; }
.padding-right-50 { padding-right: 50px !important; }
.padding-right-55 { padding-right: 55px !important; }
.padding-right-60 { padding-right: 60px !important; }
.padding-right-65 { padding-right: 65px !important; }
.padding-right-70 { padding-right: 70px !important; }
.padding-right-75 { padding-right: 75px !important; }
.padding-right-80 { padding-right: 80px !important; }
.padding-right-85 { padding-right: 85px !important; }
.padding-right-90 { padding-right: 90px !important; }
.padding-right-95 { padding-right: 95px !important; }
.padding-right-100 { padding-right: 100px !important; }

/* No paddings classes */
.no-padding        { padding: 0 !important; }
.no-padding-top    { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-padding-left   { padding-left: 0 !important; }
.no-padding-right  { padding-right: 0 !important; }

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
}

.lh-1 {line-height: 1 !important;}
.lh-12 {line-height: 1.2 !important;}
.lh-125 {line-height: 1.25 !important;}
.lh-3 {line-height: 1.3 !important;}
.lh-135 {line-height: 1.35 !important;}
.lh-14 {line-height: 1.4 !important;}
.lh-145 {line-height: 1.45 !important;}
.lh-15 {line-height: 1.5 !important;}
.lh-155 {line-height: 1.55 !important;}
.lh-16 {line-height: 1.6 !important;}
.lh-165 {line-height: 1.65 !important;}
.lh-17{line-height: 1.7 !important;}
.lh-175 {line-height: 1.75 !important;}
.lh-18 {line-height: 1.8 !important;}
.lh-185 {line-height: 1.85 !important;}
.lh-19 {line-height: 1.9 !important;}
.lh-195 {line-height: 1.95 !important;}
.lh-2 {line-height: 2 !important;}


.text-start {text-align: left !important;}
.text-end {text-align: right !important;}
.text-center {text-align: center !important;}
.text-decoration-none {text-decoration: none !important;}
.text-decoration-underline {text-decoration: underline !important;}
.text-decoration-line-through {text-decoration: line-through !important;}

.text-lowercase {text-transform: lowercase !important;}
.text-uppercase {text-transform: uppercase !important;}
.text-capitalize {text-transform: capitalize !important;}
.text-none {text-transform: none !important;}


.fw-light {font-weight: 300 !important;}
.fw-lighter {font-weight: lighter !important;}
.fw-normal {font-weight: 400 !important;}
.fw-semibold {font-weight: 600 !important;}
.fw-bold {font-weight: 700 !important;}
.fw-bolder {font-weight: bolder !important;}

/* Letter spacing */
.ls-0 {letter-spacing: normal;}
.ls-1 {letter-spacing: 1px;}
.ls-2 {letter-spacing: 2px;}
.ls-3 {letter-spacing: 3px;}
.ls-4 {letter-spacing: 4px;}
.ls-5 {letter-spacing: 5px;}
.ls-n1 {letter-spacing: -1px;}
.ls-n2 {letter-spacing: -2px;}
.ls-n3 {letter-spacing: -3px;}
.ls-n4 {letter-spacing: -4px;}
.ls-n5 {letter-spacing: -5px;}

/* bullets */
.no-bullet {list-style-type: none;}



/* Padding for screen > 992px */

@media (min-width: 992px) {
  .padding-md-top-15    { padding-top: 15px !important; }  
  .padding-md-top-30    { padding-top: 30px !important; }
  
  .padding-md-bottom-30 { padding-bottom: 30px !important; }
  
  .padding-md-left-15   { padding-left: 15px !important; }
  .padding-md-left-30   { padding-left: 30px !important; }
  .padding-md-left-p30  { padding-left: 30% !important; }
  
  .padding-md-right-30  { padding-right: 30px !important; }

  .no-padding-md-top    { padding-top: 0 !important; }
  .no-padding-md-bottom { padding-bottom: 0 !important; }
  .no-padding-md-left   { padding-left: 0 !important; }
  .no-padding-md-right  { padding-right: 0 !important; }  
}

/* Padding for screen < 992px */

@media (max-width: 991px) and (min-width: 768px) {  
  .padding-sm-15        { padding: 15px !important; }
  .padding-sm-top-15    { padding-top: 15px !important; }  
  
  .no-padding-sm-top    { padding-top: 0 !important; }
  .no-padding-sm-bottom { padding-bottom: 0 !important; }
  .no-padding-sm-left   { padding-left: 0 !important; }
  .no-padding-sm-right  { padding-right: 0 !important; }   
}

/* Padding for screen < 768px */

@media (max-width: 767px) {
  .padding-xs-15 { padding: 15px !important; }

  .padding-xs-top-15  { padding-top: 15px !important; }   
  .padding-xs-left-15 { padding-left: 15px !important; }

  .no-padding-xs-top { padding-top: 0 !important; }
  .no-padding-xs-bottom { padding-bottom: 0 !important; }
  .no-padding-xs-left { padding-left: 0 !important; }
  .no-padding-xs-right { padding-right: 0 !important; } 
}

/* Padding for table cells */
.cell-padding-0 th,
.cell-padding-0 td { padding: 0!important; }

/* Margins classes */
.margin-5 { margin: 5px !important; }
.margin-10 { margin: 10px !important; }
.margin-15 { margin: 15px !important; }
.margin-20 { margin: 20px !important; }
.margin-25 { margin: 25px !important; }
.margin-30 { margin: 30px !important; }
.margin-35 { margin: 35px !important; }
.margin-40 { margin: 40px !important; }
.margin-45 { margin: 45px !important; }
.margin-50 { margin: 50px !important; }
.margin-55 { margin: 55px !important; }
.margin-60 { margin: 60px !important; }
.margin-65 { margin: 65px !important; }
.margin-70 { margin: 70px !important; }
.margin-75 { margin: 75px !important; }
.margin-80 { margin: 80px !important; }
.margin-85 { margin: 85px !important; }
.margin-90 { margin: 90px !important; }
.margin-95 { margin: 95px !important; }
.margin-100 { margin: 100px !important; }

.margin-top-m-35 { margin-top: -35px !important; }
.margin-top-m-20 { margin-top: -20px !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-15 { margin-top: 15px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-25 { margin-top: 25px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-top-35 { margin-top: 35px !important; }
.margin-top-40 { margin-top: 40px !important; }
.margin-top-45 { margin-top: 45px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-55 { margin-top: 55px !important; }
.margin-top-60 { margin-top: 60px !important; }
.margin-top-65 { margin-top: 65px !important; }
.margin-top-70 { margin-top: 70px !important; }
.margin-top-75 { margin-top: 75px !important; }
.margin-top-80 { margin-top: 80px !important; }
.margin-top-85 { margin-top: 85px !important; }
.margin-top-90 { margin-top: 90px !important; }
.margin-top-95 { margin-top: 95px !important; }
.margin-top-100 { margin-top: 100px !important; }

.margin-bottom-m10 { margin-bottom: -10px !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-15 { margin-bottom: 15px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-25 { margin-bottom: 25px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-bottom-35 { margin-bottom: 35px !important; }
.margin-bottom-40 { margin-bottom: 40px !important; }
.margin-bottom-45 { margin-bottom: 45px !important; }
.margin-bottom-50 { margin-bottom: 50px !important; }
.margin-bottom-55 { margin-bottom: 55px !important; }
.margin-bottom-60 { margin-bottom: 60px !important; }
.margin-bottom-65 { margin-bottom: 65px !important; }
.margin-bottom-70 { margin-bottom: 70px !important; }
.margin-bottom-75 { margin-bottom: 75px !important; }
.margin-bottom-80 { margin-bottom: 80px !important; }
.margin-bottom-85 { margin-bottom: 85px !important; }
.margin-bottom-90 { margin-bottom: 90px !important; }
.margin-bottom-95 { margin-bottom: 95px !important; }
.margin-bottom-100 { margin-bottom: 100px !important; }

.margin-left-m15 { margin-left: -15px !important; }
.margin-left-m40 { margin-left: -40px !important; }
.margin-left-5 { margin-left: 5px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-15 { margin-left: 15px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-25 { margin-left: 25px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-left-35 { margin-left: 35px !important; }
.margin-left-40 { margin-left: 40px !important; }
.margin-left-45 { margin-left: 45px !important; }
.margin-left-50 { margin-left: 50px !important; }
.margin-left-55 { margin-left: 55px !important; }
.margin-left-60 { margin-left: 60px !important; }
.margin-left-65 { margin-left: 65px !important; }
.margin-left-70 { margin-left: 70px !important; }
.margin-left-75 { margin-left: 75px !important; }
.margin-left-80 { margin-left: 80px !important; }
.margin-left-85 { margin-left: 85px !important; }
.margin-left-90 { margin-left: 90px !important; }
.margin-left-95 { margin-left: 95px !important; }
.margin-left-100 { margin-left: 100px !important; }

.margin-right-m15 { margin-right: -15px !important; }
.margin-right-5 { margin-right: 5px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-15 { margin-right: 15px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-right-25 { margin-right: 25px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-right-35 { margin-right: 35px !important; }
.margin-right-40 { margin-right: 40px !important; }
.margin-right-45 { margin-right: 45px !important; }
.margin-right-50 { margin-right: 50px !important; }
.margin-right-55 { margin-right: 55px !important; }
.margin-right-60 { margin-right: 60px !important; }
.margin-right-65 { margin-right: 65px !important; }
.margin-right-70 { margin-right: 70px !important; }
.margin-right-75 { margin-right: 75px !important; }
.margin-right-80 { margin-right: 80px !important; }
.margin-right-85 { margin-right: 85px !important; }
.margin-right-90 { margin-right: 90px !important; }
.margin-right-95 { margin-right: 95px !important; }
.margin-right-100 { margin-right: 100px !important; }

/* No margins classes */

.no-margin        { margin: 0 !important; }
.no-margin-top    { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-left   { margin-left: 0 !important; }
.no-margin-right  { margin-right: 0 !important; }

/* margin for screen > 992px */

@media (min-width: 992px) {
  .margin-md-left-m15 { margin-left: -15px !important; }
  
  .no-margin-md-top    { margin-top: 0 !important; }
  .no-margin-md-bottom { margin-bottom: 0 !important; }
  .no-margin-md-left   { margin-left: 0 !important; }
  .no-margin-md-right  { margin-right: 0 !important; }   
}

/* margin for screen < 992px */

@media (max-width: 991px) and (min-width: 768px) {
  .margin-md-left-m15 { margin-left: -15px !important; }
  
  .no-margin-sm-top    { margin-top: 0 !important; }
  .no-margin-sm-bottom { margin-bottom: 0 !important; }
  .no-margin-sm-left   { margin-left: 0 !important; }
  .no-margin-sm-right  { margin-right: 0 !important; }   
}

/* margin for screen < 768px */

@media (max-width: 767px) {
  .margin-xs-top-10    { margin-top: 10px !important; }
  .margin-xs-left-m15  { margin-left:-15px !important; }
  .margin-xs-right-m15 { margin-right: -15px !important; }
  .margin-xs-left-15   { margin-left:15px !important; }	
  .margin-xs-left-30   { margin-left: 30px !important; }
  
  .no-margin-xs-top    { margin-top: 0 !important; }
  .no-margin-xs-bottom { margin-bottom: 0 !important; }
  .no-margin-xs-left   { margin-left: 0 !important; }
  .no-margin-xs-right  { margin-right: 0 !important; }   
}

/* font size classes */

/* font size for screen < 768px */

@media (max-width: 767px) {
	.font-xs-40 { font-size: 40px !important; }
	.font-xs-20 { font-size: 20px !important; }
}

/* ------------------------------------------------------------------------------------------------------------ *
 *  Responsive columns of same height
 *  more info: http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height
/* ------------------------------------------------------------------------------------------------------------ */

.row-full-height {
	height: 100%;
}
.col-full-height {
	height: 100%;
	vertical-align: middle;
}
.row-same-height {
	display: table;
	width: 100%;
	/* fix overflow */
	table-layout: fixed;
}
.col-xs-height {
	display: table-cell;
	float: none !important;
}

@media (min-width: 768px) {
	.col-sm-height {
		display: table-cell;
		float: none !important;
	}
}
@media (min-width: 992px) {
	.col-md-height {
		display: table-cell;
		float: none !important;
	}
}
@media (min-width: 1200px) {
	.col-lg-height {
		display: table-cell;
		float: none !important;
	}
}
/* vertical alignments */
.col-top {
	vertical-align: top;
}
.col-middle {
	vertical-align: middle;
}
.col-bottom {
	vertical-align: bottom;
}


/*  = .list-unstyled */
.no-bullets {
	padding-left: 0;
	list-style: none;
}

/* line-hight */
.line-h-1p7 { line-height: 1.7em; }

/* display */
.block        { display: block !important; }
.inline       { display: inline !important; }
.inline-block { display: inline-block !important; }
.table-cell   { display: table-cell !important; }


.sup {
  top: -.5em;
  position: relative;
  line-height: 0;
  vertical-align: baseline;
}

/* text-indent */
@media (min-width: 768px) {
  .text-indent-15 { text-indent: 15px !important; }
}

@media (max-width: 767px) {
  .text-indent-15 { text-indent: 0 !important; }
}

@media print {
  .text-indent-15 { text-indent: 0 !important; }
}

.spacer {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 20px;
    padding-bottom: 0;
}

.spacer-half {
    /* margin-top: 15px; */
    margin-bottom: 15px;
    padding-top: 4px;
    padding-bottom: 0;
}

.valign-sup { vertical-align: super !important; }

/* use with T4 TineMCE */
/* Font size */
.font-size-16 { font-size: 16px; }
.font-16 { font-size: 1rem !important; }
.font-18 { font-size: 1.125rem !important; }
.font-20 { font-size: 1.25rem !important; }
.font-22 { font-size: 1.375rem !important; }
.font-24 { font-size: 1.5rem !important; }
.font-28 { font-size: 1.75rem !important; }
.font-32 { font-size: 2rem !important; }
.font-40 { font-size: 2.5rem !important; }
.fs-3rem { font-size: 3rem !important; }
.fs-4rem { font-size: 4rem !important; }
.fs-5rem { font-size: 5rem !important; }

.font-16-em { font-size: 1em !important; }
.font-18-em { font-size: 1.125em !important; }
.font-20-em { font-size: 1.25em !important; }
.font-22-em { font-size: 1.375em !important; }
.font-24-em { font-size: 1.5em !important; }
.font-28-em { font-size: 1.75em !important; }
.font-32-em { font-size: 2em !important; }
.font-40-em { font-size: 2.5em !important; }
.fs-3em { font-size: 3em !important; }
.fs-4em { font-size: 4em !important; }
.fs-5em { font-size: 5em !important; }

.font-16px, .font-16-px { font-size: 16px !important; }
.font-18px, .font-18-px { font-size: 18px !important; }
.font-20px, .font-20-px { font-size: 20px !important; }
.font-22px, .font-22-px { font-size: 22px !important; }
.font-24px, .font-24-px { font-size: 24px !important; }
.font-28px, .font-28-px { font-size: 28px !important; }
.font-32px, .font-32-px { font-size: 32px !important; }
.font-40px, .font-40-px { font-size: 40px !important; }





