/*-------------------------------------------
  #  Redesign
  ## Author: DUDA Group
  ## Date: 11.05.2016
-------------------------------------------*/
/*-------------------------------------------
  #  BASE
-------------------------------------------*/
html,body { min-height: 100vh !important; font-size: 14px; line-height: 100% !important; font-family: "TheSans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: 400; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { font-size: 14px;}
h1,h2,h3 { font-size: 26px; word-break: break-word; font-family: "TheSerifBold", serif; font-weight: 400; margin-top: 0; color: rgba(60,60,59,1);}
h3 { font-size: 20px; color: #10945A; margin-bottom: 5px;}
p { font-size: 14px; font-weight: 400; font-family: "TheSans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; line-height: 1.46em; margin-bottom: 14px;}
label { font-size: 14px; font-weight: 400; font-family: "TheSerifBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;}
a,button { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-o;}
.additional > a { text-decoration: underline;}
/*-------------------------------------------
  #  GRID
-------------------------------------------*/
.row { position: relative;}
.row .row { margin: 0 -10px;}
.column,.columns { padding: 0 10px;}
/*-------------------------------------------
  #  REWRITES
-------------------------------------------*/
/*  Language Flag Links  */
.homelanguageselect .languageSelectionImage { display: none !important;}
.homelanguageselect { margin-top: 10px;}
.homelanguageselect span { display: inline-block; color: #949189; text-decoration: underline; font-weight: 400; font-family: 'TheSansBold', sans-serif;}
.homelanguageselect a { color: #949189;}
.homelanguageselect a:hover { color: #000;}
.homelanguageselect a > span { text-decoration: none;}
/*
  Cart button and Top Icon
*/
.addtobasket { background-image: url(https://jardinsuisse.abacuscity.ch/abauserimage/assets/img/cart.svg?xet=1465985604541) !important; background-position: 12% 50%;}
@media screen and (max-width: 790px) {
  .button-buy { background-image: none !important; }
}
.icon-hamburger.basket.white { background: url(https://jardinsuisse.abacuscity.ch/abauserimage/assets/img/cart.svg?xet=1465985604541) center no-repeat;}
.quicksearch-button,.fastsearchinput .button { background-image: url(https://jardinsuisse.abacuscity.ch/abauserimage/assets/img/magnifier.svg?xet=1465985604820) !important;}
.icon-hamburger.search.white { background: url(https://jardinsuisse.abacuscity.ch/abauserimage/assets/img/magnifier.svg?xet=1465985604820) center no-repeat;}
/* Print Icon */
.icon.print { background: url(https://jardinsuisse.abacuscity.ch/abauserimage/assets/img/print.svg?xet=1465985604861) center no-repeat;}
/*-------------------------------------------
  #  Button
  ## Author: DUDA Group
  ## Date: 11.05.2016
-------------------------------------------*/
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner { border: none;}
.button { font-family: 'TheSansBold', 'Helvetica Neue', sans-serif; font-weight: 400; border-radius: 0; text-transform: uppercase !important; padding: 15px 7px 13px !important; font-size: 12px; letter-spacing: .16em;}
.button,.button:active,.button:focus { color: #fff;}
.button-big { font-size: 16px; padding: 21px 5px 18px!important;}
.button-prime { background-color: rgba(1, 147, 73, 1);}
.button-prime:hover { background-color: rgba(0, 122, 48, 1); opacity: 1;}
.button-prime:focus { box-shadow: none; color: #fff;}
.button-second { background-color: rgba(162, 35, 138, 1);}
.button-second:hover { background-color: rgba(137, 10, 113, 1); opacity: 1;}
.button-second:focus { box-shadow: none; color: #fff;}
.button-buy { padding: 15px 50px !important; text-align: center; font-size: 12px;}
.button.alert { border: 1px solid #c60f13;}
/*-------------------------------------------
  #  Breadcrumb
  ## Author: DUDA Group
  ## Date: 12.05.2016
-------------------------------------------*/
.breadcrumb { list-style: none; margin-top: 14px;}
.breadcrumb li { display: inline-block;}
.breadcrumb li > a { color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.3); font-weight: 400; font-family: 'TheSans', Arial, Helvetica; font-size: 16px;}
.breadcrumb li:after { content: " · "; font-weight: 700;}
.breadcrumb li:last-of-type:after { content: "";}
.breadcrumb-space--l { margin-bottom: 50px;}
/*-------------------------------------------
  #  Checkout Design
  ## Author: DUDA Group
  ## Date: 12.05.2016
-------------------------------------------*/
.checkout_steps { padding-bottom: 13px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 57px !important;}
.checkout_steps li { display: inline-block; font-size: 16px;}
@media (max-width: 768px) {
  .checkout_steps li { display: inline; text-align: center; }
}
.checkout_steps li .step { background-image: none !important; width: 100%; height: auto; font-size: 16px; padding: 10px 0; font-family: 'TheSans', 'Helvetica Neue';}
.checkout_steps li > a.step { color: #000;}
/*
  ITEM LISTING
*/
.checkout_list div { font-size: 14px;}
.checkout_list hr { border: none !important; border-bottom: 1px dotted rgba(0, 0, 0, 0.3) !important; margin: 20px 0;}
.checkout_list hr:first-of-type { margin-top: 10px;}
.zebra1,.zebra2 { text-align: left;}
.zebra1 div,.zebra2 div { font-size: 14px !important;}
.zebra1 input[type="number"],.zebra2 input[type="number"] { margin: 0 !important;}
.checkout_list p,.checkout_list a { font-size: 14px; color: #000;}
.checkout_list * { line-height: 150% !important;}
/*-------------------------------------------
  #  Button
  ## Author: DUDA Group
  ## Date: 31.05.2016
-------------------------------------------*/
footer { width: 100%; height: 250px; position: absolute; bottom: 0; left: 0; z-index: 100;}
.footer-pusher { position: relative; display: block; height: 350px;}
@media (max-width: 768px) {
  .footer-pusher { height: 300px; }
}
footer a { color: white;}
.footer-text { font-family: 'TheSans_500', 'Helvetica Neue', sans-serif; font-weight: 500;}
.footer-img { bottom: 50px !important;}
.footer-img img { max-width: 180px;}
.footer-last { bottom: 30px !important;}
@media (max-width: 620px) {
  .footer-last { bottom: 20px !important; }
}
@media (max-width: 322px) {
  .footer-last { bottom: 0 !important; }
}
/*-------------------------------------------
  #  Header
  ## Author: DUDA Group
  ## Date: 11.05.2016
-------------------------------------------*/
.logo-container { position: absolute; width: 285px; height:auto;right: 0px; bottom: 0px;}
.logo-container > img { width: 100%;}
.shoptitle > p span { font-family: 'TheSans_300', sans-serif; display: block; font-size: 52px; color: #D1CEC6; line-height: 100%;}
.shoptitle > p span:first-of-type { font-family: 'TheSansBold', sans-serif;}
/*-------------------------------------------
  #  Redesign Searchform ELEMENTS
  ## Author: DUDA Group
  ## Date: 11.05.2016
-------------------------------------------*/
input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea:focus { box-shadow: none !important; padding: 10px 5px; height: 38px; font-size: 14px; border-radius: 0;}
textarea { height: 150px !important;}
/* SideBar Search Form */
form[name*="searchform"] input { font-size: 14px !important;}
form[name*="searchform"] .ui-autocomplete-input { font-family: 'TheSansBold', 'Helvetica Neue', sans-serif; font-weight: 400; color: #fff; background: rgba(190, 184, 176, 1); height: auto; padding: 8px 5px 5px; box-shadow: none; border: 1px solid background: rgba(190, 184, 176, 1); min-height: 38px; border-radius: 0; letter-spacing: 0.01em;}
form[name*="searchform"] .ui-autocomplete-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #fff; text-transform: uppercase; letter-spacing: .16em;}
form[name*="searchform"] .ui-autocomplete-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; text-transform: uppercase; letter-spacing: .16em;}
form[name*="searchform"] .ui-autocomplete-input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; text-transform: uppercase; letter-spacing: .16em;}
form[name*="searchform"] .ui-autocomplete-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; opacity: 1; text-transform: uppercase; letter-spacing: .16em;}
form[name*="searchform"] input[type=submit].button { height: 38px; padding: 0 !important; display: inline-block; border-radius: 0; background-size: 16px; background-color: rgba(166, 158, 149, 1);}
/*
  Register Section
*/
form .flex div.four,form .flex div.eight { min-height: 50px; display: flex; align-items: center; margin-bottom: 0;}
form .flex select { margin-bottom: 20px;}
form .flex select { margin-bottom: 0;}
@media (max-width: 768px) {
  form .flex div.eight, form .flex div.four { min-height: 25px; }
}
/* Show Password Label */
.showpasswordlabel { position: relative; display: inline-block; float: right; margin-bottom: 20px;}
.showpasswordlabel > .showpasswordcheckbox { position: absolute; visibility: hidden;}
.showpasswordlabel > span { float: right;}
/*-------------------------------------------
  #  List
  ## Author: DUDA Group
  ## Date: 11.05.2016
-------------------------------------------*/
.listed-unstyled { list-style: none !important;}
.listed-unstyled > li { padding: 2px 0; overflow: hidden; text-overflow: ellipsis;}
.listed-unstyled > li:empty { display: none !important;}
/*-------------------------------------------
  #  Navigation
  ## Author: DUDA Group
  ## Date: 11.05.2016
-------------------------------------------*/
/*
  Main Navigation
*/
.nav-menu .nav-menu-container a { transition: all 500ms ease-in-out; line-height: 150%; display: inline-block; padding: 5px 10px 1px; font-family: "TheSans_600", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: 400;}
.nav-menu .nav-menu-container a:hover { background: rgba(0,0,0,.3);}
.nav-menu .nav-menu-container a > .icon-link { display: block; width: 100%; height: auto; font-size: 19.5px;}
.nav-menu .nav-menu-container a.active > .icon-link { color: #1A1919;}
/*
  Vertical Navigation
*/
.nav-bar { background: none; margin-bottom: 30px;}
.nav-bar > li { border: none; line-height: 1.48em;}
.nav-bar > li a { transition: all 300ms ease-in-out; font-size: 16px; padding: 10px 15px 9px !important; background: rgba(247, 247, 247, 1); margin: 2px 0; color: #000; font-family: "TheSans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: 400;}
.nav-bar > li a:after { opacity: 0 !important;}
.nav-bar > li.active > a { background: #bdb7af;}
.nav-bar > li a:hover { background: rgba(190, 184, 176, 0.65);}
.nav-bar > li > ul.toggle-down { margin: 0; margin-top: -2px;}
.nav-bar > li > ul.toggle-down li { border-top: 2px solid #fff !important;}
.nav-bar > li > ul.toggle-down li > a { background: rgba(190, 184, 176, 0.45); margin: 0; padding-left: 25px !important; font-size: 14px;}
.nav-bar > li > ul.toggle-down li.active > a,.nav-bar > li > ul.toggle-down li > a:hover { background: rgba(190, 184, 176, 0.65);}
.vertical-plain { background: none; margin-bottom: 23px; height: 85px !important;}
@media screen and (max-width: 790px) {
  .vertical-plain { height: 85px !important; }
}
.vertical-plain > li:first-of-type { margin-bottom: 10px;}
.vertical-plain > li { padding: 2px 0 !important;}
.vertical-plain > li.active,.vertical-plain > li:hover { background: none;}
.vertical-plain > li a { text-decoration: underline; padding: 0 !important; display: inline !important; background: none; font-size: 17px; line-height: 120% !important;}
.vertical-plain > li.active { background: none;}
.vertical-plain > li.active a,.vertical-plain > li a:hover { text-decoration-color: rgba(0, 0, 0, .5); text-decoration: underline; background: none;}
/*-------------------------------------------
  #  Panels Redesign
  ## Author: DUDA Group
  ## Date: 11.05.2016
-------------------------------------------*/
/* Menu Panel Blocks */
.hierarchyblock .hierarchyblock-panel-container { margin: 1.6em 0; margin-top: 0;}
.hierarchyblock .hierarchyblock-panel { background: #a2238a; border-radius: 0; border: none;}
.hierarchyblock .hierarchyblock-panel .panel-hierarchy-title { color: #fff; font-size: 19px; font-weight: 400; font-family: 'TheSerifBold'; line-height: 120%;}
@media (max-width: 768px) {
  .hierarchyblock .hierarchyblock-panel .panel-hierarchy-title { font-size: 16px; }
}
/* Item Panel Blocks */
.productblock .panel-container { border-radius: 0; border: none; overflow: hidden; margin: 20px 0; margin-top: 0; background-color: #f5f4f1;}
.productblock .panel-container:hover { background-color: rgba(243, 244, 237, .8);}
.productblock .panel-container .panel-image { background-size: contain !important; border: none;}
.productblock .panel { border: none;}
.productblock .panel .panel-description-container { font-size: 14px;}
.productblock .panel .panel-description-container > p { line-height: 120%;}
.productblock .panel .panel-price-container { height: auto;}
.productblock .panel .panel-price-container > p { font-weight: 400; font-family: 'theSansBold', sans-serif; margin: 0; line-height: 120%;}
/*-------------------------------------------
  #  Pricing Style
  ## Author: DUDA Group
  ## Date: 12.05.2016
-------------------------------------------*/
/*  Article Tile  */
.pricing-table { border: none;}
.pricing-table * { line-height: 1.46em !important;}
.pricing-table .bullet-item { font-size: 14px; border: none; text-align: left; padding: 0; margin-bottom: 10px;}
.pricing-table .bullet-item:first-of-type { font-size: 16px; line-height: 140% !important; margin-bottom: 30px;}
/*  Product Detail Price Box  */
.pricing-table .price,.pricing-table .cta-button { background-color: rgba(243, 244, 237, 1);}
/*-------------------------------------------
  #  Table
  ## Author: DUDA Group
  ## Date: 29.06.2016
-------------------------------------------*/
.table-simple tr { display: block;}
.table-simple td { line-height: 1.48em; vertical-align: top;}
.title { display: block; min-height: 70px;}
/* Needs to be the last include */
/*-------------------------------------------
  #  Flex Layout
  ## https://philipwalton.github.io/solved-by-flexbox/demos/grids/
  ## Author: DUDA Group
  ## Date: 11.05.2016
-------------------------------------------*/
.flex { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0;}
.flex_cell { flex: 1;}
.flex-cells > * { flex: 1;}
.flex-cells > .flex_cell { display: flex;}
.flex-top { align-items: flex-start;}
.flex-bottom { align-items: flex-end;}
.flex-center { align-items: center;}
.flex-justify--center { justify-content: center;}
.flex-justify--end { justify-content: flex-end;}
.flex_cell-top { align-self: flex-start;}
.flex_cell-bottom { align-self: flex-end;}
.flex_cell-center { align-self: center;}
.flex_cell-autoSize { flex: none;}
.flex-fit > .flex_cell { flex: 1;}
.flex-full > * { flex: 0 0 100%;}
.flex-1of2 > .flex_cell { flex: 0 0 50%;}
.flex-1of3 > .flex_cell { flex: 0 0 33.3333%;}
.flex-1of4 > .flex_cell { flex: 0 0 25%;}
/* cells column widths  */
.flex-cells > .one { flex: 0 0 8.33333%;}
.flex-cells > .two { flex: 0 0 16.66667%;}
.flex-cells > .three { flex: 0 0 25%;}
.flex-cells > .four { flex: 0 0 33.33333%;}
.flex-cells > .five { flex: 0 0 41.66667%;}
.flex-cells > .six { flex: 0 0 50%;}
.flex-cells > .seven { flex: 0 0 58.33333%;}
.flex-cells > .eight { flex: 0 0 66.66667%;}
.flex-cells > .nine { flex: 0 0 75%;}
.flex-cells > .ten { flex: 0 0 83.33333%;}
.flex-cells > .eleven { flex: 0 0 91.66667%;}
.flex-cells > .twelve { flex: 0 0 100%;}
/* ----------- Mobile ----------- */
@media (max-width: 768px) {
  .m-flex-fit > .flex_cell { flex: 1; }
  .m-flex-full > * { flex: 0 0 100%; }
  .m-flex-1of2 > .flex_cell { flex: 0 0 50%; }
  .m-flex-1of3 > .flex_cell { flex: 0 0 33.3333%; }
  .m-flex-1of4 > .flex_cell { flex: 0 0 25%; }
}
/* ----------- Desktop ----------- */
@media (min-width: 769px) {
  .d-flex-fit > .flex_cell { flex: 1; }
  .d-flex-full > * { flex: 0 0 100%; }
  .d-flex-1of2 > .flex_cell { flex: 0 0 50%; }
  .d-flex-1of3 > .flex_cell { flex: 0 0 33.3333%; }
  .d-flex-1of4 > .flex_cell { flex: 0 0 25%; }
}
.flex-gutters { margin: -1em 0 1em -1em;}
.flex-gutters > .flex_cell { padding: 1em 0 0 1em;}
.flex-gutters--lg { margin: -1.5em 0 1.5em -1.5em;}
.flex-guttersLg > .flex_cell { padding: 1.5em 0 0 1.5em;}
.flex-gutters--xl { margin: -2em 0 2em -2em;}
.flex-gutters--xl > .flex_cell { padding: 2em 0 0 2em;}
/* ----------- Mobile ----------- */
@media (max-width: 768px) {
  .m-flex-gutters { margin: -1em 0 1em -1em; }
  .m-flex-gutters > .flex_cell { padding: 1em 0 0 1em; }
  .m-flex-gutters--lg { margin: -1.5em 0 1.5em -1.5em; }
  .m-flex-gutters--lg > .flex_cell { padding: 1.5em 0 0 1.5em; }
  .m-flex-gutters--xl { margin: -2em 0 2em -2em; }
  .m-flex-gutters--xl > .flex_cell { padding: 2em 0 0 2em; }
}
/* ----------- Desktop----------- */
@media (min-width: 769px) {
  .d-flex-gutters { margin: -1em 0 1em -1em; }
  .d-flex-gutters > .flex_cell { padding: 1em 0 0 1em; }
  .d-flex-gutters--lg { margin: -1.5em 0 1.5em -1.5em; }
  .d-flex-gutters--lg > .flex_cell { padding: 1.5em 0 0 1.5em; }
  .d-flex-gutters--xl { margin: -2em 0 2em -2em; }
  .d-flex-gutters--xl > .flex_cell { padding: 2em 0 0 2em; }
}
/*
# Helper Spacing

p,m = padding, margin
a,t,b,l,r,h,v = all, top, bottom, left, right, horizontal, vertical
n, xs, s, m, l, xl, h = none, smaller, small, medium, large, larger, huge

Supports `m-` prefix to target mobile devices.

Examples:

 - `class="ptl"` ? padding top large
 - `class="ptl m-ptn"` ? padding top large (desktop) / padding top none (mobile)

*/
.ptn,.pvn,.pan { padding-top: 0 !important;}
.ptg,.pvg,.pag { padding-top: 80px !important;}
.pth,.pvh,.pah { padding-top: 40px !important;}
.ptl,.pvl,.pal { padding-top: 20px !important;}
.ptm,.pvm,.pam { padding-top: 10px !important;}
.pts,.pvs,.pas { padding-top: 5px !important;}
.ptxl,.pvxl,.paxl { padding-top: 30px !important;}
.ptxs,.pvxs,.paxs { padding-top: 2px !important;}
.prn,.phn,.pan { padding-right: 0 !important;}
.prg,.phg,.pag { padding-right: 80px !important;}
.prh,.phh,.pah { padding-right: 40px !important;}
.prl,.phl,.pal { padding-right: 20px !important;}
.prm,.phm,.pam { padding-right: 10px !important;}
.prs,.phs,.pas { padding-right: 5px !important;}
.prxl,.phxl,.paxl { padding-right: 30px !important;}
.prxs,.phxs,.paxs { padding-right: 2px !important;}
.pbn,.pvn,.pan { padding-bottom: 0 !important;}
.pbg,.pvg,.pag { padding-bottom: 80px !important;}
.pbh,.pvh,.pah { padding-bottom: 40px !important;}
.pbl,.pvl,.pal { padding-bottom: 20px !important;}
.pbm,.pvm,.pam { padding-bottom: 10px !important;}
.pbs,.pvs,.pas { padding-bottom: 5px !important;}
.pbxl,.pvxl,.paxl { padding-bottom: 30px !important;}
.pbxs,.pvxs,.paxs { padding-bottom: 2px !important;}
.pln,.phn,.pan { padding-left: 0 !important;}
.plg,.phg,.pag { padding-left: 80px !important;}
.plh,.phh,.pah { padding-left: 40px !important;}
.pll,.phl,.pal { padding-left: 20px !important;}
.plm,.phm,.pam { padding-left: 10px !important;}
.pls,.phs,.pas { padding-left: 5px !important;}
.plxl,.phxl,.paxl { padding-left: 30px !important;}
.plxs,.phxs,.paxs { padding-left: 2px !important;}
.mtn,.mvn,.man { margin-top: 0 !important;}
.mtg,.mvg,.mag { margin-top: 80px !important;}
.mth,.mvh,.mah { margin-top: 40px !important;}
.mtl,.mvl,.mal { margin-top: 20px !important;}
.mtm,.mvm,.mam { margin-top: 10px !important;}
.mts,.mvs,.mas { margin-top: 5px !important;}
.mtxl,.mvxl,.maxl { margin-top: 30px !important;}
.mtxs,.mvxs,.maxs { margin-top: 2px !important;}
.mrn,.mhn,.man { margin-right: 0 !important;}
.mrg,.mhg,.mag { margin-right: 80px !important;}
.mrh,.mhh,.mah { margin-right: 40px !important;}
.mrl,.mhl,.mal { margin-right: 20px !important;}
.mrm,.mhm,.mam { margin-right: 10px !important;}
.mrs,.mhs,.mas { margin-right: 5px !important;}
.mrxl,.mhxl,.maxl { margin-right: 30px !important;}
.mrxs,.mhxs,.maxs { margin-right: 2px !important;}
.mbn,.mvn,.man { margin-bottom: 0 !important;}
.mbg,.mvg,.mag { margin-bottom: 80px !important;}
.mbh,.mvh,.mah { margin-bottom: 40px !important;}
.mbl,.mvl,.mal { margin-bottom: 20px !important;}
.mbm,.mvm,.mam { margin-bottom: 10px !important;}
.mbs,.mvs,.mas { margin-bottom: 5px !important;}
.mbxl,.mvxl,.maxl { margin-bottom: 30px !important;}
.mbxs,.mvxs,.maxs { margin-bottom: 2px !important;}
.mln,.mhn,.man { margin-left: 0 !important;}
.mlg,.mhg,.mag { margin-left: 80px !important;}
.mlh,.mhh,.mah { margin-left: 40px !important;}
.mll,.mhl,.mal { margin-left: 20px !important;}
.mlm,.mhm,.mam { margin-left: 10px !important;}
.mls,.mhs,.mas { margin-left: 5px !important;}
.mlxl,.mhxl,.maxl { margin-left: 30px !important;}
.mlxs,.mhxs,.maxs { margin-left: 2px !important;}
@media (max-width: 768px) {
  .m-ptn, .m-pvn, .m-pan { padding-top: 0 !important; }
  .m-ptg, .m-pvg, .m-pag { padding-top: 80px !important; }
  .m-pth, .m-pvh, .m-pah { padding-top: 40px !important; }
  .m-ptl, .m-pvl, .m-pal { padding-top: 20px !important; }
  .m-ptm, .m-pvm, .m-pam { padding-top: 10px !important; }
  .m-pts, .m-pvs, .m-pas { padding-top: 5px !important; }
  .m-ptxl, .m-pvxl, .m-paxl { padding-top: 30px !important; }
  .m-ptxs, .m-pvxs, .m-paxs { padding-top: 2px !important; }
  .m-prn, .m-phn, .m-pan { padding-right: 0 !important; }
  .m-prg, .m-phg, .m-pag { padding-right: 80px !important; }
  .m-prh, .m-phh, .m-pah { padding-right: 40px !important; }
  .m-prl, .m-phl, .m-pal { padding-right: 20px !important; }
  .m-prm, .m-phm, .m-pam { padding-right: 10px !important; }
  .m-prs, .m-phs, .m-pas { padding-right: 5px !important; }
  .m-prxl, .m-phxl, .m-paxl { padding-right: 30px !important; }
  .m-prxs, .m-phxs, .m-paxs { padding-right: 2px !important; }
  .m-pbn, .m-pvn, .m-pan { padding-bottom: 0 !important; }
  .m-pbg, .m-pvg, .m-pag { padding-bottom: 80px !important; }
  .m-pbh, .m-pvh, .m-pah { padding-bottom: 40px !important; }
  .m-pbl, .m-pvl, .m-pal { padding-bottom: 20px !important; }
  .m-pbm, .m-pvm, .m-pam { padding-bottom: 10px !important; }
  .m-pbs, .m-pvs, .m-pas { padding-bottom: 5px !important; }
  .m-pbxl, .m-pvxl, .m-paxl { padding-bottom: 30px !important; }
  .m-pbxs, .m-pvxs, .m-paxs { padding-bottom: 2px !important; }
  .m-pln, .m-phn, .m-pan { padding-left: 0 !important; }
  .m-plg, .m-phg, .m-pag { padding-left: 80px !important; }
  .m-plh, .m-phh, .m-pah { padding-left: 40px !important; }
  .m-pll, .m-phl, .m-pal { padding-left: 20px !important; }
  .m-plm, .m-phm, .m-pam { padding-left: 10px !important; }
  .m-pls, .m-phs, .m-pas { padding-left: 5px !important; }
  .m-plxl, .m-phxl, .m-paxl { padding-left: 30px !important; }
  .m-plxs, .m-phxs, .m-paxs { padding-left: 2px !important; }
  .m-mtn, .m-mvn, .m-man { margin-top: 0 !important; }
  .m-mtg, .m-mvg, .m-mag { margin-top: 80px !important; }
  .m-mth, .m-mvh, .m-mah { margin-top: 40px !important; }
  .m-mtl, .m-mvl, .m-mal { margin-top: 20px !important; }
  .m-mtm, .m-mvm, .m-mam { margin-top: 10px !important; }
  .m-mts, .m-mvs, .m-mas { margin-top: 5px !important; }
  .m-mtxl, .m-mvxl, .m-maxl { margin-top: 30px !important; }
  .m-mtxs, .m-mvxs, .m-maxs { margin-top: 2px !important; }
  .m-mrn, .m-mhn, .m-man { margin-right: 0 !important; }
  .m-mrg, .m-mhg, .m-mag { margin-right: 80px !important; }
  .m-mrh, .m-mhh, .m-mah { margin-right: 40px !important; }
  .m-mrl, .m-mhl, .m-mal { margin-right: 20px !important; }
  .m-mrm, .m-mhm, .m-mam { margin-right: 10px !important; }
  .m-mrs, .m-mhs, .m-mas { margin-right: 5px !important; }
  .m-mrxl, .m-mhxl, .m-maxl { margin-right: 30px !important; }
  .m-mrxs, .m-mhxs, .m-maxs { margin-right: 2px !important; }
  .m-mbn, .m-mvn, .m-man { margin-bottom: 0 !important; }
  .m-mbg, .m-mvg, .m-mag { margin-bottom: 80px !important; }
  .m-mbh, .m-mvh, .m-mah { margin-bottom: 40px !important; }
  .m-mbl, .m-mvl, .m-mal { margin-bottom: 20px !important; }
  .m-mbm, .m-mvm, .m-mam { margin-bottom: 10px !important; }
  .m-mbs, .m-mvs, .m-mas { margin-bottom: 5px !important; }
  .m-mbxl, .m-mvxl, .m-maxl { margin-bottom: 30px !important; }
  .m-mbxs, .m-mvxs, .m-maxs { margin-bottom: 2px !important; }
  .m-mln, .m-mhn, .m-man { margin-left: 0 !important; }
  .m-mlg, .m-mhg, .m-mag { margin-left: 80px !important; }
  .m-mlh, .m-mhh, .m-mah { margin-left: 40px !important; }
  .m-mll, .m-mhl, .m-mal { margin-left: 20px !important; }
  .m-mlm, .m-mhm, .m-mam { margin-left: 10px !important; }
  .m-mls, .m-mhs, .m-mas { margin-left: 5px !important; }
  .m-mlxl, .m-mhxl, .m-maxl { margin-left: 30px !important; }
  .m-mlxs, .m-mhxs, .m-maxs { margin-left: 2px !important; }
}
/*
  # Text Styling
*/
.txt-larger { font-size: 20px !important;}
.txt-large { font-size: 16px !important;}
.txt-medium { font-size: 14px !important;}
.txt-small { font-size: 12px !important;}
.txt-smaller { font-size: 10px !important;}
@media (max-width: 768px) {
  .m-txt-larger { font-size: 21px !important; }
  .m-txt-large { font-size: 14px !important; }
  .m-txt-medium { font-size: 12px !important; }
  .m-txt-small { font-size: 10px !important; }
  .m-txt-smaller { font-size: 10px !important; }
}
.txt-normal { font-weight: 400 !important; font-family: 'TheSans', Arial, Helvetica, 'Helvetica Neue' !important;}
.txt-light { font-family: 'TheSans_300', Arial, Helvetica, 'Helvetica Neue' !important;}
.txt-strong { font-weight: 400 !important; font-family: 'TheSansBold', Arial, Helvetica, 'Helvetica Neue' !important;}
/*  Text Alignment  */
.txt-left { text-align: left !important;}
.txt-center { text-align: center !important;}
.txt-right { text-align: right !important;}
.txt-color--prime { color: #10945A !important;}
.txt-color--error { color: #C2191C !important;}
.txt-color--main { color: #333 !important;}
.txt-color--bright { color: #fff !important;}
.txt-underline { text-decoration: underline !important;}
.txt-nobreak { white-space: nowrap; word-break: no-break;}
.txt-link { font-family: 'theSans', Arial; color: #222; font-weight: 400; text-decoration: underline; text-decoration-color: #222; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-o;}
.txt-link:hover { text-decoration: none;}
/*
  # Fonts
*/
.txt-serif { font-family: 'TheSerif', serif !important;}
.txt-serifBold { font-family: 'TheSerifBold', serif !important; font-weight: 400;}
.txt-sans { font-family: 'TheSans', 'Helvetica Neue', sans-serif;}
.txt-sansBold { font-family: 'TheSansBold', 'Helvetica Neue', sans-serif; font-weight: 700;}
/*Special Class*/
.txt-desc { font-family: 'TheSansBold', 'Helvetica Neue', sans-serif; color: #A2238B;}
/*
  # line-height
*/
.lh-normal { line-height: 100% !important;}
.lh-medium { line-height: 120% !important;}
.lh-large { line-height: 140% !important;}
/*
  # letter-spacing
*/
.ls-normal { letter-spacing: 0em !important;}
.ls-medium { letter-spacing: .16em !important;}
.ls-large { letter-spacing: .20em !important;}
/*
  ## Positioning
*/
.pos-absolute { position: absolute !important;}
.pos-b { bottom: 0 !important;}
.pos-r { right: 0 !important;}
/*
  ## Helper element width
*/
.width-full { width: 100%;}
.width-half { width: 50%;}
@media (max-width: 768px) {
  .m-width-full { width: 100%; }
  .m-width-half { width: 50%; }
}
/*
  ## Border
*/
.bor { border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.3);}
.bor-dotted { border-style: dotted;}
.bor-light { border-color: #999;}
.bor-t { border-width: 0; border-top-width: 1px;}
.bor-t--strong { border-width: 0; border-top-width: 2px;}
.bor-b { border-width: 0; border-bottom-width: 1px; border-color: rgba(0, 0, 0, 0.3);}
.bor-b--strong { border-width: 0; border-bottom-width: 2px; border-color: rgba(0, 0, 0, 0.3);}
.bor-v { border-width: 0; border-top-width: 1px; border-bottom-width: 1px;}
.bor-v--strong { border-width: 0; border-top-width: 2px; border-bottom-width: 2px;}
/*
  # Element Display
*/
.dis-block { display: block !important;}
.dis-inline { display: inline-block !important;}
.dis-none { display: none !important;}
@media (max-width: 768px) {
  .m-dis-block { display: block !important; }
  .m-dis-inline { display: inline-block !important; }
  .m-dis-none { display: none !important; }
}
/*
  # Info Bar
  ???
  <div class="bar-alert">
    <p>Info Text Here</p>
  </div>
  ???
*/
.bar-info { background-color: #F5F4F2; color: #222; padding: 10px 5px; margin: 10px 0;}