@charset "UTF-8";
/* CSS Document */
/* 2023-04 addons */
/* ================= */
.fake-link {color: #428bca;} /* imitate link text */
.fake-link:hover {color: #2a6596; cursor: pointer;}
.cursor-pointer:hover{cursor: pointer!important;} /* change cursor to pointer on hover... already added to fake-link and hover-rise */
/* ================= */
/* Make content div fluid btween 940px and 768px */
@media screen and (min-width: 768px) and (max-width: 940px) {.col-xs-5 {width: 100vw!important; padding-right: 20px!important}}
/* Make right column fluid btween 940px and 768px */
@media screen and (min-width: 768px) and (max-width: 940px) {.col-xs-4 {width: 75vw!important; padding-right: 20px!important}}
/* Smooth Scroll without javascript!!! */
html {scroll-behavior: smooth;}
/* Popup form CTA headline */
.CTA-intro-text p:first-of-type {text-transform: uppercase}
/* ================= */
/* NEW TAB ICON */
/* add before closing anchor */
/* WILL ONLY DISPLAY within an anchor element set to target="_blank" */
a[target="_blank"] .new-tab-icon {font-size: 1rem; position: relative; margin: 0 0 0 .3em; vertical-align:top;}
a[target="_blank"] .new-tab-icon:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
filter: invert(46%) sepia(87%) saturate(363%) hue-rotate(166deg) brightness(92%) contrast(90%); /* Sets Icon color. Can be overidded locally. Generate color filter at: https://codepen.io/sosuke/pen/Pjoqqp */
}
/* Changes icon color on hover */
a[target="_blank"]:hover .new-tab-icon:after {
filter: invert(30%) sepia(63%) saturate(516%) hue-rotate(165deg) brightness(104%) contrast(95%); /* Sets Icon color. Can be overidded locally. Generate color filter at: https://codepen.io/sosuke/pen/Pjoqqp */
}
/* NEW TAB ICON - WHITE */
a[target="_blank"] .new-tab-icon-white {font-size: 1rem; position: relative; margin: 0 0 0 .3em; vertical-align:top;}
a[target="_blank"] .new-tab-icon-white:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
filter: invert(100%) sepia(1%) saturate(117%) hue-rotate(269deg) brightness(119%) contrast(100%); /* Sets Icon color. Can be overidded locally. Generate color filter at: https://codepen.io/sosuke/pen/Pjoqqp */
}
/* NEW TAB ICON - BLACK */
a[target="_blank"] .new-tab-icon-black {font-size: 1rem; position: relative; margin: 0 0 0 .3em; vertical-align:top;}
a[target="_blank"] .new-tab-icon-black:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
}
/* NEW TAB ICON - #666666 */
a[target="_blank"] .new-tab-icon-666666 {font-size: 1rem; position: relative; margin: 0 0 0 .3em; vertical-align:top;}
a[target="_blank"] .new-tab-icon-666666:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
filter: invert(43%) sepia(0%) saturate(0%) hue-rotate(259deg) brightness(90%) contrast(92%);
}
/* NEW TAB ICON - Airgas Teal */
a[target="_blank"] .new-tab-icon-teal {font-size: 1rem; position: relative; margin: 0 0 0 .3em; vertical-align:top;}
a[target="_blank"] .new-tab-icon-teal:after {
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
filter: invert(25%) sepia(60%) saturate(1324%) hue-rotate(153deg) brightness(97%) contrast(103%);
}
/* ================= */
/* ================== */
/* BASIC TEXT CSS */
/* ================== */
/* Paragraph settings */
section p {margin-top:16px!important}
/* First paragraph settings */
section p:nth-of-type(1) {margin-top: 13px;}
/* Fake h1 h2 h3 */
.fake-h1 {font-weight:700; font-size:24px; line-height: 30px;}
.fake-h2 {font-size: 20px; line-height: 24px;}
.fake-h3 {font-size:17px; line-height:24px;}
/* Caption */
.caption {margin: 6px 0 0 0;font-size: 12px!important;line-height: 1.4em;max-width: calc(100vw - 20px);}
/* Hanging indent */
.hanging-indent {padding-left: 10px; text-indent: -10px;}
/* Hanging indent - double asterisk */
.hanging-indent-2 {padding-left: 17px; text-indent: -17px;}
/* Bold text */
.bold-type,
.bold-text {font-weight: 700!important}
/* Bold text */
.unbold {font-weight: 400!important}
/* All caps */
.all-caps,.uppercase {text-transform: uppercase}
/* Center */
.centered {text-align: center}
/* Left */
.align-left {text-align: left}
/* Right */
.align-right {text-align: right}
/* Cheat-up main page subhead */
.subhead-after-h1 {margin: -12px 0 0 0!important;font-size: 16px}
/* Bullet lead-ins */
.bullet-lead-ins {font-size: 18px;margin: 20px 0 0 0!important;}
.underline {text-decoration: underline;}
.do-not-break {white-space: nowrap;}
/* Quotes */
.intro {margin-left: 42px;}
.new-blockquote {
font-family:"Roboto", Helvetica, Arial, "sans-serif";
font-size: 28px;
font-style:italic;
line-height: 37px;
border: none;
margin: 0 0 0 20px;
color: #006272;
text-indent: -12px;
}
.dropquote {
line-height: normal;
font-style: italic;
}
.blockquote-read-more {
margin-left: 20px;
font-size: 17px;
font-style: normal;
text-align: right;
}
.vert-top {align-self:flex-start}
.vert-middle {align-self:center}
.vert-bottom {align-self:flex-end}
@media (max-width: 768px) {.quoted-text{margin:0 20px}}
@media screen and (max-width: 940px) {.padding-LR-under-940 {padding: 0 18px 0 14px!important;}}
.start-quote:before {content: "\201C"; font-family: Helvetica, Arial, "sans-serif";margin: 0 -4px 0 0}
.end-quote:after {content: "\201D"; font-family: Helvetica, Arial, "sans-serif";}
.authors {font-family:"Roboto", Helvetica, Arial, "sans-serif";margin: 0 0 0 40px!important;}
.authors span {font-weight:700;}
/* Font sizes 5-72 */
.font-5{font-size: 5px} .font-6{font-size: 6px} .font-7{font-size: 7px} .font-8{font-size: 8px} .font-9{font-size: 9px}
.font-10{font-size: 10px} .font-11{font-size: 11px} .font-12{font-size: 12px} .font-13{font-size: 13px} .font-14{font-size: 14px} .font-15{font-size: 15px} .font-16{font-size: 16px} .font-17{font-size: 17px} .font-18{font-size: 18px} .font-19{font-size: 19px}
.font-20{font-size: 20px} .font-21{font-size: 21px} .font-22{font-size: 22px} .font-23{font-size: 23px} .font-24{font-size: 24px} .font-25{font-size: 25px} .font-26{font-size: 26px} .font-27{font-size: 27px} .font-28{font-size: 28px} .font-29{font-size: 29px}
.font-30{font-size: 30px} .font-31{font-size: 31px} .font-32{font-size: 32px} .font-33{font-size: 33px} .font-34{font-size: 34px} .font-35{font-size: 35px} .font-36{font-size: 36px} .font-37{font-size: 37px} .font-38{font-size: 38px} .font-39{font-size: 39px}
.font-40{font-size: 40px} .font-41{font-size: 41px} .font-42{font-size: 42px} .font-43{font-size: 43px} .font-44{font-size: 44px} .font-45{font-size: 45px} .font-46{font-size: 46px} .font-47{font-size: 47px} .font-48{font-size: 48px} .font-49{font-size: 49px}
.font-50{font-size: 50px} .font-51{font-size: 51px} .font-52{font-size: 52px} .font-53{font-size: 53px} .font-54{font-size: 54px} .font-55{font-size: 55px} .font-56{font-size: 56px} .font-57{font-size: 57px} .font-58{font-size: 58px} .font-49{font-size: 49px}
.font-60{font-size: 60px} .font-61{font-size: 61px} .font-62{font-size: 62px} .font-63{font-size: 63px} .font-64{font-size: 64px} .font-65{font-size: 65px} .font-66{font-size: 66px} .font-67{font-size: 67px} .font-68{font-size: 68px} .font-69{font-size: 69px}
.font-70{font-size: 70px} .font-71{font-size: 71px} .font-72{font-size: 72px}
/* Line height in Pixels -
Add class [ line-height-1 ] to element to declare it's line height.
The number at the end of the class sets the number of pixels.
Options range from 1px!important [ line-height-1 ] to 79px!important [ line-height-79 ] */
.line-height-1 {line-height: 1px!important;} .line-height-2 {line-height: 2px!important;} .line-height-3 {line-height: 3px!important;} .line-height-4 {line-height: 4px!important;} .line-height-5 {line-height: 5px!important;} .line-height-6 {line-height: 6px!important;} .line-height-7 {line-height: 7px!important;} .line-height-8 {line-height: 8px!important;} .line-height-9 {line-height: 9px!important;}
.line-height-10 {line-height: 10px!important;} .line-height-11 {line-height: 11px!important;} .line-height-12 {line-height: 12px!important;} .line-height-13 {line-height: 13px!important;} .line-height-14 {line-height: 14px!important;} .line-height-15 {line-height: 15px!important;} .line-height-16 {line-height: 16px!important;} .line-height-17 {line-height: 17px!important;} .line-height-18 {line-height: 18px!important;} .line-height-19 {line-height: 19px!important;}
.line-height-20 {line-height: 20px!important;} .line-height-21 {line-height: 21px!important;} .line-height-22 {line-height: 22px!important;} .line-height-23 {line-height: 23px!important;} .line-height-24 {line-height: 24px!important;} .line-height-25 {line-height: 25px!important;} .line-height-26 {line-height: 26px!important;} .line-height-27 {line-height: 27px!important;} .line-height-28 {line-height: 28px!important;} .line-height-29 {line-height: 29px!important;}
.line-height-30 {line-height: 30px!important;} .line-height-31 {line-height: 31px!important;} .line-height-32 {line-height: 32px!important;} .line-height-33 {line-height: 33px!important;} .line-height-34 {line-height: 34px!important;} .line-height-35 {line-height: 35px!important;} .line-height-36 {line-height: 36px!important;} .line-height-37 {line-height: 37px!important;} .line-height-38 {line-height: 38px!important;} .line-height-39 {line-height: 39px!important;}
.line-height-40 {line-height: 40px!important;} .line-height-41 {line-height: 41px!important;} .line-height-42 {line-height: 42px!important;} .line-height-43 {line-height: 43px!important;} .line-height-44 {line-height: 44px!important;} .line-height-45 {line-height: 45px!important;} .line-height-46 {line-height: 46px!important;} .line-height-47 {line-height: 47px!important;} .line-height-48 {line-height: 48px!important;} .line-height-49 {line-height: 49px!important;}
.line-height-50 {line-height: 50px!important;} .line-height-51 {line-height: 51px!important;} .line-height-52 {line-height: 52px!important;} .line-height-53 {line-height: 53px!important;} .line-height-54 {line-height: 54px!important;} .line-height-55 {line-height: 55px!important;} .line-height-56 {line-height: 56px!important;} .line-height-57 {line-height: 57px!important;} .line-height-58 {line-height: 58px!important;} .line-height-59 {line-height: 59px!important;}
.line-height-60 {line-height: 60px!important;} .line-height-61 {line-height: 61px!important;} .line-height-62 {line-height: 62px!important;} .line-height-63 {line-height: 63px!important;} .line-height-64 {line-height: 64px!important;} .line-height-65 {line-height: 65px!important;} .line-height-66 {line-height: 66px!important;} .line-height-67 {line-height: 67px!important;} .line-height-68 {line-height: 68px!important;} .line-height-69 {line-height: 69px!important;}
.line-height-70 {line-height: 70px!important;} .line-height-71 {line-height: 71px!important;} .line-height-72 {line-height: 72px!important;} .line-height-73 {line-height: 73px!important;} .line-height-74 {line-height: 74px!important;} .line-height-75 {line-height: 75px!important;} .line-height-76 {line-height: 76px!important;} .line-height-77 {line-height: 77px!important;} .line-height-78 {line-height: 78px!important;} .line-height-79 {line-height: 79px!important;}
/* Responsive fonts
Add class [ responsive-h3-6 ] to font to declare it's size based on viewport width.
The declaration after "responsive" refers to the intented tag to target.
The final number refers to the number of tiles used
Use the reset classes to set the font to it's default size at the desired screen width */
/* H3 classes */
.responsive-h3-6 {font-size:1.7vw;}
/* Sets max font size above 940 pixels */
@media (min-width: 940px) {
.responsive-h3-6 {font-size: 17px;}
}
/* Resets font size starting at 768 pixels */
@media (max-width: 768px) {
.h3-reset-768 {font-size: 17px!important;}
}
/* Resets font size starting at 600 pixels */
@media (max-width: 600px) {
.h3-reset-600 {font-size: 17px!important;}
}
/* Resets font size starting at 480 pixels */
@media (max-width: 480px) {
.h3-reset-480 {font-size: 17px!important;}
}
/* SIX Category Blocks */
.category-block-6 {
position: relative; /* Need this to align CTA to bottom */
border: 1px solid #D0D0CE;
padding: 0 0 10px 0;
height: 200px;
text-align: center!important;
}
/* Category Names */
.category-names {
position: absolute;
bottom: 0;
margin: 10px 0 0 0!important;
width: 100%;
text-align: center
}
.category-names h3{font-weight: 700!important;}
/* ================== */
/* REGISTRATION MARKS */
/* ================== */
/*copy and paste line of code below for sized regitstration marks to appear:
*/
.registration {font-size: 45%; position: relative; margin: 0 0 0 .1em; vertical-align:super;}
.registration:after {content: "\00AE";}
/* ================== */
/* END BASIC TEXT CSS */
/* ================== */
/* ----------------------------------- */
/* ======================== */
/* COLORS */
/* ======================== */
/* colors */
.airgas-teal {color: #006272}
.airgas-orange {color: #FF8200}
.airgas-yellow {color: #F1B434}
.airgas-light-blue {color: #4EC3E0}
.airgas-light-blue-2 {color: #d3eaf6}
.airgas-grey {color: #D0D0CE}
.airgas-grey-2 {color:#787878;}
.airgas-red {color: #D7001E}
.white {color: white}
.black {color: black}
/*
RADNOR black = 'black' class above
RADNOR light blue = 'airgas-light-blue'
RADNOR Cool Grey = 'airgas-grey'
*/
.radnor-blue {color: #1A3D7C}
/* Background colors for divs, etc.*/
.background-airgas-teal {background-color: #006272}
.background-airgas-orange {background-color: #FF8200}
.background-airgas-yellow {background-color: #F1B434}
.background-airgas-light-blue {background-color: #4EC3E0}
.background-airgas-light-blue-2 {background-color: #d3eaf6}
.background-airgas-grey {background-color: #D0D0CE}
.background-airgas-grey-2 {background-color: #F2F2F2}
.background-airgas-red {background-color: #D7001E}
.background-white {background-color: white}
.background-black {background-color: black}
/*
RADNOR black = 'background-black' class above
RADNOR light blue = 'background-airgas-light-blue'
RADNOR Cool Grey = 'background-airgas-grey'
*/
.background-radnor-blue {background: #1A3D7C}
/* https://www.airgas.com/industries/food-industry */
.light-blue-back {background: #e5eff1}
/* ======================== */
/* END COLORS */
/* ======================== */
/* ----------------------------------- */
/* ===================== */
/* SIMPLE TWO-COLUMN CSS */
/* ===================== */
/* Box for aligning interior elements vertically */
.outter-box-for-vertical-align {position: relative;}
/* Side-by-side columns */
.side-by-side {display: inline-block;}
/* Vertical align classes - assign to side-by-side */
.vertical-top {vertical-align: top;}
.vertical-middle {vertical-align: middle;}
.vertical-bottom {vertical-align: bottom;}
/* WIDTH in Pixels -
Add class [ width-100 ] to element to declare it's width.
The number at the end of the class sets the number of pixels wide.
Options range from 1px [ width-1 ] to 940px [ width-940 ] */
.width-1 {width: 1px;} .width-2 {width: 2px;} .width-3 {width: 3px;} .width-4 {width: 4px;} .width-5 {width: 5px;} .width-6 {width: 6px;} .width-7 {width: 7px;} .width-8 {width: 8px;} .width-9 {width: 9px;}
.width-10 {width: 10px;} .width-11 {width: 11px;} .width-12 {width: 12px;} .width-13 {width: 13px;} .width-14 {width: 14px;} .width-15 {width: 15px;} .width-16 {width: 16px;} .width-17 {width: 17px;} .width-18 {width: 18px;} .width-19 {width: 19px;}
.width-20 {width: 20px;} .width-21 {width: 21px;} .width-22 {width: 22px;} .width-23 {width: 23px;} .width-24 {width: 24px;} .width-25 {width: 25px;} .width-26 {width: 26px;} .width-27 {width: 27px;} .width-28 {width: 28px;} .width-29 {width: 29px;}
.width-30 {width: 30px;} .width-31 {width: 31px;} .width-32 {width: 32px;} .width-33 {width: 33px;} .width-34 {width: 34px;} .width-35 {width: 35px;} .width-36 {width: 36px;} .width-37 {width: 37px;} .width-38 {width: 38px;} .width-39 {width: 39px;}
.width-40 {width: 40px;} .width-41 {width: 41px;} .width-42 {width: 42px;} .width-43 {width: 43px;} .width-44 {width: 44px;} .width-45 {width: 45px;} .width-46 {width: 46px;} .width-47 {width: 47px;} .width-48 {width: 48px;} .width-49 {width: 49px;}
.width-50 {width: 50px;} .width-51 {width: 51px;} .width-52 {width: 52px;} .width-53 {width: 53px;} .width-54 {width: 54px;} .width-55 {width: 55px;} .width-56 {width: 56px;} .width-57 {width: 57px;} .width-58 {width: 58px;} .width-59 {width: 59px;}
.width-60 {width: 60px;} .width-61 {width: 61px;} .width-62 {width: 62px;} .width-63 {width: 63px;} .width-64 {width: 64px;} .width-65 {width: 65px;} .width-66 {width: 66px;} .width-67 {width: 67px;} .width-68 {width: 68px;} .width-69 {width: 69px;}
.width-70 {width: 70px;} .width-71 {width: 71px;} .width-72 {width: 72px;} .width-73 {width: 73px;} .width-74 {width: 74px;} .width-75 {width: 75px;} .width-76 {width: 76px;} .width-77 {width: 77px;} .width-78 {width: 78px;} .width-79 {width: 79px;}
.width-80 {width: 80px;} .width-81 {width: 81px;} .width-82 {width: 82px;} .width-83 {width: 83px;} .width-84 {width: 84px;} .width-85 {width: 85px;} .width-86 {width: 86px;} .width-87 {width: 87px;} .width-88 {width: 88px;} .width-89 {width: 89px;}
.width-90 {width: 90px;} .width-91 {width: 91px;} .width-92 {width: 92px;} .width-93 {width: 93px;} .width-94 {width: 94px;} .width-95 {width: 95px;} .width-96 {width: 96px;} .width-97 {width: 97px;} .width-98 {width: 98px;} .width-99 {width: 99px;}
.width-100 {width: 100px;} .width-101 {width: 101px;} .width-102 {width: 102px;} .width-103 {width: 103px;} .width-104 {width: 104px;} .width-105 {width: 105px;} .width-106 {width: 106px;} .width-107 {width: 107px;} .width-108 {width: 108px;} .width-109 {width: 109px;}
.width-110 {width: 110px;} .width-111 {width: 111px;} .width-112 {width: 112px;} .width-113 {width: 113px;} .width-114 {width: 114px;} .width-115 {width: 115px;} .width-116 {width: 116px;} .width-117 {width: 117px;} .width-118 {width: 118px;} .width-119 {width: 119px;}
.width-120 {width: 120px;} .width-121 {width: 121px;} .width-122 {width: 122px;} .width-123 {width: 123px;} .width-124 {width: 124px;} .width-125 {width: 125px;} .width-126 {width: 126px;} .width-127 {width: 127px;} .width-128 {width: 128px;} .width-129 {width: 129px;}
.width-130 {width: 130px;} .width-131 {width: 131px;} .width-132 {width: 132px;} .width-133 {width: 133px;} .width-134 {width: 134px;} .width-135 {width: 135px;} .width-136 {width: 136px;} .width-137 {width: 137px;} .width-138 {width: 138px;} .width-139 {width: 139px;}
.width-140 {width: 140px;} .width-141 {width: 141px;} .width-142 {width: 142px;} .width-143 {width: 143px;} .width-144 {width: 144px;} .width-145 {width: 145px;} .width-146 {width: 146px;} .width-147 {width: 147px;} .width-148 {width: 148px;} .width-149 {width: 149px;}
.width-150 {width: 150px;} .width-151 {width: 151px;} .width-152 {width: 152px;} .width-153 {width: 153px;} .width-154 {width: 154px;} .width-155 {width: 155px;} .width-156 {width: 156px;} .width-157 {width: 157px;} .width-158 {width: 158px;} .width-159 {width: 159px;}
.width-160 {width: 160px;} .width-161 {width: 161px;} .width-162 {width: 162px;} .width-163 {width: 163px;} .width-164 {width: 164px;} .width-165 {width: 165px;} .width-166 {width: 166px;} .width-167 {width: 167px;} .width-168 {width: 168px;} .width-169 {width: 169px;}
.width-170 {width: 170px;} .width-171 {width: 171px;} .width-172 {width: 172px;} .width-173 {width: 173px;} .width-174 {width: 174px;} .width-175 {width: 175px;} .width-176 {width: 176px;} .width-177 {width: 177px;} .width-178 {width: 178px;} .width-179 {width: 179px;}
.width-180 {width: 180px;} .width-181 {width: 181px;} .width-182 {width: 182px;} .width-183 {width: 183px;} .width-184 {width: 184px;} .width-185 {width: 185px;} .width-186 {width: 186px;} .width-187 {width: 187px;} .width-188 {width: 188px;} .width-189 {width: 189px;}
.width-190 {width: 190px;} .width-191 {width: 191px;} .width-192 {width: 192px;} .width-193 {width: 193px;} .width-194 {width: 194px;} .width-195 {width: 195px;} .width-196 {width: 196px;} .width-197 {width: 197px;} .width-198 {width: 198px;} .width-199 {width: 199px;}
.width-200 {width: 200px;} .width-201 {width: 201px;} .width-202 {width: 202px;} .width-203 {width: 203px;} .width-204 {width: 204px;} .width-205 {width: 205px;} .width-206 {width: 206px;} .width-207 {width: 207px;} .width-208 {width: 208px;} .width-209 {width: 209px;}
.width-210 {width: 210px;} .width-211 {width: 211px;} .width-212 {width: 212px;} .width-213 {width: 213px;} .width-214 {width: 214px;} .width-215 {width: 215px;} .width-216 {width: 216px;} .width-217 {width: 217px;} .width-218 {width: 218px;} .width-219 {width: 219px;}
.width-220 {width: 220px;} .width-221 {width: 221px;} .width-222 {width: 222px;} .width-223 {width: 223px;} .width-224 {width: 224px;} .width-225 {width: 225px;} .width-226 {width: 226px;} .width-227 {width: 227px;} .width-228 {width: 228px;} .width-229 {width: 229px;}
.width-230 {width: 230px;} .width-231 {width: 231px;} .width-232 {width: 232px;} .width-233 {width: 233px;} .width-234 {width: 234px;} .width-235 {width: 235px;} .width-236 {width: 236px;} .width-237 {width: 237px;} .width-238 {width: 238px;} .width-239 {width: 239px;}
.width-240 {width: 240px;} .width-241 {width: 241px;} .width-242 {width: 242px;} .width-243 {width: 243px;} .width-244 {width: 244px;} .width-245 {width: 245px;} .width-246 {width: 246px;} .width-247 {width: 247px;} .width-248 {width: 248px;} .width-249 {width: 249px;}
.width-250 {width: 250px;} .width-251 {width: 251px;} .width-252 {width: 252px;} .width-253 {width: 253px;} .width-254 {width: 254px;} .width-255 {width: 255px;} .width-256 {width: 256px;} .width-257 {width: 257px;} .width-258 {width: 258px;} .width-259 {width: 259px;}
.width-260 {width: 260px;} .width-261 {width: 261px;} .width-262 {width: 262px;} .width-263 {width: 263px;} .width-264 {width: 264px;} .width-265 {width: 265px;} .width-266 {width: 266px;} .width-267 {width: 267px;} .width-268 {width: 268px;} .width-269 {width: 269px;}
.width-270 {width: 270px;} .width-271 {width: 271px;} .width-272 {width: 272px;} .width-273 {width: 273px;} .width-274 {width: 274px;} .width-275 {width: 275px;} .width-276 {width: 276px;} .width-277 {width: 277px;} .width-278 {width: 278px;} .width-279 {width: 279px;}
.width-280 {width: 280px;} .width-281 {width: 281px;} .width-282 {width: 282px;} .width-283 {width: 283px;} .width-284 {width: 284px;} .width-285 {width: 285px;} .width-286 {width: 286px;} .width-287 {width: 287px;} .width-288 {width: 288px;} .width-289 {width: 289px;}
.width-290 {width: 290px;} .width-291 {width: 291px;} .width-292 {width: 292px;} .width-293 {width: 293px;} .width-294 {width: 294px;} .width-295 {width: 295px;} .width-296 {width: 296px;} .width-297 {width: 297px;} .width-298 {width: 298px;} .width-299 {width: 299px;}
.width-300 {width: 300px;} .width-301 {width: 301px;} .width-302 {width: 302px;} .width-303 {width: 303px;} .width-304 {width: 304px;} .width-305 {width: 305px;} .width-306 {width: 306px;} .width-307 {width: 307px;} .width-308 {width: 308px;} .width-309 {width: 309px;}
.width-310 {width: 310px;} .width-311 {width: 311px;} .width-312 {width: 312px;} .width-313 {width: 313px;} .width-314 {width: 314px;} .width-315 {width: 315px;} .width-316 {width: 316px;} .width-317 {width: 317px;} .width-318 {width: 318px;} .width-319 {width: 319px;}
.width-320 {width: 320px;} .width-321 {width: 321px;} .width-322 {width: 322px;} .width-323 {width: 323px;} .width-324 {width: 324px;} .width-325 {width: 325px;} .width-326 {width: 326px;} .width-327 {width: 327px;} .width-328 {width: 328px;} .width-329 {width: 329px;}
.width-330 {width: 330px;} .width-331 {width: 331px;} .width-332 {width: 332px;} .width-333 {width: 333px;} .width-334 {width: 334px;} .width-335 {width: 335px;} .width-336 {width: 336px;} .width-337 {width: 337px;} .width-338 {width: 338px;} .width-339 {width: 339px;}
.width-340 {width: 340px;} .width-341 {width: 341px;} .width-342 {width: 342px;} .width-343 {width: 343px;} .width-344 {width: 344px;} .width-345 {width: 345px;} .width-346 {width: 346px;} .width-347 {width: 347px;} .width-348 {width: 348px;} .width-349 {width: 349px;}
.width-350 {width: 350px;} .width-351 {width: 351px;} .width-352 {width: 352px;} .width-353 {width: 353px;} .width-354 {width: 354px;} .width-355 {width: 355px;} .width-356 {width: 356px;} .width-357 {width: 357px;} .width-358 {width: 358px;} .width-359 {width: 359px;}
.width-360 {width: 360px;} .width-361 {width: 361px;} .width-362 {width: 362px;} .width-363 {width: 363px;} .width-364 {width: 364px;} .width-365 {width: 365px;} .width-366 {width: 366px;} .width-367 {width: 367px;} .width-368 {width: 368px;} .width-369 {width: 369px;}
.width-370 {width: 370px;} .width-371 {width: 371px;} .width-372 {width: 372px;} .width-373 {width: 373px;} .width-374 {width: 374px;} .width-375 {width: 375px;} .width-376 {width: 376px;} .width-377 {width: 377px;} .width-378 {width: 378px;} .width-379 {width: 379px;}
.width-380 {width: 380px;} .width-381 {width: 381px;} .width-382 {width: 382px;} .width-383 {width: 383px;} .width-384 {width: 384px;} .width-385 {width: 385px;} .width-386 {width: 386px;} .width-387 {width: 387px;} .width-388 {width: 388px;} .width-389 {width: 389px;}
.width-390 {width: 390px;} .width-391 {width: 391px;} .width-392 {width: 392px;} .width-393 {width: 393px;} .width-394 {width: 394px;} .width-395 {width: 395px;} .width-396 {width: 396px;} .width-397 {width: 397px;} .width-398 {width: 398px;} .width-399 {width: 399px;}
.width-400 {width: 400px;} .width-401 {width: 401px;} .width-402 {width: 402px;} .width-403 {width: 403px;} .width-404 {width: 404px;} .width-405 {width: 405px;} .width-406 {width: 406px;} .width-407 {width: 407px;} .width-408 {width: 408px;} .width-409 {width: 409px;}
.width-410 {width: 410px;} .width-411 {width: 411px;} .width-412 {width: 412px;} .width-413 {width: 413px;} .width-414 {width: 414px;} .width-415 {width: 415px;} .width-416 {width: 416px;} .width-417 {width: 417px;} .width-418 {width: 418px;} .width-419 {width: 419px;}
.width-420 {width: 420px;} .width-424 {width: 421px;} .width-422 {width: 422px;} .width-423 {width: 423px;} .width-424 {width: 424px;} .width-425 {width: 425px;} .width-426 {width: 426px;} .width-427 {width: 427px;} .width-428 {width: 428px;} .width-429 {width: 429px;}
.width-430 {width: 430px;} .width-431 {width: 431px;} .width-432 {width: 432px;} .width-433 {width: 433px;} .width-434 {width: 434px;} .width-435 {width: 435px;} .width-436 {width: 436px;} .width-437 {width: 437px;} .width-438 {width: 438px;} .width-439 {width: 439px;}
.width-440 {width: 440px;} .width-441 {width: 441px;} .width-442 {width: 442px;} .width-443 {width: 443px;} .width-444 {width: 444px;} .width-445 {width: 445px;} .width-446 {width: 446px;} .width-447 {width: 447px;} .width-448 {width: 448px;} .width-449 {width: 449px;}
.width-450 {width: 450px;} .width-451 {width: 451px;} .width-452 {width: 452px;} .width-453 {width: 453px;} .width-454 {width: 454px;} .width-455 {width: 455px;} .width-456 {width: 456px;} .width-457 {width: 457px;} .width-458 {width: 458px;} .width-459 {width: 459px;}
.width-460 {width: 460px;} .width-461 {width: 461px;} .width-462 {width: 462px;} .width-463 {width: 463px;} .width-464 {width: 464px;} .width-465 {width: 465px;} .width-466 {width: 466px;} .width-467 {width: 467px;} .width-468 {width: 468px;} .width-469 {width: 469px;}
.width-470 {width: 470px;} .width-471 {width: 471px;} .width-472 {width: 472px;} .width-473 {width: 473px;} .width-474 {width: 474px;} .width-475 {width: 475px;} .width-476 {width: 476px;} .width-477 {width: 477px;} .width-478 {width: 478px;} .width-479 {width: 479px;}
.width-480 {width: 480px;} .width-481 {width: 481px;} .width-482 {width: 482px;} .width-483 {width: 483px;} .width-484 {width: 484px;} .width-485 {width: 485px;} .width-486 {width: 486px;} .width-487 {width: 487px;} .width-488 {width: 488px;} .width-489 {width: 489px;}
.width-490 {width: 490px;} .width-491 {width: 491px;} .width-492 {width: 492px;} .width-493 {width: 493px;} .width-494 {width: 494px;} .width-495 {width: 495px;} .width-496 {width: 496px;} .width-497 {width: 497px;} .width-498 {width: 498px;} .width-499 {width: 499px;}
.width-500 {width: 500px;} .width-501 {width: 501px;} .width-502 {width: 502px;} .width-503 {width: 503px;} .width-504 {width: 504px;} .width-505 {width: 505px;} .width-506 {width: 506px;} .width-507 {width: 507px;} .width-508 {width: 508px;} .width-509 {width: 509px;}
.width-510 {width: 510px;} .width-511 {width: 511px;} .width-512 {width: 512px;} .width-513 {width: 513px;} .width-514 {width: 514px;} .width-515 {width: 515px;} .width-516 {width: 516px;} .width-517 {width: 517px;} .width-518 {width: 518px;} .width-519 {width: 519px;}
.width-520 {width: 520px;} .width-521 {width: 521px;} .width-522 {width: 522px;} .width-523 {width: 523px;} .width-524 {width: 524px;} .width-525 {width: 525px;} .width-526 {width: 526px;} .width-527 {width: 527px;} .width-528 {width: 528px;} .width-529 {width: 529px;}
.width-530 {width: 530px;} .width-531 {width: 531px;} .width-532 {width: 532px;} .width-533 {width: 533px;} .width-534 {width: 534px;} .width-535 {width: 535px;} .width-536 {width: 536px;} .width-537 {width: 537px;} .width-538 {width: 538px;} .width-539 {width: 539px;}
.width-540 {width: 540px;} .width-541 {width: 541px;} .width-542 {width: 542px;} .width-543 {width: 543px;} .width-544 {width: 544px;} .width-545 {width: 545px;} .width-546 {width: 546px;} .width-547 {width: 547px;} .width-548 {width: 548px;} .width-549 {width: 549px;}
.width-550 {width: 550px;} .width-551 {width: 551px;} .width-552 {width: 552px;} .width-553 {width: 553px;} .width-554 {width: 554px;} .width-555 {width: 555px;} .width-556 {width: 556px;} .width-557 {width: 557px;} .width-558 {width: 558px;} .width-559 {width: 559px;}
.width-560 {width: 560px;} .width-561 {width: 561px;} .width-562 {width: 562px;} .width-563 {width: 563px;} .width-564 {width: 564px;} .width-565 {width: 565px;} .width-566 {width: 566px;} .width-567 {width: 567px;} .width-568 {width: 568px;} .width-569 {width: 569px;}
.width-570 {width: 570px;} .width-571 {width: 571px;} .width-572 {width: 572px;} .width-573 {width: 573px;} .width-574 {width: 574px;} .width-575 {width: 575px;} .width-576 {width: 576px;} .width-577 {width: 577px;} .width-578 {width: 578px;} .width-579 {width: 579px;}
.width-580 {width: 580px;} .width-581 {width: 581px;} .width-582 {width: 582px;} .width-583 {width: 583px;} .width-584 {width: 584px;} .width-585 {width: 585px;} .width-586 {width: 586px;} .width-587 {width: 587px;} .width-588 {width: 588px;} .width-589 {width: 589px;}
.width-590 {width: 590px;} .width-591 {width: 591px;} .width-592 {width: 592px;} .width-593 {width: 593px;} .width-594 {width: 594px;} .width-595 {width: 595px;} .width-596 {width: 596px;} .width-597 {width: 597px;} .width-598 {width: 598px;} .width-599 {width: 599px;}
.width-600 {width: 600px;} .width-601 {width: 601px;} .width-602 {width: 602px;} .width-603 {width: 603px;} .width-604 {width: 604px;} .width-605 {width: 605px;} .width-606 {width: 606px;} .width-607 {width: 607px;} .width-608 {width: 608px;} .width-609 {width: 609px;}
.width-610 {width: 610px;} .width-611 {width: 611px;} .width-612 {width: 612px;} .width-613 {width: 613px;} .width-614 {width: 614px;} .width-615 {width: 615px;} .width-616 {width: 616px;} .width-617 {width: 617px;} .width-618 {width: 618px;} .width-619 {width: 619px;}
.width-620 {width: 620px;} .width-621 {width: 621px;} .width-622 {width: 622px;} .width-623 {width: 623px;} .width-624 {width: 624px;} .width-625 {width: 625px;} .width-626 {width: 626px;} .width-627 {width: 627px;} .width-628 {width: 628px;} .width-629 {width: 629px;}
.width-630 {width: 630px;} .width-631 {width: 631px;} .width-632 {width: 632px;} .width-633 {width: 633px;} .width-634 {width: 634px;} .width-635 {width: 635px;} .width-636 {width: 636px;} .width-637 {width: 637px;} .width-638 {width: 638px;} .width-639 {width: 639px;}
.width-640 {width: 640px;} .width-641 {width: 641px;} .width-642 {width: 642px;} .width-643 {width: 643px;} .width-644 {width: 644px;} .width-645 {width: 645px;} .width-646 {width: 646px;} .width-647 {width: 647px;} .width-648 {width: 648px;} .width-649 {width: 649px;}
.width-650 {width: 650px;} .width-651 {width: 651px;} .width-652 {width: 652px;} .width-653 {width: 653px;} .width-654 {width: 654px;} .width-655 {width: 655px;} .width-656 {width: 656px;} .width-657 {width: 657px;} .width-658 {width: 658px;} .width-659 {width: 659px;}
.width-660 {width: 660px;} .width-661 {width: 661px;} .width-662 {width: 662px;} .width-663 {width: 663px;} .width-664 {width: 664px;} .width-665 {width: 665px;} .width-666 {width: 666px;} .width-667 {width: 667px;} .width-668 {width: 668px;} .width-669 {width: 669px;}
.width-670 {width: 670px;} .width-676 {width: 671px;} .width-672 {width: 172px;} .width-673 {width: 673px;} .width-674 {width: 674px;} .width-675 {width: 675px;} .width-676 {width: 676px;} .width-677 {width: 677px;} .width-678 {width: 678px;} .width-679 {width: 679px;}
.width-680 {width: 680px;} .width-681 {width: 681px;} .width-682 {width: 682px;} .width-683 {width: 683px;} .width-684 {width: 684px;} .width-685 {width: 685px;} .width-686 {width: 686px;} .width-687 {width: 687px;} .width-688 {width: 688px;} .width-689 {width: 689px;}
.width-690 {width: 690px;} .width-691 {width: 691px;} .width-692 {width: 692px;} .width-693 {width: 693px;} .width-694 {width: 694px;} .width-695 {width: 695px;} .width-696 {width: 696px;} .width-697 {width: 697px;} .width-698 {width: 698px;} .width-699 {width: 699px;}
.width-700 {width: 700px;} .width-701 {width: 701px;} .width-702 {width: 702px;} .width-703 {width: 703px;} .width-704 {width: 704px;} .width-705 {width: 705px;} .width-706 {width: 706px;} .width-707 {width: 707px;} .width-708 {width: 708px;} .width-709 {width: 709px;}
.width-710 {width: 710px;} .width-711 {width: 711px;} .width-712 {width: 712px;} .width-713 {width: 713px;} .width-714 {width: 714px;} .width-715 {width: 715px;} .width-716 {width: 716px;} .width-717 {width: 717px;} .width-718 {width: 718px;} .width-719 {width: 719px;}
.width-720 {width: 720px;} .width-721 {width: 721px;} .width-722 {width: 722px;} .width-723 {width: 723px;} .width-724 {width: 724px;} .width-725 {width: 725px;} .width-726 {width: 726px;} .width-727 {width: 727px;} .width-728 {width: 728px;} .width-729 {width: 729px;}
.width-730 {width: 730px;} .width-731 {width: 731px;} .width-732 {width: 732px;} .width-733 {width: 733px;} .width-734 {width: 734px;} .width-735 {width: 735px;} .width-736 {width: 736px;} .width-737 {width: 737px;} .width-738 {width: 738px;} .width-739 {width: 739px;}
.width-740 {width: 740px;} .width-741 {width: 741px;} .width-742 {width: 742px;} .width-743 {width: 743px;} .width-744 {width: 744px;} .width-745 {width: 745px;} .width-746 {width: 746px;} .width-747 {width: 747px;} .width-748 {width: 748px;} .width-749 {width: 749px;}
.width-750 {width: 750px;} .width-751 {width: 751px;} .width-752 {width: 752px;} .width-753 {width: 753px;} .width-754 {width: 754px;} .width-755 {width: 755px;} .width-756 {width: 756px;} .width-757 {width: 757px;} .width-758 {width: 758px;} .width-759 {width: 759px;}
.width-760 {width: 760px;} .width-761 {width: 761px;} .width-762 {width: 762px;} .width-763 {width: 763px;} .width-764 {width: 764px;} .width-765 {width: 765px;} .width-766 {width: 766px;} .width-767 {width: 767px;} .width-768 {width: 768px;} .width-769 {width: 769px;}
.width-770 {width: 770px;} .width-771 {width: 771px;} .width-772 {width: 772px;} .width-773 {width: 773px;} .width-774 {width: 774px;} .width-775 {width: 775px;} .width-776 {width: 776px;} .width-777 {width: 777px;} .width-778 {width: 778px;} .width-779 {width: 779px;}
.width-780 {width: 780px;} .width-781 {width: 781px;} .width-782 {width: 782px;} .width-783 {width: 783px;} .width-784 {width: 784px;} .width-785 {width: 785px;} .width-786 {width: 786px;} .width-787 {width: 787px;} .width-788 {width: 788px;} .width-789 {width: 789px;}
.width-790 {width: 790px;} .width-791 {width: 791px;} .width-192 {width: 792px;} .width-793 {width: 793px;} .width-794 {width: 794px;} .width-795 {width: 795px;} .width-796 {width: 796px;} .width-797 {width: 797px;} .width-798 {width: 798px;} .width-799 {width: 799px;}
.width-800 {width: 800px;} .width-801 {width: 801px;} .width-802 {width: 802px;} .width-803 {width: 803px;} .width-804 {width: 804px;} .width-805 {width: 805px;} .width-806 {width: 806px;} .width-807 {width: 807px;} .width-808 {width: 808px;} .width-809 {width: 809px;}
.width-810 {width: 810px;} .width-811 {width: 811px;} .width-812 {width: 812px;} .width-813 {width: 813px;} .width-814 {width: 814px;} .width-815 {width: 815px;} .width-816 {width: 816px;} .width-817 {width: 817px;} .width-818 {width: 818px;} .width-819 {width: 819px;}
.width-820 {width: 820px;} .width-821 {width: 821px;} .width-822 {width: 822px;} .width-823 {width: 823px;} .width-824 {width: 824px;} .width-825 {width: 825px;} .width-826 {width: 826px;} .width-827 {width: 827px;} .width-828 {width: 828px;} .width-829 {width: 829px;}
.width-830 {width: 830px;} .width-831 {width: 831px;} .width-832 {width: 832px;} .width-833 {width: 833px;} .width-834 {width: 834px;} .width-835 {width: 835px;} .width-836 {width: 836px;} .width-837 {width: 837px;} .width-838 {width: 838px;} .width-839 {width: 839px;}
.width-840 {width: 840px;} .width-841 {width: 841px;} .width-842 {width: 842px;} .width-843 {width: 843px;} .width-844 {width: 844px;} .width-845 {width: 845px;} .width-846 {width: 846px;} .width-847 {width: 847px;} .width-848 {width: 848px;} .width-849 {width: 849px;}
.width-850 {width: 850px;} .width-851 {width: 851px;} .width-852 {width: 852px;} .width-853 {width: 853px;} .width-854 {width: 854px;} .width-855 {width: 855px;} .width-856 {width: 856px;} .width-857 {width: 857px;} .width-858 {width: 858px;} .width-859 {width: 859px;}
.width-860 {width: 860px;} .width-861 {width: 861px;} .width-862 {width: 862px;} .width-863 {width: 863px;} .width-864 {width: 864px;} .width-865 {width: 865px;} .width-866 {width: 866px;} .width-867 {width: 867px;} .width-868 {width: 868px;} .width-869 {width: 869px;}
.width-870 {width: 870px;} .width-871 {width: 871px;} .width-872 {width: 872px;} .width-873 {width: 873px;} .width-874 {width: 874px;} .width-875 {width: 875px;} .width-876 {width: 876px;} .width-877 {width: 877px;} .width-878 {width: 878px;} .width-879 {width: 879px;}
.width-880 {width: 880px;} .width-881 {width: 881px;} .width-882 {width: 882px;} .width-883 {width: 883px;} .width-884 {width: 884px;} .width-885 {width: 885px;} .width-886 {width: 886px;} .width-887 {width: 887px;} .width-888 {width: 888px;} .width-889 {width: 889px;}
.width-890 {width: 890px;} .width-891 {width: 891px;} .width-892 {width: 892px;} .width-893 {width: 893px;} .width-894 {width: 894px;} .width-895 {width: 895px;} .width-896 {width: 896px;} .width-897 {width: 897px;} .width-898 {width: 898px;} .width-899 {width: 899px;}
.width-900 {width: 900px;} .width-901 {width: 901px;} .width-902 {width: 902px;} .width-903 {width: 903px;} .width-904 {width: 904px;} .width-905 {width: 905px;} .width-906 {width: 906px;} .width-907 {width: 907px;} .width-908 {width: 908px;} .width-909 {width: 909px;}
.width-910 {width: 910px;} .width-911 {width: 911px;} .width-912 {width: 912px;} .width-913 {width: 913px;} .width-914 {width: 914px;} .width-915 {width: 915px;} .width-916 {width: 916px;} .width-917 {width: 917px;} .width-918 {width: 918px;} .width-919 {width: 919px;}
.width-920 {width: 920px;} .width-921 {width: 921px;} .width-922 {width: 922px;} .width-923 {width: 923px;} .width-924 {width: 924px;} .width-925 {width: 925px;} .width-926 {width: 926px;} .width-927 {width: 927px;} .width-928 {width: 928px;} .width-929 {width: 929px;}
.width-930 {width: 930px;} .width-931 {width: 931px;} .width-932 {width: 932px;} .width-933 {width: 933px;} .width-934 {width: 934px;} .width-935 {width: 935px;} .width-936 {width: 936px;} .width-937 {width: 937px;} .width-938 {width: 938px;} .width-939 {width: 939px;}
.width-940 {width: 940px;}
/* WIDTH in Percent
Add class [ width-1-percent ] to element to declare it's width.
The number after [ width- ] sets it's maximun percentage wide.
Options range from 1% [ width-1-percent ] to 100% [ width-100-percent ] */
.width-1-percent {width: 1%;} .width-2-percent {width: 2%;} .width-3-percent {width: 3%;}
.width-4-percent {width: 4%;} .width-5-percent {width: 5%;} .width-6-percent {width: 6%;} .width-7-percent {width: 7%;} .width-8-percent {width: 8%;} .width-9-percent {width: 9%;}
.width-10-percent {width: 10%;} .width-11-percent {width: 11%;} .width-12-percent {width: 12%;} .width-13-percent {width: 13%;} .width-14-percent {width: 14%;} .width-15-percent {width: 15%;} .width-16-percent {width: 16%;} .width-17-percent {width: 17%;} .width-18-percent {width: 18%;} .width-19-percent {width: 19%;}
.width-20-percent {width: 20%;} .width-21-percent {width: 21%;} .width-22-percent {width: 22%;} .width-23-percent {width: 23%;} .width-24-percent {width: 24%;} .width-25-percent {width: 25%;} .width-26-percent {width: 26%;} .width-27-percent {width: 27%;} .width-28-percent {width: 28%;} .width-29-percent {width: 29%;}
.width-30-percent {width: 30%;} .width-31-percent {width: 31%;} .width-32-percent {width: 32%;} .width-33-percent {width: 33%;} .width-34-percent {width: 34%;} .width-35-percent {width: 35%;} .width-36-percent {width: 36%;} .width-37-percent {width: 37%;} .width-38-percent {width: 38%;} .width-39-percent {width: 39%;}
.width-40-percent {width: 40%;} .width-41-percent {width: 41%;} .width-42-percent {width: 42%;} .width-43-percent {width: 43%;} .width-44-percent {width: 44%;} .width-45-percent {width: 45%;} .width-46-percent {width: 46%;} .width-47-percent {width: 47%;} .width-48-percent {width: 48%;} .width-485-percent {width: 48.5%;} .width-49-percent {width: 49%;}
.width-50-percent {width: 50%;} .width-51-percent {width: 51%;} .width-52-percent {width: 52%;} .width-53-percent {width: 53%;} .width-54-percent {width: 54%;} .width-55-percent {width: 55%;} .width-56-percent {width: 56%;} .width-57-percent {width: 57%;} .width-58-percent {width: 58%;} .width-59-percent {width: 59%;}
.width-60-percent {width: 60%;} .width-61-percent {width: 61%;} .width-62-percent {width: 62%;} .width-63-percent {width: 63%;} .width-64-percent {width: 64%;} .width-65-percent {width: 65%;} .width-66-percent {width: 66%;} .width-67-percent {width: 67%;} .width-68-percent {width: 68%;} .width-69-percent {width: 69%;}
.width-70-percent {width: 70%;} .width-71-percent {width: 71%;} .width-72-percent {width: 72%;} .width-73-percent {width: 73%;} .width-74-percent {width: 74%;} .width-75-percent {width: 75%;} .width-76-percent {width: 76%;} .width-77-percent {width: 77%;} .width-78-percent {width: 78%;} .width-79-percent {width: 79%;}
.width-80-percent {width: 80%;} .width-81-percent {width: 81%;} .width-82-percent {width: 82%;} .width-83-percent {width: 83%;} .width-84-percent {width: 84%;} .width-85-percent {width: 85%;} .width-86-percent {width: 86%;} .width-87-percent {width: 87%;} .width-88-percent {width: 88%;} .width-89-percent {width: 89%;}
.width-90-percent {width: 90%;} .width-91-percent {width: 91%;} .width-92-percent {width: 92%;} .width-93-percent {width: 93%;} .width-94-percent {width: 94%;} .width-95-percent {width: 95%;} .width-96-percent {width: 96%;} .width-97-percent {width: 97%;} .width-98-percent {width: 98%;} .width-99-percent {width: 99%;}
.width-100-percent {width: 100%;}
/* MAX-WIDTH - Pixels
Add class [ max-width-1 ] to element to declare it's maximum width.
The number at the end of the class sets the maximum number of pixels wide.
Options range from 1px [ max-width-1 ] to 940px [ max-width-940 ] */
.max-width-1 {max-width: 1px;} .max-width-2 {max-width: 2px;} .max-width-3 {max-width: 3px;} .max-width-4 {max-width: 4px;} .max-width-5 {max-width: 5px;} .max-width-6 {max-width: 6px;} .max-width-7 {max-width: 7px;} .max-width-8 {max-width: 8px;} .max-width-9 {max-width: 9px;}
.max-width-10 {max-width: 10px;} .max-width-11 {max-width: 11px;} .max-width-12 {max-width: 12px;} .max-width-13 {max-width: 13px;} .max-width-14 {max-width: 14px;} .max-width-15 {max-width: 15px;} .max-width-16 {max-width: 16px;} .max-width-17 {max-width: 17px;} .max-width-18 {max-width: 18px;} .max-width-19 {max-width: 19px;}
.max-width-20 {max-width: 20px;} .max-width-21 {max-width: 21px;} .max-width-22 {max-width: 22px;} .max-width-23 {max-width: 23px;} .max-width-24 {max-width: 24px;} .max-width-25 {max-width: 25px;} .max-width-26 {max-width: 26px;} .max-width-27 {max-width: 27px;} .max-width-28 {max-width: 28px;} .max-width-29 {max-width: 29px;}
.max-width-30 {max-width: 30px;} .max-width-31 {max-width: 31px;} .max-width-32 {max-width: 32px;} .max-width-33 {max-width: 33px;} .max-width-34 {max-width: 34px;} .max-width-35 {max-width: 35px;} .max-width-36 {max-width: 36px;} .max-width-37 {max-width: 37px;} .max-width-38 {max-width: 38px;} .max-width-39 {max-width: 39px;}
.max-width-40 {max-width: 40px;} .max-width-41 {max-width: 41px;} .max-width-42 {max-width: 42px;} .max-width-43 {max-width: 43px;} .max-width-44 {max-width: 44px;} .max-width-45 {max-width: 45px;} .max-width-46 {max-width: 46px;} .max-width-47 {max-width: 47px;} .max-width-48 {max-width: 48px;} .max-width-49 {max-width: 49px;}
.max-width-50 {max-width: 50px;} .max-width-51 {max-width: 51px;} .max-width-52 {max-width: 52px;} .max-width-53 {max-width: 53px;} .max-width-54 {max-width: 54px;} .max-width-55 {max-width: 55px;} .max-width-56 {max-width: 56px;} .max-width-57 {max-width: 57px;} .max-width-58 {max-width: 58px;} .max-width-59 {max-width: 59px;}
.max-width-60 {max-width: 60px;} .max-width-61 {max-width: 61px;} .max-width-62 {max-width: 62px;} .max-width-63 {max-width: 63px;} .max-width-64 {max-width: 64px;} .max-width-65 {max-width: 65px;} .max-width-66 {max-width: 66px;} .max-width-67 {max-width: 67px;} .max-width-68 {max-width: 68px;} .max-width-69 {max-width: 69px;}
.max-width-70 {max-width: 70px;} .max-width-71 {max-width: 71px;} .max-width-72 {max-width: 72px;} .max-width-73 {max-width: 73px;} .max-width-74 {max-width: 74px;} .max-width-75 {max-width: 75px;} .max-width-76 {max-width: 76px;} .max-width-77 {max-width: 77px;} .max-width-78 {max-width: 78px;} .max-width-79 {max-width: 79px;}
.max-width-80 {max-width: 80px;} .max-width-81 {max-width: 81px;} .max-width-82 {max-width: 82px;} .max-width-83 {max-width: 83px;} .max-width-84 {max-width: 84px;} .max-width-85 {max-width: 85px;} .max-width-86 {max-width: 86px;} .max-width-87 {max-width: 87px;} .max-width-88 {max-width: 88px;} .max-width-89 {max-width: 89px;}
.max-width-90 {max-width: 90px;} .max-width-91 {max-width: 91px;} .max-width-92 {max-width: 92px;} .max-width-93 {max-width: 93px;} .max-width-94 {max-width: 94px;} .max-width-95 {max-width: 95px;} .max-width-96 {max-width: 96px;} .max-width-97 {max-width: 97px;} .max-width-98 {max-width: 98px;} .max-width-99 {max-width: 99px;}
.max-width-100 {max-width: 100px;} .max-width-101 {max-width: 101px;} .max-width-102 {max-width: 102px;} .max-width-103 {max-width: 103px;} .max-width-104 {max-width: 104px;} .max-width-105 {max-width: 105px;} .max-width-106 {max-width: 106px;} .max-width-107 {max-width: 107px;} .max-width-108 {max-width: 108px;} .max-width-109 {max-width: 109px;}
.max-width-110 {max-width: 110px;} .max-width-111 {max-width: 111px;} .max-width-112 {max-width: 112px;} .max-width-113 {max-width: 113px;} .max-width-114 {max-width: 114px;} .max-width-115 {max-width: 115px;} .max-width-116 {max-width: 116px;} .max-width-117 {max-width: 117px;} .max-width-118 {max-width: 118px;} .max-width-119 {max-width: 119px;}
.max-width-120 {max-width: 120px;} .max-width-121 {max-width: 121px;} .max-width-122 {max-width: 122px;} .max-width-123 {max-width: 123px;} .max-width-124 {max-width: 124px;} .max-width-125 {max-width: 125px;} .max-width-126 {max-width: 126px;} .max-width-127 {max-width: 127px;} .max-width-128 {max-width: 128px;} .max-width-129 {max-width: 129px;}
.max-width-130 {max-width: 130px;} .max-width-131 {max-width: 131px;} .max-width-132 {max-width: 132px;} .max-width-133 {max-width: 133px;} .max-width-134 {max-width: 134px;} .max-width-135 {max-width: 135px;} .max-width-136 {max-width: 136px;} .max-width-137 {max-width: 137px;} .max-width-138 {max-width: 138px;} .max-width-139 {max-width: 139px;}
.max-width-140 {max-width: 140px;} .max-width-141 {max-width: 141px;} .max-width-142 {max-width: 142px;} .max-width-143 {max-width: 143px;} .max-width-144 {max-width: 144px;} .max-width-145 {max-width: 145px;} .max-width-146 {max-width: 146px;} .max-width-147 {max-width: 147px;} .max-width-148 {max-width: 148px;} .max-width-149 {max-width: 149px;}
.max-width-150 {max-width: 150px;} .max-width-151 {max-width: 151px;} .max-width-152 {max-width: 152px;} .max-width-153 {max-width: 153px;} .max-width-154 {max-width: 154px;} .max-width-155 {max-width: 155px;} .max-width-156 {max-width: 156px;} .max-width-157 {max-width: 157px;} .max-width-158 {max-width: 158px;} .max-width-159 {max-width: 159px;}
.max-width-160 {max-width: 160px;} .max-width-161 {max-width: 161px;} .max-width-162 {max-width: 162px;} .max-width-163 {max-width: 163px;} .max-width-164 {max-width: 164px;} .max-width-165 {max-width: 165px;} .max-width-166 {max-width: 166px;} .max-width-167 {max-width: 167px;} .max-width-168 {max-width: 168px;} .max-width-169 {max-width: 169px;}
.max-width-170 {max-width: 170px;} .max-width-171 {max-width: 171px;} .max-width-172 {max-width: 172px;} .max-width-173 {max-width: 173px;} .max-width-174 {max-width: 174px;} .max-width-175 {max-width: 175px;} .max-width-176 {max-width: 176px;} .max-width-177 {max-width: 177px;} .max-width-178 {max-width: 178px;} .max-width-179 {max-width: 179px;}
.max-width-180 {max-width: 180px;} .max-width-181 {max-width: 181px;} .max-width-182 {max-width: 182px;} .max-width-183 {max-width: 183px;} .max-width-184 {max-width: 184px;} .max-width-185 {max-width: 185px;} .max-width-186 {max-width: 186px;} .max-width-187 {max-width: 187px;} .max-width-188 {max-width: 188px;} .max-width-189 {max-width: 189px;}
.max-width-190 {max-width: 190px;} .max-width-191 {max-width: 191px;} .max-width-192 {max-width: 192px;} .max-width-193 {max-width: 193px;} .max-width-194 {max-width: 194px;} .max-width-195 {max-width: 195px;} .max-width-196 {max-width: 196px;} .max-width-197 {max-width: 197px;} .max-width-198 {max-width: 198px;} .max-width-199 {max-width: 199px;}
.max-width-200 {max-width: 200px;} .max-width-201 {max-width: 201px;} .max-width-202 {max-width: 202px;} .max-width-203 {max-width: 203px;} .max-width-204 {max-width: 204px;} .max-width-205 {max-width: 205px;} .max-width-206 {max-width: 206px;} .max-width-207 {max-width: 207px;} .max-width-208 {max-width: 208px;} .max-width-209 {max-width: 209px;}
.max-width-210 {max-width: 210px;} .max-width-211 {max-width: 211px;} .max-width-212 {max-width: 212px;} .max-width-213 {max-width: 213px;} .max-width-214 {max-width: 214px;} .max-width-215 {max-width: 215px;} .max-width-216 {max-width: 216px;} .max-width-217 {max-width: 217px;} .max-width-218 {max-width: 218px;} .max-width-219 {max-width: 219px;}
.max-width-220 {max-width: 220px;} .max-width-221 {max-width: 221px;} .max-width-222 {max-width: 222px;} .max-width-223 {max-width: 223px;} .max-width-224 {max-width: 224px;} .max-width-225 {max-width: 225px;} .max-width-226 {max-width: 226px;} .max-width-227 {max-width: 227px;} .max-width-228 {max-width: 228px;} .max-width-229 {max-width: 229px;}
.max-width-230 {max-width: 230px;} .max-width-231 {max-width: 231px;} .max-width-232 {max-width: 232px;} .max-width-233 {max-width: 233px;} .max-width-234 {max-width: 234px;} .max-width-235 {max-width: 235px;} .max-width-236 {max-width: 236px;} .max-width-237 {max-width: 237px;} .max-width-238 {max-width: 238px;} .max-width-239 {max-width: 239px;}
.max-width-240 {max-width: 240px;} .max-width-241 {max-width: 241px;} .max-width-242 {max-width: 242px;} .max-width-243 {max-width: 243px;} .max-width-244 {max-width: 244px;} .max-width-245 {max-width: 245px;} .max-width-246 {max-width: 246px;} .max-width-247 {max-width: 247px;} .max-width-248 {max-width: 248px;} .max-width-249 {max-width: 249px;}
.max-width-250 {max-width: 250px;} .max-width-251 {max-width: 251px;} .max-width-252 {max-width: 252px;} .max-width-253 {max-width: 253px;} .max-width-254 {max-width: 254px;} .max-width-255 {max-width: 255px;} .max-width-256 {max-width: 256px;} .max-width-257 {max-width: 257px;} .max-width-258 {max-width: 258px;} .max-width-259 {max-width: 259px;}
.max-width-260 {max-width: 260px;} .max-width-261 {max-width: 261px;} .max-width-262 {max-width: 262px;} .max-width-263 {max-width: 263px;} .max-width-264 {max-width: 264px;} .max-width-265 {max-width: 265px;} .max-width-266 {max-width: 266px;} .max-width-267 {max-width: 267px;} .max-width-268 {max-width: 268px;} .max-width-269 {max-width: 269px;}
.max-width-270 {max-width: 270px;} .max-width-271 {max-width: 271px;} .max-width-272 {max-width: 272px;} .max-width-273 {max-width: 273px;} .max-width-274 {max-width: 274px;} .max-width-275 {max-width: 275px;} .max-width-276 {max-width: 276px;} .max-width-277 {max-width: 277px;} .max-width-278 {max-width: 278px;} .max-width-279 {max-width: 279px;}
.max-width-280 {max-width: 280px;} .max-width-281 {max-width: 281px;} .max-width-282 {max-width: 282px;} .max-width-283 {max-width: 283px;} .max-width-284 {max-width: 284px;} .max-width-285 {max-width: 285px;} .max-width-286 {max-width: 286px;} .max-width-287 {max-width: 287px;} .max-width-288 {max-width: 288px;} .max-width-289 {max-width: 289px;}
.max-width-290 {max-width: 290px;} .max-width-291 {max-width: 291px;} .max-width-292 {max-width: 292px;} .max-width-293 {max-width: 293px;} .max-width-294 {max-width: 294px;} .max-width-295 {max-width: 295px;} .max-width-296 {max-width: 296px;} .max-width-297 {max-width: 297px;} .max-width-298 {max-width: 298px;} .max-width-299 {max-width: 299px;}
.max-width-300 {max-width: 300px;} .max-width-301 {max-width: 301px;} .max-width-302 {max-width: 302px;} .max-width-303 {max-width: 303px;} .max-width-304 {max-width: 304px;} .max-width-305 {max-width: 305px;} .max-width-306 {max-width: 306px;} .max-width-307 {max-width: 307px;} .max-width-308 {max-width: 308px;} .max-width-309 {max-width: 309px;}
.max-width-310 {max-width: 310px;} .max-width-311 {max-width: 311px;} .max-width-312 {max-width: 312px;} .max-width-313 {max-width: 313px;} .max-width-314 {max-width: 314px;} .max-width-315 {max-width: 315px;} .max-width-316 {max-width: 316px;} .max-width-317 {max-width: 317px;} .max-width-318 {max-width: 318px;} .max-width-319 {max-width: 319px;}
.max-width-320 {max-width: 320px;} .max-width-321 {max-width: 321px;} .max-width-322 {max-width: 322px;} .max-width-323 {max-width: 323px;} .max-width-324 {max-width: 324px;} .max-width-325 {max-width: 325px;} .max-width-326 {max-width: 326px;} .max-width-327 {max-width: 327px;} .max-width-328 {max-width: 328px;} .max-width-329 {max-width: 329px;}
.max-width-330 {max-width: 330px;} .max-width-331 {max-width: 331px;} .max-width-332 {max-width: 332px;} .max-width-333 {max-width: 333px;} .max-width-334 {max-width: 334px;} .max-width-335 {max-width: 335px;} .max-width-336 {max-width: 336px;} .max-width-337 {max-width: 337px;} .max-width-338 {max-width: 338px;} .max-width-339 {max-width: 339px;}
.max-width-340 {max-width: 340px;} .max-width-341 {max-width: 341px;} .max-width-342 {max-width: 342px;} .max-width-343 {max-width: 343px;} .max-width-344 {max-width: 344px;} .max-width-345 {max-width: 345px;} .max-width-346 {max-width: 346px;} .max-width-347 {max-width: 347px;} .max-width-348 {max-width: 348px;} .max-width-349 {max-width: 349px;}
.max-width-350 {max-width: 350px;} .max-width-351 {max-width: 351px;} .max-width-352 {max-width: 352px;} .max-width-353 {max-width: 353px;} .max-width-354 {max-width: 354px;} .max-width-355 {max-width: 355px;} .max-width-356 {max-width: 356px;} .max-width-357 {max-width: 357px;} .max-width-358 {max-width: 358px;} .max-width-359 {max-width: 359px;}
.max-width-360 {max-width: 360px;} .max-width-361 {max-width: 361px;} .max-width-362 {max-width: 362px;} .max-width-363 {max-width: 363px;} .max-width-364 {max-width: 364px;} .max-width-365 {max-width: 365px;} .max-width-366 {max-width: 366px;} .max-width-367 {max-width: 367px;} .max-width-368 {max-width: 368px;} .max-width-369 {max-width: 369px;}
.max-width-370 {max-width: 370px;} .max-width-371 {max-width: 371px;} .max-width-372 {max-width: 372px;} .max-width-373 {max-width: 373px;} .max-width-374 {max-width: 374px;} .max-width-375 {max-width: 375px;} .max-width-376 {max-width: 376px;} .max-width-377 {max-width: 377px;} .max-width-378 {max-width: 378px;} .max-width-379 {max-width: 379px;}
.max-width-380 {max-width: 380px;} .max-width-381 {max-width: 381px;} .max-width-382 {max-width: 382px;} .max-width-383 {max-width: 383px;} .max-width-384 {max-width: 384px;} .max-width-385 {max-width: 385px;} .max-width-386 {max-width: 386px;} .max-width-387 {max-width: 387px;} .max-width-388 {max-width: 388px;} .max-width-389 {max-width: 389px;}
.max-width-390 {max-width: 390px;} .max-width-391 {max-width: 391px;} .max-width-392 {max-width: 392px;} .max-width-393 {max-width: 393px;} .max-width-394 {max-width: 394px;} .max-width-395 {max-width: 395px;} .max-width-396 {max-width: 396px;} .max-width-397 {max-width: 397px;} .max-width-398 {max-width: 398px;} .max-width-399 {max-width: 399px;}
.max-width-400 {max-width: 400px;} .max-width-401 {max-width: 401px;} .max-width-402 {max-width: 402px;} .max-width-403 {max-width: 403px;} .max-width-404 {max-width: 404px;} .max-width-405 {max-width: 405px;} .max-width-406 {max-width: 406px;} .max-width-407 {max-width: 407px;} .max-width-408 {max-width: 408px;} .max-width-409 {max-width: 409px;}
.max-width-410 {max-width: 410px;} .max-width-411 {max-width: 411px;} .max-width-412 {max-width: 412px;} .max-width-413 {max-width: 413px;} .max-width-414 {max-width: 414px;} .max-width-415 {max-width: 415px;} .max-width-416 {max-width: 416px;} .max-width-417 {max-width: 417px;} .max-width-418 {max-width: 418px;} .max-width-419 {max-width: 419px;}
.max-width-420 {max-width: 420px;} .max-width-424 {max-width: 421px;} .max-width-422 {max-width: 422px;} .max-width-423 {max-width: 423px;} .max-width-424 {max-width: 424px;} .max-width-425 {max-width: 425px;} .max-width-426 {max-width: 426px;} .max-width-427 {max-width: 427px;} .max-width-428 {max-width: 428px;} .max-width-429 {max-width: 429px;}
.max-width-430 {max-width: 430px;} .max-width-431 {max-width: 431px;} .max-width-432 {max-width: 432px;} .max-width-433 {max-width: 433px;} .max-width-434 {max-width: 434px;} .max-width-435 {max-width: 435px;} .max-width-436 {max-width: 436px;} .max-width-437 {max-width: 437px;} .max-width-438 {max-width: 438px;} .max-width-439 {max-width: 439px;}
.max-width-440 {max-width: 440px;} .max-width-441 {max-width: 441px;} .max-width-442 {max-width: 442px;} .max-width-443 {max-width: 443px;} .max-width-444 {max-width: 444px;} .max-width-445 {max-width: 445px;} .max-width-446 {max-width: 446px;} .max-width-447 {max-width: 447px;} .max-width-448 {max-width: 448px;} .max-width-449 {max-width: 449px;}
.max-width-450 {max-width: 450px;} .max-width-451 {max-width: 451px;} .max-width-452 {max-width: 452px;} .max-width-453 {max-width: 453px;} .max-width-454 {max-width: 454px;} .max-width-455 {max-width: 455px;} .max-width-456 {max-width: 456px;} .max-width-457 {max-width: 457px;} .max-width-458 {max-width: 458px;} .max-width-459 {max-width: 459px;}
.max-width-460 {max-width: 460px;} .max-width-461 {max-width: 461px;} .max-width-462 {max-width: 462px;} .max-width-463 {max-width: 463px;} .max-width-464 {max-width: 464px;} .max-width-465 {max-width: 465px;} .max-width-466 {max-width: 466px;} .max-width-467 {max-width: 467px;} .max-width-468 {max-width: 468px;} .max-width-469 {max-width: 469px;}
.max-width-470 {max-width: 470px;} .max-width-471 {max-width: 471px;} .max-width-472 {max-width: 472px;} .max-width-473 {max-width: 473px;} .max-width-474 {max-width: 474px;} .max-width-475 {max-width: 475px;} .max-width-476 {max-width: 476px;} .max-width-477 {max-width: 477px;} .max-width-478 {max-width: 478px;} .max-width-479 {max-width: 479px;}
.max-width-480 {max-width: 480px;} .max-width-481 {max-width: 481px;} .max-width-482 {max-width: 482px;} .max-width-483 {max-width: 483px;} .max-width-484 {max-width: 484px;} .max-width-485 {max-width: 485px;} .max-width-486 {max-width: 486px;} .max-width-487 {max-width: 487px;} .max-width-488 {max-width: 488px;} .max-width-489 {max-width: 489px;}
.max-width-490 {max-width: 490px;} .max-width-491 {max-width: 491px;} .max-width-492 {max-width: 492px;} .max-width-493 {max-width: 493px;} .max-width-494 {max-width: 494px;} .max-width-495 {max-width: 495px;} .max-width-496 {max-width: 496px;} .max-width-497 {max-width: 497px;} .max-width-498 {max-width: 498px;} .max-width-499 {max-width: 499px;}
.max-width-500 {max-width: 500px;} .max-width-501 {max-width: 501px;} .max-width-502 {max-width: 502px;} .max-width-503 {max-width: 503px;} .max-width-504 {max-width: 504px;} .max-width-505 {max-width: 505px;} .max-width-506 {max-width: 506px;} .max-width-507 {max-width: 507px;} .max-width-508 {max-width: 508px;} .max-width-509 {max-width: 509px;}
.max-width-510 {max-width: 510px;} .max-width-511 {max-width: 511px;} .max-width-512 {max-width: 512px;} .max-width-513 {max-width: 513px;} .max-width-514 {max-width: 514px;} .max-width-515 {max-width: 515px;} .max-width-516 {max-width: 516px;} .max-width-517 {max-width: 517px;} .max-width-518 {max-width: 518px;} .max-width-519 {max-width: 519px;}
.max-width-520 {max-width: 520px;} .max-width-521 {max-width: 521px;} .max-width-522 {max-width: 522px;} .max-width-523 {max-width: 523px;} .max-width-524 {max-width: 524px;} .max-width-525 {max-width: 525px;} .max-width-526 {max-width: 526px;} .max-width-527 {max-width: 527px;} .max-width-528 {max-width: 528px;} .max-width-529 {max-width: 529px;}
.max-width-530 {max-width: 530px;} .max-width-531 {max-width: 531px;} .max-width-532 {max-width: 532px;} .max-width-533 {max-width: 533px;} .max-width-534 {max-width: 534px;} .max-width-535 {max-width: 535px;} .max-width-536 {max-width: 536px;} .max-width-537 {max-width: 537px;} .max-width-538 {max-width: 538px;} .max-width-539 {max-width: 539px;}
.max-width-540 {max-width: 540px;} .max-width-541 {max-width: 541px;} .max-width-542 {max-width: 542px;} .max-width-543 {max-width: 543px;} .max-width-544 {max-width: 544px;} .max-width-545 {max-width: 545px;} .max-width-546 {max-width: 546px;} .max-width-547 {max-width: 547px;} .max-width-548 {max-width: 548px;} .max-width-549 {max-width: 549px;}
.max-width-550 {max-width: 550px;} .max-width-551 {max-width: 551px;} .max-width-552 {max-width: 552px;} .max-width-553 {max-width: 553px;} .max-width-554 {max-width: 554px;} .max-width-555 {max-width: 555px;} .max-width-556 {max-width: 556px;} .max-width-557 {max-width: 557px;} .max-width-558 {max-width: 558px;} .max-width-559 {max-width: 559px;}
.max-width-560 {max-width: 560px;} .max-width-561 {max-width: 561px;} .max-width-562 {max-width: 562px;} .max-width-563 {max-width: 563px;} .max-width-564 {max-width: 564px;} .max-width-565 {max-width: 565px;} .max-width-566 {max-width: 566px;} .max-width-567 {max-width: 567px;} .max-width-568 {max-width: 568px;} .max-width-569 {max-width: 569px;}
.max-width-570 {max-width: 570px;} .max-width-571 {max-width: 571px;} .max-width-572 {max-width: 572px;} .max-width-573 {max-width: 573px;} .max-width-574 {max-width: 574px;} .max-width-575 {max-width: 575px;} .max-width-576 {max-width: 576px;} .max-width-577 {max-width: 577px;} .max-width-578 {max-width: 578px;} .max-width-579 {max-width: 579px;}
.max-width-580 {max-width: 580px;} .max-width-581 {max-width: 581px;} .max-width-582 {max-width: 582px;} .max-width-583 {max-width: 583px;} .max-width-584 {max-width: 584px;} .max-width-585 {max-width: 585px;} .max-width-586 {max-width: 586px;} .max-width-587 {max-width: 587px;} .max-width-588 {max-width: 588px;} .max-width-589 {max-width: 589px;}
.max-width-590 {max-width: 590px;} .max-width-591 {max-width: 591px;} .max-width-592 {max-width: 592px;} .max-width-593 {max-width: 593px;} .max-width-594 {max-width: 594px;} .max-width-595 {max-width: 595px;} .max-width-596 {max-width: 596px;} .max-width-597 {max-width: 597px;} .max-width-598 {max-width: 598px;} .max-width-599 {max-width: 599px;}
.max-width-600 {max-width: 600px;} .max-width-601 {max-width: 601px;} .max-width-602 {max-width: 602px;} .max-width-603 {max-width: 603px;} .max-width-604 {max-width: 604px;} .max-width-605 {max-width: 605px;} .max-width-606 {max-width: 606px;} .max-width-607 {max-width: 607px;} .max-width-608 {max-width: 608px;} .max-width-609 {max-width: 609px;}
.max-width-610 {max-width: 610px;} .max-width-611 {max-width: 611px;} .max-width-612 {max-width: 612px;} .max-width-613 {max-width: 613px;} .max-width-614 {max-width: 614px;} .max-width-615 {max-width: 615px;} .max-width-616 {max-width: 616px;} .max-width-617 {max-width: 617px;} .max-width-618 {max-width: 618px;} .max-width-619 {max-width: 619px;}
.max-width-620 {max-width: 620px;} .max-width-621 {max-width: 621px;} .max-width-622 {max-width: 622px;} .max-width-623 {max-width: 623px;} .max-width-624 {max-width: 624px;} .max-width-625 {max-width: 625px;} .max-width-626 {max-width: 626px;} .max-width-627 {max-width: 627px;} .max-width-628 {max-width: 628px;} .max-width-629 {max-width: 629px;}
.max-width-630 {max-width: 630px;} .max-width-631 {max-width: 631px;} .max-width-632 {max-width: 632px;} .max-width-633 {max-width: 633px;} .max-width-634 {max-width: 634px;} .max-width-635 {max-width: 635px;} .max-width-636 {max-width: 636px;} .max-width-637 {max-width: 637px;} .max-width-638 {max-width: 638px;} .max-width-639 {max-width: 639px;}
.max-width-640 {max-width: 640px;} .max-width-641 {max-width: 641px;} .max-width-642 {max-width: 642px;} .max-width-643 {max-width: 643px;} .max-width-644 {max-width: 644px;} .max-width-645 {max-width: 645px;} .max-width-646 {max-width: 646px;} .max-width-647 {max-width: 647px;} .max-width-648 {max-width: 648px;} .max-width-649 {max-width: 649px;}
.max-width-650 {max-width: 650px;} .max-width-651 {max-width: 651px;} .max-width-652 {max-width: 652px;} .max-width-653 {max-width: 653px;} .max-width-654 {max-width: 654px;} .max-width-655 {max-width: 655px;} .max-width-656 {max-width: 656px;} .max-width-657 {max-width: 657px;} .max-width-658 {max-width: 658px;} .max-width-659 {max-width: 659px;}
.max-width-660 {max-width: 660px;} .max-width-661 {max-width: 661px;} .max-width-662 {max-width: 662px;} .max-width-663 {max-width: 663px;} .max-width-664 {max-width: 664px;} .max-width-665 {max-width: 665px;} .max-width-666 {max-width: 666px;} .max-width-667 {max-width: 667px;} .max-width-668 {max-width: 668px;} .max-width-669 {max-width: 669px;}
.max-width-670 {max-width: 670px;} .max-width-676 {max-width: 671px;} .max-width-672 {max-width: 172px;} .max-width-673 {max-width: 673px;} .max-width-674 {max-width: 674px;} .max-width-675 {max-width: 675px;} .max-width-676 {max-width: 676px;} .max-width-677 {max-width: 677px;} .max-width-678 {max-width: 678px;} .max-width-679 {max-width: 679px;}
.max-width-680 {max-width: 680px;} .max-width-681 {max-width: 681px;} .max-width-682 {max-width: 682px;} .max-width-683 {max-width: 683px;} .max-width-684 {max-width: 684px;} .max-width-685 {max-width: 685px;} .max-width-686 {max-width: 686px;} .max-width-687 {max-width: 687px;} .max-width-688 {max-width: 688px;} .max-width-689 {max-width: 689px;}
.max-width-690 {max-width: 690px;} .max-width-691 {max-width: 691px;} .max-width-692 {max-width: 692px;} .max-width-693 {max-width: 693px;} .max-width-694 {max-width: 694px;} .max-width-695 {max-width: 695px;} .max-width-696 {max-width: 696px;} .max-width-697 {max-width: 697px;} .max-width-698 {max-width: 698px;} .max-width-699 {max-width: 699px;}
.max-width-700 {max-width: 700px;} .max-width-701 {max-width: 701px;} .max-width-702 {max-width: 702px;} .max-width-703 {max-width: 703px;} .max-width-704 {max-width: 704px;} .max-width-705 {max-width: 705px;} .max-width-706 {max-width: 706px;} .max-width-707 {max-width: 707px;} .max-width-708 {max-width: 708px;} .max-width-709 {max-width: 709px;}
.max-width-710 {max-width: 710px;} .max-width-711 {max-width: 711px;} .max-width-712 {max-width: 712px;} .max-width-713 {max-width: 713px;} .max-width-714 {max-width: 714px;} .max-width-715 {max-width: 715px;} .max-width-716 {max-width: 716px;} .max-width-717 {max-width: 717px;} .max-width-718 {max-width: 718px;} .max-width-719 {max-width: 719px;}
.max-width-720 {max-width: 720px;} .max-width-721 {max-width: 721px;} .max-width-722 {max-width: 722px;} .max-width-723 {max-width: 723px;} .max-width-724 {max-width: 724px;} .max-width-725 {max-width: 725px;} .max-width-726 {max-width: 726px;} .max-width-727 {max-width: 727px;} .max-width-728 {max-width: 728px;} .max-width-729 {max-width: 729px;}
.max-width-730 {max-width: 730px;} .max-width-731 {max-width: 731px;} .max-width-732 {max-width: 732px;} .max-width-733 {max-width: 733px;} .max-width-734 {max-width: 734px;} .max-width-735 {max-width: 735px;} .max-width-736 {max-width: 736px;} .max-width-737 {max-width: 737px;} .max-width-738 {max-width: 738px;} .max-width-739 {max-width: 739px;}
.max-width-740 {max-width: 740px;} .max-width-741 {max-width: 741px;} .max-width-742 {max-width: 742px;} .max-width-743 {max-width: 743px;} .max-width-744 {max-width: 744px;} .max-width-745 {max-width: 745px;} .max-width-746 {max-width: 746px;} .max-width-747 {max-width: 747px;} .max-width-748 {max-width: 748px;} .max-width-749 {max-width: 749px;}
.max-width-750 {max-width: 750px;} .max-width-751 {max-width: 751px;} .max-width-752 {max-width: 752px;} .max-width-753 {max-width: 753px;} .max-width-754 {max-width: 754px;} .max-width-755 {max-width: 755px;} .max-width-756 {max-width: 756px;} .max-width-757 {max-width: 757px;} .max-width-758 {max-width: 758px;} .max-width-759 {max-width: 759px;}
.max-width-760 {max-width: 760px;} .max-width-761 {max-width: 761px;} .max-width-762 {max-width: 762px;} .max-width-763 {max-width: 763px;} .max-width-764 {max-width: 764px;} .max-width-765 {max-width: 765px;} .max-width-766 {max-width: 766px;} .max-width-767 {max-width: 767px;} .max-width-768 {max-width: 768px;} .max-width-769 {max-width: 769px;}
.max-width-770 {max-width: 770px;} .max-width-771 {max-width: 771px;} .max-width-772 {max-width: 772px;} .max-width-773 {max-width: 773px;} .max-width-774 {max-width: 774px;} .max-width-775 {max-width: 775px;} .max-width-776 {max-width: 776px;} .max-width-777 {max-width: 777px;} .max-width-778 {max-width: 778px;} .max-width-779 {max-width: 779px;}
.max-width-780 {max-width: 780px;} .max-width-781 {max-width: 781px;} .max-width-782 {max-width: 782px;} .max-width-783 {max-width: 783px;} .max-width-784 {max-width: 784px;} .max-width-785 {max-width: 785px;} .max-width-786 {max-width: 786px;} .max-width-787 {max-width: 787px;} .max-width-788 {max-width: 788px;} .max-width-789 {max-width: 789px;}
.max-width-790 {max-width: 790px;} .max-width-791 {max-width: 791px;} .max-width-192 {max-width: 792px;} .max-width-793 {max-width: 793px;} .max-width-794 {max-width: 794px;} .max-width-795 {max-width: 795px;} .max-width-796 {max-width: 796px;} .max-width-797 {max-width: 797px;} .max-width-798 {max-width: 798px;} .max-width-799 {max-width: 799px;}
.max-width-800 {max-width: 800px;} .max-width-801 {max-width: 801px;} .max-width-802 {max-width: 802px;} .max-width-803 {max-width: 803px;} .max-width-804 {max-width: 804px;} .max-width-805 {max-width: 805px;} .max-width-806 {max-width: 806px;} .max-width-807 {max-width: 807px;} .max-width-808 {max-width: 808px;} .max-width-809 {max-width: 809px;}
.max-width-810 {max-width: 810px;} .max-width-811 {max-width: 811px;} .max-width-812 {max-width: 812px;} .max-width-813 {max-width: 813px;} .max-width-814 {max-width: 814px;} .max-width-815 {max-width: 815px;} .max-width-816 {max-width: 816px;} .max-width-817 {max-width: 817px;} .max-width-818 {max-width: 818px;} .max-width-819 {max-width: 819px;}
.max-width-820 {max-width: 820px;} .max-width-821 {max-width: 821px;} .max-width-822 {max-width: 822px;} .max-width-823 {max-width: 823px;} .max-width-824 {max-width: 824px;} .max-width-825 {max-width: 825px;} .max-width-826 {max-width: 826px;} .max-width-827 {max-width: 827px;} .max-width-828 {max-width: 828px;} .max-width-829 {max-width: 829px;}
.max-width-830 {max-width: 830px;} .max-width-831 {max-width: 831px;} .max-width-832 {max-width: 832px;} .max-width-833 {max-width: 833px;} .max-width-834 {max-width: 834px;} .max-width-835 {max-width: 835px;} .max-width-836 {max-width: 836px;} .max-width-837 {max-width: 837px;} .max-width-838 {max-width: 838px;} .max-width-839 {max-width: 839px;}
.max-width-840 {max-width: 840px;} .max-width-841 {max-width: 841px;} .max-width-842 {max-width: 842px;} .max-width-843 {max-width: 843px;} .max-width-844 {max-width: 844px;} .max-width-845 {max-width: 845px;} .max-width-846 {max-width: 846px;} .max-width-847 {max-width: 847px;} .max-width-848 {max-width: 848px;} .max-width-849 {max-width: 849px;}
.max-width-850 {max-width: 850px;} .max-width-851 {max-width: 851px;} .max-width-852 {max-width: 852px;} .max-width-853 {max-width: 853px;} .max-width-854 {max-width: 854px;} .max-width-855 {max-width: 855px;} .max-width-856 {max-width: 856px;} .max-width-857 {max-width: 857px;} .max-width-858 {max-width: 858px;} .max-width-859 {max-width: 859px;}
.max-width-860 {max-width: 860px;} .max-width-861 {max-width: 861px;} .max-width-862 {max-width: 862px;} .max-width-863 {max-width: 863px;} .max-width-864 {max-width: 864px;} .max-width-865 {max-width: 865px;} .max-width-866 {max-width: 866px;} .max-width-867 {max-width: 867px;} .max-width-868 {max-width: 868px;} .max-width-869 {max-width: 869px;}
.max-width-870 {max-width: 870px;} .max-width-871 {max-width: 871px;} .max-width-872 {max-width: 872px;} .max-width-873 {max-width: 873px;} .max-width-874 {max-width: 874px;} .max-width-875 {max-width: 875px;} .max-width-876 {max-width: 876px;} .max-width-877 {max-width: 877px;} .max-width-878 {max-width: 878px;} .max-width-879 {max-width: 879px;}
.max-width-880 {max-width: 880px;} .max-width-881 {max-width: 881px;} .max-width-882 {max-width: 882px;} .max-width-883 {max-width: 883px;} .max-width-884 {max-width: 884px;} .max-width-885 {max-width: 885px;} .max-width-886 {max-width: 886px;} .max-width-887 {max-width: 887px;} .max-width-888 {max-width: 888px;} .max-width-889 {max-width: 889px;}
.max-width-890 {max-width: 890px;} .max-width-891 {max-width: 891px;} .max-width-892 {max-width: 892px;} .max-width-893 {max-width: 893px;} .max-width-894 {max-width: 894px;} .max-width-895 {max-width: 895px;} .max-width-896 {max-width: 896px;} .max-width-897 {max-width: 897px;} .max-width-898 {max-width: 898px;} .max-width-899 {max-width: 899px;}
.max-width-900 {max-width: 900px;} .max-width-901 {max-width: 901px;} .max-width-902 {max-width: 902px;} .max-width-903 {max-width: 903px;} .max-width-904 {max-width: 904px;} .max-width-905 {max-width: 905px;} .max-width-906 {max-width: 906px;} .max-width-907 {max-width: 907px;} .max-width-908 {max-width: 908px;} .max-width-909 {max-width: 909px;}
.max-width-910 {max-width: 910px;} .max-width-911 {max-width: 911px;} .max-width-912 {max-width: 912px;} .max-width-913 {max-width: 913px;} .max-width-914 {max-width: 914px;} .max-width-915 {max-width: 915px;} .max-width-916 {max-width: 916px;} .max-width-917 {max-width: 917px;} .max-width-918 {max-width: 918px;} .max-width-919 {max-width: 919px;}
.max-width-920 {max-width: 920px;} .max-width-921 {max-width: 921px;} .max-width-922 {max-width: 922px;} .max-width-923 {max-width: 923px;} .max-width-924 {max-width: 924px;} .max-width-925 {max-width: 925px;} .max-width-926 {max-width: 926px;} .max-width-927 {max-width: 927px;} .max-width-928 {max-width: 928px;} .max-width-929 {max-width: 929px;}
.max-width-930 {max-width: 930px;} .max-width-931 {max-width: 931px;} .max-width-932 {max-width: 932px;} .max-width-933 {max-width: 933px;} .max-width-934 {max-width: 934px;} .max-width-935 {max-width: 935px;} .max-width-936 {max-width: 936px;} .max-width-937 {max-width: 937px;} .max-width-938 {max-width: 938px;} .max-width-939 {max-width: 939px;}
.max-width-940 {max-width: 940px;}
/* Max-width - Percent
Add class [ max-width-1-percent ] to element to declare it's maximum width.
The number after [ max-width- ] sets it's maximum percentage wide.
Options range from 1% [ max-width-1-percent ] to 100% [ max-width-100-percent ] */
.max-width-1-percent {max-width: 1%;} .max-width-2-percent {max-width: 2%;} .max-width-3-percent {max-width: 3%;}
.max-width-4-percent {max-width: 4%;} .max-width-5-percent {max-width: 5%;} .max-width-6-percent {max-width: 6%;} .max-width-7-percent {max-width: 7%;} .max-width-8-percent {max-width: 8%;} .max-width-9-percent {max-width: 9%;}
.max-width-10-percent {max-width: 10%;} .max-width-11-percent {max-width: 11%;} .max-width-12-percent {max-width: 12%;} .max-width-13-percent {max-width: 13%;} .max-width-14-percent {max-width: 14%;} .max-width-15-percent {max-width: 15%;} .max-width-16-percent {max-width: 16%;} .max-width-17-percent {max-width: 17%;} .max-width-18-percent {max-width: 18%;} .max-width-19-percent {max-width: 19%;}
.max-width-20-percent {max-width: 20%;} .max-width-21-percent {max-width: 21%;} .max-width-22-percent {max-width: 22%;} .max-width-23-percent {max-width: 23%;} .max-width-24-percent {max-width: 24%;} .max-width-25-percent {max-width: 25%;} .max-width-26-percent {max-width: 26%;} .max-width-27-percent {max-width: 27%;} .max-width-28-percent {max-width: 28%;} .max-width-29-percent {max-width: 29%;}
.max-width-30-percent {max-width: 30%;} .max-width-31-percent {max-width: 31%;} .max-width-32-percent {max-width: 32%;} .max-width-33-percent {max-width: 33%;} .max-width-34-percent {max-width: 34%;} .max-width-35-percent {max-width: 35%;} .max-width-36-percent {max-width: 36%;} .max-width-37-percent {max-width: 37%;} .max-width-38-percent {max-width: 38%;} .max-width-39-percent {max-width: 39%;}
.max-width-40-percent {max-width: 40%;} .max-width-41-percent {max-width: 41%;} .max-width-42-percent {max-width: 42%;} .max-width-43-percent {max-width: 43%;} .max-width-44-percent {max-width: 44%;} .max-width-45-percent {max-width: 45%;} .max-width-46-percent {max-width: 46%;} .max-width-47-percent {max-width: 47%;} .max-width-48-percent {max-width: 48%;} .max-width-49-percent {max-width: 49%;}
.max-width-50-percent {max-width: 50%;} .max-width-51-percent {max-width: 51%;} .max-width-52-percent {max-width: 52%;} .max-width-53-percent {max-width: 53%;} .max-width-54-percent {max-width: 54%;} .max-width-55-percent {max-width: 55%;} .max-width-56-percent {max-width: 56%;} .max-width-57-percent {max-width: 57%;} .max-width-58-percent {max-width: 58%;} .max-width-59-percent {max-width: 59%;}
.max-width-60-percent {max-width: 60%;} .max-width-61-percent {max-width: 61%;} .max-width-62-percent {max-width: 62%;} .max-width-63-percent {max-width: 63%;} .max-width-64-percent {max-width: 64%;} .max-width-65-percent {max-width: 65%;} .max-width-66-percent {max-width: 66%;} .max-width-67-percent {max-width: 67%;} .max-width-68-percent {max-width: 68%;} .max-width-69-percent {max-width: 69%;}
.max-width-70-percent {max-width: 70%;} .max-width-71-percent {max-width: 71%;} .max-width-72-percent {max-width: 72%;} .max-width-73-percent {max-width: 73%;} .max-width-74-percent {max-width: 74%;} .max-width-75-percent {max-width: 75%;} .max-width-76-percent {max-width: 76%;} .max-width-77-percent {max-width: 77%;} .max-width-78-percent {max-width: 78%;} .max-width-79-percent {max-width: 79%;}
.max-width-80-percent {max-width: 80%;} .max-width-81-percent {max-width: 81%;} .max-width-82-percent {max-width: 82%;} .max-width-83-percent {max-width: 83%;} .max-width-84-percent {max-width: 84%;} .max-width-85-percent {max-width: 85%;} .max-width-86-percent {max-width: 86%;} .max-width-87-percent {max-width: 87%;} .max-width-88-percent {max-width: 88%;} .max-width-89-percent {max-width: 89%;}
.max-width-90-percent {max-width: 90%;} .max-width-91-percent {max-width: 91%;} .max-width-92-percent {max-width: 92%;} .max-width-93-percent {max-width: 93%;} .max-width-94-percent {max-width: 94%;} .max-width-95-percent {max-width: 95%;} .max-width-96-percent {max-width: 96%;} .max-width-97-percent {max-width: 97%;} .max-width-98-percent {max-width: 98%;} .max-width-99-percent {max-width: 99%;}
.max-width-100-percent {max-width: 100%;}
/* height in Pixels -
Add class [ height-100 ] to element to declare it's height.
The number at the end of the class sets the number of pixels wide.
Options range from 1px [ height-1 ] to 940px [ height-940 ] */
.height-1 {height: 1px;} .height-2 {height: 2px;} .height-3 {height: 3px;} .height-4 {height: 4px;} .height-5 {height: 5px;} .height-6 {height: 6px;} .height-7 {height: 7px;} .height-8 {height: 8px;} .height-9 {height: 9px;}
.height-10 {height: 10px;} .height-11 {height: 11px;} .height-12 {height: 12px;} .height-13 {height: 13px;} .height-14 {height: 14px;} .height-15 {height: 15px;} .height-16 {height: 16px;} .height-17 {height: 17px;} .height-18 {height: 18px;} .height-19 {height: 19px;}
.height-20 {height: 20px;} .height-21 {height: 21px;} .height-22 {height: 22px;} .height-23 {height: 23px;} .height-24 {height: 24px;} .height-25 {height: 25px;} .height-26 {height: 26px;} .height-27 {height: 27px;} .height-28 {height: 28px;} .height-29 {height: 29px;}
.height-30 {height: 30px;} .height-31 {height: 31px;} .height-32 {height: 32px;} .height-33 {height: 33px;} .height-34 {height: 34px;} .height-35 {height: 35px;} .height-36 {height: 36px;} .height-37 {height: 37px;} .height-38 {height: 38px;} .height-39 {height: 39px;}
.height-40 {height: 40px;} .height-41 {height: 41px;} .height-42 {height: 42px;} .height-43 {height: 43px;} .height-44 {height: 44px;} .height-45 {height: 45px;} .height-46 {height: 46px;} .height-47 {height: 47px;} .height-48 {height: 48px;} .height-49 {height: 49px;}
.height-50 {height: 50px;} .height-51 {height: 51px;} .height-52 {height: 52px;} .height-53 {height: 53px;} .height-54 {height: 54px;} .height-55 {height: 55px;} .height-56 {height: 56px;} .height-57 {height: 57px;} .height-58 {height: 58px;} .height-59 {height: 59px;}
.height-60 {height: 60px;} .height-61 {height: 61px;} .height-62 {height: 62px;} .height-63 {height: 63px;} .height-64 {height: 64px;} .height-65 {height: 65px;} .height-66 {height: 66px;} .height-67 {height: 67px;} .height-68 {height: 68px;} .height-69 {height: 69px;}
.height-70 {height: 70px;} .height-71 {height: 71px;} .height-72 {height: 72px;} .height-73 {height: 73px;} .height-74 {height: 74px;} .height-75 {height: 75px;} .height-76 {height: 76px;} .height-77 {height: 77px;} .height-78 {height: 78px;} .height-79 {height: 79px;}
.height-80 {height: 80px;} .height-81 {height: 81px;} .height-82 {height: 82px;} .height-83 {height: 83px;} .height-84 {height: 84px;} .height-85 {height: 85px;} .height-86 {height: 86px;} .height-87 {height: 87px;} .height-88 {height: 88px;} .height-89 {height: 89px;}
.height-90 {height: 90px;} .height-91 {height: 91px;} .height-92 {height: 92px;} .height-93 {height: 93px;} .height-94 {height: 94px;} .height-95 {height: 95px;} .height-96 {height: 96px;} .height-97 {height: 97px;} .height-98 {height: 98px;} .height-99 {height: 99px;}
.height-100 {height: 100px;} .height-101 {height: 101px;} .height-102 {height: 102px;} .height-103 {height: 103px;} .height-104 {height: 104px;} .height-105 {height: 105px;} .height-106 {height: 106px;} .height-107 {height: 107px;} .height-108 {height: 108px;} .height-109 {height: 109px;}
.height-110 {height: 110px;} .height-111 {height: 111px;} .height-112 {height: 112px;} .height-113 {height: 113px;} .height-114 {height: 114px;} .height-115 {height: 115px;} .height-116 {height: 116px;} .height-117 {height: 117px;} .height-118 {height: 118px;} .height-119 {height: 119px;}
.height-120 {height: 120px;} .height-121 {height: 121px;} .height-122 {height: 122px;} .height-123 {height: 123px;} .height-124 {height: 124px;} .height-125 {height: 125px;} .height-126 {height: 126px;} .height-127 {height: 127px;} .height-128 {height: 128px;} .height-129 {height: 129px;}
.height-130 {height: 130px;} .height-131 {height: 131px;} .height-132 {height: 132px;} .height-133 {height: 133px;} .height-134 {height: 134px;} .height-135 {height: 135px;} .height-136 {height: 136px;} .height-137 {height: 137px;} .height-138 {height: 138px;} .height-139 {height: 139px;}
.height-140 {height: 140px;} .height-141 {height: 141px;} .height-142 {height: 142px;} .height-143 {height: 143px;} .height-144 {height: 144px;} .height-145 {height: 145px;} .height-146 {height: 146px;} .height-147 {height: 147px;} .height-148 {height: 148px;} .height-149 {height: 149px;}
.height-150 {height: 150px;} .height-151 {height: 151px;} .height-152 {height: 152px;} .height-153 {height: 153px;} .height-154 {height: 154px;} .height-155 {height: 155px;} .height-156 {height: 156px;} .height-157 {height: 157px;} .height-158 {height: 158px;} .height-159 {height: 159px;}
.height-160 {height: 160px;} .height-161 {height: 161px;} .height-162 {height: 162px;} .height-163 {height: 163px;} .height-164 {height: 164px;} .height-165 {height: 165px;} .height-166 {height: 166px;} .height-167 {height: 167px;} .height-168 {height: 168px;} .height-169 {height: 169px;}
.height-170 {height: 170px;} .height-171 {height: 171px;} .height-172 {height: 172px;} .height-173 {height: 173px;} .height-174 {height: 174px;} .height-175 {height: 175px;} .height-176 {height: 176px;} .height-177 {height: 177px;} .height-178 {height: 178px;} .height-179 {height: 179px;}
.height-180 {height: 180px;} .height-181 {height: 181px;} .height-182 {height: 182px;} .height-183 {height: 183px;} .height-184 {height: 184px;} .height-185 {height: 185px;} .height-186 {height: 186px;} .height-187 {height: 187px;} .height-188 {height: 188px;} .height-189 {height: 189px;}
.height-190 {height: 190px;} .height-191 {height: 191px;} .height-192 {height: 192px;} .height-193 {height: 193px;} .height-194 {height: 194px;} .height-195 {height: 195px;} .height-196 {height: 196px;} .height-197 {height: 197px;} .height-198 {height: 198px;} .height-199 {height: 199px;}
.height-200 {height: 200px;} .height-201 {height: 201px;} .height-202 {height: 202px;} .height-203 {height: 203px;} .height-204 {height: 204px;} .height-205 {height: 205px;} .height-206 {height: 206px;} .height-207 {height: 207px;} .height-208 {height: 208px;} .height-209 {height: 209px;}
.height-210 {height: 210px;} .height-211 {height: 211px;} .height-212 {height: 212px;} .height-213 {height: 213px;} .height-214 {height: 214px;} .height-215 {height: 215px;} .height-216 {height: 216px;} .height-217 {height: 217px;} .height-218 {height: 218px;} .height-219 {height: 219px;}
.height-220 {height: 220px;} .height-221 {height: 221px;} .height-222 {height: 222px;} .height-223 {height: 223px;} .height-224 {height: 224px;} .height-225 {height: 225px;} .height-226 {height: 226px;} .height-227 {height: 227px;} .height-228 {height: 228px;} .height-229 {height: 229px;}
.height-230 {height: 230px;} .height-231 {height: 231px;} .height-232 {height: 232px;} .height-233 {height: 233px;} .height-234 {height: 234px;} .height-235 {height: 235px;} .height-236 {height: 236px;} .height-237 {height: 237px;} .height-238 {height: 238px;} .height-239 {height: 239px;}
.height-240 {height: 240px;} .height-241 {height: 241px;} .height-242 {height: 242px;} .height-243 {height: 243px;} .height-244 {height: 244px;} .height-245 {height: 245px;} .height-246 {height: 246px;} .height-247 {height: 247px;} .height-248 {height: 248px;} .height-249 {height: 249px;}
.height-250 {height: 250px;} .height-251 {height: 251px;} .height-252 {height: 252px;} .height-253 {height: 253px;} .height-254 {height: 254px;} .height-255 {height: 255px;} .height-256 {height: 256px;} .height-257 {height: 257px;} .height-258 {height: 258px;} .height-259 {height: 259px;}
.height-260 {height: 260px;} .height-261 {height: 261px;} .height-262 {height: 262px;} .height-263 {height: 263px;} .height-264 {height: 264px;} .height-265 {height: 265px;} .height-266 {height: 266px;} .height-267 {height: 267px;} .height-268 {height: 268px;} .height-269 {height: 269px;}
.height-270 {height: 270px;} .height-271 {height: 271px;} .height-272 {height: 272px;} .height-273 {height: 273px;} .height-274 {height: 274px;} .height-275 {height: 275px;} .height-276 {height: 276px;} .height-277 {height: 277px;} .height-278 {height: 278px;} .height-279 {height: 279px;}
.height-280 {height: 280px;} .height-281 {height: 281px;} .height-282 {height: 282px;} .height-283 {height: 283px;} .height-284 {height: 284px;} .height-285 {height: 285px;} .height-286 {height: 286px;} .height-287 {height: 287px;} .height-288 {height: 288px;} .height-289 {height: 289px;}
.height-290 {height: 290px;} .height-291 {height: 291px;} .height-292 {height: 292px;} .height-293 {height: 293px;} .height-294 {height: 294px;} .height-295 {height: 295px;} .height-296 {height: 296px;} .height-297 {height: 297px;} .height-298 {height: 298px;} .height-299 {height: 299px;}
.height-300 {height: 300px;} .height-301 {height: 301px;} .height-302 {height: 302px;} .height-303 {height: 303px;} .height-304 {height: 304px;} .height-305 {height: 305px;} .height-306 {height: 306px;} .height-307 {height: 307px;} .height-308 {height: 308px;} .height-309 {height: 309px;}
.height-310 {height: 310px;} .height-311 {height: 311px;} .height-312 {height: 312px;} .height-313 {height: 313px;} .height-314 {height: 314px;} .height-315 {height: 315px;} .height-316 {height: 316px;} .height-317 {height: 317px;} .height-318 {height: 318px;} .height-319 {height: 319px;}
.height-320 {height: 320px;} .height-321 {height: 321px;} .height-322 {height: 322px;} .height-323 {height: 323px;} .height-324 {height: 324px;} .height-325 {height: 325px;} .height-326 {height: 326px;} .height-327 {height: 327px;} .height-328 {height: 328px;} .height-329 {height: 329px;}
.height-330 {height: 330px;} .height-331 {height: 331px;} .height-332 {height: 332px;} .height-333 {height: 333px;} .height-334 {height: 334px;} .height-335 {height: 335px;} .height-336 {height: 336px;} .height-337 {height: 337px;} .height-338 {height: 338px;} .height-339 {height: 339px;}
.height-340 {height: 340px;} .height-341 {height: 341px;} .height-342 {height: 342px;} .height-343 {height: 343px;} .height-344 {height: 344px;} .height-345 {height: 345px;} .height-346 {height: 346px;} .height-347 {height: 347px;} .height-348 {height: 348px;} .height-349 {height: 349px;}
.height-350 {height: 350px;} .height-351 {height: 351px;} .height-352 {height: 352px;} .height-353 {height: 353px;} .height-354 {height: 354px;} .height-355 {height: 355px;} .height-356 {height: 356px;} .height-357 {height: 357px;} .height-358 {height: 358px;} .height-359 {height: 359px;}
.height-360 {height: 360px;} .height-361 {height: 361px;} .height-362 {height: 362px;} .height-363 {height: 363px;} .height-364 {height: 364px;} .height-365 {height: 365px;} .height-366 {height: 366px;} .height-367 {height: 367px;} .height-368 {height: 368px;} .height-369 {height: 369px;}
.height-370 {height: 370px;} .height-371 {height: 371px;} .height-372 {height: 372px;} .height-373 {height: 373px;} .height-374 {height: 374px;} .height-375 {height: 375px;} .height-376 {height: 376px;} .height-377 {height: 377px;} .height-378 {height: 378px;} .height-379 {height: 379px;}
.height-380 {height: 380px;} .height-381 {height: 381px;} .height-382 {height: 382px;} .height-383 {height: 383px;} .height-384 {height: 384px;} .height-385 {height: 385px;} .height-386 {height: 386px;} .height-387 {height: 387px;} .height-388 {height: 388px;} .height-389 {height: 389px;}
.height-390 {height: 390px;} .height-391 {height: 391px;} .height-392 {height: 392px;} .height-393 {height: 393px;} .height-394 {height: 394px;} .height-395 {height: 395px;} .height-396 {height: 396px;} .height-397 {height: 397px;} .height-398 {height: 398px;} .height-399 {height: 399px;}
.height-400 {height: 400px;} .height-401 {height: 401px;} .height-402 {height: 402px;} .height-403 {height: 403px;} .height-404 {height: 404px;} .height-405 {height: 405px;} .height-406 {height: 406px;} .height-407 {height: 407px;} .height-408 {height: 408px;} .height-409 {height: 409px;}
.height-410 {height: 410px;} .height-411 {height: 411px;} .height-412 {height: 412px;} .height-413 {height: 413px;} .height-414 {height: 414px;} .height-415 {height: 415px;} .height-416 {height: 416px;} .height-417 {height: 417px;} .height-418 {height: 418px;} .height-419 {height: 419px;}
.height-420 {height: 420px;} .height-424 {height: 421px;} .height-422 {height: 422px;} .height-423 {height: 423px;} .height-424 {height: 424px;} .height-425 {height: 425px;} .height-426 {height: 426px;} .height-427 {height: 427px;} .height-428 {height: 428px;} .height-429 {height: 429px;}
.height-430 {height: 430px;} .height-431 {height: 431px;} .height-432 {height: 432px;} .height-433 {height: 433px;} .height-434 {height: 434px;} .height-435 {height: 435px;} .height-436 {height: 436px;} .height-437 {height: 437px;} .height-438 {height: 438px;} .height-439 {height: 439px;}
.height-440 {height: 440px;} .height-441 {height: 441px;} .height-442 {height: 442px;} .height-443 {height: 443px;} .height-444 {height: 444px;} .height-445 {height: 445px;} .height-446 {height: 446px;} .height-447 {height: 447px;} .height-448 {height: 448px;} .height-449 {height: 449px;}
.height-450 {height: 450px;} .height-451 {height: 451px;} .height-452 {height: 452px;} .height-453 {height: 453px;} .height-454 {height: 454px;} .height-455 {height: 455px;} .height-456 {height: 456px;} .height-457 {height: 457px;} .height-458 {height: 458px;} .height-459 {height: 459px;}
.height-460 {height: 460px;} .height-461 {height: 461px;} .height-462 {height: 462px;} .height-463 {height: 463px;} .height-464 {height: 464px;} .height-465 {height: 465px;} .height-466 {height: 466px;} .height-467 {height: 467px;} .height-468 {height: 468px;} .height-469 {height: 469px;}
.height-470 {height: 470px;} .height-471 {height: 471px;} .height-472 {height: 472px;} .height-473 {height: 473px;} .height-474 {height: 474px;} .height-475 {height: 475px;} .height-476 {height: 476px;} .height-477 {height: 477px;} .height-478 {height: 478px;} .height-479 {height: 479px;}
.height-480 {height: 480px;} .height-481 {height: 481px;} .height-482 {height: 482px;} .height-483 {height: 483px;} .height-484 {height: 484px;} .height-485 {height: 485px;} .height-486 {height: 486px;} .height-487 {height: 487px;} .height-488 {height: 488px;} .height-489 {height: 489px;}
.height-490 {height: 490px;} .height-491 {height: 491px;} .height-492 {height: 492px;} .height-493 {height: 493px;} .height-494 {height: 494px;} .height-495 {height: 495px;} .height-496 {height: 496px;} .height-497 {height: 497px;} .height-498 {height: 498px;} .height-499 {height: 499px;}
.height-500 {height: 500px;} .height-501 {height: 501px;} .height-502 {height: 502px;} .height-503 {height: 503px;} .height-504 {height: 504px;} .height-505 {height: 505px;} .height-506 {height: 506px;} .height-507 {height: 507px;} .height-508 {height: 508px;} .height-509 {height: 509px;}
.height-510 {height: 510px;} .height-511 {height: 511px;} .height-512 {height: 512px;} .height-513 {height: 513px;} .height-514 {height: 514px;} .height-515 {height: 515px;} .height-516 {height: 516px;} .height-517 {height: 517px;} .height-518 {height: 518px;} .height-519 {height: 519px;}
.height-520 {height: 520px;} .height-521 {height: 521px;} .height-522 {height: 522px;} .height-523 {height: 523px;} .height-524 {height: 524px;} .height-525 {height: 525px;} .height-526 {height: 526px;} .height-527 {height: 527px;} .height-528 {height: 528px;} .height-529 {height: 529px;}
.height-530 {height: 530px;} .height-531 {height: 531px;} .height-532 {height: 532px;} .height-533 {height: 533px;} .height-534 {height: 534px;} .height-535 {height: 535px;} .height-536 {height: 536px;} .height-537 {height: 537px;} .height-538 {height: 538px;} .height-539 {height: 539px;}
.height-540 {height: 540px;} .height-541 {height: 541px;} .height-542 {height: 542px;} .height-543 {height: 543px;} .height-544 {height: 544px;} .height-545 {height: 545px;} .height-546 {height: 546px;} .height-547 {height: 547px;} .height-548 {height: 548px;} .height-549 {height: 549px;}
.height-550 {height: 550px;} .height-551 {height: 551px;} .height-552 {height: 552px;} .height-553 {height: 553px;} .height-554 {height: 554px;} .height-555 {height: 555px;} .height-556 {height: 556px;} .height-557 {height: 557px;} .height-558 {height: 558px;} .height-559 {height: 559px;}
.height-560 {height: 560px;} .height-561 {height: 561px;} .height-562 {height: 562px;} .height-563 {height: 563px;} .height-564 {height: 564px;} .height-565 {height: 565px;} .height-566 {height: 566px;} .height-567 {height: 567px;} .height-568 {height: 568px;} .height-569 {height: 569px;}
.height-570 {height: 570px;} .height-571 {height: 571px;} .height-572 {height: 572px;} .height-573 {height: 573px;} .height-574 {height: 574px;} .height-575 {height: 575px;} .height-576 {height: 576px;} .height-577 {height: 577px;} .height-578 {height: 578px;} .height-579 {height: 579px;}
.height-580 {height: 580px;} .height-581 {height: 581px;} .height-582 {height: 582px;} .height-583 {height: 583px;} .height-584 {height: 584px;} .height-585 {height: 585px;} .height-586 {height: 586px;} .height-587 {height: 587px;} .height-588 {height: 588px;} .height-589 {height: 589px;}
.height-590 {height: 590px;} .height-591 {height: 591px;} .height-592 {height: 592px;} .height-593 {height: 593px;} .height-594 {height: 594px;} .height-595 {height: 595px;} .height-596 {height: 596px;} .height-597 {height: 597px;} .height-598 {height: 598px;} .height-599 {height: 599px;}
.height-600 {height: 600px;} .height-601 {height: 601px;} .height-602 {height: 602px;} .height-603 {height: 603px;} .height-604 {height: 604px;} .height-605 {height: 605px;} .height-606 {height: 606px;} .height-607 {height: 607px;} .height-608 {height: 608px;} .height-609 {height: 609px;}
.height-610 {height: 610px;} .height-611 {height: 611px;} .height-612 {height: 612px;} .height-613 {height: 613px;} .height-614 {height: 614px;} .height-615 {height: 615px;} .height-616 {height: 616px;} .height-617 {height: 617px;} .height-618 {height: 618px;} .height-619 {height: 619px;}
.height-620 {height: 620px;} .height-621 {height: 621px;} .height-622 {height: 622px;} .height-623 {height: 623px;} .height-624 {height: 624px;} .height-625 {height: 625px;} .height-626 {height: 626px;} .height-627 {height: 627px;} .height-628 {height: 628px;} .height-629 {height: 629px;}
.height-630 {height: 630px;} .height-631 {height: 631px;} .height-632 {height: 632px;} .height-633 {height: 633px;} .height-634 {height: 634px;} .height-635 {height: 635px;} .height-636 {height: 636px;} .height-637 {height: 637px;} .height-638 {height: 638px;} .height-639 {height: 639px;}
.height-640 {height: 640px;} .height-641 {height: 641px;} .height-642 {height: 642px;} .height-643 {height: 643px;} .height-644 {height: 644px;} .height-645 {height: 645px;} .height-646 {height: 646px;} .height-647 {height: 647px;} .height-648 {height: 648px;} .height-649 {height: 649px;}
.height-650 {height: 650px;} .height-651 {height: 651px;} .height-652 {height: 652px;} .height-653 {height: 653px;} .height-654 {height: 654px;} .height-655 {height: 655px;} .height-656 {height: 656px;} .height-657 {height: 657px;} .height-658 {height: 658px;} .height-659 {height: 659px;}
.height-660 {height: 660px;} .height-661 {height: 661px;} .height-662 {height: 662px;} .height-663 {height: 663px;} .height-664 {height: 664px;} .height-665 {height: 665px;} .height-666 {height: 666px;} .height-667 {height: 667px;} .height-668 {height: 668px;} .height-669 {height: 669px;}
.height-670 {height: 670px;} .height-676 {height: 671px;} .height-672 {height: 172px;} .height-673 {height: 673px;} .height-674 {height: 674px;} .height-675 {height: 675px;} .height-676 {height: 676px;} .height-677 {height: 677px;} .height-678 {height: 678px;} .height-679 {height: 679px;}
.height-680 {height: 680px;} .height-681 {height: 681px;} .height-682 {height: 682px;} .height-683 {height: 683px;} .height-684 {height: 684px;} .height-685 {height: 685px;} .height-686 {height: 686px;} .height-687 {height: 687px;} .height-688 {height: 688px;} .height-689 {height: 689px;}
.height-690 {height: 690px;} .height-691 {height: 691px;} .height-692 {height: 692px;} .height-693 {height: 693px;} .height-694 {height: 694px;} .height-695 {height: 695px;} .height-696 {height: 696px;} .height-697 {height: 697px;} .height-698 {height: 698px;} .height-699 {height: 699px;}
.height-700 {height: 700px;} .height-701 {height: 701px;} .height-702 {height: 702px;} .height-703 {height: 703px;} .height-704 {height: 704px;} .height-705 {height: 705px;} .height-706 {height: 706px;} .height-707 {height: 707px;} .height-708 {height: 708px;} .height-709 {height: 709px;}
.height-710 {height: 710px;} .height-711 {height: 711px;} .height-712 {height: 712px;} .height-713 {height: 713px;} .height-714 {height: 714px;} .height-715 {height: 715px;} .height-716 {height: 716px;} .height-717 {height: 717px;} .height-718 {height: 718px;} .height-719 {height: 719px;}
.height-720 {height: 720px;} .height-721 {height: 721px;} .height-722 {height: 722px;} .height-723 {height: 723px;} .height-724 {height: 724px;} .height-725 {height: 725px;} .height-726 {height: 726px;} .height-727 {height: 727px;} .height-728 {height: 728px;} .height-729 {height: 729px;}
.height-730 {height: 730px;} .height-731 {height: 731px;} .height-732 {height: 732px;} .height-733 {height: 733px;} .height-734 {height: 734px;} .height-735 {height: 735px;} .height-736 {height: 736px;} .height-737 {height: 737px;} .height-738 {height: 738px;} .height-739 {height: 739px;}
.height-740 {height: 740px;} .height-741 {height: 741px;} .height-742 {height: 742px;} .height-743 {height: 743px;} .height-744 {height: 744px;} .height-745 {height: 745px;} .height-746 {height: 746px;} .height-747 {height: 747px;} .height-748 {height: 748px;} .height-749 {height: 749px;}
.height-750 {height: 750px;} .height-751 {height: 751px;} .height-752 {height: 752px;} .height-753 {height: 753px;} .height-754 {height: 754px;} .height-755 {height: 755px;} .height-756 {height: 756px;} .height-757 {height: 757px;} .height-758 {height: 758px;} .height-759 {height: 759px;}
.height-760 {height: 760px;} .height-761 {height: 761px;} .height-762 {height: 762px;} .height-763 {height: 763px;} .height-764 {height: 764px;} .height-765 {height: 765px;} .height-766 {height: 766px;} .height-767 {height: 767px;} .height-768 {height: 768px;} .height-769 {height: 769px;}
.height-770 {height: 770px;} .height-771 {height: 771px;} .height-772 {height: 772px;} .height-773 {height: 773px;} .height-774 {height: 774px;} .height-775 {height: 775px;} .height-776 {height: 776px;} .height-777 {height: 777px;} .height-778 {height: 778px;} .height-779 {height: 779px;}
.height-780 {height: 780px;} .height-781 {height: 781px;} .height-782 {height: 782px;} .height-783 {height: 783px;} .height-784 {height: 784px;} .height-785 {height: 785px;} .height-786 {height: 786px;} .height-787 {height: 787px;} .height-788 {height: 788px;} .height-789 {height: 789px;}
.height-790 {height: 790px;} .height-791 {height: 791px;} .height-192 {height: 792px;} .height-793 {height: 793px;} .height-794 {height: 794px;} .height-795 {height: 795px;} .height-796 {height: 796px;} .height-797 {height: 797px;} .height-798 {height: 798px;} .height-799 {height: 799px;}
.height-800 {height: 800px;} .height-801 {height: 801px;} .height-802 {height: 802px;} .height-803 {height: 803px;} .height-804 {height: 804px;} .height-805 {height: 805px;} .height-806 {height: 806px;} .height-807 {height: 807px;} .height-808 {height: 808px;} .height-809 {height: 809px;}
.height-810 {height: 810px;} .height-811 {height: 811px;} .height-812 {height: 812px;} .height-813 {height: 813px;} .height-814 {height: 814px;} .height-815 {height: 815px;} .height-816 {height: 816px;} .height-817 {height: 817px;} .height-818 {height: 818px;} .height-819 {height: 819px;}
.height-820 {height: 820px;} .height-821 {height: 821px;} .height-822 {height: 822px;} .height-823 {height: 823px;} .height-824 {height: 824px;} .height-825 {height: 825px;} .height-826 {height: 826px;} .height-827 {height: 827px;} .height-828 {height: 828px;} .height-829 {height: 829px;}
.height-830 {height: 830px;} .height-831 {height: 831px;} .height-832 {height: 832px;} .height-833 {height: 833px;} .height-834 {height: 834px;} .height-835 {height: 835px;} .height-836 {height: 836px;} .height-837 {height: 837px;} .height-838 {height: 838px;} .height-839 {height: 839px;}
.height-840 {height: 840px;} .height-841 {height: 841px;} .height-842 {height: 842px;} .height-843 {height: 843px;} .height-844 {height: 844px;} .height-845 {height: 845px;} .height-846 {height: 846px;} .height-847 {height: 847px;} .height-848 {height: 848px;} .height-849 {height: 849px;}
.height-850 {height: 850px;} .height-851 {height: 851px;} .height-852 {height: 852px;} .height-853 {height: 853px;} .height-854 {height: 854px;} .height-855 {height: 855px;} .height-856 {height: 856px;} .height-857 {height: 857px;} .height-858 {height: 858px;} .height-859 {height: 859px;}
.height-860 {height: 860px;} .height-861 {height: 861px;} .height-862 {height: 862px;} .height-863 {height: 863px;} .height-864 {height: 864px;} .height-865 {height: 865px;} .height-866 {height: 866px;} .height-867 {height: 867px;} .height-868 {height: 868px;} .height-869 {height: 869px;}
.height-870 {height: 870px;} .height-871 {height: 871px;} .height-872 {height: 872px;} .height-873 {height: 873px;} .height-874 {height: 874px;} .height-875 {height: 875px;} .height-876 {height: 876px;} .height-877 {height: 877px;} .height-878 {height: 878px;} .height-879 {height: 879px;}
.height-880 {height: 880px;} .height-881 {height: 881px;} .height-882 {height: 882px;} .height-883 {height: 883px;} .height-884 {height: 884px;} .height-885 {height: 885px;} .height-886 {height: 886px;} .height-887 {height: 887px;} .height-888 {height: 888px;} .height-889 {height: 889px;}
.height-890 {height: 890px;} .height-891 {height: 891px;} .height-892 {height: 892px;} .height-893 {height: 893px;} .height-894 {height: 894px;} .height-895 {height: 895px;} .height-896 {height: 896px;} .height-897 {height: 897px;} .height-898 {height: 898px;} .height-899 {height: 899px;}
.height-900 {height: 900px;} .height-901 {height: 901px;} .height-902 {height: 902px;} .height-903 {height: 903px;} .height-904 {height: 904px;} .height-905 {height: 905px;} .height-906 {height: 906px;} .height-907 {height: 907px;} .height-908 {height: 908px;} .height-909 {height: 909px;}
.height-910 {height: 910px;} .height-911 {height: 911px;} .height-912 {height: 912px;} .height-913 {height: 913px;} .height-914 {height: 914px;} .height-915 {height: 915px;} .height-916 {height: 916px;} .height-917 {height: 917px;} .height-918 {height: 918px;} .height-919 {height: 919px;}
.height-920 {height: 920px;} .height-921 {height: 921px;} .height-922 {height: 922px;} .height-923 {height: 923px;} .height-924 {height: 924px;} .height-925 {height: 925px;} .height-926 {height: 926px;} .height-927 {height: 927px;} .height-928 {height: 928px;} .height-929 {height: 929px;}
.height-930 {height: 930px;} .height-931 {height: 931px;} .height-932 {height: 932px;} .height-933 {height: 933px;} .height-934 {height: 934px;} .height-935 {height: 935px;} .height-936 {height: 936px;} .height-937 {height: 937px;} .height-938 {height: 938px;} .height-939 {height: 939px;}
.height-940 {height: 940px;}
/* padding in Pixels -
Add class [ padding-50 ] to element to declare it's padding.
The number at the end of the class sets the number of pixels.
Options range from 1px [ padding-1 ] to 69px [ padding-69 ] */
.padding-1{padding: 1px} .padding-2{padding: 2px} .padding-3{padding: 3px} .padding-4{padding: 4px} .padding-5{padding: 5px} .padding-6{padding: 6px} .padding-7{padding: 7px} .padding-8{padding: 8px} .padding-9{padding: 9px}
.padding-10{padding: 10px} .padding-11{padding: 11px} .padding-12{padding: 12px} .padding-13{padding: 13px} .padding-14{padding: 14px} .padding-15{padding: 15px} .padding-16{padding: 16px} .padding-17{padding: 17px} .padding-18{padding: 18px} .padding-19{padding: 19px}
.padding-20{padding: 20px} .padding-21{padding: 21px} .padding-22{padding: 22px} .padding-23{padding: 23px} .padding-24{padding: 24px} .padding-25{padding: 25px} .padding-26{padding: 26px} .padding-27{padding: 27px} .padding-28{padding: 28px} .padding-29{padding: 29px}
.padding-30{padding: 30px} .padding-31{padding: 31px} .padding-32{padding: 32px} .padding-33{padding: 33px} .padding-34{padding: 34px} .padding-35{padding: 35px} .padding-36{padding: 36px} .padding-37{padding: 37px} .padding-38{padding: 38px} .padding-39{padding: 39px}
.padding-40{padding: 40px} .padding-41{padding: 41px} .padding-42{padding: 42px} .padding-43{padding: 43px} .padding-44{padding: 44px} .padding-45{padding: 45px} .padding-46{padding: 46px} .padding-47{padding: 47px} .padding-48{padding: 48px} .padding-49{padding: 49px}
.padding-50{padding: 50px} .padding-51{padding: 51px} .padding-52{padding: 52px} .padding-53{padding: 53px} .padding-54{padding: 54px} .padding-55{padding: 55px} .padding-56{padding: 56px} .padding-57{padding: 57px} .padding-58{padding: 58px} .padding-49{padding: 49px}
.padding-60{padding: 60px} .padding-61{padding: 61px} .padding-62{padding: 62px} .padding-63{padding: 63px} .padding-64{padding: 64px} .padding-65{padding: 65px} .padding-66{padding: 66px} .padding-67{padding: 67px} .padding-68{padding: 68px} .padding-69{padding: 69px}
/* margin in Pixels -
Add class [ margin-50 ] to element to declare it's margin.
The number at the end of the class sets the number of pixels.
Options range from 1px [ margin-1 ] to 69px [ margin-69 ] */
.margin-1{margin: 1px} .margin-2{margin: 2px} .margin-3{margin: 3px} .margin-4{margin: 4px} .margin-5{margin: 5px} .margin-6{margin: 6px} .margin-7{margin: 7px} .margin-8{margin: 8px} .margin-9{margin: 9px}
.margin-10{margin: 10px} .margin-11{margin: 11px} .margin-12{margin: 12px} .margin-13{margin: 13px} .margin-14{margin: 14px} .margin-15{margin: 15px} .margin-16{margin: 16px} .margin-17{margin: 17px} .margin-18{margin: 18px} .margin-19{margin: 19px}
.margin-20{margin: 20px} .margin-21{margin: 21px} .margin-22{margin: 22px} .margin-23{margin: 23px} .margin-24{margin: 24px} .margin-25{margin: 25px} .margin-26{margin: 26px} .margin-27{margin: 27px} .margin-28{margin: 28px} .margin-29{margin: 29px}
.margin-30{margin: 30px} .margin-31{margin: 31px} .margin-32{margin: 32px} .margin-33{margin: 33px} .margin-34{margin: 34px} .margin-35{margin: 35px} .margin-36{margin: 36px} .margin-37{margin: 37px} .margin-38{margin: 38px} .margin-39{margin: 39px}
.margin-40{margin: 40px} .margin-41{margin: 41px} .margin-42{margin: 42px} .margin-43{margin: 43px} .margin-44{margin: 44px} .margin-45{margin: 45px} .margin-46{margin: 46px} .margin-47{margin: 47px} .margin-48{margin: 48px} .margin-49{margin: 49px}
.margin-50{margin: 50px} .margin-51{margin: 51px} .margin-52{margin: 52px} .margin-53{margin: 53px} .margin-54{margin: 54px} .margin-55{margin: 55px} .margin-56{margin: 56px} .margin-57{margin: 57px} .margin-58{margin: 58px} .margin-49{margin: 49px}
.margin-60{margin: 60px} .margin-61{margin: 61px} .margin-62{margin: 62px} .margin-63{margin: 63px} .margin-64{margin: 64px} .margin-65{margin: 65px} .margin-66{margin: 66px} .margin-67{margin: 67px} .margin-68{margin: 68px} .margin-69{margin: 69px}
/* Float right */
.to-the-right {float: right;}
/* Dividing lines - dotted */
.section-lines {
margin: 40px 0;
background-image: linear-gradient(to right, #000 20%, rgba(255, 255, 255, 0) 0%);
background-position: top;
background-size: 7px 2px;
background-repeat: repeat-x;
width: 100%;
height: 2px;
}
/* Dividing lines - horizontal (OLD) */
.my-section-lines {margin: 40px 0}
/* Cheat LIST divs up to accomodate for lead-in margins */
.my-list-divs{margin: -12px 0 0 0}
/* Adjust LIST divs when screen is 480 pixels or less */
@media(max-width:480px){
.my-list-divs{width: 100%;float: none; margin-bottom: 10px;}
}
/* ========================= */
/* END SIMPLE TWO-COLUMN CSS */
/* ========================= */
/* ----------------------------------- */
/* ===================== */
/* MULTI-COLUMN/ROW CSS */
/* ===================== */
/* Evenly space menu links */
.flex-rows-wrap-space-around{
/* Flexbox to space items uniformly */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: -moz-box;
display: -ms-flexbox; /* INBETWEEN - IE 10 */
display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
/* Controls the spacing of the items inside of this flex container */
/* justify options: flex-start | flex-end | center | stretch | space-between | space-around | space-evenly */
-webkit-box-justify-content:space-around;
-webkit-justify-content:space-around;
-moz-box-justify-content:space-around;
-ms-flexbox-justify-content:space-around;
justify-content:space-around;
/* Controls the layout direction (row or column) and wrap of the items inside */
/* direction options: row | row-reverse | column | column-reverse */
/* wrap options: nowrap | wrap | wrap-reverse */
-webkit-box-flex-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flex-flow: row wrap;
-ms-flexbox-flex-flow: row wrap;
flex-flow: row wrap;
}
/* Evenly space menu links */
.flex-rows-wrap-space-between{
/* Flexbox to space items uniformly */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: -moz-box;
display: -ms-flexbox; /* INBETWEEN - IE 10 */
display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
/* Controls the spacing of the items inside of this flex container */
/* justify options: flex-start | flex-end | center | stretch | space-between | space-around | space-evenly */
-webkit-box-justify-content:space-between;
-webkit-justify-content:space-between;
-moz-box-justify-content:space-between;
-ms-flexbox-justify-content:space-between;
justify-content:space-between;
/* Controls the layout direction (row or column) and wrap of the items inside */
/* direction options: row | row-reverse | column | column-reverse */
/* wrap options: nowrap | wrap | wrap-reverse */
-webkit-box-flex-flow: row wrap;
-webkit-flex-flow: row wrap;
-moz-box-flex-flow: row wrap;
-ms-flexbox-flex-flow: row wrap;
flex-flow: row wrap;
}
/* Align items with this class vertically */
.vert-center{align-items: center;}
.vert-start{align-items:flex-start;}
.vert-end{align-items:flex-end;}
/* ========================= */
/* END MULTI-COLUMN/ROW CSS */
/* ========================= */
/* ----------------------------------- */
/* ======================= */
/* PAGE MENU Drop-down CSS */
/* ======================= */
.dan-menu {
position:relative;/* need this for the overlay */
border:1px solid #999;
border-radius: 3px;
font-family: 'Roboto', sans-serif!important;
z-index: 1;
}
.dan-menu-title {
font-size: 1.375rem;
font-weight: 700;
line-height: 26px;
display:block;
padding: 10px;
cursor: pointer;
opacity: 1!important;
}
.dan-menu .dan-menu-title span {
color: #006272;
float: right;
}
.drop-down {
position: absolute; /* make the dan-menu overlay content below it */
left: -1px;
top: 100%;
width: 100.5%;
max-height: 0;
overflow:hidden;
}
.drop-down-menu {
display: block;
}
/* Links */
.dan-menu a {
display: block;
padding: 3px;
}
/* Both Title and links */
.dan-menu a, label {
text-decoration: none;
}
.activate {
display: none;
position: absolute;
cursor: pointer;
width: 100%;
height: 40px;
margin: 0 0 0 -15px;
opacity: 0;
}
.dan-menu a {
color: black;
}
.drop-down {
background: rgba(255, 255, 255, 0.9);
outline:1px solid #999;
outline-offset: -1px;
outline-radius: 5px;
color: black;
}
.offsetter {padding: 0 8px 0 16px}
.drop-down a {
margin: 10px 0;
padding: 3px 7px;
}
.drop-down a:hover {
font-weight: 700;
color: #006272!important;
box-shadow: -4px 0 0 0 #006272;
padding-left: 10px;
}
.activate:checked ~ .drop-down {
max-height: 1000px;
}
.drop-down, .dan-menu a, .drop-down-menu {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.dan-menu.width-49-percent {width:calc(100% / 2 - 15px);}
/* Bouncing Arrow Icon */
.bounce {
width:15px;
height:15px;
display: block;
-webkit-animation: bounce 3s infinite;
-moz-animation: bounce 3s infinite;
-ms-animation: bounce 3s infinite;
-o-animation: bounce 3s infinite;
animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(8px);
transform: translateY(8px);
}
60% {
-moz-transform: translateY(4px);
transform: translateY(4px);
}
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
60% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
-ms-transform: translateY(8px);
-o-transform: translateY(8px);
transform: translateY(8px);
}
60% {
-webkit-transform: translateY(4px);
-moz-transform: translateY(4px);
-ms-transform: translateY(4px);
-o-transform: translateY(4px);
transform: translateY(4px);
}
}
/* Rotating the arrow */
.flip-arrow {
display:inline-block;
-webkit-transition:.125s;
-moz-transition:.125s;
-ms-transition:.125s;
-o-transition:.125s;
transition:.125s;
}
input[name='accordion-1'] ~ .flip-arrow {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
input[name='accordion-1']:checked ~ label .flip-arrow {
/* rotate arrow */
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
color:#f08f21;
margin-top: 12px;
}
/* ================================ */
/* END PAGE MENU Drop-down menu CSS */
/* ================================ */
/* ----------------------------------- */
/* ---------------------------- */
/* Solutions style Accordians */
/* Bouncing Animation settings are from above PAGE MENU Drop-down */
/* https://www.airgas.com/solutions */
/* ---------------------------- */
/* Bouncing Div holding Arrow Icon */
.bounce-solutions {
width:15px;
height:15px;
font-size: 24px;
display: block;
}
/* Bounce on hover */
.accordion-solutions label:hover .bounce-solutions {
-webkit-animation: bounce 3s infinite;
-moz-animation: bounce 3s infinite;
-ms-animation: bounce 3s infinite;
-o-animation: bounce 3s infinite;
animation: bounce 3s infinite;
}
/* Bounce arrow when checked/open */
.accordion-solutions input:checked + label .flip-arrow .bounce-solutions {
-webkit-animation: bounce 3s infinite;
-moz-animation: bounce 3s infinite;
-ms-animation: bounce 3s infinite;
-o-animation: bounce 3s infinite;
animation: bounce 3s infinite;
}
/* Adjust arrow */
.bounce-solutions img {
margin-top: 3px;
}
/* ---------------------------- */
/* Drop-down / Accordian styles */
/* ---------------------------- */
/* hide checkbox */
.accordion-solutions {
margin: -2px 0 -1px 0!important;
}
/* hide checkbox */
.accordion-solutions input[name='tile'] {
display: none;
}
.accordion-solutions label {
cursor: pointer;
padding: 0 10px;
color: #428bca;
}
/* Label styles */
.accordion-solutions label:hover {
color: #2a6596;
}
.accordion-solutions ul {
padding: 5px 0 0 40px!important;
margin: 0;
}
/* Rotate div holding arrow when checked - opening animation speed */
.accordion-solutions input:checked + label .flip-arrow {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: all .1s ease-in-out;
-ms-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-out;
}
/* Nudge arrow down when open */
.accordion-solutions input:checked + label .flip-arrow .bounce-solutions img {
margin-top: -10px;
}
/* Rotate div holding arrow when checked */
.accordion-solutions .accordion__content {
overflow: hidden;
max-height: 0em;
position: relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
/* Set Max Height for drop-down - opening animation speed */
input[name='tile']:checked ~ .accordion__content {
max-height: 5000px; /* Set max height */
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
}
/* ---------------------------- */
/* Tile / Card styles */
/* ---------------------------- */
.solutions-tile {
border-bottom: 2px dotted #999;
margin: 0;
padding-bottom: 10px;
}
.solutions-tile p {
padding: 0 10px;
margin: 0!important;
}
.solutions-tile h3 {
margin-top: 0;
}
.solutions-tile li {
margin-top: 3px;
line-height: 17px;
}
.solutions-tile hr {
padding: 0;
margin: 10px 0;
}
/* Responsive fonts */
@media screen and (min-width: 768px) and (max-width: 940px) {.solutions-tile h3 {font-size: 2vw}}
@media screen and (min-width: 768px) and (max-width: 940px) {.solutions-tile p, li {font-size: 1.6vw}}
@media screen and (min-width: 480px) and (max-width: 600px) {.solutions-tile h3 {font-size: 2.9vw}}
/* ================================ */
/* END Solutions style Accordians */
/* ================================ */
/* ---------------------------- */
/* Quote Drop-down / Accordian styles */
/* ---------------------------- */
/* hide checkbox */
.accordion-quote {
margin: -2px 0 -1px 0!important;
width: 100%;
}
/* hide checkbox */
.accordion-quote input[name='quote'] {
display: none;
}
.image-right-10 {margin-left: 10px}
.read-more-quote {
margin: 30px 0 0 0;
color: #428bca;
border: 2px solid white;
padding: 10px 20px;
text-transform:uppercase;
cursor: pointer;
}
.read-more-quote:hover {
color: #2a6596;
background: white;
}
.quote-drop-down {
margin: 0;
font-size: 16px;
color: #666;
padding: 20px 100px 10px 100px;
width: 100%;
background-color: white;
}
.accordion-quote label {
cursor: pointer;
color: #428bca;
}
/* Label styles */
.accordion-quote label:hover {
color: #2a6596;
}
.accordion-quote ul {
padding: 5px 0 0 40px!important;
margin: 0;
}
/* Rotate div holding arrow when checked */
.accordion-quote .accordion-quote__content {
overflow: hidden;
max-height: 0em;
position: relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
/* Set Max Height for drop-down - opening animation speed */
input[name='quote']:checked ~ .accordion-quote__content {
max-height: 5000px; /* Set max height */
-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
}
@media (max-width: 600px) {.quote-drop-down {padding: 20px 30px;}}
/* ================================ */
/* END Quote style Accordians */
/* ================================ */
.with-period {margin-left:-3px}
/* ----------------------------------- */
/* ============================================ */
/* NEW LISTS according to standards on "Mother" */
/* ============================================ */
/* Stuff to reset Hybris' current list settings - will not be needed outside of the current Hybris configuration */
.new-lists {
padding: 0!important;
}
/* Unordered Lists */
ul.new-lists {
font-size: 14px;
margin: 16px 0 0 18px!important;
}
/* individual lines */
ul.new-lists li{
margin-top: 8px;
line-height: 18px;
padding-left: 14px;
list-style: none;
position: relative;
}
/* bullets */
ul.new-lists li:before {
content: "\2022";
left: 0;
position: absolute;
font-size:18px;
top: 0;
}
/* Ordered Lists */
ol.new-lists {
counter-reset: foo;
font-size: 14px;
margin: 16px 0 0 18px!important;
}
/* individual lines */
ol.new-lists li{
margin-top: 8px;
line-height: 18px;
padding-left: 15px;
counter-increment: foo;
list-style: none;
position: relative;
}
/* Numbers */
ol.new-lists li:before {
content: counter(foo) ".";
left: 0;
position: absolute;
top: 0;
}
/* Nested Ordered Lists */
ol ol.new-lists {
counter-reset: listStyle;
margin: 10px 0 14px 24px!important;
}
/* Nested individual lines */
ol ol.new-lists li{
margin-top: 8px;
line-height: 18px;
padding-left: 15px;
counter-increment: listStyle;
list-style: none;
position: relative;
}
/* Nested Numbers */
ol ol.new-lists li:before {
content: counter(listStyle, lower-alpha) ".";
left: 0;
position: absolute;
top: 0;
}
/* Solid ball ordered list -
see https://www.airgas.com/industries/food-industry */
.circled-numbers {
list-style: none;
margin: 0 0 0 43px;
text-indent: -43px;
}
.circled-numbers li {
counter-increment: circle-counter;
margin-bottom: 0.5rem;
}
.circled-numbers li:before {
content: counter(circle-counter);
width: 2rem; /* Circle */
height: 2rem; /* Circle */
border-radius: 50%; /* Circle */
display: inline-block; /* Circle & text */
font-size: 1.25rem; /* Text in Circle */
line-height: 2rem; /* Text in Circle */
color: white; /* Text in Circle */
text-align: center; /* Text in Circle */
margin-right: 10px; /* Text in Circle */
text-indent:0;
background-color: #006272;
}
.circled-numbers li:last-child {
margin-bottom: 0;
}
/* ============================================ */
/* NEW LISTS according to standards on "Mother" */
/* ============================================ */
/* ------------------------------------------------------- */
/* ARCHIVED - This was a special use - USE NEW LISTS ABOVE */
/* ------------------------------------------------------- */
/* Stuff to reset Hybris' current list settings - will not be needed outside of the current Hybris configuration */
.nested-bulleted-lists {
padding: 0!important;
}
/* Unordered Lists */
ul.nested-bulleted-lists {
margin: -5px 0 0 0!important;
}
/* individual lines */
ul.nested-bulleted-lists li{
margin-top: 8px;
line-height: 18px;
padding-left: 14px;
list-style: none;
position: relative;
}
/* bullets */
ul.nested-bulleted-lists li:before {
content: "\02219";
left: -1px;
position: absolute;
font-size:20px;
top: -1px;
}
/* NESTED Lists */
ul ul.nested-bulleted-lists {
margin: 5px 0 5px 10px!important;
}
/* NESTED individual lines */
ul ul.nested-bulleted-lists li{
margin-top: 5px;
line-height: 16px;
padding-left: 15px;
list-style: none;
position: relative;
}
/* NESTED Bullets */
ul ul.nested-bulleted-lists li:before {
content: "-";
left: 5px;
position: absolute;
top: 0;
color: #A8A8A8;
}
/* ---------------------------- */
/* END NESTED BULLETED LIST CSS */
/* ---------------------------- */
/* ----------------------------------- */
/* =================================== */
/* CSS to make SVG fluid in Chrome */
/* =================================== */
.my-svg {
/* Flexbox to space items uniformly */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: -moz-box;
display: -ms-flexbox; /* INBETWEEN - IE 10 */
display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
/* Controls the layout direction (row or column) and wrap of the items inside */
/* direction options: row | row-reverse | column | column-reverse */
/* wrap options: nowrap | wrap | wrap-reverse */
-webkit-box-flex-flow: column nowrap;
-webkit-flex-flow: column nowrap;
-moz-box-flex-flow: column nowrap;
-ms-flexbox-flex-flow: column nowrap;
flex-flow: column nowrap;
/* Enables embedded SVG to be a link */
pointer-events: none;
}
/* =================================== */
/* END CSS to make SVG fluid in Chrome */
/* =================================== */
/* CHROME SIZING FIX - copy the code from the triangle (∆∆∆∆∆∆∆∆∆) borders below and paste into your HTML file. AFTER, just to clarify... AFTER pasting into your HTML file (not this CSS file!) follow the directions in the notes.
<-- ∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆ -->
<-- ∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆ -->
<-- ∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆ -->
<-- CSS — to adjust SVG inline -->
<-- END of CSS to be placed in HTML file -->
<-- ∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆ -->
<-- ∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆ -->
<-- ∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆∆ -->
/* ----------------------------------- */
/* =============== */
/* SLIDERS */
/* =============== */
.slider-iframe {
width: 1030px;
height: 420px;
position: relative;
left: 50%;
margin-right: -50%;
transform: translate(-50%)
}
@media (max-width: 1030px) {.slider-iframe{width: 100%;}}
/* =============== */
/* STICKY MENU CSS */
/* =============== */
/* My sticky menu */
.my-sticky-menu {
/* Box setting */
background: rgba(0, 100, 114, 0.95);
width: 100%;
color: #fff;
padding: 7px 10px;
/* Pins it to bottom of page */
position:fixed;
bottom: 0;
left: 0;
}
/* Container to keep width at 940 or less */
.my-sticky-menu-width{
max-width: 940px;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}
/* My sticky menu Headline*/
.my-sticky-menu-headline {
font-size: 18px;
font-weight: 500;
color: #FFF;
}
/* Evenly space menu links */
.my-sticky-menu-links{
/* Flexbox to space items uniformly */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: -moz-box;
display: -ms-flexbox; /* INBETWEEN - IE 10 */
display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
/* Controls the spacing of the items inside of this flex container */
/* justify options: flex-start | flex-end | center | stretch | space-between | space-around | space-evenly */
-webkit-box-justify-content:space-between;
-webkit-justify-content:space-between;
-moz-box-justify-content:space-between;
-ms-flexbox-justify-content:space-between;
justify-content:space-between;
/* Controls the layout direction (row or column) and wrap of the items inside */
/* direction options: row | row-reverse | column | column-reverse */
/* wrap options: nowrap | wrap | wrap-reverse */
-webkit-box-flex-flow: row nowrap;
-webkit-flex-flow: row nowrap;
-moz-box-flex-flow: row nowrap;
-ms-flexbox-flex-flow: row nowrap;
flex-flow: row nowrap;
}
/* Sticky menu link color */
.my-sticky-menu a{color: #FFF; margin: -5px 0 0 0;}
.my-sticky-menu a:hover {color: #d5ecf0;}
/* Adjust stick menu links at 800 pixels or less */
@media(max-width:800px){
.my-sticky-menu a{font-size: 11px; line-height: 14px; padding: 0 15px 8px 0;}
}
/* Adjust sticky menu headline and flow at 450 pixels or less */
@media(max-width:450px){
.my-sticky-menu {text-align: center}
.my-sticky-menu-headline{font-size: 14px;font-weight: 700;line-height: 16px; margin: 0 0 15px 0!important;}
.my-sticky-menu-links{flex-flow: row wrap;
/* This defines how content is distributed in the remaining space */
/* direction options: flex-start | flex-end | center | baseline | stretch */
justify-content: center;
}
}
/* ==================== */
/* END STICKY MENU CSS */
/* ==================== */
/* Mobile & Tablet images hidden by default */
.image-tablet {display:none} .image-mobile {display:none}
.mobile-hero-image{width: 100vw!important;margin-left: -10px}
/* Hide desktop images */
@media (max-width: 768px) {.image-desktop {display:none}}
/* Show tablet images */
@media screen and (min-width: 481px) and (max-width: 768px) {.image-tablet {display:block}.image-desktop {display:none}}
/* Show mobile images */
@media (max-width: 480px) {.image-mobile {display:block}.image-desktop {display:none}}
/* Cards */
.border-cards {padding: 0!important; margin: 0!important; border:1px solid #999;display: flex;flex-flow: column nowrap;}
.border-cards h3 {padding: 0 16px 5px 16px!important;}
.bottom {margin-top:auto!important;}
.card-CTA {color:#428bca;text-transform: uppercase;margin-top:auto!important;}
a:hover .card-CTA {color:#2a6596;}
.border-cards-2 {padding: 0!important; margin: 0!important; border:1px solid #999;}
.padding-LR-10-5 {padding: 0 5px 0 10px}
/* Transition */
.hover-rise {
transition: transform, box-shadow;
transition-timing-function: ease-in-out;
transition-duration: .2s;
}
.hover-rise:hover {
transform: translate(0, -3px);
box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .05), 0 6px 40px 0 rgba(0, 0, 0, .075);
cursor: pointer;
}
/* Hidden spacer divs */
.height-10-hidden {height: 10px; width: 100%; display:none}
.height-20-hidden {height: 20px; width: 100%; display:none}
.height-30-hidden {height: 30px; width: 100%; display:none}
.height-40-hidden {height: 40px; width: 100%; display:none}
.height-50-hidden {height: 50px; width: 100%; display:none}
.height-60-hidden {height: 60px; width: 100%; display:none}
.height-70-hidden {height: 70px; width: 100%; display:none}
.height-80-hidden {height: 80px; width: 100%; display:none}
.height-90-hidden {height: 90px; width: 100%; display:none}
.height-100-hidden {height: 100px; width: 100%; display:none}
.full-screen {
position: relative; /* or absolute */
left: 50%;
width: 100vw;
/* bring your own prefixes */
transform: translate(-50%, 0);
}
.full-screen-inner{
max-width: 940px;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}
.zoom-parent {
width: 291px;
height: 166px;
overflow: hidden;
}
.zoom-child {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-color: #ccc; /* fallback color */
transition: all .25s;
}
.zoom-parent:hover .zoom-child,
.zoom-parent:focus .zoom-child {
transform: scale(1.2);
}
.twenty-left {margin-left: 20px!important;}
.hide-this {display: none}
.zoom-image-intro {
/* Flexbox to space items uniformly */
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: -moz-box;
display: -ms-flexbox; /* INBETWEEN - IE 10 */
display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
/* Controls the layout direction (row or column) and wrap of the items inside */
/* direction options: row | row-reverse | column | column-reverse */
/* wrap options: nowrap | wrap | wrap-reverse */
-webkit-box-flex-flow: row nowrap;
-webkit-flex-flow: row nowrap;
-moz-box-flex-flow: row nowrap;
-ms-flexbox-flex-flow: row nowrap;
flex-flow: row nowrap;
align-items: center;
text-transform: uppercase;
padding: 6px 0;
}
.focus-box-CTA {cursor: pointer}
.fb-CTA {
margin: 0!important;
padding: 10px;
color: #428bca;
}
@media screen and (max-width:600px){
.focus-section {
display:flex;
flex-flow: column;
align-items: center;
}
.focus-box-CTA,
.focus-box-unlocked{
width: 100%;
max-width: 350px;
order:2;
}
.focus-text{order:1;}
.focus-box-gated,
.focus-box-link-accessed{
float: none;
margin: 20px 0!important;
}
.zoom-parent{
width: 100%!important;
}
}
/* Outside div/container */
/* —————————————————————————————— */
.FT-table-container {
max-width: 744px;
max-height: 90vh;
overflow-x:auto;
overflow-y:auto;
}
/* the entire scrollbar */
.FT-table-container::-webkit-scrollbar {
-webkit-appearance: none;
width: 10px;
height: 10px;
}
/* the track (progress bar) of the scrollbar */
.FT-table-container::-webkit-scrollbar-track {
background: rgba(0,0,0,0.1);
border-radius: 0px;
}
/* draggable scrolling handle */
.FT-table-container::-webkit-scrollbar-thumb {
border-radius: 0px;
background: rgba(0,0,0,0.2);
}
.FT-table-container::-webkit-scrollbar-track {cursor:ew-resize;}
.FT-table-container:hover::-webkit-scrollbar-thumb {cursor:pointer;}
/* —————————————————————————————— */
/* Table set-up */
/* —————————————————————————————— */
.FT-srcolling-table {
min-width: 100%;
text-align:center;
}
.FT-srcolling-table th {
background: #d3eaf6;
color: black;
font-weight: 400;
padding: .75rem;
}
.FT-srcolling-table th:first-of-type {
background: #006272;
color: white;
text-transform: uppercase;
}
.FT-srcolling-table td {
padding: .75rem;
min-width: 60px
}
.FT-first-column {
position: sticky;
left: 0;
z-index: 1;
background: #33818e;
color: white;
}
/* —————————————————————————————— */
.dot{
color: #D7001E;
font-size: 34px;
}
.x-mark{
color: #D7001E;
font-size: 30px;
}
.checkmark{
color: #38b173;
font-size: 32px;
}
pre[class*="language-"] {
position: relative;
}
pre[class*="language-"] button {
position: absolute;
top: 5px;
right: 5px;
padding: 5px;
border: none;
text-transform: uppercase;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
font-weight: 700;
background-color: #FF8200;
color: white;
}
pre[class*="language-"] button:hover {
cursor: pointer;
color: white;
background-color: #F1B434;
}
.resources-headline {
margin: 0 0 20px 0!important;
width: 100%;
}
.category-wrapper,
.resources-wrapper,
.general-wrapper{
display: flex;
flex-flow: row wrap;
gap: 20px;
}
.resources-card {
border:1px solid #999;
display: flex;
flex-flow: column nowrap;
}
.resources-card p {padding: 0 5px 0 10px;}
.resources-img-div {
position: relative;
background: #dfdfdf;
aspect-ratio: 16 / 9;
overflow: hidden;
}
.resources-img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.pin-top {
top: 0;
left: 0;
transform:none;
}
.pin-bottom {
top:auto;
bottom: 0;
left: 0;
transform:none;
}
.six-across .resources-card,
.six-across .general-card {flex: 0 0 calc((100% - (5 * 20px)) / 6);}
.five-across .resources-card,
.five-across .general-card {flex: 0 0 calc((100% - (4 * 20px)) / 5);}
.four-across .resources-card,
.four-across .general-card {flex: 0 0 calc((100% - (3 * 20px)) / 4);}
.three-across .resources-card,
.three-across .general-card {flex: 0 0 calc((100% - (2 * 20px)) / 3);}
.two-across .resources-card,
.two-across .general-card {flex: 0 0 calc((100% - (1 * 20px)) / 2);}
.lr-reset p {padding-right: 0; padding-left: 0;}
.no-borders {border:none!important;}
.add-borders {border:1px solid #999;}
@media (max-width:940px) {
.six-across .resources-card,
.five-across .resources-card,
.six-across .general-card {flex: 0 0 calc((100% - (2 * 20px)) / 3);}
}
@media (max-width: 768px) {
.four-across .resources-card {flex: 0 0 calc((100% - (1 * 20px)) / 2);}
.two-across .general-card {flex: 0 0 calc(100%);}
}
@media (max-width: 600px) {
.six-across .resources-card,
.five-across .resources-card,
.three-across .resources-card,
.six-across .general-card,
.five-across .general-card,
.three-across .general-card {flex: 0 0 calc((100% - (1 * 20px)) / 2);}
}
@media (max-width: 480px) {
.four-across .resources-card,
.three-across .resources-card,
.two-across .resources-card,
.four-across .general-card,
.three-across .general-card {
flex: 0 0 calc((100% - (1 * 20px)) / 2);
}
}
@media (max-width: 400px) {
.six-across .resources-card,
.five-across .resources-card,
.four-across .resources-card,
.three-across .resources-card,
.two-across .resources-card,
.five-across .general-card,
.four-across .general-card,
.three-across .general-card,
.two-across .general-card {
flex: 0 0 calc(100%);
}
}
/* RADNOR —————————————————————————————— */
.radnor-2-col-wrap {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
gap: 30px;
}
.radnor-2-col-wrap .spotlight-column {
flex: 1 1 calc(100% - 590px);
display: inline-flex;
flex-flow: row wrap;
gap: 30px;
}
.radnor-2-col-wrap .spotlight-tile {
background: #ddd;
width: 100%;
padding: 14px;
}
.spotlight-tile .full-width-img {
width: calc(100% + 28px);
margin-left: -14px
}
.spotlight-tile .button-container {
display: flex;
justify-content: flex-end;
width: 100%;
}
.radnor-2-col-wrap .cards-column {
flex: 1 1 calc(100% - 380px);
}
.radnor-2-col-wrap .cards-column .resources-wrapper{
gap: 20px;
}
.radnor-2-col-wrap .cards-column .three-across .resources-card{
flex: 0 0 calc(100% / 3 - 14px);
}
.radnor-2-col-wrap .cards-column .four-across .resources-card{
flex: 0 0 calc(100% / 4 - 15px);
}
.aspect-ratio-box {
padding-top: calc(250 / 250 * 100%);
position: relative;
}
.aspect-ratio-box-inside {
position: absolute;
top: 0;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
width: 90%;
height: 90%;
display: flex;
align-items: center;
}
.aspect-ratio-box-inside img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
margin-left:auto;
margin-right:auto;
}
@media (max-width: 768px) {
.radnor-2-col-wrap .spotlight-column {
flex: 0 0 calc(100%);
gap: 20px;
}
.radnor-2-col-wrap .cards-column {
flex: 0 0 calc(100%);
}
.radnor-2-col-wrap .cards-column .four-across .resources-card{
flex: 0 0 calc(100% / 4 - 15px);
}
}
@media (max-width: 600px) {
.radnor-2-col-wrap .cards-column .four-across .resources-card{
flex: 0 0 calc(100% / 3 - 14px);
}
}
@media (max-width: 480px) {
.radnor-2-col-wrap .cards-column .three-across .resources-card,
.radnor-2-col-wrap .cards-column .four-across .resources-card {
flex: 0 0 calc(100% / 2 - 10px);
}
}
@media (max-width: 340px) {
.radnor-2-col-wrap .cards-column .three-across .resources-card,
.radnor-2-col-wrap .cards-column .four-across .resources-card {
flex: 0 0 calc(100%);
}
}
/* END RADNOR —————————————————————————————— */
@media screen and (max-width: 940px) {
.padding-LR-14-18-under-940 {padding: 0 18px 0 14px!important;}
.full-screen-inner {padding: 0 10px;}
}
/* Margin overides */
.no-margin {margin: 0!important;}
.no-top-margin {margin-top: 0!important;}
.no-bottom-margin {margin-bottom: 0!important;}
.no-left-margin {margin-left: 0!important;}
.no-right-margin {margin-right: 0!important;}
/* Padding overides */
.no-padding {padding: 0!important;}
.no-top-padding {padding-top: 0!important;}
.no-bottom-padding {padding-bottom: 0!important;}
.no-left-padding {padding-left: 0!important;}
.no-right-padding {padding-right: 0!important;}
/* Width queries
Two - .forty-8-768
Three - .thirty-1-768
*/
@media (max-width: 768px) {
.hundred-768{width: 100%!important}
.ninety-768{width: 90%!important}
.eighty-768{width: 80%!important}
.seventy-768{width: 70%!important}
.sixty-768{width: 60%!important}
.fifty-768{width: 50%!important}
.forty-8-768{width: 48%!important}
.forty-768{width: 40%!important}
.thirty-1-768{width: 31%!important}
}
@media (max-width: 600px) {
.hundred-600{width: 100%!important}
.ninety-600{width: 90%!important}
.eighty-600{width: 80%!important}
.seventy-600{width: 70%!important}
.sixty-600{width: 60%!important}
.fifty-600{width: 50%!important}
.forty-8-600{width: 48%!important}
.forty-600{width: 40%!important}
.thirty-1-600{width: 31%!important}
}
@media (max-width: 480px) {
.hundred-480{width: 100%!important}
.ninety-480{width: 90%!important}
.eighty-480{width: 80%!important}
.seventy-480{width: 70%!important}
.sixty-480{width: 60%!important}
.fifty-480{width: 50%!important}
.forty-8-480{width: 48%!important}
.forty-480{width: 40%!important}
.thirty-1-480{width: 31%!important}
}
/* Vert center queries */
@media (max-width: 768px) {.vert-center-768{align-items: center;}}
@media (max-width: 600px) {.vert-center-600{align-items: center;}}
@media (max-width: 480px) {.vert-center-480{align-items: center;}}
/* Show items queries */
@media (max-width: 768px) {.show-768{display:block}}
@media (max-width: 600px) {.show-600{display:block}}
@media (max-width: 480px) {.show-480{display:block}}
/* Hide items queries */
@media (max-width: 768px) {.hide-768{display:none}}
@media (max-width: 600px) {.hide-600{display:none}}
@media (max-width: 480px) {.hide-480{display:none}}